@charset "UTF-8";
/* 초기화 및 초기 세팅 */
:root {
	/* 버튼 및 인풋 폼 높이 세팅 */
	--hd_height: 9rem;
	--hd_height_m: 5.6rem;
	--ic_date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='ic_calenda' transform='translate(-0.214)'%3E%3Crect id='사각형_9174' data-name='사각형 9174' width='25' height='25' transform='translate(0.214)' fill='none'/%3E%3Cpath id='calendar_month_FILL0_wght400_GRAD0_opsz24' d='M122.193-858.068a2.112,2.112,0,0,1-1.549-.644,2.112,2.112,0,0,1-.644-1.549v-15.352a2.112,2.112,0,0,1,.644-1.549,2.112,2.112,0,0,1,1.549-.644h1.1V-880h2.193v2.193h8.773V-880h2.193v2.193h1.1a2.112,2.112,0,0,1,1.549.644,2.112,2.112,0,0,1,.644,1.549v15.352a2.112,2.112,0,0,1-.644,1.549,2.112,2.112,0,0,1-1.549.644Zm0-2.193h15.352v-10.966H122.193Zm0-13.159h15.352v-2.193H122.193Zm0,0v0Zm7.676,6.58a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,129.869-866.841Zm-4.386,0a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,125.483-866.841Zm8.773,0a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,134.256-866.841Zm-4.386,4.386a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,129.869-862.454Zm-4.386,0a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,125.483-862.454Zm8.773,0a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,134.256-862.454Z' transform='translate(-116.786 882)' fill='%23585e65'/%3E%3C/g%3E%3C/svg%3E%0A");
	--ic_time:url("data:image/svg+xml,%3Csvg id='ic_clock' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Crect id='사각형_9176' data-name='사각형 9176' width='25' height='25' fill='none'/%3E%3Cpath id='schedule_FILL0_wght400_GRAD0_opsz24_1_' data-name='schedule_FILL0_wght400_GRAD0_opsz24 (1)' d='M94.319-864.173l1.507-1.507-3.984-3.984v-4.953H89.69v5.814Zm-3.553,5.706a10.484,10.484,0,0,1-4.2-.848,10.873,10.873,0,0,1-3.418-2.3,10.873,10.873,0,0,1-2.3-3.418,10.484,10.484,0,0,1-.848-4.2,10.484,10.484,0,0,1,.848-4.2,10.873,10.873,0,0,1,2.3-3.418,10.875,10.875,0,0,1,3.418-2.3,10.485,10.485,0,0,1,4.2-.848,10.485,10.485,0,0,1,4.2.848,10.875,10.875,0,0,1,3.418,2.3,10.872,10.872,0,0,1,2.3,3.418,10.484,10.484,0,0,1,.848,4.2,10.484,10.484,0,0,1-.848,4.2,10.873,10.873,0,0,1-2.3,3.418,10.873,10.873,0,0,1-3.418,2.3A10.484,10.484,0,0,1,90.766-858.467ZM90.766-869.234Zm0,8.613a8.3,8.3,0,0,0,6.1-2.517,8.3,8.3,0,0,0,2.517-6.1,8.3,8.3,0,0,0-2.517-6.1,8.3,8.3,0,0,0-6.1-2.517,8.3,8.3,0,0,0-6.1,2.517,8.3,8.3,0,0,0-2.517,6.1,8.3,8.3,0,0,0,2.517,6.1A8.3,8.3,0,0,0,90.766-860.62Z' transform='translate(-78 882)' fill='%23585e65'/%3E%3C/svg%3E%0A");
	--header-height: 5.6rem;
	--category-height: 4.5rem;
	--bottom-menu-height: 5.5rem;
	--map-control-size: 4.5rem;
	--theme-color: #4A89DC;
	--drag-handle-height: 2.4rem; /* 드래그 핸들 높이 추가 */
}


div::-webkit-scrollbar {
	width: 0.6rem;
	height: 0.6rem;
}
div::-webkit-scrollbar-thumb {
	background-color: var(--border100);
	border-radius: 100px;
}


html { font-size:10px;}
body {
	margin: 0 auto;
	padding: 0;
	overflow: hidden scroll;
	background: var(--light);
	color: var(--text);
}

.mobile_wr{ max-width:576px; margin:0 auto; background: #fff; box-shadow: 0 0 1.5rem rgb(0 0 0 /2%);}
/* 하단메뉴 높이만큼 padding값 추가 */
.mobile_wr:has(.bt_menu){ padding-bottom: 6.5rem;}
/* 카테고리 페이지는 제외 */
.mobile_wr:has(.category_pg){ padding-bottom: 0;}

.mobile_wr:has(.bt_menu) .go_top2{bottom: 7.5rem;}


/* bar */
.bar{ height: 8px; background-color: var(--bg-light);}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

ul, dl,dt,dd { margin:0; padding:0; list-style:none }
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden }
label, input, button, select, img { vertical-align:middle; }
input, button { margin:0; padding:0;}
input[type="submit"] {cursor:auto;}
button {cursor: auto;word-break: keep-all;}
select {margin:0}
p { margin:0; padding:0;}
hr { display:none }
a { text-decoration:none;}
a:hover { text-decoration: none; }
.un_reboot_a { color: var(--text); text-decoration: underline; }
*, :after, :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	word-break: normal;
	word-wrap: break-word;
}

img { max-width:100%; display:inline-block; height: auto; }
.container-fluid {max-width: 2560px;}
.mobile_wr {
	/*border-left: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;*/
	box-sizing: content-box;
	min-height: 100vh;
}



/**************************************************/
/*								공통 class 설정	  								*/
/**************************************************/
.vh_min100{min-height:100vh;}
.vh_100_vh{height:100vh;}
.w-auto{width:auto;}

.cursor_pointer{cursor: pointer;}
.cursor_default{ cursor: default !important;}

.over_hidden{overflow:hidden;}
.text_dynamic{ white-space: pre-line;}
.text-black{color:#121212;}

.bg-primary-light{background:var(--primary-light);}
.bg-light-50{ background: var(--light-50);}

/* 스크롤바 none */
.scroll_bar_none { -ms-overflow-style: none; scrollbar-width: none;}
.scroll_bar_none::-webkit-scrollbar { display: none; }

/*테이블 반응형때*/
.touch_scroll { overflow-x: auto; overflow-y: hidden; }

.zd_2{position:relative;z-index:2;}
.flex-center{ align-items: center; justify-content: center;}
.gap_6{ gap:0.6rem;}
.gap_8{ gap:0.8rem;}
.gap_15{ gap:1.5rem;}

.price_count{ display: inline-flex; word-break: break-all; text-align: right;}

.img_fil_gray_400{ filter: invert(57%) sepia(8%) saturate(324%) hue-rotate(160deg) brightness(93%) contrast(86%);}

.icon_7{ width: 0.7rem;}
.icon_10{ width: 1.0rem;}
.icon_14{ width: 1.4rem;}
.icon_15{ width: 1.5rem;}
.icon_16{ width: 1.6rem;}


.absol_a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}

.text_deco_through{ text-decoration: line-through;}





/**************************************************/
/*					 텍스트 설정 / 폰트 커스텀	  					*/
/**************************************************/
.line_h1 { line-height:1.0em; }
.line_h1_1 { line-height:1.1em; }
.line_h1_2 { line-height:1.2em; }
.line_h1_3 { line-height:1.3em; }
.line_h1_4 { line-height:1.4em; }
.line_h1_5 { line-height:1.5em; }
.line_h1_6 { line-height:1.6em; }
.line_h1_7 { line-height:1.7em; }
.line_h1_8 { line-height:1.8em; }
.line_h1_9 { line-height:1.9em; }
.line_h2 { line-height:2.0em; }


/*폰트커스텀 기본사이즈 10px*/
/* 페이지 타이틀 : .page_tit 검색 */
.tit_h1 { font-size: 2.0rem; font-weight: 700; line-height: 130%;}
.tit_h2 { font-size: 1.8rem; font-weight: 700; line-height: 130%;}
.tit_h3 { font-size: 1.6rem; font-weight: 700; line-height: 130%;}
.sm_tit1{ font-size: 1.4rem; font-weight: 400; line-height: 130%; color: var(--gray-300);}
.sm_tit2{ font-size: 1.4rem; font-weight: 400; line-height: 130%; color: var(--gray-400);}

/* 상품 리스트 제목 */
.product_tit{ font-size: 1.5rem; font-weight: 400; line-height: 130%;}



.fs_8 { font-size: 0.8rem; }
.fs_9 { font-size: 0.9rem; }
.fs_10 { font-size: 1.0rem; }
.fs_11 { font-size: 1.1rem !important; }
.fs_12 { font-size: 1.2rem !important; }
.fs_13 { font-size: 1.3rem !important; }
.fs_14 { font-size: 1.4rem !important; }
.fs_15 { font-size: 1.5rem !important; }
.fs_16 { font-size: 1.6rem !important; }
.fs_17 { font-size: 1.7rem !important; }
.fs_18 { font-size: 1.8rem !important; }
.fs_19 { font-size: 1.9rem !important; }
.fs_20 { font-size: 2.0rem !important; }
.fs_21 { font-size: 2.1rem !important; }
.fs_22 { font-size: 2.2rem; }
.fs_23 { font-size: 2.3rem; }
.fs_24 { font-size: 2.4rem; }
.fs_25 { font-size: 2.5rem; }
.fs_26 { font-size: 2.6rem; }
.fs_27 { font-size: 2.7rem; }
.fs_28 { font-size: 2.8rem; }
.fs_29 { font-size: 2.9rem; }
.fs_30 { font-size: 3.0rem; }

.fw_100 { font-weight: 100; }
.fw_200 { font-weight: 200; }
.fw_300 { font-weight: 300; }
.fw_400 { font-weight: 400; }
.fw_500 { font-weight: 500; }
.fw_600 { font-weight: 600; }
.fw_700 { font-weight: 700; }
.fw_800 { font-weight: 800; }
.fw_900 { font-weight: 900; }


.wh_pre { white-space: pre-line; }
.wh_nowrap { white-space: nowrap; }

.break_all{word-break: break-all;}

/*글자 줄임말/자르기*/
.line_text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;word-break: break-all;}
.line1_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;}
.line2_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;}
.line3_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: break-all;}






/**************************************************/
/*								공통요소 설정		  								*/
/**************************************************/
/*노데이터*/
.no_data {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.no_data img{ width: 10.6rem;}
.no_data_txt:has(p) h5{ margin-bottom: 1.0rem;}
.no_data_txt h5{
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4em;
	text-align: center;
}
.no_data_txt p{
	color: var(--gray-300);
	line-height: 1.4em;
}


.dot_list li {
	list-style: none;
	margin-bottom:1.0rem;
	display: flex;
}
.dot_list li:before {
	content:"·";
	vertical-align:middle;
	margin-right:0.5rem;
}
.dot_list li:last-child{margin-bottom:0;}
.dot_list.fs_10 li{margin-bottom:0.3rem;}

.ul_list{}
.ol_list{padding-left: 2rem;}
.ol_list li{margin-bottom:0.5rem;line-height: 140%;}



/* 폼 사각형 */
.sq_guide { display:flex; flex-wrap: wrap; }
.sq_guide li {
	width: 80px;
	height: 40px;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	margin: 0.5rem;
}



/* 버튼 */
/*바텀버튼*/
.bottom_btn {
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 100%;
	padding: 1.0rem;
	max-width: 576px;
	transform: translateX(-50%);
	z-index: 1040;
	background: #fff;
}
/* 고탑버튼 */
.go_top2 {
	width: 4.0rem;
	height: 4.0rem;
	background: url(../img/go_top.png)no-repeat center;
	background-color: #fff;
	background-size: 1.9rem auto;
	z-index: 1000;
	border-radius: 50%;
	display: none;
	position: fixed;
	right: 50%;
	bottom: 7.6rem;
	transform: translateX(272px);
	border: 1px solid var(--border);
	box-shadow: rgb(0 0 0 / 7%) 0 0.3rem 0.6rem;
}
.go_top2.show{display: block;}

/* 고탑버튼 설정 : wrap에 해당 클래스 넣어주면 됩니다.
	바텀 메뉴 있는 경우가 기본설정입니다. */
.mobile_wr:has(.no_go_top) .go_top2.show{display: none;}
/*.mobile_wr:has(.with_bt_menu) .go_top2{bottom: 7.6rem;}*/
.mobile_wr:has(.with_bt_btn) .go_top2{bottom: 9.0rem;}
.mobile_wr:has(.no_bt_btn) .go_top2{bottom: 1.5rem;}




.btn { height: var(--height);display: inline-flex;justify-content: center; align-items: center;border-radius: 1.0rem;font-size: 1.4rem;font-weight:500;padding-left:1.5rem;padding-right:1.5rem;word-break: keep-all;}
.btn-sm {height: var(--height_sm);border-radius: 0.6rem;font-size: 1.2rem;padding-left:1.0rem;padding-right:1.0rem;}
.btn-md { height: var(--height_md);border-radius: 0.8rem;font-size: 1.3rem;}
.btn-lg { height: var(--height_lg);font-weight:700;font-size: 1.6rem;}
.btn-link{height:auto;padding:0;cursor: pointer;display: flex;align-items: center;border-radius: 0;background: transparent;flex-shrink: 0;border: 0;}
.btn-icon{height:auto;padding:0;cursor: pointer;display: flex;align-items: center;border-radius: 0;background: transparent;flex-shrink: 0;border: 0;}
.btn-icon img{flex-shrink: 0;}

.btn-light-primary{background:var(--primary-light);border-color:var(--primary-light);color:var(--primary);}
.btn-light-primary:hover, .btn-light-primary:focus{color:var(--primary);}


.btn-naver{background:#1CC800;border-color:#1CC800;color:#fff;}
.btn-naver:hover, .btn-naver:focus{background:#1ABB00;border-color:#1ABB00;}

.btn-kakao{background:#FFDD00;border-color:#FFDD00;color:#333;}
.btn-kakao:hover, .btn-kakao:focus{background:#FFCC00;border-color:#FFCC00;}

.btn-apple{background:#000;border-color:#000;color:#fff;}
.btn-apple:hover, .btn-apple:focus{background:#222;border-color:#222;}



.btn.disabled, .btn:disabled {
	opacity: 1;
	color: var(--gray-300) !important;
	background: var(--border100);
	border-color: var(--border100);
}


.btn-group-toggle .btn-outline-light:not(:disabled):not(.disabled).active, .btn-group-toggle .show > .btn-outline-light.dropdown-toggle {
	color: var(--primary);
	background-color: #fff;
	border-color: var(--primary);
}
.btn-group-toggle .btn-light:not(:disabled):not(.disabled).active, .btn-group-toggle .show > .btn-light.dropdown-toggle {
	color: #000;
	background-color: #fff;
	border-color: #000;
}
.btn-group-toggle .btn{margin-right:0.6rem;}
.btn-group-toggle .btn:last-child{margin-right:0;}

.btn-group-toggle .btn input[type=radio], .btn-group-toggle .btn input[type=checkbox], .btn-group-toggle .btn-group .btn input[type=radio], .btn-group-toggle .btn-group .btn input[type=checkbox] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}


.btn-group-full{display:flex;}
.btn-group-full .btn{display:flex;padding-left:0.4rem;padding-right:0.4rem;}

.btn_toggle_primary .btn-outline-light{border-color:#D6DAE5;}
.btn_toggle_primary .btn-outline-light:not(:disabled):not(.disabled).active{color: var(--primary);background-color: #fff;border-color: var(--primary);font-weight:600;}



/* 인풋 자동완성 초기화 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: var(--text);
	-webkit-box-shadow: 0 0 0px 1000px var(--bg) inset;
	box-shadow: 0 0 0px 1000px var(--bg) inset;
	transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: var(--text);
	-webkit-box-shadow: 0 0 0px 1000px var(--bg) inset;
	box-shadow: 0 0 0px 1000px var(--bg) inset;
	transition: background-color 5000s ease-in-out 0s;
}

/* 입력 인풋 */
.form-control {height: var(--height);}
.form-control-sm {height: var(--height_sm);border-radius: 0.6rem;}
.form-control-md {height: var(--height_md);border-radius: 0.8rem;}
.form-control-lg {height: var(--height_lg);}
.form-control-auto {height: auto;}
.form-control:focus{ border-color: var(--secondary);}

.form-control:disabled, .form-control[readonly]{ border-color: var(--bg-light); color: var(--gray-400);}

/* 인증번호 타이머 */
.code_input{
	display: flex;
	align-items: center;
	padding: 0 1.5rem;
	background: #fff;
}
.code_input input[type="text"]{
	border: 0;
	padding-right: 0;
	padding-left: 0;
	background: unset;
}
.code_input:has(input[type="text"]:focus){
	border-color: var(--secondary);
}
.code_timer{ color: var(--red);}
/* margin-left: 1.0rem; */


input.form-control{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}

.ip_wr .ip_tit { margin-bottom: 1.0rem; padding-left: 0.2rem;}
.ip_tit h5 {font-size: 1.4rem;font-weight: 500; display: inline-block;position: relative;color: #000;}
.ip_tit.required h5::after{ content: "*"; position: absolute;color: var(--primary);top: 0; right: -1.0rem;}
.ip_wr .form-row .col-3{flex: 0 0 30.4%; max-width: 30.4%;}


/* form-text */
.form-text {
	display: none;
	margin-top: 0.8rem;
	margin-left: 0.5rem;
	font-size:1.2rem;
	color: var(--text);
}
.form-text.ip_help{ display: block;}
.ip_invalid .ip_invalid{display: flex; color: var(--danger);}
.ip_invalid input.form-control{border-color: var(--danger); color: var(--danger);}
.ip_valid .ip_valid{display: flex; color: var(--success);}


/*.form-row*/
.form-row{margin-left:-0.5rem;margin-right:-0.5rem;}
.form-row > .col, .form-row > [class*=col-]{padding-left:0.5rem;padding-right:0.5rem;}
.form-row > .col-3 .btn{padding-left:0.5rem;padding-right:0.5rem;}


/* textarea 높이 */
textarea.form-control {
	min-height: 16rem;
	padding: 1.5rem 1.5rem;
	line-height: 130%;
	resize: none;

}
.form-control textarea{min-height: 14rem; padding: 0; line-height: 130%;border:0;width:100%;}
.form-control textarea:focus {
	color: var(--text);
	background-color: var(--bg);
	border-color: var(--gray);
	outline: 0;
	box-shadow: 0 0 0 0 var(--border);
}
.form-control textarea::placeholder {
	color: var(--input_placeholder);
	opacity: 1;
}
.form-control textarea:disabled, .form-control textarea[readonly] {
	background-color: var(--input_disabled);
	opacity: 1;
}

/* 셀렉트 박스 */
.custom-select, .custom-select2 {
	padding-right: 3.5rem;
	background-size: 2.0rem;
	padding-left: 1.5rem;
	font-size: 1.4rem;
	font-weight: 400;
	color: #000;
	min-width: 13.5rem;
	text-align: left;
	position:relative;
}
.custom-select{background: url(../img/ic_select.svg)no-repeat center right 1.5rem;background-size: 2.0rem;}
.custom-select2:after{content:'';display:block;width:2.0rem;height:2.0rem;background: url(../img/ic_select.svg)no-repeat center center;background-size:cover;position:absolute;right:1.5rem;top:50%;transform: translateY(-50%);}


.custom-select2[aria-expanded="true"]{border-radius:1rem 1rem 0 0;border-color: var(--gray);}
.custom-select2[aria-expanded="true"]:after{transform: translateY(-50%) rotate(180deg);}
.custom-select2 + .dropdown-menu{min-width: 100%;margin: -1px 0 0;border-color:var(--border);font-size: 1.5rem;border-radius: 0 0 1rem 1rem;border-color:var(--gray);border-top-color:var(--border);max-width: 100%;}
.custom-select2 + .dropdown-menu a{padding:1.0rem 1.5rem;white-space: break-spaces;word-break: break-all;}
.custom-select2 + .dropdown-menu a:hover{color: var(--primary);background: var(--light);}

.custom-select option:disabled{ display: none;}


/* 날짜 선택 */
input.form-control[type="date"], input.form-control[type="time"]{position: relative;}
input.form-control[type="date"]::-webkit-calendar-picker-indicator, input.form-control[type="time"]::-webkit-calendar-picker-indicator{
	-webkit-appearance: none;
	background: none;
	width: 100%; height: 100%; cursor: pointer;
	position: absolute; left: 0; top: 0;
}
input.form-control[type="date"]::before, input.form-control[type="time"]::before{
	content: ''; display: block; width: 2.4rem; height: 2.4rem; position: absolute; top: 50%;
	transform: translateY(-50%); right: 1.6rem; background: var(--gray); cursor: pointer;
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain;
}
input.form-control[type="time"]::before{
	-webkit-mask: var(--ic_time); mask: var(--ic_time);
}
input.form-control[type="date"]::before{
	-webkit-mask: var(--ic_date); mask: var(--ic_date);
}


/* .no-icon */
input.form-control.no-icon[type="date"]::before, input.form-control.no-icon[type="time"]::before{ display: none;}



/*검색*/
.sch_ip {display: flex;border:1px solid var(--border);background: #fff;padding: 0 1.5rem 0 1.5rem;border-radius: 1.0rem;}
.sch_ip .form-control{height:4.8rem;padding: 0.5rem 0;}
.sch_ip .form-control:focus {background-color: transparent;}
.sch_ip button{width:3.0rem;height:3.0rem;border:0;background: transparent;}

/*회색 검색*/
.sch_gray.sch_ip{background: var(--light);border:0; border-radius: 5.0rem; padding-left: 2.0rem; height: 4.0rem;}
.sch_gray.sch_ip .form-control{ background: transparent; font-size: 1.4rem; height: 4.0rem;}

/* 검색어 삭제 버튼 */
input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
	display:none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
	display:none;
}
.sch_ip .sch_clear_btn{
	width: 2.4rem;
	height: 2.4rem;
	display: none;
}
.sch_ip .sch_clear_btn img{
	width: 2.4rem;
	height: 2.4rem;
}



/* 체크박스*/
.checks_wr{display: flex; flex-wrap: wrap; margin-bottom: -1rem; }
.checks_wr .checks{margin-right: 3rem; margin-bottom: 1rem;}

.checks label{display: flex; align-items: center; cursor: pointer;}
.checks label.chk_right{flex-flow: row-reverse; justify-content: flex-end;}
.checks input{display: none;}
.checks .ic_box {
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	border:1px solid var(--border100);
	border-radius:0.6rem;
	background-image: url(../img/check01_off.png);
	background-position: center;
	background-size: 1.0rem auto;
	background-repeat: no-repeat;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.8rem;
	flex-shrink: 0;
}
.checks input:checked + .ic_box{background-image:url(../img/check01_on.png);background-color:var(--primary);border-color:var(--primary);}
.chk_right .ic_box{margin-right: 0; margin-left: 0.8rem;}
input:checked ~ .chk_p{ color: var(--text);}
.chk_p{padding-top:0.1rem; font-size: 1.5rem; color: var(--text);}



.checks.primary_checks .ic_box{background-color: #eae9f0;border-radius: 50%;background-image:none;}
.checks.primary_checks input:checked + .ic_box{background-image: url(../img/check01_on.png);}


.radios_wr{display: flex; flex-wrap: wrap;}
.radios_wr .radios:not(:last-of-type){margin-right: 2rem;}

.radios label{display: flex; align-items: center; cursor: pointer;}
.radios label.chk_right{flex-flow: row-reverse; justify-content: flex-end;}
.radios input{display: none;}
.radios .ic_box {
	display: inline-flex;
	flex-shrink: 0;
	position: relative;
	width: 2.2rem;
	height: 2.2rem;
	text-align: center;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.8rem;
	border-radius: 2.0rem;
	border: 1px solid var(--border100);
}
.radios input:checked + .ic_box{border-color: var(--primary);}
.radios input:checked + .ic_box:after {
	content: '';
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background-color: var(--primary);
	border: 0.03rem solid #fff;
}




/* 이미지 업로드 */
.touch_scroll:has(.image_upload) .container{ width: max-content;}
.image_upload{display: inline-block;position: relative;margin-right:1.0rem;}
.image_upload:last-of-type{ margin-right: 0;}
.upload_box{
	width: 11rem;
	border: 1px solid var(--border);
	overflow: hidden;
	cursor: pointer;
	background: url(../img/btn_add_img.png) no-repeat center top 35% / 4.0rem;
	border-radius: 1.0rem;
	position: relative;
}
.upload_box .max_img {
	position: absolute;
	bottom: 20%;
	width: 100%;
	left: 0;
	font-size: 1.3rem;
	text-align: center;
	color: var(--gray-300);
	font-weight:500;
}
.image_upload.on .upload_box{background: none;}
.upload_del {
	position: absolute;
	top: 0.8rem;
	right: 0.8rem;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 50%;
	background-color: transparent;
	padding: 0 !important;
	display: none;
}
.upload_del img{width:100%;}
.image_upload.on .upload_del{display: flex;}



/* 페이지네이션 */
.pagination {display: flex; justify-content: center; align-items: center; }
.pagination li { height: 100%; }
.pagination a {
	color: #000;
	font-weight: 500;
	margin: 0 0.4rem;
	width: 2.8rem;height: 2.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.pagination a.on {
	background-color: var(--primary);color:#fff; font-weight: 400;
	color: #fff;
}
.pagination a.arrow{background-color: #fff;color: #626C79;}
.pagination a.arrow{margin:0;}
.pagination a.arrow.disabled img{opacity:0.3;}

/* 페이저 */
.pager {
	background: #ffffff;
	border-radius: 15rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 170px;
	height: 45px;
	margin: 3rem auto 0;
	border: 1px solid var(--border);
}

/* 테이블 */
.table_01 {width:100%; border-collapse: collapse;   border-bottom:1px solid #e3e3e3;border-top: 1px #eee solid;line-height: 140%;}
.table_01 th {
	border-bottom: 1px solid #eee;
	color: #1C1C1E;
	font-weight: 500;
	padding: 0.7rem 1.2rem 0.7rem 1.2rem;
	background: #F8F8F8;
	vertical-align: top;

}
.table_01 td {border-bottom:1px solid #eee;  padding:0.7rem 1.2rem;color: #1C1C1E;}


/* 테이블 슬래쉬 */
.table_01 th.slash {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="rgb(77,77,77)" /></svg>'); background-repeat: no-repeat;
}
.table_01 th.backslash {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="rgb(77,77,77)" /></svg>'); background-repeat: no-repeat;
}
.table_01 th.slash, .table_01 th.backslash { text-align: left; }
.slash div, .backslash div { text-align: right; }

/*테이블 반응형때*/
.table_scroll { overflow-x: auto; overflow-y: hidden; padding: 0px !important; }




/* 이미지 크롭 */
.rect{width: 100%;position: relative;overflow: hidden; }
.rect:after{content: "";display: block;padding-bottom: 100%; }
.rect img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.rect2{width: 100%;position: relative;overflow: hidden; }
.rect2:after{content: "";display: block;padding-bottom:24.212%; }
.rect2 img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}


.rect3 {width: 100%;overflow: hidden;position: relative;display: block;}
.rect3::after { content: '';display: block; padding-bottom:58.255%;}
.rect3 img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.rect4{width: 100%;position: relative;overflow: hidden; }
.rect4:after{content: "";display: block;padding-bottom:67.962%; }
.rect4 img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}


/* 380 * 300 사이즈 기획전 리스트/슬라이드 배너 */
.rect5 {width: 100%;overflow: hidden;position: relative;display: block;}
.rect5::after { content: '';display: block; padding-bottom: calc(300/380*100%);}
.rect5>img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/* 1140 * 1380 사이즈 메인 슬라이드 배너 */
.rect6 {width: 100%;overflow: hidden;position: relative;display: block;}
.rect6::after { content: '';display: block; padding-bottom: calc(1380/1140*100%);}
.rect6>img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}






/* 뱃지 */
.badge {
	display: flex;
	align-items: center;
	width: fit-content;
	-webkit-width: fit-content;
	padding: 0.2rem 0.6rem;
	border-radius: 1.0rem;
	font-weight: 500;
	font-size: 1.3rem;
	flex-shrink: 0;
}
.badge-outline-primary { color: var(--primary); border: 1px solid var(--primary);}
.badge-outline-border100 { color: var(--gray-400); border: 1px solid var(--border100);}
.badge-primary{ background: var(--primary); color: #fff;}
.badge-disabled{ color: var(--gray-400); background: var(--border100); border-color: var(--border100);}
.badge-md {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4rem;
	padding: 0 1.2rem;
	border-radius: 0.6rem;
	height: 2.8rem;
	display: inline-flex;
	align-items: center;
}
.badge-sm {
	flex-shrink: 0;
	padding: 0.3rem 0.7rem;
	font-size: 1.2rem;
	border-radius: 0.4rem;
}


/*터치*/
.touch_scroll { overflow-x: auto; overflow-y: hidden; }


/* List Style */
.list_style_1 li {display: flex;padding-bottom: 0.7rem;line-height: 1.4;}
.list_style_1 li:last-child{padding-bottom:0;}
.list_style_1 li > span{display: inline-block; width:8.0rem; padding-right: 0.5rem;flex-shrink: 0;}


.list_style_2 li{display: flex; padding-bottom:0.8rem;}
.list_style_2 li:before{content:'-';display: inline-block;margin-right:1.0rem;}

.list_style_3 li {display: flex;justify-content: space-between;flex-wrap: wrap;}
.list_style_3 li:last-child{margin-bottom:0 !important;}
.list_style_3 li div{}

/*탭*/
.tab_sticky{
	position: sticky;
	top: var(--hd_height_m);
	z-index: 1001;
	height: fit-content;
}

/*nav-tabs*/
.nav-tabs {
	background: #F5F6F8;
	border-radius: 0.8rem;
	padding: 0.8rem;
	border: 0;
	flex-wrap: nowrap;
}
.nav-tabs .nav-link {
	height: 4.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: #999;
	border: 0;
	margin-bottom: 0px;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	border-radius: 0.8rem;
	font-weight: 600;
	word-break: keep-all;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #495057;
	background: #fff;
	color: #000;
	box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.06);
}

/*nav-pills*/
.nav-pills{
	margin-left:-0.4rem;
	margin-right:-0.4rem;
	flex-wrap: nowrap;
}
.nav-pills .col{
	padding-left:0.4rem;
	padding-right:0.4rem;
}
.nav-pills .nav-link {
	background: none;
	border: 0;
	border-radius: 1rem;
	background: #AAB1B7;
	color: #fff;
}



/*nav_tab_line*/
.nav_tab_line{
	width: 100%;
	margin: 0;
	background-color: #fff;
}
.nav_tab_line {
	border: unset;
	border-bottom:1px solid var(--border100);
}
.nav_tab_line .nav-item{
	text-align: center;
	background-color: #fff;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	width: 100%;
}
.nav_tab_line .nav-link {
	border: 1px solid white;
	color: var(--gray-300);
	height: 5.6rem;
	padding: 1.0rem 0.1rem;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 600;
	background: transparent;
}
.nav_tab_line .nav-link.active, .nav_tab_line .nav-item.show .nav-link {
	border-bottom: 0.1rem solid var(--secondary);
	color: var(--secondary);
	transform: translateY(0.1rem);
	padding-bottom:1.2rem;
}



/*드롭다운*/
.dropdown-menu{padding-top:1.0rem;padding-bottom:1.0rem;}
.dropdown-menu .dropdown-item{padding-top:0.7rem;padding-bottom:0.7rem;}
.dropdown-menu .dropdown-item:hover{background:#F5F6F8;}


/*커스텀 스위치*/
.custom-switch {
	padding: 0;
	width: 5.9rem;
	height: 3.2rem;
}
.custom-switch .custom-control-label::after {
	width: 2.6rem;
	height: 2.6rem;
	background-color: #fff;
	border-radius: 3rem;
	top: 0.3rem;
	left: 0.3rem;
	box-shadow: rgb(0 0 0 / 5%) 0 0 2px;
}
.custom-control-label::after {
	position: absolute;
	top: 0.3rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	cursor: pointer;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #fff;
	left: 2.2rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: var(--primary);
	background-color: var(--primary);
}
.custom-control-label::before {
	background-color: #E3E3E3;
	border: 0;
	top: 0;
	cursor: pointer;
}
.custom-switch .custom-control-label::before {
	left: 0;
	width: 5.9rem;
	height: 3.2rem;
	border-radius: 2rem;
}


/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_wr .collapse_btn[aria-expanded="false"] img.arrow{transform: rotate(0deg);}

/* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_wr .collapse_btn[aria-expanded="true"] img.arrow{transform: rotate(180deg);}

.collapse_btn{ width: 100%; height: auto;}
/* arrow 이미지를 가진 collapse 버튼인 경우에만 space-between으로 변경 */
.collapse_btn:has(img.arrow){ justify-content: space-between;}
.collapse_btn img.arrow{ width: 2.0rem;}



/* 아이템 카운터 */
.item_opt_counter {
	position: relative;
	width: 11.0rem;
	height: 3.0rem;
	line-height: 3.0rem;
	border-radius: 0.5rem;
/*	border: 1px solid var(--border);*/
	flex-shrink: 0;
	display: flex;
	align-items: center;
	z-index:2;
}
.item_opt_counter_btn {
	width: 3.0rem;
	height: 3.0rem;
	vertical-align: top;
	padding: 0;
	border: 1px solid var(--border);
	border-radius: 0;
	flex-shrink: 0;
}
.item_opt_up_btn{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
.item_opt_down_btn{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;}

.item_opt_counter_btn.disabled, .item_opt_counter_btn:disabled{
	border-color: var(--border200);
	background: var(--border100);
}
.item_opt_counter_btn.disabled img, .item_opt_counter_btn:disabled img{
	filter: invert(73%) sepia(8%) saturate(215%) hue-rotate(156deg) brightness(91%) contrast(90%);
}
.item_opt_counter .quantity{
	min-width: 3.0rem;
	height: 100%;
	vertical-align: top;
	color: #333333;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 4.4rem;
	text-align: center;
	border: unset;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding: 0 0.5rem;
}
.item_opt_counter .quantity:focus{outline: 0;}


.item_opt_counter.time_counter {
	width: 15.0rem;
	height: 4.7rem;
	line-height: 4.7rem;
	border-radius: 3.6rem;
	border: 1px solid #E3E3E3;
}
.item_opt_counter.time_counter .quantity {color: #000;font-size: 1.8rem;}



.item_opt_counter.disabled .quantity{color:#999;}
.item_opt_counter.disabled .item_opt_counter_btn{opacity: 0.3;}




/*에디터스타일*/
.edit_style{}
.edit_style .h1, .edit_style h1{font-weight:700;font-size:3.5rem;margin-bottom:0.5rem;}
.edit_style .h2, .edit_style h2{font-weight:700;font-size:2.5rem;margin-bottom:0.5rem;}
.edit_style .h3, .edit_style h3{font-weight:700;font-size:1.8rem;margin-bottom:0.5rem;}
.edit_style .h4, .edit_style h4{font-weight:700;font-size:1.5rem;margin-bottom:0.5rem;}
.edit_style img {
	max-width: 100%;
	width: auto !important;
	margin: 0 auto;
	display: inline-block;
}
.edit_style p{white-space: pre-line;line-height: 160%;}
.edit_style ol, .edit_style ul{padding-left: 1.4rem;line-height: 160%;}


/* 찜하기 버튼 */
.like_btn img{ display: none;}
.like_btn img.like_off{ display: unset;}
.like_btn.active img.like_off{display: none;}
.like_btn.active img.like_on{display: unset;}

.btn-outline-border100.like_btn.active, .btn-outline-border100.like_btn:hover{ border-color: var(--border100) !important; color: var(--text) !important;}











/**************************************************/
/*								modal / 모달	  								*/
/**************************************************/
/*기본모달*/
body{}
body.modal-open{position: fixed; top: 0px; overflow-y: scroll; width: 100%;}
body.modal-open[style]{padding-right: 0px !important;}
.modal{padding-right: 0px !important;}
.modal-dialog {max-height: 100%;height: 100%;}

/* modal-sm */
.modal-sm {
	max-width: 33rem;
	margin: 0 auto;
	padding: 1.5rem;
	padding: 0rem 1.6rem;
}

/* modal-md */
.modal-md {
	max-width: 44rem;
	margin: 0 auto;
	padding: 1.5rem;
	padding: 0rem 1.6rem;
	max-height: calc(100% - 3.5rem);
	min-height: calc(100% - 3.5rem);
}

.modal-default{max-width:57.6rem;margin: 0 auto;padding-left:0;padding-right:0;padding: 2.0rem 1.6rem;}

.modal{overflow-y: auto;}

/* modal-header */
.modal .modal-header{align-items: center;padding: 2.0rem 2rem 1.6rem;justify-content: space-between;}
.modal .modal-header .modal-title {font-weight: 700;font-size: 1.9rem;flex: 1 1 auto;}
.modal .modal-header .close{text-shadow: none;opacity: 1;width:3.0rem;padding: 0;margin: 0;}

.modal .modal-content {border: 0;border-radius: 2.0rem; overflow: hidden;}

/* modal-body */
.modal .modal-body { position: relative; flex: 1 1 auto; padding:3.5rem 1.0rem 3.0rem; text-align: center;}
.modal .modal-body.with_img{ padding-top: 3.0rem;}
.modal .modal-body .close_bar{width:4.4rem;height:0.4rem;background:#E3E3E3;border-radius:1.0rem;margin:0 auto 1.0rem;border: 0;display: block;}

.modal-body .modal_img{ width: 6.4rem; margin-bottom: 2.0rem;}


/* modal-footer */
.modal .modal-footer > *{margin:0;}
.modal .modal-footer {padding: 0;border:0;display: block;}
.modal .modal-footer .form-row{margin-right: -0.4rem; margin-left: -0.4rem;}
.modal .modal-footer .btn{ border-radius: 0;}


.modal-sm .modal-footer{}
.modal-md .modal-footer{}

.modal .modal-sm .modal-header{padding: 1.5rem 2rem;}
.modal .modal-sm .modal-header .modal-title{font-size: 1.7rem;}
.modal .modal-sm .modal-body{border:0;}
.modal .modal-md .modal-header{}
.modal .modal-md .modal-body{}


/*전체사이즈*/
.modal_full.modal{overflow-y: auto;}
.modal_full.modal .modal-header {
	width: 100%;
	background: #fff;
	padding: 0rem 1.6rem;
	display: flex;
	align-items: left;
	justify-content: space-between;
	height: var(--hd_height_m);
}
.modal_full.modal .modal-header button{border:0;background:transparent;width:3.0rem;}
.modal_full.modal .modal-content {border-radius: 0;max-height: 100vh;height: 100vh;}
.modal_full.modal .modal-dialog{margin:0 auto;max-width:57.6rem;transform: translate(0%, 0);max-height: 100%;}
.modal_full.modal .modal-body{border:0;padding: 2.0rem; text-align: left;}
.modal_full.modal .modal-footer{padding-top:1.4rem;padding-bottom:1.4rem;display: block;padding-left: 1.6rem;padding-right: 1.6rem;}
.modal_full.modal .modal-footer .form-row{margin-left: -5px;margin-right: -5px;}
.modal_full.modal .modal-footer .btn{ border-radius: 1.0rem;}
.modal_full.modal .bg-black .modal-title{background:#000;}


/*하단 팝업*/
.modal_bottom.modal{padding-right:0 !important;overflow-y: hidden;}
.modal_bottom.modal.fade{}
.modal_bottom.modal.show .modal-dialog{padding-right:0 !important;transform: translate(-50%, 0);}
.modal_bottom.modal .modal-dialog {transform: translate(0, 5rem);position: fixed;
	bottom: 0;
	width: 100%;
	max-width:100%;
	transform: translate(-50%, 5rem);
	left: 50%;
}
.modal_bottom.modal .modal-title button{border:0;background:transparent;width:3.2rem;position:absolute;right:2.0rem;top:1.6rem;}
.modal_bottom.modal .modal-dialog{justify-content: flex-end;margin: 0 auto;min-height: 100%;max-width:57.6rem;}
.modal_bottom.modal .modal-content{border-radius: 2.0rem 2.0rem 0 0;margin-top: 3.0rem;}
.modal_bottom.modal .modal-body{border-bottom:0;padding: 2rem 1.6rem 2.0rem;}
.modal_bottom.modal .modal-footer {padding: 1.0rem 1.6rem 1.5rem;}
.modal-backdrop {left: 50%; width: 100%;transform: translateX(-50%);max-width:57.6rem;}

.modal_bottom.modal .modal-dialog-scrollable .modal-content{ max-height: 50vh;}
.modal_bottom.modal .modal-dialog-scrollable .modal-content .modal-body{ -ms-overflow-style: none;}
.modal_bottom.modal .modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar { display: none; }

.modal_bottom.modal .modal-header{ border-color: var(--border50);}
.modal_bottom.modal .modal-footer .btn{ border-radius: 1.0rem;}



/* 토스트팝업 */
/* toast */
.toast{
	display: flex;
	justify-content: center;
	position: fixed;
	top: 4.0rem;
	left: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 1.4rem;
	box-shadow: none;
	z-index: 9999;
	border: 0;
	background: transparent;
	font-size: 1.4rem;
	color: #fff;
	font-weight: 400;
	width: 100%;
	max-width: 57.6rem;
}
.toast-body {
	width: fit-content;
	-webkit-width: fit-content;
	max-width: 100%;
	min-width: 30.0rem;
	padding: 1.4rem 2rem;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 2.2rem;
	text-align: center;
}
.toast-body p{
	display: flex;
	align-items: center;
	line-height: 1.3;
	justify-content:center;
}
.toast-body p i{
	margin-right: 0.6rem;
}












/**************************************************/
/*								패딩 마진 여백값	  								*/
/**************************************************/
/*마진*/
.mt_1{margin-top:0.1rem;}
.mt_7{margin-top:0.7rem;}
.mt_8{margin-top:0.8rem;}
.mt_12{margin-top:1.2rem;}
.mt_16{margin-top:1.6rem;}
.mt_20{margin-top:2.0rem;}
.mt_25{margin-top:2.5rem;}
.mt_40{margin-top:4.0rem;}
.mt_60{margin-top:6.0rem;}


.mb_1{margin-bottom:0.1rem;}
.mb_4{margin-bottom:0.4rem;}
.mb_6{margin-bottom:0.6rem;}
.mb_7{margin-bottom:0.7rem;}
.mb_8{margin-bottom:0.8rem;}
.mb_20{margin-bottom:2.0rem !important;}
.mb_25{margin-bottom:2.5rem;}
.mb_40{margin-bottom:4.0rem;}
.mb_50{margin-bottom:5.0rem;}
.mb_60{margin-bottom:6.0rem;}

.mr_3{margin-right:0.3rem;}
.mr_4{margin-right:0.4rem;}
.mr_6{margin-right:0.6rem;}
.mr_7{margin-right:0.7rem;}
.mr_8{margin-right:0.8rem;}
.mr_12{margin-right:1.2rem;}
.mr_16{margin-right:1.6rem;}
.mr_20{margin-right:2.0rem;}
.mr_40{margin-right:4.0rem;}

.ml_4{margin-left:0.4rem;}
.ml_6{margin-left:0.6rem;}
.ml_7{margin-left:0.7rem;}
.ml_8{margin-left:0.8rem;}
.ml_16{margin-left:1.6rem;}
.ml_20{margin-left:2.0rem;}


.mx_n16{margin-left:-1.6rem;margin-right:-1.6rem;}
.mx_n20{margin-left:-2.0rem;margin-right:-2.0rem;}



/*패딩*/
.pt_6{padding-top:0.6rem;}
.pt_8{padding-top:0.8rem;}
.pt_20{ padding-top: 2.0rem;}
.pt_25{padding-top:2.5rem;}
.pt_40{ padding-top: 4.0rem;}
.pt_50{ padding-top: 5.0rem;}
.pt_60{ padding-top: 6.0rem;}

.pb_8 { padding-bottom: 0.8rem;}
.pb_15{padding-bottom:1.5rem;}
.pb_20{padding-bottom:2.0rem;}
.pb_25{padding-bottom:2.5rem;}
.pb_40{padding-bottom:4.0rem;}
.pb_50{padding-bottom:5.0rem;}
.pb_60{padding-bottom:6.0rem;}


.pl_16 { padding-left: 1.6rem;}
.pl_20 { padding-left: 2.0rem;}


.pr_16{padding-right:1.6rem;}


.py_8{ padding-top: 0.8rem; padding-bottom: 0.8rem;}
.py_20{padding-top:2.0rem !important; padding-bottom:2.0rem !important;}
.py_35{padding-top:3.5rem;padding-bottom:3.5rem;}


.px_8{padding-left:0.8rem;padding-right:0.8rem;}
.px_12{padding-left:1.2rem;padding-right:1.2rem;}
.px_15{padding-left:1.5rem;padding-right:1.5rem;}
.px_16{padding-left:1.6rem;padding-right:1.6rem;}
.px_18{padding-left:1.8rem;padding-right:1.8rem;}
.px_20{padding-left:2.0rem;padding-right:2.0rem;}


.p_20{ padding: 2rem;}

.px_16_py_12{ padding: 1.2rem 1.6rem;}
.px_16_py_20{ padding: 2.0rem 1.6rem;}
.px_16_py_30{ padding: 3.0rem 1.6rem;}






/**************************************************/
/*								header / 헤더										*/
/**************************************************/

.hd_m {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: var(--hd_height_m) !important;
	width: 100%;
	max-width: 576px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 1.6rem;
	z-index: 1000;
/*	border-bottom: 1px solid #F6F6F6;*/
	box-shadow: 0 0 0.6rem rgb(0 0 0 / 5%);
}
.hd_m .logo img{width:13.0rem;display:flex;}
.hd_m .log_txt{font-size:1.4rem;padding-left:0.5rem;}
.hd_m .log_txt span {padding: 0 0.5rem;}
.hd_m button{border:0; background: transparent;}
.hd_m button img, .hd_m a img{ max-height:3.0rem;}


.page_tit{
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--text);
}
.hd_m .hd_btn, .modal-header .hd_btn {display: flex;align-items: center;}
.hd_m .hd_btn button{
	position: relative;
	width: 3.0rem;
	margin-left: 1.5rem;
}

.hd_arrow_down img{ width: 2.0rem; height: auto;}


/* 장바구니 아이템 갯수 */
.hd_cart_btn span{ display: none;}
.hd_cart_btn.count span{
	position: absolute;
	top: -0.3rem;
	right: -0.3rem;
	color: #fff;
	font-size: 0.9rem;
	background: var(--primary);
	display: block;
	border-radius: 0.7rem;
	padding: 0.2rem 0.5rem 0.3rem;
}

/* 알림 있음 표시 */
.hd_notification_btn::after{
	content: "";
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	background: var(--primary);
	position: absolute;
	right: 0.0rem;
	top: 0.3rem;
	border-radius: 1.0rem;
}
.hd_notification_btn.no_alert::after{ display: none;}


/* 모바일 메뉴 */
.hd_menu_btn {font-size: 2rem;}
.m_menu_wr {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	max-width: 57.6rem;
	z-index: 99999;
	transition: all 0.5s ease-in-out;
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
	transform: translateX(-50%);
}

/* x버튼 */
.close_btn_wr{display: none; opacity: 0;}
.m_nav .close_btn_wr{display: flex; justify-content: flex-end; opacity: 0;}
.menu_on .m_nav .close_btn_wr{opacity: 1;}
.close_btn{font-size: 2rem; border:0; height: auto; }
.close_btn img{width:3.0rem;}

/* 메뉴 열렸을때 외부 */
.menu_on .m_menu_wr{visibility: visible; opacity: 1; }
.m_nav{position: relative; width: 100%; height: 100%; z-index: 99999;  background: #fff; transition: all 0.4s ease-in-out; max-width: 0; transform: translateX(100%); visibility: hidden; opacity: 0; }
.menu_on .m_nav {
	transform: translateX(0%);
	visibility: visible;
	opacity: 1;
	max-width: 57.6rem;
	width: 80%;
}

.menu_bg{position: fixed;  left: 50%; top: 0; background: rgba(0,0,0,0.6); transition: all 0.4s ease-in-out; width: 100%; height: 100%; z-index: 99998; visibility: hidden; opacity: 0; transform: translateX(-50%); max-width:57.6rem;}
.menu_on .menu_bg{visibility: visible; opacity: 1;}

/* 메뉴 열렸을때 내부 */
.m_nav .nav_wr{height: auto;}
.m_nav .nav_ul{display: block;}
.m_nav .nav_li{height: 100%; position: relative;}
.m_nav .nav_a{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 1.2rem 1.6rem;}
.m_nav .nav_a i{display: inline-block;}
.m_nav .nav_a img{width:2.0rem;}

.m_nav .nav_ul2{display: none;background: var(--light);}
.m_nav .nav_ul2 a{display: block; padding: 1.2rem 1.6rem; white-space: nowrap;}


/*하단메뉴*/
.bt_menu {
	width: calc(100% + 2px);
	max-width: 576px;
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
	display: block;
}
.bt_menu ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	padding: 0 1.6rem;
	height: 6.5rem;
/*	border-top: 1px solid var(--border);*/
	box-shadow: rgb(0 0 0 / 5%) 0 0 0.6rem;
}
.bt_menu ul li{width:20%;max-width:6.0rem;}
.bt_menu ul li a {
	display: inline-block;
	color:var(--gray-300);
	font-weight:400;
	font-size:1.2rem;
}
.bt_menu ul li .ico {
	width: 3.0rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.3rem;
}
.bt_menu ul li .img_on{display:none;}
.bt_menu ul li.on a{color:var(--text); font-weight: 600;}
.bt_menu ul li.on .img_on{display:block;}
.bt_menu ul li.on .img_off{display:none;}








/**************************************************/
/*								footer / 푸터										*/
/**************************************************/

.ft {
	background: var(--black);
	color: var(--gray-200);
	padding: 3.0rem 0 5.0rem;
}
.ft .ft_customer .btn{padding-left:1.2rem;padding-right:1.2rem;height:4.2rem;font-size: 1.4rem;font-weight:400;}
.ft .fnb a{
	display: inline-block;
	color: #fff;
	font-weight: 400;
	padding:0 0.5rem 0 0;
	font-size: 1.4rem;
}
.ft span.line{margin:0 2.0rem;}

.ft .border-bottom{ border-color: rgba(210 213 214 / 10%) !important;}


.ft_sns_btn a{ width: 3.8rem;}

.ft .company-info-toggle {
	cursor: pointer;
	color: #b1b1b1;
	text-decoration: none;
}
.ft .company-info-toggle:hover {
	color: #d5d5d5;
	text-decoration: none;
}
.ft .company-info-content {
	color: #b1b1b1;
	padding-left: 1px;
}












/**************************************************/
/*									메인 페이지										*/
/**************************************************/
.mobile_wr:has(.idx_pg) .hd_m{ box-shadow: unset;}
.idx_pg { min-height: calc(100vh - 6.5rem); padding-top: var(--hd_height_m);}


/* 메인 모달 */
.modal .main_modal .modal-body{ padding: 0;}


/* 상단 탭 */
.main_top_tab{
	position: sticky;
	top: var(--hd_height_m); left: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
}
.main_top_tab.shadow{ box-shadow: 0 0 0.6rem rgb(0 0 0 / 5%) !important;}
.main_top_tab ul{ width: 100%; height: 4.1rem;}
.main_top_tab ul a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	font-weight: 700;
}
.main_top_tab ul .on a span{ position: relative; color: var(--primary);}
/* 나뭇잎 아이콘 */
.main_top_tab ul .on a span::after{
	content: "";
	width: 1.1rem;
	height: 1.3rem;
	position: absolute;
	top: 0; right: -0.5rem;
	transform: translate(100%, -43%);
	background: url('../img/ic_regular.png') no-repeat;
	background-position: center;
	background-size: contain;
}


/* 메인 슬라이드 */
.main_slide { position: relative;}
.main_slide_wr .swiper-slide{ padding-right: 1.6rem; padding-left: 1.6rem;}
.main_slide_wr .swiper-slide img{ border-radius: 2.0rem;}

.main_slide_wr .swiper-pagination{
	width: auto;
	padding: 0.6rem 1.2rem;
	background: rgb(18 18 18 / 50%);
	color: #fff;
	font-size: 1.3rem;
	font-weight: 500;
	top: unset; left: unset;
	bottom: 1.6rem; right: 3.2rem;
	text-align: right;
}


/* 기획전 슬라이드 */
.event_slide_sect .swiper-slide{ padding-right: 1.6rem; padding-left: 1.6rem;}

/* 기획전 텍스트 슬라이드 */
.event_text_slider{ background: var(--light); padding-top: 5.0rem;}
.event_text_slide .event_text h3{ font-size: 2.2rem; font-weight: 700; line-height: 1.4em; margin-bottom: 0.8rem; word-break: keep-all;}
.event_text_slide .event_text p{ font-size: 1.3rem; font-weight: 300; line-height: 1.4em; color: var(--gray-400); word-break: keep-all;}

/* 기획전 이미지 슬라이드 */
.evnet_img_slider{ background: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgba(245,246,248,1) 70%);}
.evnet_img_slide .rect5{ border-radius: 2.0rem;}


/* 기획전 슬라이드 버튼 */
.event_slider_btn{ background: var(--light); padding: 1.6rem 1.6rem 2.0rem;}
.event_slider_btn .slide_btn_wr .btn{ width: 3.8rem; height: 3.8rem;}



/* 메인 섹션 제목 */
.sect_tit_wr{ margin-bottom: 2.0rem;}


/* 베스트 상품 섹션 */
.best_prod_sect .product_list_wr{ width: max-content;}
.best_prod_sect .product_list_wr .prod_list{ width: 16.0rem;}
.best_prod_sect .product_list_wr .prod_list:not(:last-of-type){ margin-right: 1.6rem;}



/***** 메인 신상품 페이지 *****/
/* 카테고리 */
.main_cate_wr .main_cate_ul{ display: flex; gap: 0.5rem; width: max-content; padding-top: 1.6rem; padding-bottom: 1.2rem;}
.main_cate_ul a{ display: flex; flex-direction: column; align-items: center; width: 7.4rem;}

/* 카테고리 아이콘 */
.main_cate_ul .cate_icon_box {
	width: 5.4rem;
	height: 5.4rem;
	border: 1px solid var(--border200);
	margin-bottom: 0.6rem;
}
.main_cate_ul .cate_icon_box img {
	filter: invert(96%) sepia(6%) saturate(81%) hue-rotate(149deg) brightness(89%) contrast(92%);
	/* 이미지 드래그 방지 */
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

/* 카테고리 텍스트 */
.main_cate_ul li p{ font-size: 1.2rem; color: var(--gray-400); line-height: 1.3em;}

/* 선택했을 때 */
.main_cate_ul li.active p{ color: var(--text); font-weight: 600;}
.main_cate_ul li.active .cate_icon_box{ border-color: var(--primary); background: var(--primary);}
.main_cate_ul li.active .cate_icon_box img{ filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(125deg) brightness(109%) contrast(101%);}




/***** 기획전 페이지 *****/
.event_list_wr ul li:not(:last-of-type){ margin-bottom: 1.5rem;}
.event_list_wr ul li a{
	position: relative;
	border-radius: 2.0rem;
}
.event_list_wr ul li a::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(36,40,59,0.35) 0%, rgba(36,40,59,0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.event_list_wr .event_text{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	color: #fff;
	padding: 1.0rem 2.0rem 3.0rem;
	text-shadow: 0 0 0.2rem rgb(0 0 0 / 10%);
	line-height: 1.4em;
}
.event_list_wr .event_text h3{ font-size: 2.0rem; font-weight: 800; margin-bottom: 0.8rem;}
.event_text h3, .event_text p{ word-break: keep-all;}


/***** 기획전 상세 페이지 *****/
.event_text_wr{ }
.event_text_wr h3, .event_text_wr p{ word-break: keep-all; line-height: 1.4em;}









/**************************************************/
/*									서브 페이지										*/
/**************************************************/
/*서브*/
.sub_tit { position: relative; }
.sub_pg {
	min-height: 100vh;
	background: #fff;
	padding-top: var(--hd_height_m);
	position: relative;
}
.mobile_wr:has(.bt_menu) .sub_pg{ min-height: calc(100vh - 6.5rem);}
.sect_tit{ margin-bottom: 2.0rem;}



/***** 로그인 페이지 *****/
.login_layout > .container{ padding-top: 4.0rem;}
.login_layout .logo_img{ width: 22.0rem; margin-bottom: 4.0rem; margin-top: 2.0rem;}

.login_menu{ font-size: 1.4rem; margin-top: 2.5rem;}

.sns_login .btn{ max-width: 6.0rem;}

.login-btn-box{display: flex; align-items: center;  justify-content: space-between; margin: 2rem 0 2rem;}
.login-btn-box .find-btn{display: flex; align-items: center; gap: 15px;}
.login-btn-box .find-btn a{font-size: 14px; font-weight: 300; }
.g-line {
	width: 1px;
	height: 18px;
	background-color: #eaeaea;
}
.join-btn{background-color: #fff; border-radius: 1.0rem; border: 1px solid var(--primary); color: var(--primary);  font-size: 15px;  font-weight: 700;  height: var(--height)}

.hr-sect {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: #333; /* 더 진한 색상으로 변경 */
	font-weight: 600; /* fw_600과 일치 */
}
.hr-sect::before,
.hr-sect::after {
	content: "";
	flex-grow: 1;
	background: #ddd; /* 라인 색상을 조금 더 밝게 */
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 16px; /* 여백 약간 증가 */
}

/***** 회원가입: 약관동의 페이지 *****/
.join_layout > .container { padding-bottom: 10.0rem; padding-top: 4.0rem;}
.join_pg .checks_wr{ display: unset;}
.join_pg .checks_wr .checks{ margin-right: 0; margin-bottom: 2.0rem;}

.join_pg .checks_wr .checks.with_terms{ display: flex; justify-content: space-between; align-items: center;}
.checks .view_terms{ width: 2.0rem;}

/* 전체동의 체크박스 */
.join_pg .all_chk{
	border: 1px solid var(--border100);
	border-radius: 1.0rem;
	padding: 2.0rem 1.5rem;
}
.join_pg .all_chk .chk_p{ font-size: 1.7rem; font-weight: 700;}




/***** 회원가입: 회원가입 완료 페이지 *****/
.done_layout{ height: calc(100vh - 8.0rem); min-height: unset;}
.done_layout > .container{ height: 100%;}

.done_layout .done_img{ width: 7.5rem; margin-bottom: 2.5rem;}




/***** 제품상세 페이지 *****/
.mobile_wr:has(.product_dt_layout){ padding-bottom: 8.0rem;}


/* 상품사진 슬라이드 */
.slide_wr{ overflow: hidden; position: relative;}
.thumbnail_slide_wr .swiper-pagination-bullet{ background: var(--border100); opacity: 1;}
.thumbnail_slide_wr .swiper-pagination-bullet-active{ background: var(--primary);}

.thumbnail_slide_wr .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .thumbnail_slide_wr  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 var(--swiper-pagination-bullet-horizontal-gap,5px)}

.thumbnail_slide_wr .swiper-pagination{ bottom: 1.2rem;}

.naver_price_btn{ background: #03C75A; color: #fff; font-size: 1.2rem; font-weight: 500;}
.naver_price_btn:hover{ color: #fff;}

/* 상품 이름 */
.product_dt_tit{
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 1.0rem;
}

/* 평균 별점 */
.review_average_sm{
	display: flex;
	align-items: center;
	font-size: 1.3rem;
	margin-bottom: 1.5rem;
}
.review_average_sm img{
	width: 1.4rem;
	margin-right: 0.1rem;
}

/* 상품 가격 */
.price .cost{
	color: var(--gray-400);
	font-size: 1.4rem;
	text-decoration: line-through;
	margin-bottom: 0.3rem;
}
.price strong{
	font-size: 2.0rem;
	font-weight: 700;
}

.price .discount_rate{
	color: var(--red);
	margin-right: 0.5rem;
}


/*** 상품 상세 페이지 : 탭버튼 ***/
/*
.product_dt_layout .tab_btn_group .nav_tab_line .nav-link{
	padding: 0 0.1rem;
	height: 5.6rem !important;
}
*/


/*** 제품 디테일 탭 영역 ***/
/* 상품정보 */
.editor_cont_wr {
	padding: 3.0rem 0;
	height: 40.0rem;
	overflow: hidden;
	line-height: 1.4em;
}

.editor_cont_wr > p, .editor_cont_wr > [class*=h], .editor_cont_wr > span, .editor_cont_wr > b, .editor_cont_wr > strong, .editor_cont_wr > i, .editor_cont_wr > pre{ padding-left: 1.6rem; padding-right: 1.6rem;}


/* 상품 정보 더보기 버튼 */
.prdt_dt_more{
	position: absolute;
	bottom: 0; left: 0;
	padding: 6.5rem 1.6rem 3.0rem;
	width: 100%;
	background: linear-gradient(0deg, rgba(255,255,255,1) 58%, rgba(255,255,255,0) 100%);
}


/* 더보기 버튼 클릭시 */
.editor_cont_wr.show{
	height: unset;
	overflow: unset;
}
.editor_cont_wr.show ~ .prdt_dt_more{ display: none;}


/* 상품정보제공고시 */
.prdt_info_notice{
	width: 100%;
}
.prdt_info_notice .row_line:not(:last-of-type){ padding-bottom: 1.5rem;}
.prdt_info_notice .col_box{ font-size: 1.3rem; line-height: 1.4em;}
.prdt_info_notice .col_box.tit{ color: var(--gray-400); font-weight: 500; padding-right: 2.0rem;}




/* 매장정보 */
.store_info_wr{}
.store_info_wr .store_info_top{ margin-bottom: 2.0rem;}
.store_info_wr .store_img{ width: 7.4rem; margin-right: 1.0rem;}
.store_info_wr .store_tit{
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1.0rem;
}
.store_info_wr .store_address{
	font-size: 1.3rem;
	color: var(--gray-400);
	margin-bottom: 1.0rem;
}
.store_info_wr .store_number{
	font-size: 1.3rem;
	color: var(--gray-400);
}
.store_info_wr .store_number span{ color: var(--text); margin-left: 0.5rem;}
.store_info_wr .store_number span.line{
	display: block;
	width: 0.1rem;
	height: 0.8rem;
	background: var(--border200);
	margin: auto 0.8rem;
}


/* 매장정보 버튼 영역 */
.store_info_btn{ margin-bottom: 2.0rem;}


/* 매장정보 지도 영역 */
.store_info_map .map_wr{
	width: 100%;
	height: 15.0rem;
	margin-bottom: 1.5rem;
}
/* 지도 마커 아이콘 */
.map_marker{ width: 2.5rem;}

/* 매장 정보 */
.map_info_wr li{
	display: flex;
	align-items: start;
	font-size: 1.4rem;
	line-height: 1.3em;
}
.map_info_wr li:not(:last-child){ margin-bottom: 1.0rem;}
.map_info_wr li img{ margin-right: 0.7rem;}
.map_info_wr .holiday_notice{ flex-shrink: 0;}



/* 리뷰 */
.rivew_average_wr{ padding-top: 2.5rem;}

/* 평균별점 */
.star_grade{position:relative; width: fit-content;}
.star_grade .star_on{display:block;overflow: hidden;position: absolute;}
.star_grade .star_off{display:block;}
.star_grade .star_on img, .star_grade .star_off img {
	width: 13.0rem;
	max-width: 13.0rem;
	display: block;
}


/* 상품 갯수 / 필터선택 영역 */
.count_wr{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.0rem;
}
.count_wr .count_num{ font-size: 1.4rem;}
.count_wr .count_num span{ font-weight: 500; color: var(--primary);}

/* 필터 선택 버튼 */
.filter_btn{ font-size: 1.5rem; font-weight: 300;}
.filter_btn img{ width: 1.8rem; margin-right: 0.5rem;}


/* 리뷰 내용 */
article.review{
	padding: 2.0rem 1.6rem;
}
article.review:first-of-type{ padding-top: 0;}
article.review:not(:last-of-type){ border-bottom: 1px solid var(--border100);}

article.review .user_id{ display: block; font-size: 1.2rem; color: var(--gray-300); margin-bottom: 1.0rem;}


.review_info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.0rem;
}

.rv_star{display:flex;}
.rv_star img{width:1.6rem;}

.rv_info {
	font-size: 1.2rem;
	color: var(--gray-300);
	display: flex;
}
.rv_info .btn{ font-size: 1.2rem; color: var(--gray-300);}


/* 리뷰 이미지 */
.review_img{ margin-bottom: 1.5rem;}
.review_img .img_col_box:nth-child(3) .rect::before{
	content: "+ 더보기";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	color: #fff;
	font-size: 1.5rem;
	background: rgb(0 0 0 / 60%);
}
.review_img .img_col_box .rect{ border-radius: 1.0rem; cursor: pointer;}


/* 리뷰 내용 */
.review_text p{
	line-height: 1.4em;
	cursor: pointer;
}
.review_text p.show{
	white-space: pre-line;
	overflow: unset;
	text-overflow: unset;
	display: unset;
	-webkit-line-clamp: unset;
	-webkit-box-orient: unset;
	word-break: break-all;
	cursor: default;
}



/* 상품 문의 */
/* 문의하기 버튼 */
.inquiry_list_wr .collapse_btn{
	padding: 2.0rem 1.6rem;
	flex-direction: column;
	align-items: start;
	border-bottom: 1px solid var(--border100);
	height: 8.5rem !important;
}

/* 비밀글 아이콘 */
.inquiry_list_wr .secret_ico{ margin-right: 0.3rem; flex-shrink: 0; display: none;}
.inquiry_list_wr .secret_inq .secret_ico{ display: unset;}

/* 문의글 제목 */
.inq_tit{ font-size: 1.5rem; line-height: 1.4em; text-align: left;}

.inquiry_list_wr .collapse_btn span.line{ color: var(--border100); margin: 0 0.5rem;}

/* 처리상태 */
.inquiry_list_wr .collapse_btn span.inquiry_status{ font-weight: 500;}
.inquiry_list_wr .collapse_btn span.inquiry_status.done{ color: var(--primary); }

/* 문의 내용 */
.inquiry_list_wr .collapse_cont{ background: var(--light-50);}

.inquiry_list_wr .user_cont_wr{ padding: 2.5rem 1.6rem; line-height: 1.4em; border-bottom: 1px solid var(--border100);}
.inquiry_list_wr .user_cont { white-space: pre-line;}
.inquiry_list_wr .user_tit{ font-weight: 600; margin-bottom: 1.5rem;}


.inquiry_list_wr .store_cont_wr{ padding: 2.5rem 1.6rem; line-height: 1.4em; border-bottom: 1px solid var(--border100);}
.inquiry_list_wr .store_name{ font-weight: 600; margin-bottom: 1.5rem;}
.inquiry_list_wr .store_cont{ white-space: pre-line; margin-bottom: 1.5rem;}
.inquiry_list_wr .store_date{ color: var(--gray-300); font-size: 1.3rem;}



/* 상품 안내 */
.prdt_notice_wr li{ margin-bottom: 2.0rem;}
.collapse_btn .sect_tit{ margin-bottom: 0;}
.prdt_notice_wr .collapse_btn{
	padding: 1.0rem 0;
	padding-bottom: 2.0rem;
	justify-content: space-between;
	align-items: center;
}

.prdt_notice_wr .prdt_notice_cont{
	background: var(--light);
	padding: 2.0rem;
	border-radius: 1.0rem;
	line-height: 1.4em;
	font-size: 1.3rem;
}



/*** 신고하기 모달 ***/
#report_modal .report_radio_wr .radios{ margin-bottom: 1.5rem;}



/*** 리뷰 이미지 모달 ***/
#img_view.modal_full .modal-content{ -ms-overflow-style: none; scrollbar-width: none;}
#img_view.modal_full .modal-content::-webkit-scrollbar { display: none;}
#img_view.modal_full .modal-body{
	position: relative;
	padding: 0;
	background: var(--black);
	-ms-overflow-style: none; scrollbar-width: none;
}
#img_view.modal_full .modal-body::-webkit-scrollbar { display: none;}
#img_view.modal_full .modal-header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	background: unset;
	border: 0;
}
#img_view.modal_full .modal-header button img{filter: invert(99%) sepia(3%) saturate(403%) hue-rotate(346deg) brightness(115%) contrast(100%);}

.review_img_slide .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.review_img_slide .swiper-slide img {
	max-height: 100%;
}

.review_img_slide .swiper-pagination{
	color: #fff;
	z-index: 9999;
	bottom: 3.0rem;
}



/*** 옵션 선택 모달 ***/
.select_option.modal .modal-header{ border: 0;}
.select_option.modal .modal-body{ padding: 0 1.6rem; text-align: left;}
.select_option.modal .modal-footer{ padding: 1.0rem 1.6rem;}
.select_option.modal .modal-footer .btn{ border-radius: 1.0rem;}

/* 옵션 선택 셀렉트 */
.select_opt_wr .option_drop:not(:last-of-type){ margin-bottom: 1.5rem;}
.option_drop{
	border: 1px solid var(--border100);
	border-radius: 1.0rem;
	overflow: hidden;
}
.option_drop .select_opt_btn{
	width: 100%;
	text-align: left;
	justify-content: start;
	border-bottom: 1px solid var(--border100);
	border-radius: 0;
	margin-bottom: -1px;
	font-size: 1.4rem;
	font-weight: 400;
	height: 4.8rem;
}
.select_opt_btn:disabled img.arrow{
	filter: invert(76%) sepia(4%) saturate(415%) hue-rotate(155deg) brightness(89%) contrast(88%);
}
.option_drop .option_list_wr .option_list{
	display: block;
	padding: 1.6rem 1.5rem;
	text-align: left;
	border-bottom: 1px solid var(--border50);
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.3em;
}
.option_drop .option_list_wr li:last-of-type .option_list{ border-bottom: 0;}


/* 옵션 선택 결과 */
.select_opt_result{ margin-top: 1.5rem; margin-bottom: 2.0rem; position: relative;}
.select_opt_result .item_opt_counter{ max-width: 11.0rem;}
.result_box{
	padding: 2.0rem;
	border-radius: 1.0rem;
	background: var(--light);
}
.result_box:not(:last-of-type){ margin-bottom: 1.5rem;}
.result_box .selected_options{
	width: calc(100% - 2.0rem);
}

/* 선택한 옵션 삭제 버튼 */
.opt_del_btn{
	width: 1.0rem;
	height: 1.0rem;
	position: absolute;
	top: 2.0rem;
	right: 1.9rem;
}

/* 옵션 개수 조절 */
#select_option .item_opt_counter_btn{ background: #fff;}
#select_option .item_opt_counter_btn.disabled, #select_option .item_opt_counter_btn:disabled{
	background: var(--border100);
}

/* 옵션 가격 */
.opt_price{ flex-grow: 1; text-align: right;}
.opt_price p{
	display: inline-flex;
	word-break: break-all;
	margin-left: 1.0rem;
}


.total_result{
	padding-top: 2.0rem;
	border-top: 1px solid var(--light);
}
.total_result .tt_rs_line{ margin-bottom: 1.5rem;}



/*** 단일옵션 모달 ***/
#one_option .modal-header{ border: 0;}
#one_option .modal-body{ padding: 0 1.6rem; text-align: left;}
#one_option .modal-footer{ padding: 1.0rem 1.6rem;}
#one_option .modal-footer .btn{ border-radius: 1.0rem;}



/*** 정렬 필터 선택 모달 ***/
.filter_modal.modal .modal-body{ text-align: center; padding: 0;}
.filter_modal .radios_wr{ flex-direction: column;}
.filter_modal .radios_wr .radios{ margin: 0;}
.filter_modal .radios_wr .radios label {
	display: block;
	width: 100%;
	padding: 1.5rem 1.6rem;
}
.filter_modal .radios_wr .radios:not(:last-of-type) label{ border-bottom: 1px solid var(--border50);}

.filter_modal .chk_p{ color: var(--text);}
.filter_modal input:checked ~ .chk_p{ color: var(--primary); font-weight: 600;}





/***** 주문결제 페이지 *****/
.pay_pg{ padding-bottom: 8.0rem;}
.group_wr{ padding: 2.0rem 1.6rem;}

/* 아이템 그룹 */
.group_wr .collapse_btn{
	padding: 2.0rem 0;
	height: auto;
	border-radius: 0;
	border: 0;
}
#ordered_items{ padding-bottom: 2.0rem;}

.items_group_box{
	border: 1px solid var(--border100);
	border-radius: 1.5rem;
	overflow: hidden;
}
.items_group_box:not(:last-of-type){ margin-bottom: 2.0rem;}
.items_group_box .group_box_header{
	display: flex;
	align-items: center;
	padding: 1.5rem;
	border-bottom: 1px solid var(--border50);
}
.items_group_box .group_box_header .store_name{ font-size: 1.5rem;}

/* 아이템 */
.item{ padding: 2.0rem 1.5rem; position: relative;}
.item:not(:last-of-type){ border-bottom: 1px solid var(--border50);}

/* 아이템 이미지 */
.item .item_img{ width: 6.8rem; margin-right: 1.0rem; flex-shrink: 0;}
.item .item_img .rect{ border-radius: 0.6rem;}
.item_img_border{ border: 1px solid rgb(0 0 0 / 5%);}

/* 아이템 텍스트 */
.item_text .item_prd_tit{ font-weight: 500; /*margin-bottom: 1.0rem;*/}
.item_text .item_prd_tit p:first-of-type{ margin-bottom: 0.4rem;}

.item .option{ max-width: 50%;}


/* 매장정보 확인하기 아코디언 */
.store_collapse_wr{ padding: 0 1.5rem 2.0rem;}
.collapse_btn.view_store_info_btn{
	background: var(--light);
	padding: 1.2rem 1.0rem;
	width: 100%;
	border-radius: 0;
	text-align: left;
}

.store_collapse_wr .view_store_info_btn .arrow{ width: 1.6rem; filter: invert(58%) sepia(8%) saturate(300%) hue-rotate(160deg) brightness(91%) contrast(94%);}

/* 배송비 */
.deli_cost{ flex-shrink: 0;}
.deli_cost img{ filter: invert(55%) sepia(3%) saturate(876%) hue-rotate(160deg) brightness(97%) contrast(86%);}


/***** 주문완료 페이지 *****/
.pay_done_img{ width: 11.4rem; margin-bottom: 2.5rem;}





/***** 장바구니 페이지 *****/
.cart_pg{ background: var(--light);}

.cart_top_sticky{
	position: sticky;
	top: var(--hd_height_m);
	left: 0;
	z-index: 1001;
}

.cart_tab .nav-link span.count{ margin-left: 0.3rem;}
.cart_tab .nav-link.active span.count{ color: var(--primary);}

.cart_top_btn{
	padding: 1.5rem 1.6rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 0 0.6rem rgb(0 0 0 / 5%);
	background: #fff;
}

.cart_top_btn .btn img{ margin-right: 0.5rem;}


.cart_tab_cont .items_area{
	padding: 2.0rem 1.6rem;
	min-height: calc(100vh - 41rem);
}


/* 장바구니 아이템 카드 */
.cart_items_group_box{
	border: 0;
	background: #fff;
	box-shadow: 0 0 0.6rem rgb(0 0 0 / 5%);
}
.cart_items_group_box .checks_wr .checks{ margin-right: 0;}
.cart_pg .chk_p{ color: var(--text);}

.cart_items_group_box .view_store_info_btn{ margin-top: 1.5rem;}

.cart_items_group_box .item{
	display: flex;
	position: relative;
}
.cart_items_group_box .item .checks{ flex-shrink: 0;}
.cart_items_group_box .item .checks .ic_box{ margin-right: 1.0rem;}
.cart_items_group_box .item_text { flex-grow: 1;}
.cart_items_group_box .item_text a{ display: block;}
.cart_items_group_box .item .prdt_info{ max-width: calc(100% - 3.2rem);}
.cart_items_group_box .item .item_text .item_prd_tit{ margin-bottom: 0;}

.cart_items_group_box .item .item_img{ width: 9.0rem;}

.cart_item_btn, .item_btn{ margin-top: 1.5rem;}
.cart_item_btn .btn-md{ height: 3.0rem;}
.cart_item_btn .item_opt_counter{ width: 100%;}
.cart_item_btn .item_opt_counter .quantity{ flex-grow: 1;}

.cart_items_group_box .opt_del_btn{ position: unset;}

.items_group_box .group_box_footer{
	padding: 1.5rem;
	background: var(--light);
}

.item_opt:not(:last-of-type){ margin-bottom: 1.5rem;}




/*** 배송방법 변경 팝업 ***/
#change_deli .modal-body{ text-align: left; padding: 0;}



/*** 옵션 변경 팝업 ***/
#change_option .result_box .selected_options{ width: 100%;}





/***** 마이페이지 *****/
/* 내정보 영역 */
.mp_user_info{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.regular_store{
	display: flex;
	align-items: center;
	color: var(--primary);
	font-size: 1.5rem;
}
.regular_store.no_regular_store{
	color: var(--gray-400);
}

/* 상단 아이콘 메뉴 영역 */
.mp_top_menu .mp_top_menu_link{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mp_top_menu .mp_top_menu_link img{ width: 3.5rem; margin-bottom: 0.5rem;}
.mp_top_menu .mp_top_menu_link .count{ color: var(--primary); margin-top: 0.5rem;}


/* 마이페이지 메뉴 전체 */
.mp_menu .menu_tit{ color: var(--gray-300); margin-bottom: 1.2rem;}
.mp_menu a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.2rem 0;
	font-size: 1.5rem;
}

.mp_menu nav > ul > li{ margin-bottom: 1.2rem;}




/***** 푸쉬 알림 페이지 *****/
.push_list {
	position: relative;
	display: flex;
	padding: 2.0rem 1.6rem;
	border-bottom: 1px solid var(--border100);
	cursor: pointer;
}
.push_list .push_img{
	width: 4.5rem;
	flex-shrink: 0;
	margin-right: 1.0rem;
}
.push_list .push_text {
	margin-right: 1.0rem;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.push_list .push_text p{ font-size: 1.5rem; margin-bottom: 0.6rem; line-height: 1.4em;}
.push_list .push_text span{ font-size: 1.3rem; color: var(--gray-400);}
.push_list .arrow {
	width: 2.2rem;
	height: 2.2rem;
	filter: invert(57%) sepia(10%) saturate(237%) hue-rotate(160deg) brightness(92%) contrast(91%);
	flex-shrink: 0;
}

.push_list a{
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}


.push_list.show .push_text p{
	white-space: normal;
	overflow: unset;
	text-overflow: unset;
	word-wrap: break-word;
	display: unset;
	-webkit-line-clamp: unset;
	-webkit-box-orient: unset;
	word-break: break-all;
}
.push_list.show .arrow{ transform: rotate(180deg);}






/***** 주문배송 조회 > 주문배송 리스트 페이지 *****/
/* 주문처리 상태 */
.status_text{ font-size: 1.5rem; font-weight: 600; margin-bottom: 1.0rem;}
.status_text.order_status{ color: var(--primary);}
.status_text.return_status{ color: var(--red);}

.order_items_group_wr{ margin-top: 2.0rem;}
.order_items_group_wr .item_btn .form-row{ margin-left: -0.3rem; margin-right: -0.3rem;}
.order_items_group_wr .item_btn .form-row > .col, .order_items_group_wr .item_btn .form-row > [class*=col-]{ padding-left: 0.3rem; padding-right: 0.3rem;}

.item_btn .review_btn img{ filter: invert(38%) sepia(25%) saturate(1103%) hue-rotate(91deg) brightness(91%) contrast(92%);}
.item_btn .review_btn:hover img{ filter: invert(100%) sepia(0%) saturate(7438%) hue-rotate(338deg) brightness(115%) contrast(101%);}



/*** 메뉴 더보기 팝업 ***/
/*#menu_more .modal-header{ padding: 1.6rem 1.6rem 1.0rem;}*/
#menu_more .item{ padding: 0;}
#menu_more .modal-body{ padding: 0;}
#menu_more .modal-body .btn{
	height: 4.8rem;
}
#menu_more .modal-body .btn:not(:last-of-type){ border-bottom: 1px solid var(--border50);}



/***** 주문배송 조회 > 매장정보 페이지 *****/
.order_stroe_info .store_info_wr{ padding: 2.0rem 0;}
.order_stroe_info .store_info_wr .map_wr{ height: 25.0rem;}
.menu_more_btn{ width: 3.8rem;}



/***** 주문배송 조회 > 교환요청 페이지 *****/
.exchange_pg, .return_pg{ padding-bottom: 8.0rem;}




/***** 취소/교환/반품 조회 페이지 *****/
.mini_img_gr{ display: flex; gap:1.0rem;}
.mini_img_gr > div{ width: calc((100% - 4.0rem) / 5); border-radius: 0.6rem;}




/***** 배송지관리 페이지 *****/
.add_address > .container{ padding-bottom: 9.0rem;}
.address_list {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	padding: 1.5rem 1.6rem;
	line-height: 1.2em;
	border-bottom: 1px solid var(--border100);
}
.address_list .name{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.address_list .name:has(.badge) p{ margin-right: 0.7rem;}
.address_list .name p{ font-size: 1.5rem; font-weight: 700;}
.address_list .message{ color: var(--gray-400);}
.address_list .btn_group{ margin-top: 0.2rem;}




/***** 리뷰 내역 페이지 *****/
.review_layout .order_items_group_wr{ margin-top: 0;}
.group_box_body article.review{ padding-top: 2.0rem; border-top: 1px solid var(--border50);}
.group_box_body article.review .mini_img_gr .rect{ cursor: pointer;}

.review_star_lg img{ width: 4.0rem; margin: 0.5rem; cursor: pointer;}
.review_star_lg .pmd-material-rating{ cursor: default !important;}

.review_layout textarea.form-control{ height: 20.0rem;}


.review_write{ padding-bottom: 9.0rem;}




/***** 문의 내역 페이지 *****/
.inquiry_layout .order_items_group_wr{ margin-top: 0;}
.inquiry_layout .order_items_group_wr .item{ border-bottom: 1px solid var(--border50);}
.inquiry_layout .collapse_btn { padding: 2.0rem 1.5rem;}

.inquiry_layout .inquiry_list_wr .store_cont_wr{ border-bottom: 0; border-top: 1px solid var(--border100);}
.inquiry_layout .inquiry_list_wr .user_cont{ border-bottom: 0;}

.inquiry_layout .item_text .item_prd_tit{ margin-bottom: 0;}




/***** 1:1 문의하기 페이지 *****/
.write_layout > .container{ padding-top: 2.0rem; padding-bottom: 9.0rem;}




/***** 각종 약관 페이지 *****/
.term_layout > .container{ padding: 2.0rem 1.6rem 4.0rem;}
.term_layout .editor_cont{ line-height: 1.5em;}




/***** FAQ 페이지 *****/
/* 상단 카테고리 */
.cate_wr{ overflow: hidden; padding: 1.0rem 0;}
.cate_wr #cate_cont{ overflow-y: scroll;}
.cate_wr .btn-group{ width: max-content;}
.cate_wr .btn{ font-size: 1.4rem; font-weight: 400; flex-shrink: 0;}

.btn-outline-border100:not(:disabled):not(.disabled):active, .btn-outline-border100:not(:disabled):not(.disabled).active, .show > .btn-outline-border100.dropdown-toggle{
	border-color: var(--primary);
	background-color: #fff;
	color: var(--primary);
}


/* 게시물 */
.faq_list_wr .collapse_btn{ padding: 2.0rem 1.6rem; border-bottom: 1px solid var(--border100);}
.faq_list_wr .collapse_btn .faq_tit {
	font-size: 1.5rem;
	font-weight: 500;
	margin-right: 1.0rem;
}

.faq_list_wr .text_wr {
	line-height: 1.4em;
	background: var(--light-50);
	padding: 2.5rem 1.6rem;
	border-bottom: 1px solid var(--border100);
}
.faq_list_wr .faq_cont{ white-space: pre-line;}
.faq_list_wr .collapse_cont .faq_tit {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	line-height: 1.4em;
}




/***** 공지사항 페이지 *****/
.notice_list_wr >li{ border-bottom: 1px solid var(--border100);}
.notice_list_wr .notice_link{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2.0rem 1.6rem;
}

.notice_list_wr .notice_link .notice_tit{ font-size: 1.5rem; font-weight: 500; margin-bottom: 0.8rem;}
.notice_list_wr .notice_link .date{ font-size: 1.2rem; color: var(--gray-300);}
.notice_list_wr .notice_link .arrow{ width: 2.0rem; margin-left: 1.0rem;}



/***** 공지사항 상세 페이지 *****/
.notice_top{ padding: 2.0rem 0; line-height: 1.4em;}
.notice_bottom{ padding: 2.0rem 0 3.0rem; line-height: 1.4em;}
.notice_top .notice_tit{ margin-bottom: 1.0rem;}
.notice_top .date{ color: var(--gray-300);}


/***** 매장 목록 페이지 *****/
.store_list{
	position: relative;
	padding: 2.0rem 1.6rem;
	border-bottom: 1px solid var(--border100);
}
.store_list .store_info_wr .store_info_top{ margin-bottom: 0;}
.store_list .store_info_wr{ max-width: calc(100% - 4.6rem);}
.store_list .like_btn{
	position: absolute;
	right: 1.6rem;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 2;
}
.store_list > a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.store_list .store_tit{ margin-bottom: 0;}



/***** 지역설정 페이지 *****/
.search_list_wr .search_list {
	display: flex;
	flex-direction: column;
	padding: 1.5rem 1.6rem;
	border-bottom: 1px solid var(--border100);
	cursor: pointer;
}
.search_list_wr .search_list .tit {
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	font-weight: 600;
}
.search_list_wr .search_list .address:first-of-type{ margin-bottom: 0.3rem;}



/* 현재위치로 찾기 */
.sub_pg.full_screen_layout{ padding: 0 !important;}
.full_screen_layout .map_wr{ width: 100%; height: 100vh;}

.bottom_fixed_address{
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	padding: 2.5rem 1.6rem 2.0rem;
	background: #fff;
	border-top-left-radius: 2.0rem;
	border-top-right-radius: 2.0rem;
	box-shadow: 0 0 0.6rem rgb(0 0 0 / 5%);
	line-height: 1.3em;
}
.bottom_fixed_address p{ margin-bottom: 0.5rem;}




/***** 매장상세 페이지 *****/
/* 단골설정 버튼 */
.regular_store_btn span{
	display: flex;
	align-items: center;
}
.regular_store_btn span img{ width: 1.4rem;}
.regular_store_btn .ic_plus{ filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(103%) contrast(103%);}

.regular_store_btn .regular_store_on, .regular_store_btn.active .regular_store_off{ display: none;}
.regular_store_btn .regular_store_off, .regular_store_btn.active .regular_store_on{ display: block;}

.regular_store_btn.active{ background: #fff !important; color: var(--primary) !important; border-color: var(--primary) !important;}


/* 매장 설명 */
.store_intro{ line-height: 1.4em;}
.store_intro.show{ white-space: normal; overflow: unset; text-overflow: unset; word-wrap: break-word; display: unset; -webkit-line-clamp: unset; -webkit-box-orient: unset;word-break: break-all;}

.store_info_text{ margin-bottom: 2.0rem;}
.store_info_text .more_btn{ text-decoration: underline; color: var(--gray-400); margin-top: 0.5rem;}

/*** 카테고리 리스트 ***/
.category_list_wr{ padding: 0 1.6rem;}
.category_list_wr .row{ margin-right: -0.6rem; margin-left: -0.6rem;}
.category_list_wr .col{ padding-right: 0.6rem; padding-left: 0.6rem; margin-bottom: 3.0rem;}
.category_list_wr .catetory_link {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/*** 상품 리스트 item ***/
.product_list_wr{ padding: 0 1.6rem;}
.product_list_wr .row{ margin-right: -0.6rem; margin-left: -0.6rem;}
.product_list_wr .col{ padding-right: 0.6rem; padding-left: 0.6rem; margin-bottom: 3.0rem;}

.product_item{ position: relative; height: 100%;}

/* 썸네일 */
.product_item .pr_img{ position: relative;}
.product_item .pr_img .rect{ border-radius: 1.0rem;}

/* 찜버튼 */
.product_item .pr_img .like_btn{
	position: absolute;
	bottom: 1px;
	right: 1px;
	width: 4.5rem;
	height: 4.5rem;
	z-index: 2;
}
.product_item .pr_img .like_btn img{ width: 4.5rem;}

/* 할인율 표시 */
.product_item .discount_rate{ display: none;}
.product_item.discount .discount_rate{ display: block;}

.product_item .pr_img .discount_rate{
	position: absolute;
	left: 0; top: -1px;
	width: 5.0rem;
	height: 5.0rem;
	z-index: 1;
}
.product_item .pr_img .discount_rate .number{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -60%);
	color: #fff;

}
.product_item .pr_img .discount_rate .number span{ font-size: 1.8rem; font-weight: 700;}



/* 상품 텍스트 */
.product_item .pr_text{ padding-top: 1.2rem;}
.product_item .pr_text .review_average_sm{ color: var(--gray-400); margin-bottom: 0;}




/***** 검색 페이지 *****/
/* 최근 검색어 */
.keyword_gr_wr{ }
.keyword_badge{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	margin-bottom: 0.8rem;
	margin-right: 0.8rem;
	padding:0;
}
.keyword_badge .btn{ height: 100%;}
.keyword_badge .keyword_text{ padding-left: 1.5rem; margin-right: 0.5rem;}
.keyword_badge .keyword_del_btn{ padding-right: 1.5rem;}
/*.keyword_badge .keyword_del_btn{ margin-left: 0.5rem;}*/
.keyword_badge .keyword_del_btn img{ width: 1.4rem;}




/***** 검색 결과 페이지 *****/
.scroll_tab{ overflow-x: scroll;}
.scroll_tab .nav{ flex-wrap: nowrap; width: max-content; min-width: 100%;}
.scroll_tab .nav-item {
	min-width: 8.3rem;
	width: auto;
	flex-grow: unset;
	flex-basis: unset;
}
.scroll_tab .nav-item .nav-link{ padding-right: 1.0rem; padding-left: 1.0rem;}





/***** 카테고리 페이지 *****/
.category_pg .con_top{ padding-top: var(--hd_height_m); padding-bottom: 6.5rem;}

.category_pg .row.scrollspy_wr{ margin-right: 0; margin-left: 0;}
.v_cate_nav { background: var(--light);}
/*.v_cate_nav .sticky-top{ top: var(--hd_height_m);}*/
.v_cate_nav .nav-link {
	min-height: 4.6rem;
	padding: 0.5rem 1.6rem;
	color: var(--text);
	font-size: 1.5rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	border-radius:0;
	border: 0;
}
.v_cate_nav .nav-link.active{background:#fff;color:#000;}
.v_cate_nav{
	max-height: calc(100vh - 5.6rem - 6.5rem);
	overflow: scroll;
}
.v_cate_cont {
	max-height: calc(100vh - 5.6rem - 6.5rem);
	overflow: scroll;
	padding-right: 1.6rem;
	padding-left: 2.0rem;
}
.v_cate_cont .tit_wr {
	display: flex;
	align-items: center;
	height: 4.9rem;
}

.v_cate_cont .cate_icon_box{
	width: 2.9rem;
	border-radius: 0.5rem;
	background-color: var(--gray-400);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 1.0rem;
}
.v_cate_cont > div.v_cate_spy:not(:last-of-type){ border-bottom: 1px solid var(--border100);}

.v_cate_cont .cate_icon_box .cate_icon{ filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(273deg) brightness(102%) contrast(101%); transform: scale(1.2);}

.v_cate_cont .main_cate_2st > ul > li > a{ display: block; padding: 1.0rem 0;}



/***** 카테고리 상세 페이지 *****/
.categpry_dt .scroll_tab .nav-item{ min-width: unset; flex-shrink: 0;}
.cate_tab_btn .nav-item .btn{
	position: relative;
	padding: 1.6rem 1.0rem;
	font-size: 1.6rem;
	font-weight: 600;
}
.cate_tab_btn .nav-item .btn.active::after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0; bottom: 0;
	background: var(--primary);
}




/* 3차 카테고리 버튼 */
.cate_tab_3th_wr{
	width: 100%;
	background: var(--light);
	padding: 1.6rem;
}
.cate_tab_3th_wr .nav{
	display: flex;
	gap: 1.6rem;
	width: max-content;
}
.cate_tab_3th_wr ul li{ flex-shrink: 0;}

.cate_tab_3th_wr .nav-item .nav-link{
	font-weight: 600;
	color: var(--gray-300);
	padding: 0;
}
.cate_tab_3th_wr .nav-item .nav-link.active{
	color: var(--text);
}














/**************************************************/
/*											반응형											*/
/**************************************************/

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {


}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {


}


/*반응형 max 767px md*/
@media (max-width: 767.98px) {

	/* 모바일 메뉴 */
	.m_menu_wr{width: 100%; left: 50%; transform: translate(-50%); max-width:57.6rem;}
	.menu_bg{width: 100%; left: 50%;}
	.menu_on .m_nav{max-width: 80%;}

}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {

	.mobile_wr {
		border-left: 0;
		border-right: 0;
	}

	.go_top2 {
		right: 1.6rem;
		transform: translateX(0);
	}

}

/*반응형 max 375px*/
@media (max-width: 375px) {
	html { font-size:9.4px; }

	.cart_top_btn .btn img{ margin-right: 0.3rem;}
}


.container:has(.image_upload){ margin-right: unset; margin-left: unset;}

/* 추가한 부분이라 지우지마세요 */
.editer_info{
	font-family: initial;
	font-size: initial;
	line-height: initial;
	border: none;
}

/* 카테고리 슬라이드 영역 */
.category_slide_wrap {
	position: fixed;
	top: var(--header-height);
	left: 0;
	right: 0;
	height: var(--category-height);
	background: #fff;
	z-index: 1000;
	border-bottom: 1px solid #f0f0f0;
	max-width: 576px;
	margin: 0 auto;
}

/* 카테고리 슬라이드 개선 */
.category_slide {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
}

.category_slide::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Edge */
}

.category_slide ul {
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.category_slide li {
	padding: 0 0rem;
	height: 100%;
	display: flex;
	align-items: center;
}

.category_slide li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 2px 8px;
	white-space: nowrap;
}

.category-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-right: 1px;
	overflow: hidden;
}

.category-icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.category-name {
	font-size: 14px;
}

.category_slide li.active a {
	color: var(--theme-color, #4A89DC);
	font-weight: 600;
}