@charset "utf-8";

/* ======= } 레이아웃 */
#wrap {
	padding-bottom: 150px;
}

/* ======= { 레이아웃 */

/* 공통사용 */
.l_hidden {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
}

.hidden-txt {
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 1px;
	line-height: 1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* 그리드 공통 */
.grid_table {
	font-size: 12px;
}

.grid_table2 {
	font-size: 12px
}

.grid_table2 th, .grid_table2 td {
	text-align: center;
}

.grid_table2 .k-grid-header .k-header {
	vertical-align: middle
}

/* 과세 구분 공통 표시 */
.vat_cate {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

/* 최근 주문일 (모바일: 사진 아래) */
.thumb_recent_order_day {
	margin-top: 4px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	color: #0069d9;
	letter-spacing: -0.3px;
	font-weight: bold;
	line-height: 1.2;
}

.vat_cate:before {
	content: '';
	margin-right: 2px;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	opacity: .5;
	vertical-align: middle
}

.vat_cate.vat_1:before {
	background: #0B83E6
}

.vat_cate.vat_2:before {
	background: #ff0000
}

.vat_cate.vat_3:before {
	background: #0ca94b
}

/* 상품 수량 구매 할인 아이콘 및 툴팁 */
.icon_dc_into {
	margin-left: 4px;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	background-color: #ffeb00;
	color: #000;
	font-weight: bold;
	border-radius: 50%;
	text-align: center;
	box-shadow: 1px 1px 1px #ddd;
	cursor: pointer
}

.dc_info_tooltip {
	border-color: #fff;
	background-color: #fff;
	color: #000
}

.dc_info_tooltip.k-tooltip .k-callout {
	color: #fff
}

.dc_info_cont .title {
	margin-bottom: 10px;
	font-weight: normal
}

.dc_info_table {
	width: 100%
}

.dc_info_table th {
	background: #d2e8ff
}

.dc_info_table th,
.dc_info_table td {
	padding: 5px 3px;
	width: 25%;
	border: 1px solid #000;
	text-align: center
}

/* 상품 리스트 AD 신청하기 */
.win_contact_list li + li {
	margin-top: 10px
}

.win_contact_list .q_tit {
	display: inline-block;
	width: 100px;
	vertical-align: middle
}

.win_contact_list .q_cont {
	padding: 3px 5px;
	display: inline-block;
	width: calc(100% - 120px);
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 5px
}

.win_contact_list .q_cont::placeholder {
	color: #bbb
}

.win_contact_list .q_cont_2 {
	margin-top: 5px;
	padding: 10px;
	width: 100%;
	border: 1px solid #ddd;
	resize: none;
	border-radius: 5px
}

.win_contact_list textarea {
	display: block
}

.win_contact_cont .wnd_btn_grp {
	margin: 15px auto;
	text-align: center;
}

.win_contact_cont .wnd_btn_grp button {
	font-weight: normal;
	font-size: 16px
}

.win_contact_cont .contact_policy {
	margin: 10px 0;
	padding: 10px;
	width: 100%;
	border: 1px solid #f6fcff;
	background: #f6fcff;
	border-radius: 3px;
	resize: none
}

.win_contact_cont .wnd_btn_grp .btn_point_green {
	background: #17ad89;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: normal;
	border: 2px solid #17ad89;
}

/* 스위치 공통 스타일 */
.switch_wrap .k-switch-on .k-switch-container {
	background-color: #17ad88;
}

/* ===== 회원가입 */
.join_item {
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 16px;
}

.user_transfer_text {
	border: 10px solid #ffe37a;
}

.join_item.all {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding: 12px 10px;
	font-weight: bold;
}

.join_item.all input[type=checkbox] {
	width: 18px;
	height: 18px
}

.join_item.all label {
	font-size: 16px
}

.join_item + .join_item {
	margin-top: 5px;
}

.join_item + .join_cont {
	margin-top: 30px
}

.join_item [type="checkbox"] {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	vertical-align: unset
}

.join_item label {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
}

.join_item .child {
	margin-top: 10px;
	padding-left: 25px
}

.join_item .child .agree_check + .agree_check {
	margin-top: 8px
}

.join_top_box {
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center
}

.join_tit {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.join_tit i {
	padding-right: 5px;
	color: #17ad89;
}

.join_tit_sub {
	font-size: 14px;
	color: #005aff;
	font-weight: bold
}

.agree_cont {
	display: flex;
	justify-content: right;
	flex-wrap: wrap;
	font-size: 14px
}

.join_cont + .join_cont {
	margin-top: 20px
}

.join_cont + .btn_grp_type {
	margin-top: 40px
}

.agree_textarea {
	width: 100%;
	padding: 10px;
	font-size: 13px;
	border: 1px solid #ddd;
	height: 140px;
	overflow-y: scroll;
	color: #999999;
	resize: none
}

.agree_check {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px
}

.agree_link {
	display: inline-block;
	padding: 4px 6px;
	font-size: 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.reg_num {
	margin-top: 0;
	align-items: center
}

.reg_num .textbox {
	height: 30px
}

.reg_num input:nth-of-type(1) {
	width: 30%
}

.reg_num input:nth-of-type(2) {
	width: 20%
}

.reg_num input:nth-of-type(3) {
	width: 50%
}

.join_form_area + .join_form_area {
	margin-top: 20px
}

.join_form_area {
	font-size: 14px
}

.join_form_area label {
	display: block;
	margin-bottom: 4px
}

.join_form_area .textbox {
	width: 100%;
	height: 30px;
	border-width: 0 0 1px 0;
}

.join_form_area .cust_id,
.join_form_area .file_name {
	width: calc(100% - 82px)
}

.join_form_area .cust_id_2 {
	width: calc(100% - 130px)
}

.join_form_area .btn_point {
	padding: 3px 5px
}

.join_id_area .btn_df {
	padding: 0 5px;
	height: 30px;
	font-size: 13px;
	font-weight: normal;
}

.join_form_area .post_num {
	width: 120px
}

.join_form_area .selectbox {
	width: 100%;
	height: 30px;
	border: 1px solid #ddd;
	color: #262626;
	padding: 0 5px;
	-webkit-border-radius: 0;
	background: #fff
}

.join_form_area .select_email {
	width: calc(100% - 130px)
}

.join_form_area .email_check {
	margin-left: 5px;
	width: 120px;
}

.join_form_area .eamil_check_info {
	font-size: 13px;
	color: #ff0038;
	word-break: keep-all;
	margin: 5px 0 0 0;
	font-weight: bold;
}

.join_form_area .eamil_check_info > em {
	font-style: normal;
	margin: 0 0 0 3px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.join_form_area #custId {
	background-color: #ffffff;
}

.join_form_area .cust_id_info {
	font-size: 13px;
	color: #ff0038;
	word-break: keep-all;
	margin: 5px 0 0 0;
	font-weight: bold;
}

.join_form_area .cust_id_info > em {
	font-style: normal;
	margin: 0 0 0 3px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.join_form_area .pass_wrap {
	position: relative;
	width: 100%;
}

.join_form_area .pw_eye,
.join_form_area .pw_eye_chk {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
}

.copy_info_area {
	position: relative
}

.copy_info_area .btn_copy_info {
	position: absolute;
	right: 0;
	top: 0;
	padding: 2px 10px;
	display: block;
	margin-left: auto;
	border: 1px solid #999;
	color: #fff;
	border-radius: 5px;
	font-size: 13px;
	background: #999;
}

.mail_form {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 5px;
}

.addr1, .addr2 {
	margin-top: 5px
}

.guide_txt {
	margin-top: 5px;
	color: #999
}

.btn_join_prev {
	background-color: #5a5a5a;
	border: 2px solid #5a5a5a;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500;
}

.btn_join_next {
	background-color: #17ad86;
	border: 2px solid #17ad86;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500;
}

/* 사업자등록증 미리보기 */
.img_view_sc {
	text-align: center;
	max-height: 350px;
	overflow-y: auto
}

.img_view_sc iframe {
	border: 0
}

.img_view_sc img {
	max-width: 100%;
}

/* 회원가입 완료 */
.join_end {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50vh;
	text-align: center
}

.join_icon {
	display: inline-block;
	color: #17ad89;
	font-size: 60px
}

.join_end .btn_black {
	width: 100%;
	margin-top: 30px
}

/* 회원가입 안내 문구 */
.user_reg_text {
	margin: 20px 0;
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: keep-all
}

/* 가입경로 선택 */
.join_path_area .selectbox {
	margin-bottom: 10px;
	width: 100%;
	height: 30px;
	border: 1px solid #ddd;
}

.join_path_area .textbox {
	display: none;
	width: 100%;
	height: 30px
}

/* ===== 회원가입 */

/* ========== { 상단 header */
.header_wrap,
.header_sub_evt {
	position: relative;
}

.header_wrap.header_sub_evt .header {
	padding: 0;
	background-color: #fff;
}

.header {
	position: relative;
	padding: 15px 0;
	background-color: #17ad89;
}

.header_wrap.header_fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}

.header_wrap.header_top_fixed {
	position: sticky;
	top: -61px;
	left: 0;
	right: 0;
	z-index: 99;
	transition: 0.4s;
}

.header_sub_evt.header_top_fixed {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	transition: 0.4s;
}

.top_cate {
	position: absolute;
	left: 5px;
	display: inline-block;
	width: 27px;
	height: 27px;
	text-align: center;
	color: #fff;
}

.top_cate .lines {
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 10px);
	background-color: rgba(0, 0, 0, 0);
	display: block;
	width: 18px;
	height: 2px;
	background-color: #fff;
	text-indent: -9999px;
}

.top_cate .lines::before,
.top_cate .lines::after {
	position: absolute;
	content: '';
	display: block;
	width: 18px;
	height: 2px;
	background-color: #fff
}

.top_cate .lines::before {
	top: -5px
}

.top_cate .lines::after {
	bottom: -5px
}

.logo {
	display: inline-block;
	margin-left: 45px;
}

.logo a {
	display: block;
	width: 173px;
	height: 27px;
	background-image: url('../../../img/front/mobile/logo.png');
	background-repeat: no-repeat;
	background-size: auto 27px;
}

.logo a span {
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 1px;
	line-height: 1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.fixed_menu {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
}

.fixed_menu a {
	color: #fff;
	font-size: 20px;
	padding: 3px 5px
}

.fixed_menu .login_mypage {
	display: flex;
	/*align-items: center;*/
	align-items: flex-end;
	flex-direction: column;
}

.fixed_menu .login_mypage .login_mypage_txt {
	font-size: 11px;
}

.fixed_menu .login_mypage .quick_icon {
	text-align: center;
	display: inline-block;
	font: 0/0 a;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 0 0 5px;
	top: 1px;
}

.fixed_menu .login_mypage .quick_icon.quick_icon_user_x {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.5' %3F%3E%3Csvg class='feather feather-user-x' fill='none' height='24' stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cline x1='18' x2='23' y1='8' y2='13'/%3E%3Cline x1='23' x2='18' y1='8' y2='13'/%3E%3C/svg%3E");
}

.fixed_menu .login_mypage .quick_icon.quick_icon_user_check {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.5' %3F%3E%3Csvg class='feather feather-user-check' fill='none' height='24' stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpolyline points='17 11 19 13 23 9'/%3E%3C/svg%3E");
}

.fixed_menu .login_mypage span,
.fixed_menu .login_mypage em {
	display: block;
	font-size: 13px;
	font-style: normal;
}

.fixed_menu .login_mypage em {
	text-indent: 14px;
}

.fixed_menu .login_mypage i {
	padding: 0 0 0 5px;
}

#gnb {
	background-color: #fff;
	display: flex;
	position: relative;
	height: 41px;
}

.gnb_cate {
	display: flex;
	justify-content: space-around;
	border-bottom: 1px solid #d8d8d8;
	/* box-shadow: 3px -4px 5px 1px #e8e8e8; */
	font-size: 14px;
	flex-wrap: nowrap;
	overflow-x: auto;
	white-space: nowrap;
	scroll-behavior: smooth;
	padding: 0px 15px;
	width: 100%;
}

.gnb_cate::-webkit-scrollbar {
	display: none;
}

#gnb .header_btn_plus {
	border: 0;
	background-color: transparent;
	position: relative;
	border-bottom: 1px solid #d8d8d8;
}

#gnb .header_btn_plus:after {
	content: "";
	position: absolute;
	left: -20px;
	top: 2px;
	width: 40px;
	height: 38px;
	pointer-events: none;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 39%);
}

#gnb .header_btn_plus i {
	font-size: 14px;
	border-radius: 5px;
	background-color: #fff;
	color: #333;
	cursor: pointer;
	width: 30px;
	height: 30px;
	box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 12;
	position: relative;
}

#gnb .header_btn_plus.on {
	position: absolute;
	right: 5px;
	top: 5px;
}

#gnb .gnb_cate.gnb_inner_box {
	flex-wrap: wrap;
	justify-content: flex-start;
	position: absolute;
	top: 0;
	left: 0;
	/*height: calc(100% - -5.4rem);*/
	z-index: 12;
	background-color: #fff;
}

/* .gnb_cate:after{content:'';display:block; clear: both;} */
/* .gnb_cate li{float:left; width:25%;} */
.gnb_cate li a {
	display: block;
	text-align: center;
	padding: 10px 5px
}

/* 상단 검색 */
.top_search_area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 101;
}

.top_search_area.on {
	display: block;
}

.top_search_bar { /* display:none;  */
	position: relative;
	left: 0;
	right: 0;
	z-index: 101; /* display: flex; */
	padding: 15px; /* box-shadow: 4px 2px 5px 1px #bdbdbd; */
	font-size: 14px;
	background-color: #fff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.top_search_bar input[type="search"] {
	background-color: #f3f3f3;
	color: #000;
	padding: 0 3px;
	width: 100%;
	height: 28px;
	border: 0px;
	font-size: 14px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.top_search_bar input + input,
.top_search_bar .barcode_btn {
	margin-left: 5px
}

.top_search_bar .srch_form {
	margin-top: 0
}

.top_search_area .close {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -55px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #000;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
}

.top_search_area .btn_grp_type2 button[class^="btn_"] {
	padding: 0 10px;
	height: 28px;
}

.barcode_btn { /* display: inline-block; width:18px; */
	text-align: center;
}

.barcode_btn img {
	height: 28px;
}

/* 추천 검색어 */
.keyword_list {
	margin-bottom: 15px;
}

.keyword_list li {
	display: inline-block;
	padding: 2px 5px;
	border-radius: 50px;
	background: #dbf3ff;
}

.keyword_list li + li {
	margin-left: 5px;
}

/* 바코드 */
.barcode_view {
	display: none;
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	z-index: 102;
	top: 0;
	background-color: #fff;
}

.barcode_view .barcode_close {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20%;
	z-index: 999;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #000;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
}

.barcode_view.active {
	display: block;
}

.barcode_view video {
	width: 100%;
	top: 0;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 104;
}

.drawingBuffer {
	top: 0;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 105;
}

/* ==== 왼쪽 사이드 메뉴 */
#side_menu {
	position: fixed;
	display: none;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 10
}

#side_menu .side_box {
	position: relative;
	left: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

/* .side_box.open{left:0} */
.sideOn,
.scrollNone {
	overflow: hidden;
	height: 100%
}

.side_close {
	position: absolute;
	left: 10px;
	top: 16px;
	font-size: 20px;
	color: #fff
}

.side_inner {
	display: none;
	padding: 10px
}

.side_inner.view {
	display: block;
}

.menu_list {
	display: flex;
	justify-content: space-around;
	background-color: #17ad89;
	padding: 15px 25px;
	height: 61px;
	line-height: 30px;
	font-size: 16px;
}

.menu_list li a {
	color: #fff;
}

.menu_list li i {
	font-size: 22px;
	vertical-align: middle;
}

.side_tab_list {
	display: flex;
	justify-content: space-around;
}

.side_tab_list .item {
	padding: 10px 0;
	width: 33.3%;
	font-size: 16px;
	border-bottom: 3px solid #e2e2e2;
	text-align: center;
}

.side_tab_list .item.on {
	border-color: #17ad89
}

.side_tab_list .item.on a {
	color: #17ad89;
}

.menu_box {
	padding: 10px;
	background-color: #e8e8e8;
}

.menu_box .title {
	position: relative;
	font-weight: bold;
	font-size: 16px
}

.menu_box .title:after {
	content: '';
	position: absolute;
	right: -5px;
	top: 0;
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #17ad89;
	border-radius: 50%;
}

.recommend_menu {
}

.recommend_menu:after {
	content: '';
	display: block;
	clear: both;
}

.recommend_menu .item {
	float: left;
	padding: 5px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 20px;
}

.recommend_menu .item + .item {
	margin-left: 5px;
}

.cate_list_wrap {
	font-size: 14px
}

.drop_item {
	position: relative;
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #d6d6d6
}

.drop_item .more_deco {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%)
}

.depth_wrap {
	display: none
}

.depth_box {
	display: flex;
}

.cate_list ul[class^="depth_"] li {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 5px;
	min-height: 63px;
	overflow: hidden;
	letter-spacing: -1px;
}

/* .depth_box a {position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); padding:0 10px;} */
.cate_list ul li + li {
	border-top: 1px solid #ddd;
}

.cate_list ul li:last-child {
	border-bottom: 1px solid #ddd;
}

.depth_1, .depth_2, .depth_3 {
	width: 100%;
}

.depth_2 { /* display:none; */
	background-color: #f3f3f3;
	box-shadow: inset 2px 0 10px #e3e3e3; /* padding:0 5px */
}

.depth_3 { /* display:none; */
	background-color: #e8e8e8;
	box-shadow: inset 2px 0 10px #ddd; /* padding:0 5px */
}

/* .depth_box .active a:before{content: '';width: 15px;height: 15px;transform: rotate(45deg) translateY(-50%);position: absolute;right: -3px;top: 50%;}
.depth_1 .active a:before{background: #f3f3f3;box-shadow: inset 2px 0 5px #ebebeb;}
.depth_2 .active a:before{background: #e8e8e8;box-shadow: inset 2px 0 10px #ddd;} */
.depth_1 li a {
	color: #676767
}

.depth_1 .active a {
	color: #17ad89
}

.depth_2 li a {
	color: #676767
}

.depth_2 li.active {
	background-color: #17ad89;
}

.depth_2 li.active a {
	color: #fff
}

.depth_3 li a {
	color: #000000
}

.depth_3 li.active {
	background-color: #128a6e;
}

.depth_3 li.active a {
	color: #fff
}

.more_deco:after {
	content: "\e942"
}

.on .more_deco:after {
	content: "\e945"
}

/* 브랜드 리스트 */
.brand_sort_list:after {
	content: '';
	display: block;
	clear: both;
}

.brand_sort_list .item {
	float: left;
	width: 49%;
	line-height: 35px;
	font-size: 16px;
	border: 2px solid #f2f2f2;
	text-align: center;
	background-color: #f2f2f2;
	color: #333333;
	border-radius: 5px
}

.brand_sort_list .item + .item {
	margin-left: 2%;
}

.brand_sort_list .item.on {
	background-color: #fff;
	color: #17ad89;
	border-color: #17ad89;
}

.word_list {
	display: none;
	margin: 10px auto;
}

.word_list.view {
	display: block;
}

.word_list:after {
	content: '';
	display: block;
	clear: both;
}

.word_item {
	float: left;
	width: 15%;
	padding: 10px;
	margin: 1% 0;
	font-size: 14px;
	border: 1px solid #cccccc;
	color: #666666;
	border-radius: 5px;
	text-align: center;
}

.word_item.on {
	color: #fff;
	background-color: #17ad89;
	border-color: #17ad89
}

.word_item + .word_item {
	margin-left: 2%
}

.word_item:nth-child(6n) {
	margin-left: 0
}

.word_item.word_2 {
	width: 32%;
}

.word_cate_list {
	font-size: 14px;
}

.brand_list {
	padding: 10px 0;
	border-bottom: 1px solid #ddd
}

.brand_list:after {
	content: '';
	display: block;
	clear: both;
}

.brand_list .brnd_item {
	float: left;
	width: 50%;
	padding: 3px;
	text-align: center;
}

/* 푸시/즐겨찾기 */
.side_cont {
	margin: 10px auto
}

.side_cont .btn_grp {
	text-align: right;
	font-size: 14px;
}

.side_title {
	display: inline-block;
	margin: 10px auto;
	font-size: 16px;
	font-weight: bold;
}

.push_menu_list {
	padding: 10px;
	border: 2px solid #ededed;
}

.push_menu_list li {
	position: relative;
	margin: 3px 0;
	padding: 6px 0;
	font-size: 14px
}

.push_menu_list li .switch_wrap {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}

.bookmark_list {
	padding: 10px;
	background-color: #f2f2f2;
	font-size: 14px
}

.push_menu_list li {
	margin: 5px 0;
}

/* ==== } 왼쪽 사이드 메뉴 */
/* ==== 오른쪽 사이드 메뉴 { */
#side_mypage { /* display:none;  */
	position: fixed;
	width: 100%;
	left: 100%;
	top: 0;
	bottom: 0;
	z-index: 100;
	background-color: #f7f7f7;
	transition: all .3s
}

#side_mypage.active {
	left: 0;
}

#side_mypage .side_mypage_inner {
	height: 100%;
	padding-bottom: 50px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #f7f7f7;
	font-size: 14px;
}

#side_mypage .side_mypage_inner .tit {
	padding: 10px 10px 5px;
}

.side_mypage_inner li i {
	font-size: 20px;
	vertical-align: middle;
}

.mypage_close {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	color: #fff;
	font-size: 20px
}

.mypage_list {
	padding: 5px 0
}

.mypage_list .item_list {
	position: relative;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	background-color: #fff;
}

.mypage_list .item_list + .item_list {
	margin-top: -1px
}

.mypage_list .item_list .item_count {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	color: #17ad86
}

.mypage_list .item_list a {
	display: block;
	padding: 10px;
}

.mypage_list .item_list.push_item a {
	display: inline-block;
}

.mypage_list .item_list .switch_wrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}

.deco_list li:after {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #d8d8d8;
	content: "\e93e";
	font-family: xeicon !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.mypage_list_box {
	padding: 10px;
}

.mypage_list_box .list_type_2:after {
	content: '';
	display: block;
	clear: both
}

.mypage_list_box .list_type_2 li {
	float: left;
	width: 49%;
	margin: 5px 0;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
	background-color: #fff;
}

.mypage_list_box .list_type_2 li:nth-child(2n) {
	margin-left: 2%;
}

.mypage_list_box .list_type_2 li a {
	display: block;
	padding: 10px;
}

.mypage_list_box .list_type_3 {
	display: flex;
}

.mypage_list_box .list_type_4 {
	display: flex;
	flex-wrap: wrap;
}

.mypage_list_box .list_type_4 li {
	flex: 1 1 40%;
}

.mypage_list_box .list_type_4 li:nth-child(2n) {
	margin-left: 2%;
}

.mypage_list_box .list_type_3 li, .mypage_list_box .list_type_4 li {
	width: 100%;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
	background-color: #fff;
}

.mypage_list_box .list_type_3 li + li {
	margin-left: 1%;
}

.mypage_list_box .list_type_3 li a, .mypage_list_box .list_type_4 li a {
	display: block;
	padding: 10px;
	text-align: center;
}

.support_info_img {
	width: 100%
}

/* ==== } 오른쪽 사이드 메뉴 */
/* ========== } 상단 header */

/* ========== { 메인 */
.main_slider .swiper-slide a {
	display: block;
}

.main_slider .swiper-slide img {
	width: 100%;
}

.swiper_btns {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 99;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
}

.swiper_btns .swiper-pagination {
	position: unset;
	display: inline-block;
	width: auto;
	vertical-align: middle;
	line-height: 27px;
	font-size: 14px;
	font-weight: 300;
	color: #fff
}

.swiper_btns .btn-prev,
.swiper_btns .btn-next {
	display: inline-block;
	font-size: 18px;
	vertical-align: middle
}

/* 공지사항 리스트 */
.notice_cont {
	position: relative;
	border-top: 1px solid #d6d6d6;
	height: 44px;
	margin-top: 10px
}

.notice_cont .ntc_sort {
	color: #17ad89;
	font-weight: 500;
	display: inline-block;
	vertical-align: top;
}

.notice_cont .tit {
	display: inline-block;
	width: 60%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.notice_cont .drop_view {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
	padding: 0 10px
}

.notice_list {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	height: 44px;
	font-size: 14px;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 1px solid #d6d6d6;
}

.notice_list.on {
	height: auto
}

.notice_item {
	padding: 10px 20px 10px 10px;
	background-color: #fff;
}

.notice_item + .notice_item {
	border-top: 1px solid #d6d6d6;
}

/* 배너 */
.ban_cont {
	margin-top: 10px
}

.ban_box {
	display: flex;
	justify-content: space-between;
	gap: 10px
}

/* 기획전 행이 있을 때는 flex 해제 */
.ban_box.exhibition_box {
	display: block !important;
	justify-content: initial !important;
	gap: initial !important;
	overflow-x: hidden !important;
}

.ban_box .ban_img {
	width: 100%
}

.ban_box .ban_img a {
	display: block;
}

.ban_box .ban_img img {
	width: 100%;
}

/* 메인 상품 */
/* 상품 공통 - 이미지 없을 경우 */
.no_img {
	background-image: url('http://3.34.185.11:8080/resources/img/preparing.jpg');
	background-size: cover;
}

.no_img img {
	opacity: 0;
}

/* #main_prd_sd_1.swiper-container-horizontal > .swiper-pagination-progress{width:40%; left:50%; transform:translateX(-50%)}
#main_prd_sd_1 .swiper-pagination-progress .swiper-pagination-progressbar{background: #17ad89;} */
.main_prd_sd.swiper-container-horizontal > .swiper-pagination-bullets {
	top: 0;
	bottom: auto
}

.main_prd_sd.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0
}

.main_prd_sd .swiper-wrapper {
	padding-top: 20px;
}

.main_prd_sd .swiper-horizontal > .swiper-pagination-bullets,
.main_prd_sd .swiper-pagination-bullets.swiper-pagination-horizontal,
.main_prd_sd .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0px;
}

.main_prd_sd .swiper-pagination-bullet {
	width: 50px;
	height: 3px;
	border-radius: 0;
}

.main_prd_sd .swiper-pagination-bullet-active {
	background: #17ad89;
}

.prd_cont {
	padding: 10px
}

/*.thumb_box{position:relative;overflow:hidden; !* padding-top:100% *!}*/
/*.thumb_box img{max-width: 100%;}*/
.thumb_box {
	position: relative;
	overflow: hidden;
	max-width: 143px;
	height: 143px;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.prd_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; /* gap: 1%; */
}

/* .prd_list li:nth-child(2n){margin-left:10px;} */
.prd_list li {
	width: 49%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.prd_list li img {
	width: 100%; /* position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); */
}

.prd_list li a {
	display: block;
}

.prd_info {
	margin-top: 5px;
	letter-spacing: -1px;
	line-height: 1.7em
}

.prd_nm {
	display: block;
	color: #000;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.prd_code {
	display: block;
	color: #ff4747;
	font-size: 14px;
	font-weight: 500;
}

.brd_nm {
	display: block;
	color: #676767;
	font-size: 14px;
	font-weight: 300;
}

.prd_std {
	display: block;
	color: #676767;
	font-size: 14px;
	font-weight: 300;
}

.prd_price_info {
	margin-top: 3px
}

.prd_list .normal_price {
	display: inline-block;
	margin-right: 2px;
	text-decoration: line-through;
	color: #676767;
	font-size: 1em;
}

.prd_list .price {
	color: #f11b1b;
	font-weight: 900;
	font-size: 1.8em;
}

.price b {
	font-size: 12px;
	vertical-align: middle;
}

/* 메인 탭 상품 */
/* 240401 메인 탭 상품 슬라이드 전체 수정 */
.main_tab_prd.swiper-container-horizontal > .swiper-pagination-bullets {
	top: 0;
	bottom: auto
}

.main_tab_prd.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0
}

.main_tab_prd .swiper-wrapper {
	padding-top: 20px;
}

.main_tab_prd .swiper-pagination-bullet {
	padding: 5px 3px;
	width: auto;
	height: auto;
	border-bottom: 3px solid #fff;
	border-radius: 0;
	font-size: 16px;
	background: transparent;
}

.main_tab_prd .swiper-pagination-bullet-active {
	color: #17ad89;
	border-color: #17ad89;
	background: transparent;
}

.tab_cont {
	padding: 10px;
	position: relative;
}

.tab_cont .swiper-container {
	position: relative;
}

/*.slide_btn_wrap{text-align: center;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%; font-size:0}*/
/*.slide_btn_wrap .slide_btn{display: inline-block;padding:5px 8px;font-size:16px; border-bottom:3px solid #fff}*/
/*.slide_btn_wrap .slide_btn.on{color:#17ad89; border-color:#17ad89}*/
.slide_btn_wrap {
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 0;
	display: flex;
	overflow: auto hidden;
	align-items: stretch;
	flex-direction: row;
	white-space: nowrap;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.slide_btn_wrap .slide_btn {
	display: inline-block;
	padding: 5px 7px;
	font-size: 1rem;
	border-bottom: 3px solid #fff;
	width: auto;
	white-space: nowrap;
}

/*.slide_btn_wrap .slide_btn.on{color:#17ad89; border-color:#17ad89;}*/
.slide_btn_wrap .slide_btn.swiper-slide-active {
	color: #17ad89;
	border-color: #17ad89;
}

.slide_btn_wrap::-webkit-scrollbar {
	display: none;
}

.tab_cont .slide_btn_info {
	position: absolute;
	top: 5px;
	right: 0;
	border: 1px solid #f5f5f5;
	border-radius: 4px;
	background-color: #ffffff;
	padding: 5px;
	background-image: none;
	color: #111111;
	transform: rotate(180deg);
	margin: 0;
	height: auto;
}

.tab_cont .slide_btn_info i {
	font-size: 16px;
}

.tab_cont .slide_btn_info:after {
	display: none;
}

.tab_cont .slide_btn_info.swiper-button-prev {
	left: 0;
}

.tab_cont .slide_btn_info.swiper-button-next {
	left: auto;
}

/*.tab_cont .slide_btn_info:before{content: "";position: absolute;top:0;right:27px;width:20px;height: 100%;background: linear-gradient(270deg, white 28.09%, rgba(255, 255, 255, 0) 100%);}*/

/* 하단 메뉴 */
.bot_menu_list {
	padding: 15px 0;
	font-size: 14px;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	display: flex;
	justify-content: center;
}

.bot_menu_list:after {
	content: '';
	display: block;
	clear: both;
}

.bot_menu_list .item {
	float: left;
	width: 25%;
	text-align: center;
}

.bot_menu_list .item + .item {
	border-left: 1px solid #ddd
}

.bot_menu_list .item a {
	display: block;
	color: #000;
}

.bot_menu_list .item .item_kakao svg {
	width: 30px;
}

.bot_menu_list .item [class^=xi-] {
	font-size: 30px;
}

/* 하단 cs 정보 */
.cs_info_cont {
	padding: 20px 10px;
	display: flex;
	justify-content: space-around;
}

.cs_info_cont .cs_info {
	padding: 5px 10px
}

/* .cs_info_cont .cs_info + .cs_info{border-left:1px solid #ddd} */
.cs_tit {
	position: relative;
	display: block;
	padding-top: 8px;
	color: #000;
	font-size: 16px;
}

.cs_tit::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 3px;
	display: inline-block;
	background-color: #000;
}

.cs_tell {
	color: #17ad89;
	display: block;
	font-size: 18px;
	font-weight: bold;
}

.cs_info_list {
	margin-top: 5px;
	font-size: 14px;
	font-weight: 300;
}

.cs_nm {
	display: block;
	font-size: 18px;
}

/* ========== } 메인 끝 */

/* 메인 타이틀 모음 */
.visual_title {
	position: relative;
	text-align: center;
	margin: 30px auto 20px;
	font-size: 2em;
	font-weight: 900;
	letter-spacing: -1px
}

.visual_title.tit_3 {
	min-height: 92px;
	text-align: left;
	padding: 0 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}

.visual_title.tit_3 p {
	font-weight: normal;
}

.prd_evt_item_wrap {
	position: relative;
	margin: 0 auto;
}

.prd_evt_item_wrap .visual_title_txt_sub {
	display: flex;
	align-items: center;
}

.prd_evt_item_wrap .visual_title_txt_sub i {
	margin: 0 0 0 5px;
	font-size: 22px;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav {
	display: flex;
	align-items: center;
	position: relative;
	font-size: 13px;
	line-height: 18px;
	background-color: #fff;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu {
	border: 0;
	gap: 0 8px;
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
	scroll-behavior: smooth;
	flex-wrap: nowrap;
	margin: 0 auto;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu.evt_item_raking_menu {
	gap: 0;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	white-space: normal;
	padding: 0 20px;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu.evt_item_raking_menu li {
	border-radius: 0;
	margin: 0;
	width: 104px;
	flex: 1 1 0%;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu.evt_item_raking_menu li:first-child,
.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu.evt_item_raking_menu li:last-child {
	margin: 0;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu.evt_item_raking_menu li button {
	min-width: auto;
	width: 100%;
	padding: 0;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu::-webkit-scrollbar {
	display: none;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu li:first-of-type {
	margin-left: 20px;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu li:last-of-type {
	margin-right: 20px;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu li {
	border-radius: 20px;
	width: auto;
	background-color: #f6f6f6;
	border: 0;
	flex: 0 0 auto;
	display: inline-block;
	position: relative;
	height: 40px;
	letter-spacing: -0.38px;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu li.on {
	background-color: #343b4c;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu li.on button {
	color: #ffffff;
}

.prd_evt_item_wrap .evt_item_box .evt_item_nav .evt_item_menu li button {
	min-width: 70px;
	width: auto;
	padding: 9px 15px;
	display: flex;
	height: 100%;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #333;
	align-items: center;
	justify-content: center;
	border: 0;
	background: none;
	user-select: none;
}


/* ========= { footer */
.footer_inner {
	padding: 10px;
}

.fot_menu_list {
	padding: 15px 0;
	background-color: #17ad89;
	text-align: center;
}

.fot_menu_list li {
	display: inline-block;
	font-size: 14px;
	padding: 0 8px;
}

.fot_menu_list li + li {
	border-left: 1px solid #fff
}

.fot_menu_list li a {
	color: #fff;
	display: block;
	font-weight: 300;
	line-height: 12px;
}

.footer_info, .footer_info a {
	color: #676767;
	font-weight: 300;
}

/* 이용약관 및 개인정보 처리방침 */
.terms_title {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #05141f
}

.k-window h4.terms_title {
	font-weight: 500;
}

.terms_wrap {
	color: #666;
}

.terms_list {
	word-break: keep-all
}

.terms_list li {
	margin: 0 0 0 15px;
	text-indent: -15px;
}

.terms_list li p {
	text-indent: 0;
}

/* 약관 새창용 레이아웃 */
.term_wrap {
	padding: 10px;
	font-size: 13px;
	line-height: 21px
}

/* ========= } footer */

/* ============= { 하단 고정 메뉴 */
.bottom-navigation {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background-color: #fff;
	box-shadow: -2px 0 7px #cecece; /* transition: all .1s; */
}

.bottom-navigation.hide, .hide {
	bottom: -80px;
}

.menu_label {
	display: block;
}

/* 240319 게스트 모드 추가로 인한 하단 메뉴 수정 */
.bot_nav_list {
	padding: 10px 0;
	font-size: 14px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

/*.bot_nav_list:after{content:''; display:block; clear:both;}*/
/*.bot_nav_list .item{float:left;width:20%; text-align: center;}*/
.bot_nav_list .item {
	width: 20%;
	text-align: center;
}

.bot_nav_list .item a {
	display: block;
	color: #676767;
}

.bot_nav_list .item.active_link a {
	color: #17ad89
}

.bot_nav_list .item [class^=xi-] {
	font-size: 30px;
}

.bot_nav_list .item a .menu_label {
	font-size: 13px;
}

.bot_nav_list .item.cart_list_item {
	position: relative;
}

.bot_nav_list .item.cart_list_item .cart_list_wrap {
	border-radius: 10px;
	background: #5d8967;
	min-width: 20px;
	height: 20px;
	position: absolute;
	top: -6px;
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bot_nav_list .item.cart_list_item .cart_list_wrap .cart_number {
	font-weight: 500;
	font-size: 11px;
	color: #fff;
	padding: 0 5px;
	line-height: 14px;
}

/* ============= } 하단 고정 메뉴 */

/* ======================== 로그인 { */
.log_container {
	padding: 10px
}

.logo_box {
	margin: 30px auto;
	text-align: center;
}

.logo_box img {
	max-width: 200px;
}

.login_wrap input[type="text"],
.login_wrap input[type="password"] {
	width: 100%;
	padding: 12px;
	height: 50px;
	line-height: 48px;
	border: 1px solid #dddddd;
	color: #252525;
	-webkit-appearance: none;
	appearance: none;
}

.login_btn_bar {
	margin: 5px auto;
}

.login_btn_bar:after {
	content: '';
	display: block;
	clear: both
}

.login_btn_bar .login_option {
	float: left;
}

.login_btn_bar .login_option label + label {
	margin-left: 10px
}

.login_btn_bar .login_option label {
	color: #676767
}

.login_btn_bar .view_keyboard {
	float: right
}

.login_btn_bar .view_keyboard i {
	font-size: 16px;
	vertical-align: bottom;
}

.login_wrap .btn_grp_type1 {
	margin: 20px auto;
	text-align: center
}

.login_wrap .btn_grp_type1 [class^="btn_"] {
	padding: 10px
}

/* 일회용 코드 로그인 관련 스타일 */
/* 페이드인/아웃 애니메이션 */
.login_inner {
	position: relative;
	overflow: hidden;
	transition: opacity 0.3s ease-in-out;
}

.login_inner.login_form_active {
	opacity: 1;
}

.login_inner.login_form_slide {
	display: none;
	opacity: 0;
}

.login_inner.login_form_slide_out {
	opacity: 0;
}

/* 일회성 로그인 링크 버튼 */
.btn_gray.btn_login_code_link {
	width: 100%;
	margin-top: 10px;
	background-color: #f5f5f5;
	border: 2px solid #f5f5f5;
	color: #666;
	transition: all 0.3s ease;
	padding: 10px;
}

.login_inner.login_form_slide .login_step .btn_gray {
	padding: 10px;
}

/* 이메일/휴대폰 선택 세그먼트 컨트롤 (슬라이드 애니메이션) */
.code_type_segment {
	display: flex;
	background-color: #585858;
	border-radius: 25px;
	margin: 0 0 15px 0;
	gap: 4px;
	position: relative;
}

.code_type_segment button.code_segment_btn {
	flex: 1;
	padding: 10px 16px;
	border: none;
	cursor: pointer;
	font-size: 13px;
	background: transparent;
	color: rgba(255, 255, 255, 0.6);
	border-radius: 20px;
	transition: color 0.3s ease;
	position: relative;
	z-index: 2;
	margin: 0;
}

.code_type_segment .code_segment_btn.active {
	color: #17ad89;
}

/* 활성 상태 배경 슬라이더 */
.code_type_segment::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 1;
	transform: translateX(0);
}

.code_type_segment.slide_to_sms::before {
	transform: translateX(100%);
}

/* 입력 영역 컨테이너 (깜빡임 방지) */
.code_input_container {
	position: relative;
	margin-top: 10px;
	min-height: 50px;
	height: auto;
}

.code_input_area {
	position: relative;
	margin-top: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease-in-out;
}

.code_input_area[style*="display: block"],
.code_input_area:not([style*="display: none"]) {
	opacity: 1;
	pointer-events: auto;
}

.code_input_area[style*="display: none"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.code_input_area .input_form {
	margin-bottom: 10px;
}

#loginStep2 {
	display: none;
}

#codeHpTel1 {
	width: 31%;
	display: inline-block;
	margin-right: 6px;
	padding: 12px;
	height: 50px;
	border: 1px solid #dddddd;
	color: #252525;
}

#codeHpTel2 {
	width: 32%;
	display: inline-block;
	margin-right: 5px;
}

#codeHpTel3 {
	width: 32%;
	display: inline-block;
}

.login_step button {
	width: 100%;
	margin-top: 10px;
}

#authCodeTimer {
	font-size: 12px;
	color: #0066cc;
	margin-top: 5px;
	text-align: center;
}

#resendBtn {
	font-size: 13px;
	color: #666;
}

.login_step .login_btn_bar {
	justify-content: center;
}

.input_form {
	margin-bottom: 10px;
	position: relative;
}

.input_form .login_pw_eye {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
}

.login_msg {
	color: #ff0000;
	font-size: 13px;
}

.page_list {
	margin-top: 40px
}

.page_list li {
	margin: 5px 0
}

.page_list li a {
	color: #676767
}

.page_list li a:before {
	content: '▶ '
}

.join_link {
	display: inline-block;
	margin-top: 20px;
	font-size: 13px;
	color: #262626;
}

#back {
	position: fixed;
	z-index: 100;
	background-color: #000000;
	display: none;
	top: 0;
	left: 0;
}

#loadingBar {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* display: none; */
	z-index: 200;
	/* width:48px;
	height:48px; */
}

/* ======================== } 로그인 */
/* ======================== 아이디 및 비밀번호 찾기 { */
/* 아이디 찾기 */
.member_cont {
	margin: 40px auto;
	text-align: center;
}

.tab_list {
	display: flex;
}

.tab_list .tab_item {
	flex-grow: 1;
	width: 100%;
	text-align: center;
	line-height: 45px;
	height: 45px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-color: #000;
	border-style: solid;
	border-width: 0 0 1px 0;
	box-sizing: border-box;
	font-size: 14px;
	cursor: pointer
}

.tab_list .tab_item.on {
	border-width: 1px 1px 0 1px;
}

.tab_cont_wrap {
	margin: 20px auto;
}

.tab_content {
	display: none;
}

.tab_content:first-child {
	display: block;
}

.form_area {
	margin: 10px 0;
	display: flex;
	font-size: 14px;
}

.form_area .srch_val {
	width: 100%;
	height: 40px;
	padding: 3px 10px;
	border: 1px solid #ddd;
}

.form_area .srch_val[type='text']:hover, .form_area .srch_val[type='text']:focus {
	border-color: #17ad89
}

.form_area .srch_val[type='text'] {
	appearance: none;
	-webkit-appearance: none;
}

.form_area .hyphen {
	padding: 0 5px;
	line-height: 40px
}

.call_num .select_tel {
	padding: 3px 20px;
}

.call_num .num_tel_form {
	margin-left: 10px;
}

.btn_search_id {
	width: 100%;
	font-size: 14px;
	color: #fff;
	height: 40px;
	background-color: #17ad89;
	border: 0;
	appearance: none;
	-webkit-appearance: none;
}

.srch_btns {
	margin: 20px 0;
}

.srch_pw_link {
	color: #8e8c8a;
	margin-top: 30px;
	display: inline-block;
	font-size: 14px
}

.chck_val {
	text-align: left;
}

.chck_cont {
	margin: 40px auto 20px
}

.chck_info {
	display: block;
	padding-bottom: 20px;
	color: #605d5b;
	font-size: 14px;
}

/* ======================== } 아이디 및 비밀번호 찾기 끝 */

/* ================ 서브페이지 관련 { */
/* === 서브 페이지 상단 header { */
.sub_header {
	height: 61px;
	line-height: 30px;
}

.page_title {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-align: center
}

.prev {
	position: absolute;
	left: 10px;
	top: 16px;
	font-size: 20px;
	color: #fff
}

/* === } 서브 페이지 상단 header */
/* === 서브 페이지 레이아웃 { */
.sub_container {
	padding: 10px;
	position: relative
}

.check_form {
	margin: 10px 0;
	color: #676767;
	font-size: 14px;
}

.check_form:after {
	content: '';
	display: block;
	clear: both;
}

.check_form .al_lt {
	float: left;
}

.check_form .al_rt {
	float: right;
}

.check_form .al_lt label {
	display: inline-block;
	height: 34px;
	line-height: 34px;
}

.check_form .ct_chck {
	width: 20px;
	height: 20px;
	margin-right: 3px;
	margin-bottom: 2px
}

.check_form button[class^='btn_'] {
	padding: 5px
}

.check_form label {
	display: inline-block;
	height: 20px;
	line-height: 20px;
}

/* === } 서브 페이지 레이아웃 */
/* === 서브 페이지 검색 { */
.search_container {
	padding: 10px;
	background-color: #f7f7f7;
	font-size: 14px
}

.search_container input[type="search"],
.search_container .srch_input {
	padding: 12px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #dddddd;
	color: #252525;
	-webkit-appearance: none;
	appearance: none;
}

.search_container .btn_grp_type1 {
	margin-top: 10px;
}

.search_container .btn_grp_type1 [class^="btn_"] {
	padding: 10px 5px
}

.search_container .btn_grp_type4 button[class^="btn_"] {
	padding: 4px 5px
}

.selectbox .k-dropdown-wrap .k-input {
	background-color: #fff;
}

.input_form input[type="search"],
.input_form input[type="text"] {
	width: 100%;
}

/* 1개용 */
.input_form .selectbox {
	width: 100%
}

.input_form_4 {
	display: flex;
	flex-wrap: nowrap;
	margin: 10px 0;
	justify-content: space-between;
}

.input_form_4 .srch_input,
.input_form_4 .selectbox {
	width: 100%;
}

.input_form_4 .srch_input + .srch_input,
.input_form_4 .selectbox + .selectbox {
	margin-left: 10px;
}

.srch_form {
	display: flex;
	flex-wrap: nowrap;
	margin: 10px 0;
	justify-content: space-between;
}

/* 여러개 공통 */
.srch_form .srch_input,
.srch_form .selectbox {
	width: 100%;
}

.srch_form .srch_input + .srch_input,
.srch_form .selectbox + .selectbox {
	margin-left: 10px;
}

.srch_form .selectbox + .srch_input {
	margin-left: 10px;
	padding: 0;
	text-indent: 10px;
}

.search_form {
	display: flex;
	flex-wrap: nowrap;
	margin: 10px 0;
	justify-content: space-between;
}

.search_form .srch_input,
.search_form .selectbox {
	width: 100%;
}

.search_form .srch_input + .srch_input,
.search_form .selectbox + .selectbox {
	margin-left: 10px;
}

.date_form {
	display: flex;
	justify-content: space-between;
	margin: 10px 0
}

.date_form .datepicker {
	width: 100%;
	text-align: center; /* height:40px; line-height: 38px; */
}

.date_form .datepicker + .datepicker {
	margin-left: 10px
}

.page_info_txt {
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 14px
}

/* === } 서브 페이지 검색 */
/* === detail 상품상세 { */
.no-data {
	text-align: center;
	color: #262626;
	font-weight: normal;
	padding: 20px 0;
	margin: 0 auto;
	font-size: 13px;
}

.detail_container {
	padding: 10px;
}

.detail_sd {
	max-width: 600px
}

.detail_sd .xi-arrows-alt {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	padding: 5px;
	z-index: 1;
	cursor: pointer;
}

.detail_sd .swiper-slide {
	/*height: 300px;*/
}

.detail_sd .swiper-slide img {
	width: 100%;
	max-width: 100%;
	height: auto !important;
}

.detail_sd .dt-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 9;
	font-size: 25px;
	background-color: #2626266c;
	color: #fff
}

.detail_sd .dt-button-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 9;
	font-size: 25px;
	background-color: #2626266c;
	color: #fff
}

.detail_sd .swiper-slide {
	text-align: center;
}

.detail_info_wrap {
	padding: 10px 0;
}

.detail_info_wrap .table_df .btn_point_r {
	padding: 0 5px
}

.prd_name_box {
	font-size: 20px;
	padding: 0 3px
}

.prd_name_bar .prd_recent_order_day {
	width: 100%;
	text-align: right;
	margin-top: 4px;
	font-size: 11px;
	color: #0069d9;
	letter-spacing: -0.3px;
	font-weight: bold;
}

.normal_price {
	text-decoration: line-through;
	color: #999;
}

.detail_info_wrap .list_item_info {
	padding: 5px 0;
	font-size: 14px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.detail_info_wrap .list_item_info li + li {
	margin-top: 3px
}

.detail_info_wrap .cnt_set_grp {
	display: flex;
	/*justify-content: space-between;*/
	/*align-items: center;*/
	flex-direction: column;
	padding: 10px 0
}

.detail_info_wrap .cnt_set_grp .txt {
	font-size: 14px;
	padding-right: 5px;
}

.detail_info_wrap .cnt_set_grp .cnt_set_dc_info {
	display: flex;
	justify-content: space-between;
}

.detail_info_wrap .cnt_set_grp .amount.cnt_set_dc_amount {
	display: flex;
	justify-content: flex-end;
	padding: 10px 0 0 0;
}

.detail_info_wrap .cnt_set_grp .btn_fill_point {
	padding: 0 10px;
	height: 34px
}

.detail_info_wrap .cnt_set_grp .amount .amount_input,
.detail_info_wrap .cnt_set_grp .amount .btn_plus,
.detail_info_wrap .cnt_set_grp .amount .btn_minus {
	height: 34px;
}

.detail_info_wrap .table_df td {
	padding: 4px 0
}

.detail_info_wrap .table_df .btn_gray {
	padding: 2px 5px
}

/* 2차 - 상품 수량별 할인 정보 영역 */
.discount_info_list {
	margin: 10px 0;
	padding-bottom: 10px;
	font-size: 0;
	line-height: normal;
	border-bottom: 1px solid #cccccc;
}

.discount_info_list .item {
	display: inline-block;
	width: calc(100% / 4 - 3px);
	font-size: 13px;
	text-align: center;
}

.discount_info_list .item + .item {
	margin-left: 4px
}

.discount_info_list .dc_amount {
	font-weight: bold
}

/* 2차 - 상품 보호 정보 */
.service_info_area .service_list .item {
	display: inline-block
}

/* 2차 - 타임세일 */
.time_sale_area {
	margin-bottom: 15px;
	padding: 10px 5px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-image: url(/resources/img/time_sale/bg.png);
	background-size: cover;
	background-position: center;
	border-radius: 10px
}

.time_sale_area .deco_box {
	position: relative;
	padding-left: 45px;
	display: inline-block;
	vertical-align: middle; /*position: absolute; top:50%; left:calc(50% - 255px); transform: translate(-50%, -50%);*/
	font-size: 0
}

.time_sale_area .deco_box .img_alarm {
	position: absolute;
	left: 0;
	top: -10px;
	height: 50px
}

.time_sale_area .time_text {
	display: inline-block;
	vertical-align: middle
}

.time_sale_area .img_title {
	height: 26px
}

/* === 2차 - 상품상세 할인권 영역*/
.deal_coupon_area {
	margin-top: 15px;
	padding: 10px;
	background: #fffeea;
}

.deal_coupon_area .btn_coupon_view {
	margin-right: 10px;
	padding: 5px;
	display: inline-block;
	border: 1px solid orange;
	background: orange;
	border-radius: 5px;
	color: #fff;
	vertical-align: middle;
}

.deal_coupon_area .deco_text {
	display: inline-block;
	vertical-align: middle
}

.deal_coupon_area .coupon_item {
	margin-right: 10px;
	padding: 8px;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

/* //=== 2차 - 상품상세 할인권 영역 */
/* 상품정보 */
.dt_title {
	position: relative;
	margin-bottom: 2px;
	background-color: #f3f3f3;
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
}

.dt_title .xi-deco {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #7b7b7b
}

.dt_title .xi-deco:after {
	content: "\e941"
}

.dt_title.on .xi-deco:after {
	content: "\e944"
}

.detail_cont { /* padding:10px; */
	display: none
}

.detail_cont:last-child {
	padding-bottom: 40px
}

.detail_cont img {
	max-width: 100%
}

.detail_cont .prd_btm_m_cont_info {
	display: flex;
}

.detail_cont .table_df {
	margin-bottom: 10px
}

.detail_cont .item_short .youtube-shorts,
.detail_cont .video-container .youtube-shorts {
	aspect-ratio: 9 / 16 !important;
	width: 100%;
}

.detail_cont .item_short .youtube-video-frame,
.detail_cont .video-container .youtube-video-frame {
	aspect-ratio: 16 / 9;
	width: 100%;
}

.option_list {
	font-size: 13px;
}

.option_list li { /*display:flex; flex-wrap: nowrap;*/
	margin: 5px 0;
	align-items: center;
}

.option_list li .btn_option {
	margin: 1%;
	width: 31%
}

.option_list li .op_box {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%
}

.op_title {
	display: block;
	margin: 10px auto;
	text-align: center;
	color: #676767;
	font-size: 14px
}

/* 옵션 슬라이드 */
/* .detail_prd_sd .swiper_btns{width:90%; text-align: center; color:#000; background-color: #fff; border-radius: 5px;bottom:0; right:auto; left:50%; transform: translateX(-50%);}
.detail_prd_sd .swiper_btns .swiper-pagination-bullet{margin:0 5px; width:10px; height:10px}
#curIndex{margin-bottom:40px;}
#curIndex .item_btn_grp{display: flex; justify-content: space-between;align-items: center;} */
.opt_total .won {
	font-size: 14px;
	color: #ff0000
}

/* 옵션 그리드 */
#optGrid {
	border: 0
}

#optGrid td {
	padding: 5px;
	border-left: 0
}

#optGrid td table td {
	padding: 4px;
	text-align: center;
	border-left: 1px solid #ddd
}

#optGrid td table td:nth-child(1) {
	border-left: 0;
}

#optGrid td table th {
	text-align: center;
}

#optGrid .k-grid-header {
	display: none;
}

#optGrid td .k-grid-header {
	display: table-header-group;
}

.detail_cont .list_thumb_item2 {
	margin: 0;
}

.detail_cont .list_thumb_item2 .info_bar .ct_chck {
	width: 25px;
	height: 25px;
	top: 50%;
	transform: translateY(-50%);
}

.detail_cont .list_thumb_item2 .prd_name {
	font-size: 15px
}

.detail_cont .list_thumb_item2 .item_box .thumb {
	display: none;
}

.detail_cont .list_thumb_item2 .item_box .item_info {
	width: 100%
}

.detail_cont .list_thumb_item2 .item_box .list_item_info {
	margin-right: 10px;
	margin-bottom: 4px;
}

.detail_cont .list_thumb_item2 .item_box .list_item_info li:not(.prd_icon, .cpn_row) {
	display: flex;
	justify-content: space-between;
	margin: 0 0 2px 0
}

.detail_cont .list_thumb_item2 .item_box .list_item_info li:last-child {
	margin-bottom: 0;
}

.detail_cont .list_thumb_item2 .total_row .tit {
	padding: 2px;
	color: #17ad86
}

.detail_cont .list_thumb_item2 .total_row .txt {
	padding: 2px;
}

.detail_cont .list_thumb_item2 .item_box .list_item_info .txt {
	float: unset;
	text-align: right;
	width: 100%
}

/* 옵션 개수 배지 스타일 - 모바일 */
.option-count-badge {
	display: inline-block;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	padding: 3px 6px;
	border-radius: 10px;
	margin-bottom: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
}

.option-count-badge:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
	border-radius: 10px;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: -1;
}

.option-count-badge:hover:before {
	opacity: 1;
}

/* 모바일 썸네일 영역 내 옵션 배지 위치 조정 */
.item_box {
	position: relative;
}

.item_box .option-count-badge {
	position: absolute;
	bottom: 3%;
	left: 10px;
	z-index: 3;
}

.detail_cont .list_thumb_item2 .item_box .list_item_info .txt .dc_info_button_group li {
	margin-bottom: 0;
}

.detail_cont .list_thumb_item2 .item_box .list_item_info li .tit {
	float: unset;
	max-width: 100%;
	width: 100%
}

/*.detail_cont .list_thumb_item2 .item_box{padding: 0;}*/
#optGrid .k-grid .k-grid th {
	width: 25%;
}

#optGrid div[id^="optGrid_"] {
	width: 100%;
}

#optGrid div[id^="optGrid_"] table th {
	width: 25%;
	padding: 0;
	background-color: #e9e9e9;
}

#optGrid div[id^="optGrid_"] table {
	width: 100%;
}

#optGrid div[id^="optGrid_"] table td .optCancelBtn {
	padding: 0 5px;
	border: 2px solid #2f488c;
	color: #2f488c;
	background-color: #fff;
	border-radius: 4px;
}

#optGrid.k-grid tr.k-state-selected > td {
	background-color: #f9ffee
}

#optGrid div[id^="optGrid_"] tr.k-state-selected > td {
	background-color: #fff;
}

#optGrid.k-grid tr.k-alt {
	background-color: #fff;
}

/* #optGrid.k-grid tr.k-alt, */
/* #optGrid.k-grid tbody tr.k-state-hover,
#optGrid.k-grid tbody tr:hover{background-color: #fff;} */
/* 관련상품/대체상품 */
.detail_cont .detail_prd_sd .list_thumb_item2 .item_box .thumb {
	display: inline-flex;
	justify-content: center;
}

.detail_cont .detail_prd_sd .list_thumb_item2 .item_box .thumb img {
	padding: 5px
}

.detail_prd_sd .k-hierarchy-col {
	width: 0;
}

.detail_prd_sd .k-grid .k-grid-content {
	background: transparent;
}

.detail_prd_sd .k-grid {
	border-width: 0;
}

.detail_prd_sd .k-grid .k-grid-header {
	display: none;
}

.detail_prd_sd .k-grid td {
	padding: 5px;
	border-width: 0;
	background: transparent
}

.detail_prd_sd .k-grid td .k-grid-header {
	display: table-header-group;
}

.detail_prd_sd .k-grid tr.k-state-selected > td {
	background-color: #f9ffee
}

.detail_prd_sd .k-grid td.k-hierarchy-cell {
	visibility: hidden;
}

.detail_prd_sd div[id*="Grid_"] {
	width: 100%;
	border-width: 1px;
}

.detail_prd_sd div[id*="Grid_"] table th {
	width: 25%;
	padding: 0;
	background-color: #e9e9e9;
	text-align: center;
}

.detail_prd_sd div[id*="Grid_"] table {
	width: 100%;
}

.detail_prd_sd div[id*="Grid_"] table td {
	padding: 4px;
	text-align: center;
	border-left: 1px solid #ddd
}

.detail_prd_sd div[id*="Grid_"] table td:nth-child(1) {
	border-left: 1px solid #ddd
}

.detail_prd_sd div[id*="Grid_"] table td button {
	padding: 0 5px;
	border: 2px solid #2f488c;
	color: #2f488c;
	background-color: #fff;
	border-radius: 4px;
}

.detail_prd_sd div[id*="Grid_"] tr.k-state-selected > td {
	background-color: #fff;
}

/* 최종금액 */
.total_row {
	position: relative;
	padding: 10px 0 0;
	text-align: right;
}

.total_row .tit {
	text-align: left;
}

.total_row .ct_chck {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px
}

.total_row .tot_txt {
	padding-right: 3px;
	font-size: 14px;
	vertical-align: bottom;
}

.total_row .total_price {
	font-size: 18px;
	vertical-align: bottom;
	color: #ff0000
}

.total_row .sub_tt {
	color: #676767
}

/* 할인권 영역 */
.cpn_row {
	margin-bottom: 8px;
	display: block;
	text-align: right
}

/* 하단 고정 바 */
.prd_fx_count {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 70px;
	z-index: 8;
	padding: 50px 10px 10px;
	box-shadow: -2px 0px 7px #cecece;
	background-color: #fff;
}

.prd_fx_inner {
}

.dt_order_wrap {
	transition: all .3s; /* max-height:10px */
}

.prd_fx_count.open .dt_order_wrap {
	max-height: 100%;
}

.dt_order_wrap button {
	width: 31%;
	line-height: 30px
}

.dt_order_wrap button + button {
	margin-left: 2%
}

.slt_list_wrap {
	margin-bottom: 16px;
	background-color: #f7f6f5;
}

.slt_list {
	position: relative;
	padding: 16px;
	max-height: 262px;
	overflow-y: auto;
}

.slt_list .slt_item {
	position: relative;
	padding: 16px;
	background-color: #fff;
	box-shadow: 0 0 6px #e4e1dc;
	border-radius: 6px;
	font-size: 14px
}

.slt_list .slt_item + .slt_item {
	margin-top: 15px
}

.set_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px
}

.slt_set_info {
	text-align: right;
}

.slt_set_info .unit_m {
	font-weight: bold;
}

.unit_m:after {
	content: 'M';
}

.slt_item .item_dlt {
	position: absolute;
	right: 10px;
	top: 10px
}

/* === } detail */
/* === 베스트 상품 { */
.ban_wrap img {
	width: 100%;
}

/*.prd_wrap.best_prd .prd_list li:nth-child(1),*/
/*.prd_wrap.best_prd .prd_list li:nth-child(2){width:100%;}*/
.prd_wrap.best_prd .prd_list li:nth-child(1),
.prd_wrap.best_prd .prd_list li:nth-child(2) {
	margin-top: 0
}

.prd_wrap.best_prd .prd_info {
	text-align: center;
}

.best_prd .normal_price {
	display: block;
}

.best_prd .price {
	color: #666666;
	font-weight: normal;
	font-size: 1.4em;
	display: block;
}

.prd_wrap.best_prd .prd_list li {
	position: relative;
}

.prd_wrap.best_prd .prd_list li .rank_icon {
	position: absolute;
	top: 0;
	left: 10px;
	background-color: #17ad88;
	color: #fff;
	width: 35px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
}

/* === } 베스트 상품 */

/* 기획전 추가 */
.prd_list.type_4 .thumb_box {
	margin: 0 auto;
}

.prd_list.type_4 .prd_info {
	max-width: 143px;
	margin: 5px auto 0;
	text-align: left;
}

.prd_list.type_4 .rank_icon {
	max-width: 143px;
	margin: 5px auto 0;
	display: block;
}

/*.content_event{*/
/*    width: 100%;*/
/*    margin:0 auto;*/
/*    position: relative;*/
/*    !*overflow: visible;*!*/
/*    padding: 25px 0 60px;*/
/*    !*min-height: 100vh;*!*/
/*    height:100%;*/
/*    overflow-y: auto;*/
/*    overflow-x: hidden;*/
/*}*/

/*.content_event .exhibition_title{*/
/*    font-size:24px;*/
/*    margin:0 auto 20px;*/
/*    line-height: 1.2;*/
/*    color: #333333;*/
/*    text-align: center;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*}*/
/*.content_event .evt_title_box{*/
/*    padding:30px 0 0 0;*/
/*    margin:0 auto;*/
/*    text-align: center;*/
/*}*/
/*.content_event .evt_title_box h3{*/
/*    font-size: 24px;*/
/*    font-weight: 700;*/
/*    letter-spacing: -1px;*/
/*    color: #333;*/
/*}*/
/*.content_event .evt_title_box span{*/
/*    font-size: 16px;*/
/*    letter-spacing: -.56px;*/
/*    color: #333;*/
/*    display: block;*/
/*    margin-top: 5px;*/
/*    opacity: .6;*/
/*}*/

/*.content_event .sub_evt_section{*/
/*    position: relative;*/
/*    width: 100%;*/
/*    transition: all 0.3s ease;*/
/*}*/
/*.content_event .sub_evt_section.fixed{*/
/*    position: fixed;*/
/*    top: 41px;*/
/*    z-index: 99;*/
/*}*/
/*.content_event .sub_evt_section .sub_evt_tab{*/
/*    display: flex;*/
/*    margin: 0 auto;*/
/*    box-sizing: border-box;*/
/*    transition: all 0.2s ease;*/
/*}*/
/*.content_event .sub_evt_section .sub_evt_tab .evt_tab:hover{*/
/*    background: #1ABC9C;*/
/*}*/
/*.content_event .sub_evt_section .sub_evt_tab .evt_tab.active{*/
/*    background: #1ABC9C;*/
/*}*/
/*.content_event .sub_evt_section .sub_evt_tab .evt_tab{*/
/*    flex: 1;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    min-height: 45px;*/
/*    vertical-align: middle;*/
/*    text-align: center;*/
/*    box-sizing: border-box;*/
/*    border-right: 2px solid #fff;*/
/*    background: #B50300;*/
/*}*/
/*.content_event .sub_evt_section .sub_evt_tab .evt_tab:first-child{*/
/*    border-left:0;*/
/*}*/
/*.content_event .sub_evt_section .sub_evt_tab .evt_tab span{*/
/*    color: #ffffff;*/
/*    line-height:1;*/
/*    font-size: 14px;*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    display: block;*/
/*    font-weight: 500;*/
/*    max-height:25px;*/
/*}*/

/*.content_event .sections .evt_coupon_wrap{*/
/*    padding: 15px 0 0 0;*/
/*    margin: 0 auto;*/
/*}*/

/*.content_event .evt_coupon_wrap .evt_coupon_area{*/
/*    text-align: center;*/
/*    padding:8px 0;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_area h3{*/
/*    margin: 0 auto;*/
/*    max-width: 100%;*/
/*    line-height: 1;*/
/*    display: block;*/
/*    white-space: nowrap;*/
/*    widows: 1;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    font-weight: 700;*/
/*    font-size: 28px;*/
/*    letter-spacing: -1px;*/
/*    min-height: 28px;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_area span{*/
/*    margin: 12px 0 0;*/
/*    display: block;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    font-size: 16px;*/
/*    line-height: 24px;*/
/*    letter-spacing: -.02em;*/
/*    color: #757575;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group{*/
/*    margin: 20px auto 0;*/
/*    !*background: #fffeea;*!*/
/*    padding: 40px 35px 60px;*/
/*    width: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-direction: column;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_group_title{*/
/*    padding: 15px 5px;*/
/*    text-align: center;*/
/*    border-top: 1px solid #ccc;*/
/*    border-bottom: 1px solid #ccc;*/
/*    font-size: 16px;*/
/*    display: inline-flex;*/
/*    margin: 0 0 10px 0;*/
/*    min-width: 200px;*/
/*    justify-content: center;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_down_list{*/
/*    padding: 18px 20px 18px 20px;*/
/*    display: inline-flex;*/
/*    min-width: 230px;*/
/*    border: 1px solid #d0d5d9;*/
/*    border-right: 50px solid #35d10e;*/
/*    background: #fff;*/
/*    border-radius: 5px;*/
/*    position: relative;*/
/*    justify-content: center;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_down_list:after,*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_down_list:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    border-radius: 50%;*/
/*    background: #fff;*/
/*    !*z-index: 5;*!*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_down_list:after{*/
/*    right: -60px;*/
/*    transform: translateY(-50%);*/
/*    border-left: 1px solid #d0d5d9;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_down_list:before{*/
/*    left: -10px;*/
/*    border-right: 1px solid #d0d5d9;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_down_list .evt_coupon_item{*/
/*    margin-top: 5px;*/
/*    font-size: 20px;*/
/*    letter-spacing: -1.04px;*/
/*    line-height: 1.2;*/
/*    white-space: nowrap;*/
/*    color: #333;*/
/*    font-weight: 700;*/
/*    margin-bottom: 5px;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_down_list .evt_coupon_deco_text{*/
/*    overflow: hidden;*/
/*    !* max-height: 28px; *!*/
/*    font-size: 12px;*/
/*    line-height: 1.23;*/
/*    letter-spacing: -.23px;*/
/*    color: #333;*/
/*    margin-bottom: 5px;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_down_list .evt_coupon_deco_coupon{*/
/*    position: absolute;*/
/*    right: -48px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%) rotate(-90deg);*/
/*    font-size: 12px;*/
/*    font-weight: 700;*/
/*    line-height: 17px;*/
/*    letter-spacing: -.2px;*/
/*    color: #ffffff;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_notice_list{*/
/*    margin-top: 10px;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_notice_list li{*/
/*    font-size: 13px;*/
/*    color: #222;*/
/*    line-height: 16px;*/
/*    letter-spacing: -.1px;*/
/*    position: relative;*/
/*    padding: 0 0 5px 10px;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_notice_list li:last-child{*/
/*    padding-bottom: 0;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_notice_list li strong{*/
/*    min-width: 70px;*/
/*    color: #222;*/
/*    margin-right: 8px;*/
/*}*/
/*.content_event .evt_coupon_wrap .evt_coupon_group .evt_coupon_notice_list li:before {*/
/*    content: "";*/
/*    width: 2px;*/
/*    height: 2px;*/
/*    border-radius: 50%;*/
/*    background: #757575;*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 4px;*/
/*    top: 8px;*/
/*}*/
/*.content_event .evt_item_wrap{*/
/*    position: relative;*/
/*    margin: 0 auto;*/
/*}*/
/*.content_event .evt_item_wrap .evt_item_nav{*/
/*    font-size: 14px;*/
/*    line-height: 18px;*/
/*    background-color: #fff;*/
/*}*/
/*.content_event .evt_item_wrap .evt_item_nav .evt_item_menu{*/
/*    margin:0 auto;*/
/*    border: 1px solid #ddd;*/
/*    border-bottom: 0;*/
/*    border-right: 0;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/
/*.content_event .evt_item_wrap .evt_item_nav .evt_item_menu li{*/
/*    width: 25%;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    height: 48px;*/
/*    border: 1px solid #ddd;*/
/*    border-top: 0;*/
/*    border-left: 0;*/
/*    vertical-align: top;*/
/*    background-color: #fff;*/
/*}*/
/*.content_event .evt_item_wrap .evt_item_nav .evt_item_menu li.on,*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_item_menu li.on{*/
/*    background-color: #343b4c;*/
/*}*/
/*.content_event .evt_item_wrap .evt_item_nav .evt_item_menu li:hover,*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_item_menu li:hover{*/
/*    background-color: #000;*/
/*}*/
/*.content_event .evt_item_wrap .evt_item_nav .evt_item_menu li button{*/
/*    display: flex;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    font-size: 14px;*/
/*    line-height: 1.5;*/
/*    text-align: center;*/
/*    padding: 0 20px;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    color: #333;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    border: 0;*/
/*    background: none;*/
/*    user-select: none;*/
/*}*/
/*.content_event .evt_item_wrap .evt_item_nav .evt_item_menu li.on button,*/
/*.content_event .evt_item_wrap .evt_item_nav .evt_item_menu li:hover button{*/
/*    color: #ffffff;*/
/*}*/

/*.content_event .evt_item_wrap.evt_item_wrap_list{*/
/*    margin: 20px 0;*/
/*    border-top: 1px solid #eee;*/
/*    border-bottom: 1px solid #eee;*/
/*    width: 100%;*/
/*    overflow: hidden;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav{*/
/*    background-color: #f6f6f6;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu{*/
/*    border:0;*/
/*    flex-wrap: nowrap;*/
/*    overflow-x: auto;*/
/*    white-space: nowrap;*/
/*    scroll-behavior: smooth;*/
/*    padding: 0 22px;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu::-webkit-scrollbar{*/
/*    display:none;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_btn_scroll_left,*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_btn_scroll_right {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    background: transparent;*/
/*    color: #333;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    z-index: 10;*/
/*    padding: 12px 5px;*/
/*    !*border-radius: 50%;*!*/
/*    !*box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);*!*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_btn_scroll_left {*/
/*    left: 0;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_btn_scroll_right {*/
/*    right: 0;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav:before,*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav:after{*/
/*    z-index: 2;*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    bottom: 0px;*/
/*    width: 40px;*/
/*    display: block;*/
/*    flex: 0 0 40px;*/
/*    filter: blur(10px);*/
/*    background-color: rgb(255, 255, 255);*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav:before{*/
/*    left: -15px;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav:after{*/
/*    right: -15px;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu li{*/
/*    width:auto;*/
/*    border:0;*/
/*    background: none;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu li.on:before,*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu li:hover:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom:0;*/
/*    left:50%;*/
/*    transform: translate(-50%, 0);*/
/*    display:block;*/
/*    width: calc(100% - 20px);*/
/*    height: 2px;*/
/*    border-radius: 1px;*/
/*    background-color: #333333;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu li.on,*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu li:hover{*/
/*    background: none;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu li button{*/
/*    color: #6d6d6d;*/
/*    padding: 0px 10px;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu li.on button,*/
/*.content_event .evt_item_wrap.evt_item_wrap_list .evt_item_nav .evt_item_menu li:hover button{*/
/*    color: #333;*/
/*}*/

/*.content_event .evt_grid_container{*/
/*    position: relative;*/
/*    !*width: 1280px;*!*/
/*    margin: 0 auto;*/
/*}*/
/*.content_event .evt_grid_container .evt_grid_heading{*/
/*    position: sticky;*/
/*    top: 0;*/
/*    z-index: 2;*/
/*    !*width: 1280px;*!*/
/*    height: 86px;*/
/*    margin-top: 20px;*/
/*}*/
/*.content_event .evt_grid_container .evt_grid_heading .evt_grid_heading_inner{*/
/*    height: 60px;*/
/*    padding: 18px 10px;*/
/*    font-size: 18px;*/
/*    font-weight: normal;*/
/*    text-align: left;*/
/*    letter-spacing: -0.3px;*/
/*    border-bottom: 1px solid #222;*/
/*    background-color: #fff;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*}*/
/*.content_event .evt_grid_container .evt_grid_heading .evt_grid_heading_inner h3{*/
/*    display: inline-block;*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    text-overflow: ellipsis;*/
/*    line-height: 1.3;*/
/*}*/
/*.content_event .evt_grid_container .evt_grid_heading .evt_grid_heading_inner .btn_move_top{*/
/*    color: #222;*/
/*    font-weight: 500;*/
/*    font-size: 14px;*/
/*    line-height: 40px;*/
/*}*/
/*.content_event .evt_grid_container .evt_grid_heading .evt_grid_heading_inner .btn_move_top span{*/
/*    margin:0 10px 0 0;*/
/*}*/
/*.content_event .evt_grid_container .evt_grid_heading .evt_grid_heading_inner .btn_move_top .blind{*/
/*    font-size:0;*/
/*    line-height: 0;*/
/*    overflow: hidden;*/
/*}*/
/*.content_event .evt_grid_container .evt_grid_item .prd_list li .thumb_box{*/
/*    margin: 0 auto;*/
/*}*/
/*.content_event .evt_grid_container .evt_grid_item .prd_list li .prd_info{*/
/*    max-width: 143px;*/
/*    text-align: left;*/
/*    margin: 0 auto;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    position: relative;*/
/*    padding: 0 10px;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_item_menu{*/
/*    border: 0;*/
/*    gap: 0 10px;*/
/*    display: flex;*/
/*    overflow-x: auto;*/
/*    white-space: nowrap;*/
/*    scroll-behavior: smooth;*/
/*    flex-wrap: nowrap;*/
/*}*/
/*!*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_item_menu:before,*!*/
/*!*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_item_menu:after{*!*/
/*!*    content: "";*!*/
/*!*    position: absolute;*!*/
/*!*    top: 0px;*!*/
/*!*    bottom: 0px;*!*/
/*!*    width: 40px;*!*/
/*!*    display: block;*!*/
/*!*    flex: 0 0 20px;*!*/
/*!*    user-select: none;*!*/
/*!*    white-space: nowrap;*!*/
/*!*}*!*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_item_menu::-webkit-scrollbar{*/
/*    display:none;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_item_menu li{*/
/*    border-radius: 20px;*/
/*    width: auto;*/
/*    background-color: #f6f6f6;*/
/*    border: 0;*/
/*    flex: 0 0 auto;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_item_menu li button{*/
/*    !*min-width: 70px;*!*/
/*    width: auto;*/
/*    padding: 5px 10px;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_btn_scroll_left,*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_btn_scroll_right {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    background: #fff;*/
/*    color: #333;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    z-index: 10;*/
/*    padding: 12px 15px;*/
/*    border-radius: 50%;*/
/*    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_btn_scroll_left {*/
/*    left: 0;*/
/*}*/
/*.content_event .evt_item_wrap.evt_item_wrap_radius .evt_item_nav .evt_btn_scroll_right {*/
/*    right: 0;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap,*/
/*.content_event .evt_prd_promotion_wide_wrap{*/
/*    display: flex;*/
/*    gap: 40px 0;*/
/*    flex-direction: column;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap .title_ban{*/
/*    padding:0;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap .evt_prd_info_tit{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 0 50px 0 30px;*/
/*    min-height: 60px;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap .evt_prd_info_tit h3{*/
/*    font-size: 18px;*/
/*    font-weight: normal;*/
/*    letter-spacing: -0.3px;*/
/*    line-height: 1.3;*/
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
/*    white-space: normal;*/
/*    overflow-wrap: break-word;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 2;*/
/*    -webkit-box-orient: vertical;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap.evt_prd_promotion_wide_wrap .evt_prd_info_tit{*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    justify-content: center;*/
/*    margin: 0 0 20px 0;*/
/*    padding:0 10px;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap.evt_prd_promotion_wide_wrap .evt_prd_info_tit a{*/
/*    display: block;*/
/*    width: 100%;*/
/*    position: relative;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap.evt_prd_promotion_wide_wrap .evt_prd_info_tit h3{*/
/*    font-size:16px;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap.evt_prd_promotion_wide_wrap .evt_prd_info_tit span{*/
/*    font-size:12px;*/
/*    color: #999999;*/
/*    white-space: pre-line;*/
/*    word-break: break-all;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap.evt_prd_promotion_wide_wrap .evt_prd_info_tit i{*/
/*    font-size: 16px;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 0;*/
/*    transform: translate(0, -50%);*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap > li{*/
/*    display: flex;*/
/*    !*width: 50%;*!*/
/*    !*width: calc(100% / 2);*!*/
/*    flex-direction: column;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap.evt_prd_promotion_wide_wrap > li{*/
/*    width:100%;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap.evt_prd_promotion_wide_wrap > li:nth-child(odd){*/
/*    padding: 0;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap.evt_prd_promotion_wide_wrap > li:nth-child(even){*/
/*    padding: 0;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap > li:nth-child(odd){*/
/*    padding: 0 1% 0 0;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap > li:nth-child(even){*/
/*    padding: 0 0 0 1%;*/
/*}*/

/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list{*/
/*    display: flex;*/
/*    position: relative;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .prd_list.type_scroll_3 > li,*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .prd_list.type_scroll_wide > li{*/
/*    min-width:40%;*/
/*    margin:0;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .prd_list.type_scroll_3 > li .prd_info,*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .prd_list.type_scroll_wide > li .prd_info{*/
/*    text-align: left;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .prd_list.type_scroll_3,*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .prd_list.type_scroll_wide{*/
/*    border: 0;*/
/*    gap: 0 10px;*/
/*    display: flex;*/
/*    overflow-x: auto;*/
/*    white-space: nowrap;*/
/*    scroll-behavior: smooth;*/
/*    flex-wrap: nowrap;*/
/*    align-items: stretch;*/
/*    margin:0 10px;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .prd_list.type_scroll_3::-webkit-scrollbar,*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .prd_list.type_scroll_wide::-webkit-scrollbar{*/
/*    display:none;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list button{*/
/*    width: auto;*/
/*    padding: 9px 15px;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .evt_btn_scroll_left,*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .evt_btn_scroll_right {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    background: #fff;*/
/*    color: #333;*/
/*    cursor: pointer;*/
/*    z-index: 10;*/
/*    padding: 12px 15px;*/
/*    border-radius: 50%;*/
/*    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);*/
/*    border:1px solid #c1c1c1;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .evt_btn_scroll_left {*/
/*    left: 10px;*/
/*}*/
/*.content_event .evt_prd_promotion_list_wrap .evt_prd_list .evt_btn_scroll_right {*/
/*    right: 5px;*/
/*}*/

/* ========== 할인권 다운로드 window */
.coupon_down_list .coupon_box {
	padding: 10px;
	position: relative;
	border: 1px solid #999;
	color: #424242;
	border-radius: 5px;
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
}

.coupon_down_list .coupon_box + .coupon_box {
	margin-top: 10px;
}

.coupon_down_list .coupon_box.on {
	color: #888;
	border-color: #ddd
}

.coupon_down_list .coupon_item,
.coupon_down_list .coupon_info { /* display: inline-block; */
	vertical-align: middle
}

.coupon_down_list .coupon_item {
	padding: 3px 9px;
	margin-bottom: 5px;
	display: inline-block;
	width: 70px;
	text-align: center;
	font-size: 12px
}

.coupon_down_list .coupon_info {
	width: calc(100% - 70px);
	padding-left: 10px;
	flex: 2 auto;
	margin-bottom: 5px;
}

.coupon_info .coupon_name {
	margin-bottom: 4px;
	font-size: 14px;
}

.coupon_info .text_blue,
.coupon_info .text_gray {
	margin-top: 4px;
	font-size: 12px;
}

.coupon_info .text_gray {
	color: #888
}

.coupon_info .text_blue {
	color: #0ba5ff
}

.coupon_info .date {
	color: #999;
	font-size: 12px;
}

.coupon_box.on .text_blue,
.coupon_box.on .text_gray,
.coupon_box.on .btn_download {
	color: inherit
}

.coupon_box.on .coupon_item {
	border-right-color: #888;
}

.coupon_down_list .btn_download {
	/*position: absolute;*/
	/*top: 50%;*/
	/*right: 0;*/
	/*transform: translateY(-50%);*/
	padding: 10px;
	color: #222;
	border: 1px solid #ddd;
	margin-bottom: 5px;
	text-align: center;
	background: transparent;
	border-radius: 5px;
	width: 100%;
}

.coupon_down_list .btn_download:disabled {
	background-color: #f0f0f0;
	border: 1px solid #f0f0f0;
}

.coupon_down_list button[type="button"]:disabled {
	background: transparent;
	border: 0
}

/* 할인권 참고사항 리스트 */
.coupon_notice_list {
	position: relative;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e0e0e0;
	color: #616161;
	font-size: 12px
}

.coupon_notice_list li:before {
	content: '- ';
	padding-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.coupon_notice_list li + li {
	margin-top: 5px
}

.coupon_notice_search {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 5px;
}

.coupon_notice_search .coupon_search_code {
	padding: 5px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	flex: 1 auto;
}

.coupon_notice_search .search_btn.btn_st {
	color: #fff;
	background: #262626;
	border: 0;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
	flex: 1 auto;
	padding: 5px;
}

.coupon_notice_search ~ .ken_td_wrap {
	margin-top: 15px;
}

.coupon_notice_search ~ .ken_td_wrap .td_bar {
	padding: 10px 0;
}

.coupon_notice_search ~ .ken_td_wrap .td_bar .bar_right {
	display: flex;
	justify-content: flex-end;
}

.coupon_notice_search ~ .ken_td_wrap .td_bar .bar_right .btn_df {
	font-size: 13px;
	padding: 3px 5px;
	font-weight: normal;
}

.coupon_issue_list .coupon_box {
	padding: 10px 0;
	position: relative;
	color: #424242;
	border-radius: 5px;
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
}

.coupon_issue_list .coupon_box .coupon_item {
	display: inline-block;
	text-align: center;
	font-size: 12px;
}

.coupon_issue_list .coupon_box .coupon_info {
	padding: 0 0 0 10px;
}

/* 할인권 코드 입력 영역 스타일 */
.coupon_code_input_area {
	margin: 10px 0;
	padding: 15px;
	background-color: #fff3cd;
	border: 1px solid #ffeaa7;
	border-radius: 6px;
	border-left: 4px solid #f39c12;
}

.code_input_label {
	font-size: 13px;
	color: #856404;
	margin-bottom: 10px;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.code_input_box {
	display: flex;
	gap: 10px;
	align-items: stretch;
}

.coupon-code-input {
	flex: 1;
	padding: 10px 12px;
	border: 2px solid #ffeaa7;
	border-radius: 4px;
	font-size: 14px;
	background-color: #fff;
	transition: border-color 0.3s ease;
}

.coupon-code-input:focus {
	outline: none;
	border-color: #f39c12;
	box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
}

.btn-apply-code {
	min-width: 90px;
	white-space: nowrap;
	background-color: #f39c12;
	border-color: #f39c12;
	color: #fff;
}

.btn-apply-code:hover {
	background-color: #e67e22;
	border-color: #e67e22;
}

/* 다운로드된 할인권 표시 */
.coupon_apply_box.downloaded {
	border-left: 4px solid #28a745;
}

.coupon_apply_box.downloaded .coupon_box {
	background-color: #f8fff9;
}

/* 코드 입력 영역 숨김 애니메이션 */
.coupon_code_input_area {
	transition: all 0.3s ease;
	overflow: hidden;
}

.coupon_code_input_area.hidden {
	max-height: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
}

/* ========== //할인권 다운로드 window */

/* 상품 리스트 할인권 다운 window view 버튼 */
.list_thumb_item2 .btn_coupon_view2 {
	margin-left: 5px
}

.btn_coupon_view2 {
	margin: 0 auto;
	padding: 3px 6px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	font-size: 13px;
	color: #0060db;
	border-radius: 5px;
	border: 1px solid #0060db
}

/* 장바구니 할인권 적용 window view 버튼 */
.btn_coupon_apply {
	padding: 3px 6px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	color: #ff5000;
	border-radius: 5px;
	border: 1px solid #ff5000;
	font-size: 13px
}

.btn_coupon_apply.on {
	background: #61677A;
	color: #fff;
	border-color: #61677A
}

/* ========== 할인권 적용 window */
.item_name {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ddd;
	font-size: 15px;
	color: #262626
}

.coupon_apply_list {
	font-size: 0
}

.coupon_apply_list li {
	position: relative;
	padding-bottom: 10px;
}

.coupon_apply_list li:last-child {
	padding-bottom: 0;
}

.coupon_apply_list .coupon_box.used,
.coupon_apply_list .coupon_box.not_enough {
	position: relative
}

.coupon_apply_list .coupon_box.used:after,
.coupon_apply_list .coupon_box.not_enough:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}

.coupon_apply_list .coupon_check_area,
.coupon_apply_list .coupon_info_area {
	display: inline-block;
	vertical-align: top;
	font-size: 14px
}

.coupon_apply_list .coupon_check_area {
	width: 100px;
	color: #000;
	font-weight: bold
}

.coupon_apply_list .coupon_info_area {
	margin-left: 10px;
	width: calc(100% - 110px)
}

.coupon_apply_list .coupon_name {
	display: block;
	font-size: 15px;
	color: #000
}

.coupon_apply_list .text_gray {
	margin-top: 4px;
	font-size: 13px;
	color: #616161
}

.coupon_apply_list span.text_gray {
	display: inline-block;
	vertical-align: middle
}

.coupon_apply_list .btn_cancel_cpn {
	/*display: inline-block;*/
	/*vertical-align: middle;*/
	/*border: 0;*/
	/*background: none;*/
	/*text-decoration: underline;*/
	/*color: #000;*/
	/*font-size: 14px;*/

	padding: 10px;
	color: #222;
	border: 1px solid #ddd;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	font-size: 14px;
	width: 100%;
}

.coupon_apply_list .coupon_cancel_down {
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	padding: 20px 0 0 0;
}

.coupon_apply_list .coupon_cancel_down .btn_download {
	padding: 10px;
	color: #222;
	border: 1px solid #ddd;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	font-size: 14px;
	width: 100%;
	white-space: nowrap;
}

.coupon_apply_list .coupon_cancel_area {
	/*position: absolute;*/
	/*right: 0;*/
	/*bottom: 0*/

	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	padding: 20px 0 0 0;
}

.coupon_total_bar {
	margin-top: 20px;
	padding: 20px 0;
	border-top: 2px dashed #ddd;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	font-size: 16px
}

.coupon_total_bar .box {
	text-align: center
}

.coupon_total_bar .box:nth-child(1) .unit_won,
.coupon_total_bar .box:nth-child(1) .unit_won:after {
	color: #616161
}

.coupon_total_bar .price_txt {
	font-size: 14px
}

.coupon_total_bar .unit_won {
	margin-top: 5px;
	display: block;
}

.coupon_total_bar .symb {
	font-size: 16px
}

.btn_apply_cpn {
	width: 100%;
	height: 40px;
	background: #f7635b;
	border: 1px solid #f7635b;
	border-radius: 5px;
	color: #fff;
	font-size: 14px
}

/* ========== //할인권 적용 window */

/* 할인권 적용 장바구니 */
.coupon_apply_box .coupon_box {
	display: flex;
	align-items: center;
	position: relative;
}

.coupon_apply_box .coupon_box .coupon_check_area {
	padding: 10px 5px;
	text-align: center;
	border: 1px solid #d0d5d9;
	border-right: 5px solid #35d10e;
	background: #fff;
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
	cursor: pointer;
}

.coupon_apply_box .coupon_box .coupon_check_area input {
	display: none;
}

.coupon_apply_box .coupon_box .coupon_check_area label {
	cursor: pointer;
}

.coupon_apply_box .coupon_box .coupon_info_area {
	cursor: pointer;
}

.coupon_apply_list .coupon_apply_box ~ .coupon_cancel_area {
	/*position: absolute;*/
	/*right: 10px;*/
	/*bottom: 50%;*/

	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	padding: 20px 0 0 0;
}

/* //할인권 적용 장바구니 */

/* ========== 할인권 리스트 */
.coupon_table .coupon_item {
	text-align: center
}

.coupon_table .coupon_info {
	text-align: left
}

/* ========== //할인권 리스트 */

/* === 장바구니 { */
.cart.sub_container {
	margin-bottom: -150px;
	padding-bottom: 100px
}

.cart {
	background-color: #f7f7f7;
}

.cart .order_delv_info {
	padding-left: 0;
	padding-right: 0;
}

.order_close {
	display: none;
	position: absolute;
	right: 10px;
	top: 16px;
	font-size: 20px;
	color: #fff
}

/* .cart_area{padding-bottom: 130px;} */
.cart_area.hide {
	display: none;
}

.cart .list_view_item {
	background-color: #fff;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.wire_set {
	display: flex;
	margin-left: 10px;
}

.textbox.input_wire,
.input_wire {
	margin-right: 5px;
	width: 50px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
}

.basket_list_wrap .prd_info_area {
	position: relative
}

.basket_list_wrap .prd_info_area .ct_chck {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	z-index: 9;
}

.basket_list_wrap .prd_info_area .thumb {
	width: 40%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.basket_list_wrap .prd_info_area .thumb .mobile_gallery {
	margin: 0 auto;
}

.basket_list_wrap .prd_info_area .thumb .thumb_recent_order_day_inline {
	display: block;
	margin-top: 4px;
	text-align: center;
	white-space: nowrap;
	font-size: 11px;
	color: #0069d9;
	letter-spacing: -0.3px;
	font-weight: bold;
	line-height: 1.2;
}

.basket_list_wrap .btn_fill_point {
	padding: 0 10px; /* height:34px */
}

.basket_list_wrap .amount .btn_plus,
.basket_list_wrap .amount .btn_minus,
.basket_list_wrap .amount .amount_input,
.basket_list_wrap .btn_grp_type2 .btn_df { /* height:34px; */
}

.basket_list_wrap .amount .btn_plus,
.basket_list_wrap .amount .btn_minus {
	max-width: 30px;
	width: 100%; /* height:34px; */
}

.basket_list_wrap .list_item_info li .price {
	font-weight: normal;
}

/*.total_row .tit{margin-top:3px}*/
.total_row .txt {
	font-size: 16px;
	font-weight: 600;
	color: red;
}

.total_row .txt .line_through {
	color: #424242;
	font-weight: normal
}

.mg_box {
	font-size: 14px;
}

/* 장바구니 총 금액 re 230912 */
.cart_total_bar .tot_box {
	margin-bottom: 30px;
	font-size: 18px;
	color: #000
}

.cart_total_bar .price_info {
	margin: 10px 0;
	color: #5d5d5d;
	font-size: 14px;
	padding: 10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.cart_total_bar .price_box {
	display: flex;
	align-content: center;
	justify-content: space-between
}

.cart_total_bar .price_box + .price_box {
	padding-top: 7px
}

.cart_total_bar .price_info .price_box strong {
	font-weight: normal
}

.deco_plus:before {
	content: '+ ';
}

.deco_minus:before {
	content: '- ';
}

.delivArea2 {
	font-size: 13px
}

.delivArea2 strong {
	font-weight: normal
}

/* 배송지 선택 */
.delivery_select_guide {
	margin: 5px 0;
	padding: 5px 8px;
	background-color: #f8f9fa;
	border-radius: 3px;
	border: 1px solid #e3e6ea;
}

.delivery_select_guide .guide_text {
	margin: 0 0 8px 0;
	color: #495057;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
}

.delivery_select_guide .selectbox {
	width: 100%;
}

/* 배송지 선택 래퍼 - 드롭다운과 관리 버튼을 나란히 배치 */
.delivery_select_wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}

.delivery_select_wrapper .selectbox {
	flex: 1;
}

.delivery_select_wrapper .delv_btn {
	flex-shrink: 0;
	white-space: nowrap;
}

/* 모바일 배송지 관리 버튼 추가 스타일 */
.btn_trans_mng {
	cursor: pointer;
	pointer-events: auto;
	z-index: 10;
	position: relative;
}

/* 모바일 배송지 관리 버튼은 disabled 상태에서도 활성화 */
.btn_trans_mng[disabled] {
	opacity: 1 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	background-color: inherit !important;
	color: inherit !important;
}

.delv_form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 10px 0;
}

.delv_btn {
	width: auto;
	height: 32px;
	font-size: 13px;
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #333;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	transition: all 0.2s ease;
	cursor: pointer;
	padding: 0 10px;
}

.delivery_header {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.delivery_header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.btn_add_delivery {
	background: #fff;
	border: 1px solid #ddd;
	padding: 8px 16px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	color: #666;
}

.btn_add_delivery:hover {
	background: #f8f9fa;
	border-color: #007bff;
	color: #007bff;
}

.delivery_list_container {
	max-height: 100%;
	overflow-y: auto;
}

.delivery_item {
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 12px;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease;
}

.delivery_item:hover {
	border-color: #007bff;
	box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.delivery_item.selected {
	border-color: #007bff;
	border-width: 1px;
	background-color: #f0f7ff;
	box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.3), 0 4px 12px rgba(0, 123, 255, 0.15);
}

.delivery_radio {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 20px;
	height: 20px;
	accent-color: #007bff;
	cursor: pointer;
}

.delivery_item.selected .delivery_radio {
	transform: scale(1.1);
	border-radius: 50%;
}

.delivery_tag {
	display: inline-block;
	background: #007bff;
	color: white;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 12px;
	margin-bottom: 8px;
}

.delivery_tag.default {
	background: #28a745;
}

.delivery_item.selected .delivery_tag {
	background: #007bff;
	box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3);
}

.delivery_item.selected .delivery_tag.default {
	background: #28a745;
	box-shadow: 0 2px 4px rgba(40, 167, 69, 0.3);
}

.delivery_name {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 4px;
	color: #333;
}

.delivery_phone {
	font-size: 14px;
	color: #666;
	margin-bottom: 8px;
}

.delivery_address {
	font-size: 14px;
	color: #333;
	line-height: 1.4;
}

.delivery_actions {
	position: absolute;
	top: 16px;
	right: 50px;
	display: flex;
	gap: 8px;
}

.btn_edit_delivery,
.btn_delete_delivery {
	background: none;
	border: 1px solid #ddd;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
	color: #666;
}

.btn_edit_delivery:hover {
	border-color: #007bff;
	color: #007bff;
}

.btn_delete_delivery:hover {
	border-color: #dc3545;
	color: #dc3545;
}

/* 신규 배송지 입력 폼 스타일 */
.new_delivery_header {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #eee;
	text-align: center;
}

.new_delivery_header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.new_delivery_content {
	padding: 20px 0 0 0;
	max-height: 70vh;
	overflow-y: auto;
}

.new_delivery_form_section {
	margin-bottom: 24px;
}

.new_delivery_form_group {
	margin-bottom: 16px;
	position: relative;
}

.new_delivery_form_group.required .new_delivery_form_label::after {
	content: " *";
	color: #e74c3c;
	font-weight: bold;
}

.new_delivery_form_label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 8px;
}

.new_delivery_form_input {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	color: #333;
	background: #fff;
	box-sizing: border-box;
	transition: border-color 0.2s ease;
}

.new_delivery_form_input:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

.new_delivery_form_input.input_error {
	border-color: #e74c3c;
	background-color: #fdf2f2;
}

.new_delivery_form_input::placeholder {
	color: #999;
}

/* 주소 입력 그룹 */
.address_input_group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.postcode_group {
	display: flex;
	gap: 8px;
	align-items: center;
}

.postcode_input {
	flex: 1;
	min-width: 0;
}

.postcode_btn {
	background: #f8f9fa;
	border: 1px solid #ddd;
	padding: 12px 16px;
	border-radius: 6px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.postcode_btn:hover {
	background: #e9ecef;
	border-color: #007bff;
	color: #007bff;
}

.postcode_btn i {
	margin-right: 4px;
}

/* 화물 선택 그룹 */
.cargo_input_group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* 화물업체/영업소 input 그룹 - 3:7 비율 */
.cargo_input_group .cargo_name_group {
	display: flex;
	gap: 8px;
}

.cargo_input_group .cargo_name_group #gtCargoNmWin {
	flex: 3;
}

.cargo_input_group .cargo_name_group #cargoNmWin {
	flex: 7;
}

.cargo_select_btn {
	background: #f8f9fa;
	border: 1px solid #ddd;
	padding: 12px 16px;
	border-radius: 6px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	transition: all 0.2s ease;
}

.cargo_select_btn:hover {
	background: #e9ecef;
	border-color: #007bff;
	color: #007bff;
}

.cargo_select_btn i {
	margin-right: 8px;
}

/* 체크박스 섹션 */
.new_delivery_checkbox_section {
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin-top: 24px;
}

.new_delivery_checkbox_wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	color: #333;
}

.new_delivery_checkbox_wrapper input[type="radio"] {
	display: none;
}

.new_delivery_checkmark {
	width: 20px;
	height: 20px;
	border: 2px solid #ddd;
	border-radius: 50%;
	margin-right: 12px;
	position: relative;
	transition: all 0.2s ease;
}

.new_delivery_checkbox_wrapper input[type="radio"]:checked + .new_delivery_checkmark {
	border-color: #007bff;
	background: #007bff;
}

.new_delivery_checkbox_wrapper input[type="radio"]:checked + .new_delivery_checkmark::after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.new_delivery_checkbox_text {
	user-select: none;
}

/* 하단 버튼 */
.new_delivery_footer {
	padding: 20px 0;
	border-top: 1px solid #eee;
	display: flex;
	gap: 12px;
}

.btn_cancel_delivery,
.btn_save_delivery {
	flex: 1;
	padding: 14px 20px;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn_cancel_delivery {
	background: #f8f9fa;
	color: #666;
	border: 1px solid #ddd;
}

.btn_cancel_delivery:hover {
	background: #e9ecef;
	color: #495057;
}

.btn_save_delivery {
	background: #007bff;
	color: white;
}

.btn_save_delivery:hover {
	background: #0056b3;
}

/* 장바구니 하단 결제방법 */
.cart_pay_info {
	margin-bottom: 20px
}

.cart_pay_btn {
	display: flex;
	flex-wrap: wrap;
}

.cart_pay_info .tit {
	font-size: 14px;
	margin: 10px 0 5px
}

.cart_pay_btn .btn_df {
	margin-bottom: 10px;
	height: 40px;
	width: calc(50% - 5px)
}

.cart_pay_info_box {
	display: none;
	margin-top: 20px;
	font-size: 13px;
}

.cart_pay_info_box.view {
	display: block;
}

.cart_pay_info_box .selectbox,
.cart_pay_info_box .textbox {
	width: 100%
}

.cart_pay_info_box .selectbox + .textbox {
	margin-top: 10px
}

.cart_pay_info .info_tit {
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
	font-size: 14px
}

.cart_pay_info .info_tit.fold_info {
	position: relative;
}

.cart_pay_info .info_tit.fold_info:after {
	content: "\e942";
	position: absolute;
	right: 5px;
	top: 1px;
	font-size: 20px;
	font-family: xeicon !important;
}

.cart_pay_info .on.fold_info:after {
	transform: rotate(180deg);
}

.cart_pay_info .info_txt {
	font-size: 13px;
	text-align: left;
	font-weight: 300;
	word-break: keep-all;
}

.cart_pay_info_box .info_area {
	display: none;
}

.cart_pay_info_box .textbox {
	height: 30px;
}

.cart_pay_info .info_txt.agree_txt {
	margin-bottom: 10px
}

.cart_pay_info label {
	font-size: 13px;
}

.cart_pay_info .list + .info_txt {
	margin-top: 10px
}

.cart_pay_info_box + .info_tit {
	margin-top: 20px
}

.cart_pay_info .list {
	margin-top: 3px;
	text-align: left;
	font-size: 14px;
	color: #999;
	font-weight: 300;
}

.cart_pay_info .list li + li {
	margin-top: 5px
}

.cart_pay_info .list li {
	position: relative;
	padding-left: 10px;
	word-break: keep-all
}

.cart_pay_info .list li:before {
	content: '*';
	position: absolute;
	left: 0;
	top: 4px;
}

.check_tax label + label {
	margin-left: 50px;
}

.cart_pay_btn .btn_df:nth-child(2n) {
	margin-left: 10px;
}

.cart_pay_btn .btn_df.on {
	color: #fff;
	background-color: #396df5;
	border-color: #396df5;
}

/* 장바구니 그리드 */
.basket_list_wrap #grid .k-grid-content {
	background: transparent;
}

.basket_list_wrap > #grid {
	border-width: 0;
}

.basket_list_wrap > #grid .k-grid-header {
	display: none;
}

.basket_list_wrap > #grid.k-grid td {
	padding: 0;
	border-width: 0;
	background: #f9f9f9
}

.basket_list_wrap > #grid td .k-grid-header {
	display: table-header-group;
}

.basket_list_wrap #grid div[id^="grid_"] th {
	padding: 0;
	text-align: center;
}

.basket_list_wrap #grid div[id^="grid_"] td {
	text-align: center;
	padding: 4px
}

.basket_list_wrap #grid div[id^="grid_"] td button[class^="btn_"] {
	padding: 0 5px;
	border: 2px solid #2f488c;
	color: #2f488c;
	background-color: #fff;
	border-radius: 4px;
}

.basket_list_wrap #grid.k-grid tr.k-state-selected > td {
	background-color: #f9ffee
}

.basket_list_wrap #grid div[id^="grid_"] tr.k-state-selected > td {
	background-color: #fff;
}

/* 절단 없는 상품 버튼 */
.basket_list_wrap .btn_grp_type2 .btn_df,
.basket_list_wrap .btn_grp_type2 .amount {
	width: 50%;
	max-width: unset
}

.basket_list_wrap .btn_grp_type2 .amount {
	margin-left: 10px;
	display: flex;
}

.basket_list_wrap .btn_grp_type2 .amount .amount_input {
	width: calc(100% - 60px)
}

/*.basket_list_wrap .btn_grp_type2 .btn_df {*/
/*	width: 100%;*/
/*}*/

.basket_list_wrap .more {
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	border: 0;
	background-color: #f7f7f7;
	padding: 2px 4px;
}

.basket_list_wrap .more.on i {
	transform: rotate(180deg)
}

.basket_list_wrap .list_view_item .btn_grp_type2 {
	position: relative;
	justify-content: space-around;
	border-bottom: 1px solid #d8d8d8;
	align-items: center;
}

.basket_list_wrap .list_view_item .btn_grp_type2:last-child {
	border-bottom: 0
}

/* 절단 상품 버튼 영역 */
.wire.btn_grp_type2 {
	padding: 10px
}

.wire.btn_grp_type2 .amount {
	margin-left: 10px;
	width: auto
}

.wire.btn_grp_type2 .btn_plus,
.wire.btn_grp_type2 .btn_minus {
	max-width: 25px;
	width: 100%;
	text-align: center;
	padding: 0
}

.wire.btn_grp_type2 .amount_input {
	width: calc(100% - 50px);
	min-width: 30px;
	max-width: 50px
}

.wire.btn_grp_type2 .btn_df {
	max-width: 85px
}

.wire.btn_grp_type2 button[class^="btn_"] {
	padding: 3px 5px
}

.wire_set .btn_fill_point {
	min-width: 40px;
}

.basket_list_wrap .list_view_item .more_btn {
	width: calc(100% - 20px);
	margin: 10px;
}

.basket_list_wrap .more_btn.on i {
	transform: rotate(180deg)
}

.basket_list_wrap .list_item_info.hide li {
	display: none
}

.basket_list_wrap .list_item_info.hide li.total_row {
	display: block;
}

.wire_tb {
	width: 100%;
}

.wire_tb thead tr {
	border-bottom: 1px solid #ddd
}

.wire_tb tbody tr:last-child {
	border-bottom: 0
}

.wire_tb th,
.wire_tb td {
	text-align: center;
	padding: 5px
}

.wire_tb td .btn_point_r {
	padding: 0 5px
}

.cart_area + .order_total_box {
	margin-bottom: 130px;
}

.cart_area.hide + .order_total_box {
	margin-bottom: 0;
}

.order_total_box {
	margin-top: 25px;
	text-align: center;
	border: 1px solid #d8d8d8;
	font-size: 14px;
	background-color: #fff;
}

.order_total_box label + label {
	margin-left: 10px
}

.order_total_box .check_statement {
	margin: 0 10px;
	padding: 10px 0;
	color: #676767
}

.order_total_box .total_info_list {
	padding: 20px 10px;
	text-align: right;
}

.order_total {
	color: #f11b1b;
	font-size: 15px;
	font-weight: bold;
}

.order_txt {
	color: #676767;
	font-size: 13px;
	vertical-align: baseline;
}

.cart-bottom-btn {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 70px;
	z-index: 10;
	padding: 10px; /* box-shadow: 0 -2px 10px #d2d2d2; */
	font-size: 0;
	background-color: #f7f7f7;
}

.hide-menu .cart-bottom-btn {
	bottom: 0;
}

.cart-bottom-btn .btn_bar {
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
}

.btn_bar .selectbox {
	width: 100%;
	margin-right: 10px
}

.btn_bar .btn_bar_inner {
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
}

.btn_bar .btn_bar_inner .cart_btn_box {
	margin-right: 10px;
	text-align: center;
}

.cart-bottom-btn .cart_btn_box {
	width: calc(100% - 50px);
	position: relative;
	border-radius: 5px;
	border: 2px solid #676767;
	overflow: hidden;
}

.cart-bottom-btn .cart_btn_box:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 70%;
	background: #676767;
}

.cart-bottom-btn .btn {
	padding: 3px 0;
	background-color: #fff;
	color: #676767;
	border: 0;
	font-size: 13px;
	width: 49%;
}

.cart-bottom-btn .btn_s_red {
	font-size: 13px;
	padding: 0 5px;
}

.cart-bottom-btn .selectbox {
	width: 100%;
	font-size: 14px; /* margin-bottom: 5px; */
}

.cart-bottom-btn .btn_grp_type4 {
	margin-bottom: 0;
}

.cart-bottom-btn .btn_grp_type4 .btn_point,
.cart-bottom-btn .btn_grp_type4 .btn_fill_point {
	padding: 5px 10px
}

.delivery_section {
	display: none;
}

.delivery_section.view {
	display: block
}

.delivery_section .btn_grp_type1 .btn_order {
	padding: 6px;
	background-color: #f7635b;
	color: #fff;
	border: 2px solid #f7635b;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 500;
}

.form_wrap .delv_addr_code {
	width: 100%;
	text-indent: 5px
}

.form_wrap .delv_addr_code + .btn_addr {
	margin-left: 10px;
}

#addr_layer {
	position: fixed;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90% !important;
	z-index: 10;
}

.addr_close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

/* 할인권 버튼 영역 */
.coupon_btn_area {
	margin-top: 10px;
}

.prd_wrap.best_prd .prd_list li .coupon_btn_area {
	margin: 10px auto 0;
	max-width: 143px;
}

/* === } 장바구니 */

/* 배송 구분별 설명 */
.delivery_cate_list {
	margin-top: 10px;
	height: 200px;
	overflow-y: auto
}

.delivery_cate_list .item {
	color: #707070;
	word-break: keep-all;
	font-size: 13px
}

.delivery_cate_list .item + .item {
	margin-top: 5px
}

.delivery_cate_list .cate_list_clear {
	color: #ff0038;
	font-style: normal;
}

.delivery_cate_list .title {
	font-weight: bold;
	color: #262626
}

/* //배송 구분별 설명 */

/* 반품 시 유의사항 */
.return_info {
	margin-top: 10px;
	color: #ff0000;
	font-size: 13px
}

.return_info .rt_title {
	font-weight: bold;
}

/* === 주문완료 */
.sub_container.order_end {
	padding: 10px 0;
}

.order_end_cont {
	text-align: center;
	padding: 15px;
}

.order_end_cont .top_txt {
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
}

.order_end_cont,
.order_end_info {
	border-bottom: 10px solid #ddd;
	font-size: 13px;
}

.order_end .title {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	padding: 15px;
	font-size: 14px;
}

.end_info_list {
	display: flex;
	justify-content: space-between;
	padding: 15px;
}

.end_info_list + .end_info_list {
	padding-top: 0
}

.end_info_list.total,
.end_info_list.total .won:after {
	color: #ff0000
}

.order_end_cont .btn_1,
.order_end_cont .btn_2 {
	width: 100px;
	height: 35px;
	margin-top: 15px;
	font-size: 14px;
	text-align: center;
	border-radius: 5px
}

.order_end_cont .btn_1 {
	border: 1px solid #ddd;
	background-color: #fff;
}

.order_end_cont .btn_2 {
	border: 1px solid #f7635b;
	background-color: #f7635b;
	color: #fff
}

/* === 주문완료 */

/* 주문실패 */
.order_end.fail {
	margin-top: 100px;
}

.order_end.fail .order_end_cont {
	border-bottom: 0;
}

.order_end.fail .deco_icon {
	color: #00a8ff;
	font-size: 50px;
}

/* === 검색 { */
/* 필터 */
.search_filter_wrap {
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
}

.search_filter_wrap .filter {
	padding: 4px 5px;
	border-radius: 3px;
	background-color: #fff;
	font-size: 14px;
	border: 1px solid #dfe2e6
}

.total_cnt {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px
}

.sort_slt {
	width: 140px
}

.on .dimmed_search_layer {
	display: block;
	opacity: .4;
	transition: visibility ease, opacity .2s linear;
}

.dimmed_search_layer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #000;
	opacity: 0;
}

.search_filter_detail {
	position: fixed;
	top: 100%;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 111; /* height:100%; */
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	transition: right .2s ease;
	background-color: #fff;
}

.on .search_filter_detail {
	top: 30px
}

.filter_list {
	position: fixed;
	left: 80%;
	width: 80%
}

.filter_header {
	position: relative;
	padding: 15px 10px;
	border-bottom: 1px solid #ddd
}

.filter_header .filter_tit {
	font-size: 18px;
}

.filter_header .total_cnt {
	vertical-align: baseline;
	color: #959da6;
	font-weight: 300;
	font-size: 14px;
}

.filter_header .filter_close {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background-color: transparent;
}

.filter_header .filter_close i {
	font-size: 18px;
}

.filter_body {
	height: 100%;
	padding-bottom: 50px;
	overflow-x: hidden;
	font-size: 14px;
}

.filter_item_list .filter_btn {
	border: 0;
	background-color: transparent;
	width: 100%;
	text-align: left;
	color: #6c7580
}

.filter_item_list li label {
	display: block;
}

.filter_body .cnt {
	padding-left: 5px
}

.filter_body .filter_sort {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 2px;
	padding: 15px 10px;
	border: 0;
	text-align: left;
	background-color: #fff;
}

.filter_body .filter_item_wrap.view {
	display: block;
	border-top: 1px solid #ddd
}

.filter_body .filter_sort.view i {
	transform: rotate(180deg);
}

.filter_item_wrap .filter_item_list {
	display: none;
	color: #6c7580;
	border-left: 1px solid #ddd;
	height: 100%;
	overflow-y: auto;
}

.filter_item_wrap .filter_item_list.view {
	display: block;
}

.filter_item_wrap .filter_item_list li {
	padding: 10px;
}

.filter_item_wrap .filter_item_list li + li {
	border-top: 1px solid #ddd
}

.filter_item_wrap .filter_item_list li.on .filter_btn {
	color: #5786be
}

.filter_item_wrap li .ct_chck {
	margin-right: 10px;
	height: 18px;
	width: 18px
}

.filter_body_inner {
	display: flex;
	height: 100% /* height:calc(100vh - 88px); */
}

.search_filter_wrap.on .btn_grp_type2 {
	position: fixed;
	padding: 10px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
}

.sort_wrap {
	width: 120px; /* height:calc(100vh - 180px); */
}

.filter_item_wrap {
	width: calc(100% - 120px);
	overflow-y: auto;
	height: 100%;
	padding-bottom: 60px
}

.prd_list_type .list_item_info li .price {
	font-weight: normal;
}

/* 상품 리스트형 */
/* .prd_list_type{display:none}
.prd_list_type.on{display:block} */
.prd_list_type .btn_grp_type2 {
	margin: 5px
}

.prd_list_type .wire.btn_grp_type2 {
	position: relative;
	justify-content: space-between;
	align-items: center;
}

.prd_list_type .wire.btn_grp_type2 button[class^="btn_"] {
	padding: 3px 5px
}

.prd_list_type .wire.btn_grp_type2 .amount { /* margin-left:10px; */
	max-width: 120px;
}

.prd_list_type .wire.btn_grp_type2 .btn_plus,
.prd_list_type .wire.btn_grp_type2 .btn_minus {
	max-width: 25px; /* width:100%; */
	text-align: center;
	padding: 0
}

.prd_list_type .wire.btn_grp_type2 .amount_input {
	width: 40px
}

.prd_list_type .wire.btn_grp_type2 .wire_set {
	margin-left: 0
}

.prd_list_type .wire.btn_grp_type2 .btn_df {
	max-width: 80px
}

.prd_icon span:first-child {
	margin-left: 0;
}

.prd_list_type .item_btn_grp .btn_df,
.prd_list_type .item_btn_grp .amount {
	width: 100%;
	max-width: unset
}

.prd_list_type .item_btn_grp .amount {
	margin-left: 10px
}

.prd_list_type .item_btn_grp .amount .amount_input {
	width: calc(100% - 60px)
}

.prd_list_type .item_btn_grp .btn_df {
	width: 100%;
}

/* .prd_list_type .list_thumb_item2 .item_box .total_row .txt{width:100%; text-align: right;} */
/* .prd_list_type .list_thumb_item2 .item_box .total_row .txt:before {content: '';color: #676767;font-weight: 500;padding-right: 3px;font-size: 12px;} */
.prd_list_type .list_thumb_item2 .item_box .won:after {
	color: #676767;
}

/* 썸네일형 */
/* .prd_thumb_type{display:none;}
.prd_thumb_type.on{display:flex;}
.prd_thumb_type.prd_list li{position:relative; margin-top:10px; margin-bottom:10px; border:1px solid #d8d8d8; box-sizing: border-box;border-radius:5px}
.prd_thumb_type.prd_list li a{padding:5px}
.prd_thumb_type .amount{margin-top:5px;}
.prd_thumb_type .ct_chck{position:absolute; right:5px; bottom:5px; width:20px; height:20px} */
/* 하단 고정 메뉴 */
.order_bot_menu {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 70px;
	z-index: 8;
	padding: 40px 10px 10px;
	box-shadow: -2px 0px 7px #cecece;
	background-color: #fff;
	transition: all .3s;
}

.scroll_top {
	position: absolute;
	right: 10px;
	bottom: 220px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	font-size: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
	text-align: center;
}

.scroll_top.move {
	bottom: 125px
}

.hide-menu .order_bot_menu {
	bottom: 0;
}

.order_bot_menu .selectbox {
	width: 100%;
	margin-bottom: 5px
}

.order_bot_menu.active {
	bottom: -25px;
}

/* .order_bot_menu.active2{bottom:-210px;}
.order_bot_menu.active3{bottom:-300px;} */
.hide-menu .order_bot_menu.active {
	bottom: -90px;
}

/* .hide-menu .order_bot_menu.active2{bottom:-280px;}
.hide-menu .order_bot_menu.active3{bottom:-373px;} */
.btn_fold {
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	text-align: center;
	font-size: 20px;
	color: #676767
}

.order_bot_menu.active .btn_fold i {
	transform: rotate(180deg);
}

/* 아이콘 설명 window */
.icon_info_cont {
	text-align: center;
}

.icon_info_cont img {
	max-width: 100%;
}

/* // 아이콘 설명 window */
/* === } 검색 */
/* === 정보수정 */
.edit_info {
	margin-bottom: 20px;
	border: 1px solid #d8d8d8
}

.change_password_box {
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
	gap: 5px 0;
}

.change_password_box .change_password {
	width: 100%;
	border: 1px solid #ddd;
	height: 30px;
	padding: 0 5px;
	-webkit-appearance: none;
	font-size: 14px
}

.change_password_box .change_password + .change_password {
	margin-top: 5px;
}

.change_password_box .error_msg,
.change_password_box .primary_txt {
	margin-top: 5px
}

.change_password_box label {
	position: relative;
}

.change_password_box .pw_eye,
.change_password_box .pw_eye_chk,
.change_password_box .pw_eye_chk_new {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
}

.change_password_box .pw_eye i,
.change_password_box .pw_eye_chk i,
.change_password_box .pw_eye_chk_new i {
	font-size: 18px;
}

.delete_link {
	margin-top: 10px;
	display: inline-block;
	color: #999;
	text-decoration: underline;
}

.delete_customer_content {
	height: 250px;
	overflow: auto;
	line-height: 22px
}

.del_input + .del_input {
	margin-top: 5px
}

.delete_pass {
	border: 1px solid #ddd
}

.ad_agree_cont {
	font-size: 13px
}

.ad_agree_child {
	margin-bottom: 10px;
	padding-left: 20px
}

.change_list_box + .change_list_box {
	margin-top: 20px;
}

.change_list_box + .btn_grp_type1 {
	margin-top: 40px;
}

.change_list_box i {
	padding-right: 5px;
	color: #17ad89;
}

.change_list_box .change_tit {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.change_form_area.change_form_pw_area {
	position: relative;
}

.change_form_area + .change_form_area {
	margin-top: 20px
}

.change_form_area {
	font-size: 14px
}

.change_form_area label {
	display: block;
	margin-bottom: 4px
}

.change_form_area .textbox {
	width: 100%;
	height: 30px;
	border-width: 0 0 1px 0;
}

.change_form_area .cust_id,
.change_form_area .file_name {
	width: calc(100% - 82px)
}

.change_form_area .cust_id_2 {
	width: calc(100% - 130px)
}

.change_form_area .btn_point {
	padding: 3px 5px
}

.change_id_area .btn_df {
	padding: 0 5px;
	height: 30px;
	font-size: 13px;
	font-weight: normal;
}

.change_form_area .post_num {
	width: 120px
}

.change_form_area .selectbox {
	width: 100%;
	height: 30px;
	border: 1px solid #ddd;
	color: #262626;
	padding: 0 5px;
	-webkit-border-radius: 0;
	background: #fff
}

.change_form_area .select_email {
	width: calc(100% - 130px)
}

.change_form_area .email_check {
	margin-left: 5px;
	width: 120px;
}

.change_form_area .eamil_check_info {
	font-size: 13px;
	color: #ff0038;
	word-break: keep-all;
	margin: 5px 0 0 0;
	font-weight: bold;
}

.change_form_area .eamil_check_info > em {
	font-style: normal;
	margin: 0 0 0 3px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.change_form_area .cust_id_info {
	font-size: 13px;
	color: #ff0038;
	word-break: keep-all;
	margin: 5px 0 0 0;
	font-weight: bold;
}

.change_form_area .cust_id_info > em {
	font-style: normal;
	margin: 0 0 0 3px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.change_form_area .pass_wrap {
	position: relative;
	width: 100%;
}

.change_form_area .pw_eye,
.change_form_area .pw_eye_chk,
.change_form_area .pw_eye_chk_new {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, 0);
}

.change_form_area input[type="date"] {
	width: 100%;
	height: 30px;
	border: 1px solid #ddd;
	color: #262626;
	padding: 0 5px;
	-webkit-border-radius: 0;
	background: #fff;
}

/* === 정보수정 */
/* 비밀번호 변경 안내 */
.change_pw_text {
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 14px;
	word-break: keep-all
}

.change_pw_cont {
	font-size: 14px
}

.change_pw_cont .pw_input {
	width: 100%;
	height: 45px;
	padding: 0 10px;
	border: 1px solid #ddd
}

.change_pw_cont .pw_input + .pw_input {
	margin: 5px 0
}

.change_pw_cont .pw_input:focus {
	border-color: #000
}

.change_pw_cont .pw_input:nth-child(1) {
	margin-bottom: 15px;
}

.change_pw_btn {
	margin-top: 14px;
	font-size: 0
}

.change_pw_btn button {
	width: calc(50% - 7px);
	height: 45px;
	font-size: 14px
}

.change_pw_btn button + button {
	margin-left: 14px
}

/* //비밀번호 변경 안내 */
/* 휴면계정해제 */
.member_id_cont {
	margin: 20px 0;
	padding: 20px;
	border: 2px solid #eee;
	text-align: center;
	font-size: 13px
}

.dormant_desc {
	padding: 0 5px;
	font-size: 13px;
	color: #444;
	word-break: keep-all
}

.dormant_desc + .dormant_desc {
	margin-top: 5px
}

.dormant_box {
	margin: 5px 0;
}

.dormant_box label {
	display: inline-block;
	min-width: 60px;
}

.dormant_box .textbox {
	width: calc(100% - 100px);
	height: 30px
}

.dormant_btn_box {
	margin-top: 40px;
	text-align: center
}

.dormant_box + .dormant_btn_box {
	margin-top: 20px;
}

.dormant_btn_box button {
	padding-top: 0;
	padding-bottom: 0;
	width: 100px;
	height: 35px;
	border-radius: 0;
	font-size: 13px;
	font-weight: normal
}

/* //휴면계정해제 */
/* === 원장조회 { */
.ledger_info {
	margin-top: 10px;
}

.ledger_info::after {
	content: '';
	display: block;
	clear: both;
}

.ledger_info .deadline_txt {
	float: left;
	line-height: 34px;
}

.ledger_info .btn_s_df {
	float: right;
	padding: 5px 10px
}

.ledger_tb {
	width: 100%;
	font-size: 13px
}

.ledger_tb + .ledger_tb {
	margin-top: 20px;
}

.ledger_tb col {
	width: 50%;
}

.ledger_tb tr:nth-child(even) {
	background-color: #e9e9e9;
}

.ledger_tb tr:nth-child(odd) {
	background-color: #ffffff;
}

.ledger_tb th {
	font-weight: normal;
	text-align: left;
	border: 1px solid #e4e4e4;
	padding: 5px 10px
}

.ledger_tb td {
	text-align: right;
	border: 1px solid #e4e4e4;
	padding: 5px 10px
}

.ledger_txt {
	margin: 10px auto;
	color: #696969;
	text-align: center;
}

.wnd_account_info {
	margin-bottom: 10px;
	padding: 20px 10px;
	border: 1px solid #d8d8d8;
	text-align: center;
}

.wnd_account_info p {
	margin-bottom: 5px;
	color: #676767
}

.account_num {
	color: #17ad88
}

.ledger_tit {
	margin: 25px 0 10px;
	font-size: 14px;
	font-weight: normal;
	text-align: center
}

/* 원장조회 new */
.ledger_total_tit {
	padding: 5px;
	font-size: 14px;
	background: #f5f5f5;
	text-align: center;
	color: #000;
	border-top: 3px solid #6c6c6c;
	border-bottom: 1px solid #e3e3e3;
}

.ledger_total_list {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 22px
}

.ledger_total_list .item {
	display: flex;
	justify-content: space-between
}

.ledger_total_list .tit {
	width: 100px
}

/* === } 원장조회 */
/* === 미결제내역 { */
.payment_info::after {
	content: '';
	display: block;
	clear: both;
}

.payment_info .deadline_txt {
	float: left;
	line-height: 34px;
}

.payment_info .btn_s_df {
	float: right;
	padding: 5px 10px
}

.pay_tb.pay_total {
	font-size: 14px;
}

.pay_tb.pay_total tr:first-child {
	background-color: #e9e9e9;
}

.pay_tb {
	width: 100%;
}

.pay_tb + .pay_tb {
	margin-top: 20px;
}

.pay_tb col {
	width: 50%;
}

.pay_tb tr:nth-child(even) {
	background-color: #e9e9e9;
}

.pay_tb tr:nth-child(odd) {
	background-color: #ffffff;
}

.pay_tb th {
	font-weight: normal;
	text-align: left;
	border: 1px solid #e4e4e4;
	padding: 5px 10px
}

.pay_tb td {
	text-align: right;
	border: 1px solid #e4e4e4;
	padding: 5px 10px
}

.list_item_info_dt {
	padding: 10px 10px 5px;
	color: #000;
	font-size: 15px
}

.list_item_info_dt li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list_item_info_dt .tit.pay_state {
	color: #ff7800;
	font-weight: 500;
}

.list_item_info_dt .tit .sub_txt {
	color: #676767;
	font-weight: normal;
	font-size: 14px;
}

.list_item_info_dt .txt { /* width: calc(100% - 155px); */
	text-align: right;
}

.list_item_info_dt .info_date,
.list_item_info_dt .info_price {
	color: #ff0000;
	font-weight: normal;
}

.btn.btn_delivery {
	position: relative;
	border: 1px solid #ef2a23;
	padding: 5px 5px;
	border-radius: 5px;
	background: #fff;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.btn.btn_delivery:before {
	display: inline-flex;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	width: 22px;
	height: 16px;
	background-image: url('/resources/img/common/delivery_box_icon.svg');
	margin: 0 5px 0 0;
}

.btn.btn_delivery span {
	font-size: 12px;
	font-weight: 500;
	color: #ef2a23;
}

/* 운송장 조회 */
.invoice_summary {
	width: auto; /* 100% → auto */
	max-width: 100%; /* 부모를 넘지 않게 */
	box-sizing: border-box;
	margin-bottom: 18px;
	padding: 10px 18px; /* padding 줄임 */
	background: linear-gradient(90deg, #f8f9fa 80%, #e3f0ff 100%);
	border-radius: 8px;
	border-left: 5px solid #007bff;
	font-size: 17px;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	position: relative;
	animation: invoiceSummaryFadeIn 0.7s;
	flex-shrink: 1; /* flex 컨테이너에서 자동 줄어듦 */
	min-width: 0;
}

.invoice_summary:before {
	content: '\1F4E6'; /* 📦 아이콘 */
	font-size: 22px;
	margin-right: 10px;
	color: #007bff;
	display: inline-block;
	vertical-align: middle;
	animation: bounceIn 0.7s;
}

.invoice_summary .deco_red {
	color: #dc3545;
	font-weight: bold;
	font-size: 18px;
	margin: 0 2px;
	letter-spacing: 1px;
	text-shadow: 0 1px 2px #fff, 0 0 2px #dc3545;
}

@keyframes invoiceSummaryFadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes bounceIn {
	0% {
		transform: scale(0.7);
		opacity: 0;
	}
	60% {
		transform: scale(1.2);
		opacity: 1;
	}
	100% {
		transform: scale(1);
	}
}

.invoice_info_wrap {
	display: flex;
	/*justify-content: center;*/
	width: 100%;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: auto;
}

.invoice_info_wrap:after {
	display: block;
	content: "";
	background-image: url("/resources/img/common/horizontal_scroll_icon.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 22px;
	height: 12px;
	position: fixed;
	bottom: 10px;
	right: 116px;
	background-color: #fff;
}

.invoice_info_wrap:before {
	display: block;
	content: "좌우로 스크롤 하세요";
	position: fixed;
	bottom: 8px;
	right: 10px;
	font-size: 12px;
	background-color: #fff;
}

.invoice_info_wrap table {
	width: 100%;
	border-top: 1px solid #7c7c7c;
	/*table-layout: fixed;*/
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 600px;
}

.invoice_info_wrap table thead th {
	height: 18px;
	padding: 11px 5px 9px;
	border-bottom: 1px solid #ededed;
	background: #fafafa;
	color: #222;
	font-size: 13px;
	position: sticky;
	top: 0;
	z-index: 10;
}

.invoice_info_wrap table tbody td {
	padding: 12px 5px 10px;
	border-left: none;
	border-bottom: 1px solid #e5e5e5;
	color: #777;
	font-size: 12px;
}

.invoice_info_wrap table th,
.invoice_info_wrap table td {
	font-weight: 400;
	word-wrap: break-word;
	word-break: break-all;
	text-align: center;
}

.invoice_info_wrap table td a {
	text-decoration: none;
	color: #8807f3;
	display: inline-block;
	margin: 0 0 5px 0;
}

.invoice_info_wrap table td a:hover {
	text-decoration: underline;
}

.invoice_info_wrap table td a:last-child {
	margin: 0;
}

.invoice_info_wrap table tbody td:nth-child(1) img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.invoice_info_wrap table tbody .storageRowspan,
.invoice_info_wrap table tbody .courierRowspan,
.invoice_info_wrap table tbody .invoiceRowspan {
	border-left: 1px solid #e5e5e5;
}

/*.invoice_info_wrap table tbody td:nth-child(7){*/
/*    text-align: left;*/
/*}*/

.invoice_info_wrap table tbody .invoiceRowspan {
	padding-left: 0;
	padding-right: 0;
}

.invoice_info_wrap table tbody td .invoice_info_inquiry {
	/*margin:0 0 5px 0;*/
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px 0;
	border-bottom: 1px solid #eee;
	padding: 10px 5px;
}

.invoice_info_wrap table tbody td .invoice_info_inquiry:last-child {
	/*margin:0;*/
	border-bottom: 0;
}

.invoice_info_wrap table tbody td .invoice_info_inquiry .invoice_info_inquiry_btn button {
	margin: 0 0 0 5px;
	font-size: 11px;
	padding: 3px 10px;
	background: #17ad89;
	color: #fff;
	border-radius: 3px;
	border: 0;
	font-weight: 300;
}

.invoice_info_wrap table tbody td .invoice_info_inquiry .invoice_info_inquiry_btn button:first-child {
	margin: 0;
}

.pay_total_bar {
	margin: 10px 0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.pay_total_bar .pay_text {
	font-size: 14px;
	margin-right: 2px;
}

.pay_total_bar .total {
	color: #ff0000;
	font-size: 17px;
}

.pay_total_bar + .btn_grp_type1 .btn_fill_point {
	padding: 10px
}

.wnd_pay_info {
	margin: 20px 0;
	text-align: center;
}

.wnd_pay_info .tit {
	display: inline-block;
	margin-bottom: 5px;
	color: #000
}

.wnd_pay_info .info_txt {
	color: #666666;
}

.cart_pay_btn.pay_btn {
	flex-wrap: nowrap;
	margin-top: 10px;
}

.cart_pay_btn.pay_btn .btn_df {
	margin-bottom: 0
}

.cart_pay_btn.pay_btn .btn_df:nth-child(2),
.cart_pay_btn.pay_btn .btn_df:nth-child(3) {
	margin-left: 5px;
}

.pay_price_bar {
	margin: 10px 0
}

.pay_price {
	width: calc(100% - 25px);
	height: 30px;
	text-align: right;
}

.pay_won {
	display: inline-block;
	margin-left: 3px;
	font-size: 15px;
	font-weight: bold;
}

/* === } 미결제내역 */
/* === 보관함 리스트  {*/
.chest_add_tb {
	width: 100%;
	table-layout: fixed;
}

.chest_add_tb th {
	width: 60px
}

.chest_add_name {
	width: 100%;
	border: 1px solid #f5f6f5;
	background-color: #f5f6f5;
	height: 30px;
	padding: 2px 5px;
	-webkit-appearance: none;
}

.chest_add_tarea {
	border: 1px solid #f5f6f5;
	background-color: #f5f6f5;
	width: 100%;
	padding: 5px;
	-webkit-appearance: none;
}

/* === } 보관함 리스트 */
/* === 보관함 상세보기 { */
.chest_container {
	padding: 10px;
	background-color: #f7f7f7;
	min-height: 100vh
}

.chest_item {
	margin: 10px auto;
	border: 1px solid #d8d8d8;
	background-color: #fff;
	border-radius: 10px
}

.chest_item .item_inner {
	position: relative;
	padding: 40px 5px 10px;
	display: flex;
}

.chest_item .chest_thumb img {
	max-width: 100%
}

.chest_item .chest_thumb,
.chest_item .item_info {
	position: relative;
	width: 50%;
	padding: 0 5px;
}

.chest_item .item_info {
	padding-bottom: 45px;
}

.chest_item .item_info .prd_name {
	font-size: 16px;
	font-weight: 500;
}

/* .chest_item .item_info .prd_name a{display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} */
.chest_item .item_info .info_list {
	font-size: 14px;
}

.chest_item .item_info .tit {
	color: #676767;
	padding-right: 5px
}

.chest_item .item_info .txt {
	color: #000
}

.chest_item .info_list .chest_recent_order_day {
	font-size: 11px;
	color: #0069d9;
}

.chest_item .item_info .cart_btn {
	position: absolute;
	bottom: 0;
	left: 5px;
	right: 5px
}

.chest_item .item_info .cart_btn .btn_point {
	width: 100%;
	height: 40px;
	border: 2px solid #17ad88;
	color: #17ad88;
	font-weight: 500;
}

.chest_item .prd_standard {
	font-size: 14px;
	margin-bottom: 5px
}

.chest_item .prd_code {
	display: inline-block;
	padding-left: 5px
}

.chest_item .chest_check {
	position: absolute;
	top: 10px;
	left: 10px;
}

.chest_item .chest_check .ct_chck {
	width: 20px;
	height: 20px;
}

.chest_item .btn_dlt {
	position: absolute;
	right: 10px;
	top: 10px;
	display: inline-block;
	color: #fff;
	text-align: center;
	background-color: #676767;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 15px
}

.more_wrap .btn_df {
	width: 100%;
	padding: 10px 5px;
}

/* === } 보관함 상세보기 */
/* === a/s신청 { */
.as_note {
	display: block;
	padding: 10px;
	width: 100%;
	border: 1px solid #d8d8d8;
	appearance: none;
	-webkit-appearance: none;
}

.as_list_area {
	display: none;
}

.as_list_area.on {
	display: block;
}

.search_prd_area {
	display: none;
}

.search_prd_area.on {
	display: block
}

/* === } a/s신청 */
/* === a/s조회 */
.as_list_wrap .btn_point_r {
	padding: 5px 10px
}

.more_list li {
	display: none;
}

.more_list li:nth-child(1),
.more_list li:nth-child(2),
.more_list li:nth-child(3),
.more_list li.more_btn_row {
	display: block;
	text-align: center;
}

.more_list.on li {
	display: block
}

.more_btn {
	color: #262626;
	display: block;
	width: 100%;
	border: 0;
	background-color: #f7f7f7;
	padding: 0 10px;
	font-size: 14px
}

.more_list.on .more_btn i {
	transform: rotate(180deg)
}

.list_view_item {
	position: relative
}

/* .more_btn{position:absolute; top:41px; left:50%; transform:translateX(-50%)} */
/* === a/s진행현황 { */
.as_hz_tb col {
	width: 50%;
}

.file_list {
	margin: 20px 0
}

.file_list li {
	margin: 5px 0;
	font-size: 14px;
}

.file_list li:after {
	content: '';
	display: block;
	clear: both;
}

.file_list li b {
	float: left;
	line-height: 28px;
}

.file_list li div {
	float: right;
	width: 50%;
	text-align: right;
	line-height: 28px;
}

.file_list li .btn_fill_point {
	padding: 2px;
	width: 100%;
}

/* === } a/s진행현황 */
/* === 주문조회 { */
/* .order_list_wrap .list_view_item .btn_grp_type2{margin:10px;} */
/* .order_list_wrap .list_view_item{border:0} */
/* .order_list_wrap .list_view_item .item_inner{border:1px solid #ddd} */
.order_list_wrap .list_item_info_dt .tit .sub_txt {
	padding-left: 2px
}

.order_list_wrap .list_item_info li .tit {
	min-width: 120px;
}

.order_list_wrap .list_item_info li .txt {
	width: calc(100% - 125px)
}

.order_list_wrap .list_item_info_dt li .txt .deco_red {
	font-weight: normal;
}

.order_list_wrap .state_txt {
	width: calc(100% - 140px);
}

.order_list_wrap .list_view_item {
	text-align: left;
}

.order_list_wrap .custom_grid.k-grid tr.k-state-selected > td {
	background-color: #fff;
}

.more_form {
	display: none;
}

/* 하위 주문서의 마스터 주문서 */
.child_list.list_view_item {
	margin-left: 25px
}

/* .list_view_item.master_list{position: relative; }
.list_view_item.master_list .child_view{vertical-align: middle;}
.master_list .child_view.fold i{transform: rotate(90deg);} */
/* 하위 주문서 */
.list_view_item.child_list {
	position: relative;
	margin-left: 25px;
	border: 1px solid #ddd
}

.list_view_item.child_list:before {
	content: '└';
	position: absolute;
	left: -25px;
	top: 5px;
	font-size: 14px;
}

/* === } 주문조회 */
/* === 주문조회상세 { */
.order_detail_top {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #959da6;
	font-size: 13px;
	border-radius: 5px;
	border: 1px solid #dfe9f5
}

.order_detail_info {
	margin-top: 10px;
	margin-bottom: 20px;
	border: 3px solid #f3f3f3;
	padding: 10px;
	border-radius: 5px;
}

.order_detail_tit {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: normal
}

.order_detail_info_list {
	font-size: 14px;
	color: #707070
}

.order_detail_info_list .item {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.order_detail_info_list .item .text {
	text-align: right
}

.order_detail_info_list .item + .item {
	margin-top: 5px
}

.order_state_1 {
	color: #ff7800
}

.order_state_2 {
	color: #0077ff
}

.order_state_3 {
	color: #ff0000
}

.order_delv_info {
	background-color: #f7f7f7;
	padding: 10px
}

/* === } 주문조회상세 */
/* === 교환신청 { */
/* .exc_list_area .prd_info_area{border-bottom:1px solid #d8d8d8} */
.exc_list_area {
	display: none;
}

.exc_list_area.on {
	display: block;
}

.exc_meno {
	width: 60%;
	height: 30px
}

.exc_list_wrap .filebox label {
	width: 60%;
	text-align: center;
}

.exc_list_wrap .txt .selectbox {
	width: 60%
}

/* === } 교환신청 */
/* === 교환조회 { */
.exc_list_wrap [class^="btn_"] {
	padding: 5px 10px
}

.img_view {
	text-align: center;
}

.img_view img {
	max-width: 100%
}

/* === } 교환조회 */
/* === 교환상세조회 { */
.exc_detail_wrap .list_item_info_dt .txt {
	width: 120px
}

.exc_note_box {
	margin: 10px 0
}

/* 교환상세조회2 */
.exc_detail_wrap .list_item_info [class^="btn_"] {
	padding: 5px 10px;
	width: 60%
}

/* .exc_detail_wrap .prd_info_area{border-bottom:1px solid #d8d8d8} */
/* === } 교환상세조회 */
/* === 교환상품조회 { */
.exc_prd_list_wrap [class^="btn_"] {
	padding: 5px 10px;
	width: 60%
}

/* .exc_prd_list_wrap .prd_info_area{border-bottom:1px solid #d8d8d8} */
.exc_state_list .list_row {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.exc_state_list .list_box + .list_box {
	border-top: 1px solid #d8d8d8;
	padding-top: 5px;
	margin-top: 5px
}

/* === } 교환상품조회 */
/* === 반품신청 { */
.rtn_list_wrap .rtn_cate {
	width: 60%;
}

.rtn_list_wrap .filebox label {
	width: 60%;
	text-align: center;
}

.rtn_list_wrap .rtn_meno {
	width: 60%;
	height: 30px
}

.rtn_list_area {
	display: none;
}

.rtn_list_area.on {
	display: block;
}

.rtn_state_list .list_row {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.rtn_state_list .list_box + .list_box {
	border-top: 1px solid #d8d8d8;
	padding-top: 5px;
	margin-top: 5px
}

/* .rtn_reg_list_wrap .prd_info_area{border-bottom:1px solid #d8d8d8;} */
/* === } 반품신청 */
/* === 반품조회 { */
.rtn_list_wrap [class^="btn_"] {
	padding: 5px 10px
}

.rtn_list_wrap li .rtn_state_1 {
	color: #00a8ff
}

.rtn_list_wrap li .rtn_state_2 {
	color: #ff3c00
}

.rtn_list_wrap li .rtn_state_3 {
	color: #01ac49
}

/* === } 반품조회 */
/* === 반품조회상세 */
.rtn_detail_wrap .list_item_info_dt .tit {
	width: calc(100% - 110px)
}

.rtn_detail_wrap [class^="btn_"] {
	padding: 5px 10px;
	width: 60%
}

.rtn_detail_wrap + .table_df_hz th {
	height: 43px;
}

.table_df_hz td .selectbox,
.table_df_hz td .datepickers {
	width: 100%;
}

.table_df_hz td .textbox {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
}

.table_df_hz td .textbox + .textbox {
	margin-top: 5px
}

/* === 반품조회상세 */
/* === 반품상품조회 { */
.rtn_prd_list_wrap [class^="btn_"] {
	padding: 5px 10px;
	width: 60%
}

.rtn_prd_list_wrap .rtn_cate {
	display: inline-block;
	padding: 7px;
	width: 60%;
	font-size: 14px;
	font-weight: 500;
	border-radius: 5px;
	background-color: #7b7b7b;
	color: #fff;
	text-align: center;
}

/* === } 반품상품조회 */
/* === 견적조회 { */
.esti_info {
	margin-bottom: 10px;
	text-align: center;
	color: #666666;
	font-size: 14px
}

/* === } 견적조회 */
/* === 견적상세조회 { */
.esti_list {
	/*margin-bottom: 20px;*/
	margin: 10px 0 20px 0;
}

.esti_list.list_item_info {
	border: 1px solid #d8d8d8;
}

.list_item_info.esti_list li {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}

.list_item_info.esti_list li .tit {
	float: none;
	min-width: 70px;
}

.list_item_info.esti_list li .txt {
	/*text-align: left;*/
	word-break: break-word;
	width: 70%;
}

.list_item_info.esti_list ~ .btn_point {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 20px 0 0 0;
}

.list_item_info.esti_list ~ .grid_table2 th,
.list_item_info.esti_list ~ .grid_table2 td {
	font-size: 12px;
}

.list_item_info.esti_list ~ #grid div[id^="grid_"] td button[class^="btn_"] {
	padding: 0 5px;
	border: 2px solid #2f488c;
	color: #2f488c;
	background-color: #fff;
	border-radius: 4px;
}

/* 견적상세: 규격 아래 최근주문일 */
.recent_order_day {
	font-size: 11px;
	color: #0069d9;
	letter-spacing: -0.3px;
	font-weight: bold;
}

.list_item_info.esti_list ~ .grid_table2 td .btn_point,
.list_item_info.esti_list ~ .grid_table2 td .btn_point_blue {
	font-size: 12px;
	padding: 2px 4px;
	border-width: 1px;
}

/* === } 견적상세조회 */
/* === 주문번호조회 { */
.pay_info {
	margin-top: 8px;
	padding: 0 10px
}

.pay_info li:after {
	content: '';
	display: block;
	clear: both;
}

.pay_info li {
	margin: 5px 0
}

.pay_info li .tit {
	float: left;
	max-width: 150px
}

.pay_info li .txt {
	float: right;
	width: calc(100% - 160px);
	text-align: right;
}

.pay_info .sub_txt {
	font-size: 12px;
	color: #686868;
	vertical-align: bottom;
}

.pay_info .pay_state {
	color: #fe7800
}

.pay_total {
	margin: 10px 0;
	text-align: right;
}

.pay_total .sub_pay_txt {
	vertical-align: bottom;
	font-size: 14px
}

.total_price {
	color: #ff0000;
	font-weight: 500;
	font-size: 18px;
}

.order_spec_check {
	margin: 20px 0;
	text-align: center;
	font-size: 14px;
}

.order_spec_check label {
	margin: 0 5px;
	color: #676767
}

.edit_delv {
	padding: 10px;
}

.edit_delv .btn_fill_point {
	padding: 10px;
}

/* === } 주문번호조회 */
/* === 쿠폰함 */
.coupon_table.k-grid td {
	border-width: 0 0 1px 0;
}

.coupon_item {
	padding: 10px 5px;
	text-align: center;
	border: 1px solid #d0d5d9;
	border-right: 5px solid #35d10e;
	background: #fff
}

.coupon_info {
	text-align: left
}

.coupon_info .coupon_name {
	margin-bottom: 4px;
	font-size: 15px;
}

.coupon_info .text_blue,
.coupon_info .text_gray {
	margin-top: 4px;
	font-size: 12px;
}

.coupon_info .text_gray {
	color: #888
}

.coupon_info .text_blue {
	color: #0ba5ff
}

.coupon_info .date {
	color: #999
}

/* === } 쿠폰함 */
/* === 공지사항 */
.board_search_area {
	display: flex;
	margin-bottom: 10px;
	padding: 10px;
	justify-content: center;
	text-align: center;
	border-radius: 4px;
}

.board_search_area .selectbox {
	width: 100px
}

.board_search_area .search_box {
	position: relative;
	width: calc(100% - 110px);
	max-width: 220px;
	margin-left: 10px
}

.board_search_area .search_input {
	height: 30px;
	width: 100%;
	padding-right: 30px;
	border: 1px solid #f5f5f5;
	background-color: #f5f5f5;
	color: #666;
	border-radius: 4px;
	text-indent: 5px;
	-webkit-appearance: none;
}

.board_search_area .search {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	border: 0;
	font-size: 20px;
	background-color: transparent;
}

.board_list {
	border-top: 1px solid #17ad86;
	border-bottom: 1px solid #17ad86
}

.board_item {
	position: relative;
	display: flex;
	align-items: center;
	padding: 18px 5px 35px;
	border-bottom: 1px solid #eee
}

.board_item .fir_col {
	max-width: 30px;
	width: 100%;
	text-align: center;
	font-size: 12px;
}

.board_item .title {
	padding-left: 5px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.board_item .date {
	position: absolute;
	bottom: 18px;
	left: 40px;
	font-size: 13px
}

.board_item .total_view {
	position: absolute;
	bottom: 18px;
	right: 10px;
	font-size: 13px
}

.board_item .file_icon {
	position: absolute;
	bottom: 18px;
	left: 135px;
	font-size: 13px
}

.board_item .file_icon::before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	width: 1px;
	background-color: #262626;
	height: 10px;
}

.icon_notice {
	padding: 0 2px;
	border: 1px solid #17ad89;
	background-color: #fff;
	color: #17ad89;
	text-align: center;
}

/* 페이징 */
.paging {
	margin: 20px auto 20px;
	text-align: center;
}

.paging .pages {
	display: inline-block;
	margin: 0 2px;
	text-indent: -9999em;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-image: url('../../../img/bg_paging.png');
	cursor: pointer
}

.page_first {
	background-position: 0 50%;
}

.page_prev {
	background-position: -30px 50%;
}

.page_next {
	background-position: -60px 50%;
}

.page_last {
	background-position: -90px 50%;
}

.paging .pages a {
	display: block;
	width: 30px;
	height: 30px;
}

.paging .list {
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}

.paging .list .page_link {
	display: inline-block;
	font-size: 14px;
	margin: 0 2px;
}

.page_link.page_link_current {
	background-color: #17ad89;
}

.page_link.page_link_current a {
	color: #fff;
}

.page_link a {
	padding: 2px 6px;
	display: inline-block;
}

/* === 공지사항 */
/* === 공지사항 상세 */
.board_body {
	padding: 10px;
	font-size: 14px;
	min-height: 150px
}

.board_body img {
	max-width: 100%;
	height: auto
}

.board_file_list {
	background-color: #f0f0f0;
	border-radius: 4px;
	padding: 10px
}

.board_file_list li a i {
	font-size: 23px;
	vertical-align: middle;
	color: #585858;
}

.file_name {
	line-height: 23px;
	display: inline-block;
	vertical-align: middle;
}

/* 게시판 공통 사용 */
.board_btn_bar {
	margin: 10px 0;
	text-align: center;
	font-size: 14px
}

.board_btn_bar .btn {
	padding: 5px 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #585858
}

.board_btn_bar .btn2 {
	padding: 5px 10px;
	border-width: 1px;
}

.board_top_bar {
	margin: 10px 0;
	text-align: right
}

.board_top_bar .btn {
	padding: 2px 10px;
}

/* === faq */
.faq_list {
	border-top: 1px solid #ddd
}

.faq_item {
	position: relative;
	font-size: 14px;
}

.faq_item.none {
	display: none
}

.faq_title {
	position: relative;
	padding: 20px 65px;
	border-bottom: 1px solid #ddd;
	cursor: pointer
}

.faq_title:before {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	content: 'Q';
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #868e9a;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border-radius: 100%
}

.faq_cont {
	display: none;
	position: relative;
	padding: 20px 25px 20px 65px;
	border-bottom: 1px solid #ddd
}

.faq_cont:before {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	content: 'A';
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #868e9a;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border-radius: 100%
}

.faq_cont p {
	word-break: keep-all;
}

.on .faq_cont {
	display: block;
}

.on .faq_title::before,
.on .faq_cont::before {
	background-color: #17ad89;
}

.faq_title .tit {
	display: block;
}

.faq_cate {
	font-size: 13px;
	color: #018392
}

.arrow {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px
}

.arrow::before {
	content: "\e941"
}

.on .arrow::before {
	content: "\e944"
}

.faq_cate_list {
	text-align: center;
	font-size: 0;
	margin-top: 20px;
	margin-bottom: 10px;
}

.faq_cate_list a {
	padding: 5px 10px;
	margin: 4px;
	display: inline-block;
	border-radius: 15px;
	font-size: 14px;
	color: #262626;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 3px #ededed;
}

.faq_cate_list a.on {
	color: #018392;
	border-color: #018392
}

/* === faq */
/* === 고객의 소리 */
.board_write_form + .board_body {
	padding: 10px 0
}

.board_write_form .write_row {
	font-size: 14px
}

.write_row + .write_row {
	margin-top: 15px
}

.write_row .tit {
	display: block;
	margin-bottom: 5px;
}

.write_row .textbox,
.write_row .selectbox,
.write_row .datepicker {
	height: 30px;
	width: 100%
}

/* 상세 */
.board_info {
	padding: 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ddd;
	background: #f8f8f8
}

.voc_detail .title {
	padding-left: 0;
	width: 100%;
	font-size: 16px
}

.voc_detail .user_info {
	font-size: 13px
}

.voc_detail .date {
	display: block;
	width: 100%;
	position: unset;
	color: #999
}

/* 댓글 */
.comment_list {
	margin: 10px auto;
}

.comment_item {
	padding: 14px 0 13px;
	border-bottom: 1px solid #f0f0f0
}

.comment_item:nth-child(1) {
	border-top: 1px solid #f0f0f0
}

.cmmt_user_nm {
	font-size: 14px
}

.cmmt_date {
	color: #999
}

.cmmt_content {
	font-size: 14px
}

.comment_list .tool_box {
	display: flex;
	justify-content: flex-end;
	padding-top: 10px
}

.comment_area_wrap {
	margin: 20px 0;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #ddd;
	font-size: 14px
}

.comment_area {
	width: 100%;
	border: 0;
	resize: none
}

.cmmt_btn_bar {
	text-align: right;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin-top: 10px
}

.voc_tb .order_history_group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 5px;
}

.voc_tb .order_history_group .order_history_wrap {
	flex: 2 auto;
}

.voc_tb .order_history_group .btn_gray {
	padding: 3px 10px;
}

.ken_td_wrap.ken_wrap_type_voc .td_bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0 10px 0;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: #fff;
}

.ken_td_wrap.ken_wrap_type_voc .td_bar .deco_blue {
	font-size: 13px;
}

#orderSearchWindow.k-prompt-container,
#orderSearchWindow.k-window-content {
	padding-top: 0;
}

/* === //고객의 소리 */
/* === 배송 관련 공통 - 교환, 반품, a/s { */
input[readonly] {
	background: #e4e7eb;
	border: 1px solid #e4e7eb
}

.delivery_info_list {
	font-size: 14px;
	position: relative
}

.delivery_info_list .delv_tit {
	margin: 10px 0 5px
}

.delivery_info_list .form_wrap {
	display: flex;
	justify-content: space-between;
	margin: 5px 0
}

.delivery_info_list button[class^="btn_"] {
	width: 100%
}

.delivery_info_list input[class^="delv_"] {
	height: 30px;
	border: 1px solid #d8d8d8;
	-webkit-appearance: none;
	appearance: none;
}

.delivery_info_list .selectbox {
	width: 100%;
}

.delivery_info_list .datetimepickers {
	width: 70%;
}

.delivery_info_list .datetimepickers + .selectbox {
	width: 30%
}

.delivery_info_list .delv_input {
	width: 100%;
	padding: 0 5px;
}

.delivery_info_list .form_wrap .datepicker {
	width: 100%
}

.delivery_info_list .delv_time .datetimepickers + .selectbox,
.delivery_info_list .form_wrap .delv_input + button,
.delivery_info_list .form_wrap button + .selectbox,
.delivery_info_list .form_wrap .selectbox + .delv_input,
.delivery_info_list .form_wrap .selectbox + .selectbox,
.delivery_info_list .form_wrap .delv_input + .selectbox,
.delivery_info_list .form_wrap .delv_input + .delv_input {
	margin-left: 10px
}

.delivery_info_list .form_addr {
	margin: 5px 0;
}

.delivery_info_list .delv_time {
	display: flex
}

.delivery_info_list .form_addr .delv_addr_code {
	width: calc(50% - 5px);
	padding: 0 5px
}

.delivery_info_list .note_box {
	margin: 10px 0
}

.delivery_info_list .delv_note {
	width: 100%;
	padding: 10px;
	border: 1px solid #d8d8d8;
	appearance: none;
	-webkit-appearance: none;
	resize: none
}

.delivery_info_list .exc_note {
	width: 100%;
	padding: 10px;
	border: 1px solid #d8d8d8;
	appearance: none;
	-webkit-appearance: none;
	resize: none
}

.delivery_info_list .delv_info {
	text-align: center;
	margin: 20px 0;
	color: #666666
}

.delivery_info_list .delv_check {
	position: absolute;
	top: -5px;
	right: 0;
	text-align: right;
}

.delivery_info_list .delv_check .ct_chck {
	margin-bottom: 2px
}

.delivery_info_list + .btn_grp_type1 .btn_fill_point {
	padding: 10px
}

/* === } 배송 관련 공통 */
/* === 서브페이지 공통 리스트 페이지 관련 { */
.view_title_area {
	margin-bottom: 10px;
}

.view_title {
	font-size: 14px;
	font-weight: normal
}

.top_btn_bar::after {
	content: '';
	display: block;
	clear: both;
}

.top_btn_bar .al_rt {
	float: right
}

/* 리스트 형 */
.list_view_item {
	margin: 10px auto;
	border: 1px solid #d8d8d8;
	font-size: 14px;
}

.list_view_item .list_item_info {
	color: #676767
}

.list_view_item .list_item_info li + li {
	margin-top: 5px
}

.list_view_item .memo_box {
	margin: 10px;
	background-color: #f7f7f7;
	color: #666666;
	padding: 10px;
	text-align: center;
}

.list_view_item .btn_grp_type2 {
	padding: 10px;
	border-top: 1px solid #d8d8d8
}

.list_view_item .btn_grp_type2 button[class^="btn_"] {
	padding: 3px 5px;
	word-break: keep-all
}

/* .list_view_item .btn_grp_type3{padding:10px; border-top:1px solid #d8d8d8} */
.list_view_item .list_tit {
	padding: 10px 10px 0;
	font-size: 16px
}

.list_view_item .info_code {
	padding-left: 5px;
	display: inline-block;
	font-size: 12px;
	vertical-align: bottom;
	color: #ff4747
}

.list_view_item .tit {
	float: left;
	min-width: 120px
}

.list_view_item .txt {
	float: right;
	width: calc(100% - 120px);
	text-align: right;
	word-break: break-word;
}

.list_view_item .tit.dc_info_button_tit {
	width: auto;
	min-width: auto;
}

.list_view_item .list_item_info .txt.dc_info_button_txt {
	width: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px 0;
}

.state_bar {
	position: relative;
	padding: 10px;
	min-height: 40px;
	border-bottom: 1px solid #d8d8d8;
}

.state_bar .num_txt {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	padding: 2px 5px;
	display: inline-block;
	background-color: #17ad88;
	color: #fff;
	border-radius: 5px;
	min-width: 30px;
	min-height: 24px;
	text-align: center;
}

.state_bar .chest_name,
.state_bar .num_txt + .state_txt {
	padding-left: 40px;
	padding-right: 40px; /* width:calc(100% - 150px); */
	display: inline-block;
}

.state_bar .ct_chck {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px
}

.state_bar .rt_info {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.state_bar .btn_dlt {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	padding: 0
}

.state_bar .rt_info [class^="btn_"] {
	padding: 4px 2px;
	font-size: 12px;
}

.state_bar .state {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #1eb0e0
}

.state_bar .list_code {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

/* 상품 썸네일 형 */
.prd_info_area {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d8d8d8
}

.prd_info_area .info_txt {
	padding: 10px;
	width: calc(100% - 120px)
}

.prd_info_area {
	padding: 10px
}

.prd_info_area .thumb {
	width: 100px
}

.prd_info_area .thumb img {
	width: 100%;
}

.prd_info_area .prd_name {
	font-size: 16px
}

.prd_info_area .info_code {
	padding-left: 0;
	display: block;
	font-size: 12px; /* vertical-align: bottom; */
	color: #ff4747
}

.list_item_info {
	padding: 10px;
}

.list_item_info + .list_item_info {
	border-top: 1px solid #d8d8d8
}

/*.list_item_info li + li{margin-top:3px}*/
.list_item_info li:after {
	content: '';
	display: block;
	clear: both;
}

.list_item_info li .tit {
	float: left;
	max-width: 120px
}

.list_item_info li .txt {
	text-align: right;
	word-break: break-word;
}

.list_item_info .txt.dc_info_button_txt {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px 0;
}

.list_item_info .txt.dc_info_button_txt .dc_info_button_group {
	display: flex;
	flex-wrap: wrap;
}

.list_item_info li .txt .nm_txt {
	color: #17ad88;
	font-weight: normal;
}

.list_item_info li .price {
	color: red;
	font-weight: 600;
	font-size: 14px
}

.list_item_info li .datepicker {
	width: 170px;
	height: 30px
}

.list_item_info li .amount {
	text-align: right;
}

.list_item_info li .cus_name {
	padding: 5px;
	height: 30px;
	width: 170px;
	border: 1px solid #d8d8d8;
	border-radius: 0;
	-webkit-appearance: none;
}

.list_item_info li .cus_input {
	padding: 5px;
	height: 30px;
	width: 170px;
	border: 1px solid #d8d8d8;
	border-radius: 0;
	-webkit-appearance: none;
}

.list_item_info li .ph_num {
	color: #17ad88
}

.list_no_data {
	text-align: center;
	padding: 100px 0;
	background-color: #fff;
	border: 1px solid #d8d8d8
}

/* 썸네일 형 리스트 - 교환 페이지 */
.list_prd_info {
	display: flex;
	padding: 10px;
	border-bottom: 1px solid #d8d8d8;
	align-items: center;
}

.list_prd_info .prd_info_thumb {
	width: 100px;
}

.list_prd_info .prd_info_thumb img {
	max-width: 100%;
}

.list_prd_info .prd_info_txt {
	width: calc(100% - 100px);
	padding-left: 5px
}

.list_prd_info .prd_info_txt li {
	display: inline-block;
}

.list_prd_info .prd_info_txt .code {
	color: #ff4747;
}

/* 썸네일 형 - 장바구니 (이전 */
.list_thumb_item {
	margin: 20px 0;
}

.list_thumb_item .item_box {
	display: flex;
	border: 1px solid #d8d8d8;
	background-color: #fff;
	padding: 5px;
}

.list_thumb_item .item_box .thumb {
	width: 50%;
	display: inline-flex;
	align-items: center;
}

.list_thumb_item .item_box .thumb img {
	max-width: 100%;
}

.list_thumb_item .item_box .item_info {
	width: 70%
}

.list_thumb_item .item_box .list_item_info {
	padding: 2px 10px;
}

.list_thumb_item .item_box .list_item_info .txt {
	text-align: left;
	width: calc(100% - 80px)
}

.list_thumb_item .item_box .list_item_info li .tit {
	max-width: 80px
}

.list_thumb_item .item_box span[class^="st_icon"] {
	display: inline-block;
}

.list_thumb_item .item_box .prd_name {
	padding: 2px 10px;
	font-size: 16px;
}

.list_thumb_item .item_box .prd_icon {
	padding: 2px 10px
}

.list_thumb_item .item_box .prd_code {
	padding: 2px 10px
}

.list_thumb_item .item_btn_grp {
	display: flex;
	margin: 5px 0;
	justify-content: center;
}

.list_thumb_item .amount {
	margin: 0 4px
}

.item_btn_grp .count_input {
	margin-right: 4px;
	width: 65px;
	height: 30px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #ddd;
	-webkit-appearance: none;
}

.item_btn_grp .btn_df,
.item_btn_grp .btn_point {
	padding: 3px 10px;
}

/* 검색, 리스트형 상품 진열 */
.info_bar {
	position: relative; /* padding-left:25px; */
	background-color: #fff;
	padding: 5px 35px 5px 10px;
	border-bottom: 1px solid #d8d8d8
}

.info_bar .ct_chck {
	position: absolute;
	right: 10px;
	top: 9px;
	width: 20px;
	height: 20px
}

.list_thumb_item2 {
	margin: 5px 0;
	border: 1px solid #d8d8d8;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
}

.list_thumb_item2 li {
	color: #000
}

.list_thumb_item2 .prd_code_text {
	display: inline-block;
	font-size: 12px
}

.list_thumb_item2 .prd_code {
	display: inline-block;
	padding-left: 5px;
	font-size: 12px
}

.list_thumb_item2 .item_box {
	display: flex;
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #d8d8d8
}

.list_thumb_item2 .item_box .thumb {
	position: relative;
	width: 120px;
	display: inline-flex;
	flex-direction: column;
	align-items: stretch;
}

.list_thumb_item2 .item_box .thumb img {
	max-width: 100%;
}

.list_thumb_item2 .item_box .item_info {
	width: calc(100% - 120px)
}

.list_thumb_item2 .item_box .list_item_info {
	margin-left: 10px;
	padding: 0;
	font-size: 13px
}

/*.list_thumb_item2 .item_box .list_item_info li .tit{max-width:80px}*/
.list_thumb_item2 .item_box span[class^="st_icon"] {
	display: inline-block;
}

.list_thumb_item2 .prd_name { /* padding:2px 0; */
	display: block;
	white-space: nowrap;
	font-size: 1.3em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list_thumb_item2 .prd_standard {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	font-size: 1em;
}

/* info_bar 우측 체크박스 영역 침범 방지 */
.info_bar .prd_standard {
	padding-right: 20px;
}

.list_thumb_item2 .prd_standard .prd_standard_txt {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list_thumb_item2 .prd_standard .thumb_recent_order_day_inline {
	flex: 0 0 auto;
	white-space: nowrap;
	font-size: 11px;
	color: #0069d9;
	letter-spacing: -0.3px;
	font-weight: bold;
}

.list_thumb_item2 .brand_nm {
	display: block;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.list_thumb_item2 .prd_icon {
	/*padding: 2px 0;*/
	padding: 0;
}

.list_thumb_item2 .wire_tb {
	border-top: 1px solid #d8d8d8
}

.list_thumb_item2 .amount button[class^="btn_"] {
	width: 30px
}

/* .list_thumb_item2 .prd_code{padding:2px 0} */
.list_thumb_item2 .item_btn_grp {
	display: flex;
	margin: 5px;
	justify-content: space-around;
}

.wire_dc {
	margin: 5px auto;
	text-align: center;
}

.sold_out {
	font-size: 14px;
	margin: 10px 0;
	text-align: center;
	color: #ff0000;
	display: block;
}

.list_thumb_item2 .pause_sold_out {
	display: inline-block;
	font-size: 14px;
	color: #ff0000;
}

.list_thumb_item2 .restock_info {
	display: inline-block;
	font-size: 14px;
	color: #0b83e6;
}

.list_thumb_item2 li .price {
	font-size: 16px;
}

.list_thumb_item2 .normal_price {
	margin-top: 3px;
	display: inline-block;
	font-size: 11px;
}

.list_thumb_item2 .stock_row {
	color: #6e6e6e
}

.list_thumb_item2 .stock_row .dc_info_button_txt .dc_info_button_group {
	display: flex;
	flex-wrap: wrap;
}

.list_thumb_item2 .total_row {
	margin-top: 5px;
	padding-top: 0;
	background: #f3f3f3;
	border-radius: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: red
}

.list_thumb_item2 .unit {
	display: inline-block;
	vertical-align: middle
}

/* 대포장 켄도 커스텀 */
.list_thumb_item2 .stock_row .k-switch .k-switch-container,
.list_thumb_item2 .stock_row .k-switch .k-switch-container {
	font-size: 13px;
}

.k-animation-container-shown > .k-popup .k-notification-wrap > .k-i-warning,
.k-animation-container > .k-popup .k-notification-wrap > .k-i-warning {
	margin-top: 2px;
	color: #006b60;
}

.k-animation-container-shown > .k-popup .k-notification-wrap > .k-notification-content,
.k-animation-container > .k-popup .k-notification-wrap > .k-notification-content {
	font-size: 14px;
	color: #006b60;
}

.list_thumb_item2 .stock_row .k-button-group .k-button:focus,
.list_item_info li .txt .k-button-group .k-button:focus,
.detail_info_wrap .cnt_set_grp .k-button-group .k-button:focus {
	box-shadow: inset 0 0 0 2px rgba(255, 208, 64, 1);
}

.list_thumb_item2 .stock_row .k-button-secondary.k-state-active,
.list_thumb_item2 .stock_row .k-button-secondary:active,
.list_thumb_item2 .stock_row .k-button.k-state-active,
.list_thumb_item2 .stock_row .k-button.k-selected,
.list_thumb_item2 .stock_row .k-button:active,
.list_item_info li .txt .k-button-secondary.k-state-active,
.list_item_info li .txt .k-button-secondary:active,
.list_item_info li .txt .k-button.k-state-active,
.list_item_info li .txt .k-button.k-selected,
.list_item_info li .txt .k-button:active,
.detail_info_wrap .cnt_set_grp .k-button-secondary.k-state-active,
.detail_info_wrap .cnt_set_grp .k-button-secondary:active,
.detail_info_wrap .cnt_set_grp .k-button.k-state-active,
.detail_info_wrap .cnt_set_grp .k-button.k-selected,
.detail_info_wrap .cnt_set_grp .k-button:active {
	background-color: #ffd040;
	border-color: rgba(255, 208, 64, .8);
	color: #222;
}

.list_thumb_item2 .stock_row .k-button,
.list_thumb_item2 .stock_row .k-button-secondary,
.list_item_info li .txt .k-button,
.list_item_info li .txt .k-button-secondary,
.detail_info_wrap .cnt_set_grp .k-button,
.detail_info_wrap .cnt_set_grp .k-button-secondary {
	background-color: #fff;
	color: #777;
	flex-direction: column;
	padding: 4px 4px;
}

.list_thumb_item2 .stock_row .k-button-secondary.k-state-active .packing_nego_tit_line:before,
.list_thumb_item2 .stock_row .k-button-secondary:active .packing_nego_tit_line:before,
.list_thumb_item2 .stock_row .k-button.k-state-active .packing_nego_tit_line:before,
.list_thumb_item2 .stock_row .k-button.k-selected .packing_nego_tit_line:before,
.list_thumb_item2 .stock_row .k-button:active .packing_nego_tit_line:before,
.list_item_info li .txt .k-button-secondary.k-state-active .packing_nego_tit_line:before,
.list_item_info li .txt .k-button-secondary:active .packing_nego_tit_line:before,
.list_item_info li .txt .k-button.k-state-active .packing_nego_tit_line:before,
.list_item_info li .txt .k-button.k-selected .packing_nego_tit_line:before,
.list_item_info li .txt .k-button:active .packing_nego_tit_line:before,
.detail_info_wrap .cnt_set_grp .k-button-secondary.k-state-active .packing_nego_tit_line:before,
.detail_info_wrap .cnt_set_grp .k-button-secondary:active .packing_nego_tit_line:before,
.detail_info_wrap .cnt_set_grp .k-button.k-state-active .packing_nego_tit_line:before,
.detail_info_wrap .cnt_set_grp .k-button.k-selected .packing_nego_tit_line:before,
.detail_info_wrap .cnt_set_grp .k-button:active .packing_nego_tit_line:before {
	border-color: rgba(179, 170, 152, 1);
}

.list_thumb_item2 .stock_row .k-button .packing_nego_tit_line:before,
.list_thumb_item2 .stock_row .k-button-secondary .packing_nego_tit_line:before,
.list_item_info li .txt .k-button .packing_nego_tit_line:before,
.list_item_info li .txt .k-button-secondary .packing_nego_tit_line:before,
.detail_info_wrap .cnt_set_grp .k-button .packing_nego_tit_line:before,
.detail_info_wrap .cnt_set_grp .k-button-secondary .packing_nego_tit_line:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-top: 1px dashed;
	border-color: rgba(179, 170, 152, .3);
}

.list_thumb_item2 .stock_row .k-button .packing_nego_tit,
.list_thumb_item2 .stock_row .k-button-secondary .packing_nego_tit,
.list_thumb_item2 .stock_row .k-button .packing_nego_price,
.list_thumb_item2 .stock_row .k-button-secondary .packing_nego_price,
.list_item_info li .txt .k-button .packing_nego_tit,
.list_item_info li .txt .k-button-secondary .packing_nego_tit,
.list_item_info li .txt .k-button .packing_nego_price,
.list_item_info li .txt .k-button-secondary .packing_nego_price,
.detail_info_wrap .cnt_set_grp .k-button .packing_nego_tit,
.detail_info_wrap .cnt_set_grp .k-button-secondary .packing_nego_tit,
.detail_info_wrap .cnt_set_grp .k-button .packing_nego_price,
.detail_info_wrap .cnt_set_grp .k-button-secondary .packing_nego_price {
	font-size: 13px;
}

.list_thumb_item2 .stock_row .k-button .packing_nego_price span,
.list_thumb_item2 .stock_row .k-button-secondary .packing_nego_price span,
.list_item_info li .txt .k-button .packing_nego_price span,
.list_item_info li .txt .k-button-secondary .packing_nego_price span,
.detail_info_wrap .cnt_set_grp .k-button .packing_nego_price span,
.detail_info_wrap .cnt_set_grp .k-button-secondary .packing_nego_pric span {
	padding: 0 0 0 1px;
}

.list_item_info li .txt .k-button-group li + li {
	margin-top: 0;
}

/* .list_thumb_item2 .amount{margin:0 4px} */
/*그리드 커스텀 상품 리스트 */
.grid_custom td {
	padding: 0;
	border-width: 0;
	background: #f9f9f9
}

#grid .k-grid-content {
	background: transparent;
}

#grid.grid_custom {
	border-width: 0;
}

#grid.grid_custom .k-grid-header {
	display: none;
}

#grid.grid_custom td {
	padding: 0;
	border-width: 0;
	background: #f9f9f9
}

#grid.grid_custom td .k-grid-header {
	display: table-header-group;
}

#grid.grid_custom div[id^="grid_"] th {
	padding: 0;
	text-align: center;
}

#grid.grid_custom div[id^="grid_"] td {
	text-align: center;
	padding: 4px
}

#grid.grid_custom div[id^="grid_"] td button[class^="btn_"] {
	padding: 0 5px;
	border: 2px solid #2f488c;
	color: #2f488c;
	background-color: #fff;
	border-radius: 4px;
}

#grid.grid_custom tr.k-state-selected > td {
	background-color: #f9ffee
}

#grid.grid_custom div[id^="grid_"] tr.k-state-selected > td {
	background-color: #fff;
}

/* === } 서브페이지 공통 리스트 페이지 관련 */
/* === 서브페이지 하단 고정 메뉴 { */
.bottom-btn {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 70px;
	z-index: 9;
	display: flex;
	font-size: 14px;
	transition: all .3s;
}

.hide-menu .bottom-btn {
	bottom: 0
}

.bottom-btn .btn_unchecked {
	width: 100%;
	padding: 10px 5px;
	border: 1px solid #d7d7d7;
	color: #000;
	background-color: #d7d7d7;
}

.bottom-btn .btn_check {
	width: 100%;
	padding: 10px 5px;
	border: 1px solid #17ad88;
	color: #fff;
	background-color: #17ad88;
}

/* === } 서브페이지 하단 고정 메뉴 */
/* ================ 서브페이지 관련 { */

.sub_container .k-grid tr.k-alt {
	background-color: #fff;
}

/* 그리드 column template custom */
.custom_grid.k-grid .k-grid-content {
	background: transparent;
}

.custom_grid.k-grid {
	border-width: 0;
}

.custom_grid.k-grid .k-grid-header {
	display: none;
}

.custom_grid.k-grid td {
	padding: 0;
	border-width: 0;
	background: transparent
}

.custom_grid.k-grid td .k-grid-header {
	display: table-header-group;
}

.custom_grid.k-grid div[id^="grid_"] {
	border: 0
}

.custom_grid.k-grid div[id^="grid_"] .k-grid-header {
	border: 0;
}

.custom_grid.k-grid div[id^="grid_"] th {
	padding: 0;
	text-align: center;
	border: 0
}

.custom_grid.k-grid div[id^="grid_"] td {
	text-align: center;
	padding: 4px;
	border-width: 0
}

.custom_grid.k-grid div[id^="grid_"] td button[class^="btn_"] {
	padding: 0 5px;
	border: 2px solid #2f488c;
	color: #2f488c;
	background-color: #fff;
	border-radius: 4px;
}

.custom_grid.k-grid tr.k-state-selected > td {
	background-color: #f9ffee
}

.custom_grid.k-grid div[id^="grid_"] tr.k-state-selected > td {
	background-color: #fff;
}

/* 검색 radio 초기화 */
.radio_list {
	display: flex;
}

.radio_list li {
	width: 100%;
	margin-right: 10px;
}

.radio_list li:last-child {
	margin-right: 0;
}

.radio_list .k-button {
	background-color: #fff;
	background-image: none;
}

.radio_list.k-button-group .k-button.k-state-active,
.radio_list.k-button-group .k-button.k-state-selected,
.radio_list.k-button-group .k-button.k-selected,
.radio_list.k-button-group .k-button:active,
.radio_list.k-button-group > input[type=radio]:checked + .k-button,
.radio_list.k-button-group > input[type=checkbox]:checked + .k-button {
	background-color: #7b7b7b;
	border-color: #7b7b7b;
	color: #fff;
	background-image: none
}

/* 수량 입력 공통 */
.amount {
	font-size: 0
}

.amount .amount_input {
	text-align: center;
	height: 30px;
	width: 60px;
	border: 1px solid #ccc;
	font-size: 14px;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}

.amount .btn_minus {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.amount .btn_plus {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.amount .btn_plus,
.amount .btn_minus {
	padding: 0;
	width: 20px;
	height: 30px;
	background-color: #7b7b7b;
	border: 1px solid #7b7b7b;
	color: #fff;
	font-size: 14px;
}

/* 테이블 공통 기본 */
.table_df {
	width: 100%;
	font-size: 14px
}

.table_df th {
	background-color: #e9e9e9;
	font-weight: normal;
	padding: 5px
}

.table_df th, .table_df td {
	border: 1px solid #cccccc;
	text-align: center;
}

/* 테이블 공통 가로 기본 */
.table_df_hz {
	width: 100%;
	font-size: 14px;
}

.table_df_hz th {
	background-color: #e9e9e9;
	font-weight: normal;
}

.table_df_hz th {
	text-align: left;
}

.table_df_hz td {
	text-align: right;
}

.table_df_hz th, .table_df_hz td {
	border: 1px solid #ccc;
	padding: 5px 10px
}

/* window */
.window_wrap {
	display: none;
}

.window_wrap .k-window-title {
	justify-content: center;
}

.k-window-titlebar.k-dialog-titlebar, .k-window-titlebar {
	background-color: #17ad89;
	border-width: 0;
}

.k-window-titlebar.k-dialog-titlebar .k-window-title,
.k-window-titlebar .k-window-title {
	color: #fff
}

.k-window-titlebar .k-button {
	background-image: none;
	background-color: transparent;
}

.k-window-titlebar .k-button .k-icon::before {
	color: #fff
}

.wnd_tit {
	margin-bottom: 10px;
	font-size: 14px;
	color: #000
}

.window_search_bar {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	font-size: 12px;
	background-color: #f7f7f7;
}

.window_search_bar .textbox {
	width: 30%;
}

.window_search_bar .btn_black {
	border-radius: 0;
	padding: 2px 0;
	width: 30px;
	font-size: 12px
}

.window_search_bar .selectbox + .selectbox,
.window_search_bar .selectbox + .btn_black {
	margin-left: 10px;
}

.wnd_tb_bar {
	margin-top: 10px;
	padding: 5px
}

/* window img 공통 박스 */
.wnd_img_box img {
	max-width: 100%;
}

/* window 버튼 바 */
.wnd_btn_bar {
	margin: 10px 0;
	text-align: right;
}

.wnd_btn_bar button[class^="btn_"] {
	padding: 5px 10px;
	width: 60px;
	text-align: center;
}

/* 버튼 바 가운데 정렬 */
.btn_bar_center {
	margin: 10px auto;
	text-align: center
}

/* window 메인 팝업 */
.main_pop {
	text-align: center;
}

.popup_img_wrap {
	max-width: 100%
}

.main_pop img {
	max-width: 100%;
}

.btn_wnd_close {
	display: inline-block;
	margin-left: 20px;
	border: 0;
	border-radius: 2px;
	color: #262626;
	background: #fff;
	padding: 3px 10px;
	font-size: 12px;
}

.wnd_check_wrap {
	background-color: #0f1a33;
	padding: 10px 0
}

.wnd_check_wrap label {
	display: inline-block;
	margin-right: 5px;
	color: #fff
}

/* input text 공통 */
.textbox {
	max-width: 100%;
	border: 1px solid #ddd;
	padding: 0 5px;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
}

.textbox[disabled] {
	color: #9a9a9a
}

/* input error, text 스타일 공통 */
.delivery_info_list .input_error[class^="delv_"],
.list_item_info li .input_error,
.input_error,
input.input_error,
textarea.input_error {
	border: 2px solid #d25a5a;
	box-sizing: border-box
}

select.input_error,
.selectbox.input_error {
	background: #ffdbdb4f;
	border-width: 2px;
	border-color: #d25a5a
}

.error, .pass_error {
	color: #ff0000
}

.pass_error .k-icon {
	vertical-align: -2px;
}

.primary_txt {
	color: blue;
	font-size: 13px;
}

.error_msg {
	color: #ff0000;
	font-size: 13px;
}

/* 에러 메시지 */
.won:after {
	content: '원';
	color: #676767
}

/* 상품 가격 뒤 원 */
.text_gray {
	color: #999
}

/* 공통 none */
.display-none {
	display: none
}

/* 그리드 템플릿 no-data-box */
.no-data-box {
	font-size: 13px;
	border: 1px solid #ddd;
	border-bottom: 0;
	text-align: center;
	height: 150px;
	line-height: 150px;
}

/* 공통 양쪽 정렬 */
.lr_align_area {
	display: flex;
	align-items: center;
	justify-content: space-between
}

/* 공통 text 스타일 */
.deco_point, .deco_point a {
	color: #17ad88
}

.deco_red, .deco_red a {
	color: #ff0000
}

.deco_blue {
	color: #396df5
}

.deco_tomato {
	color: #FF6347
}

.text_right {
	text-align: right
}

.deco_gray {
	color: #928c8c
}

.line_through {
	text-decoration: line-through
}

/* 공통 여백 */
.mt20 {
	margin-top: 20px
}

/* checkbox custom */
.ct_chck.k-checkbox {
	border-color: #17ad89;
	border-width: 2px;
}

.ct_chck.k-checkbox:checked {
	background-color: #17ad89;
	color: #fff;
	border-color: #17ad89
}

.ct_chck.k-checkbox:checked:focus {
	border-color: #17ad89;
	box-shadow: 0 0 0 2px rgb(23 173 137 / 48%);
}

/* 첨부파일 버튼 커스텀 */
.filebox {
	display: inline-block;
	font-size: 0
}

.filebox label {
	font-size: 14px;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	line-height: normal;
	vertical-align: middle;
	background-color: #17ad89;
	cursor: pointer;
	border: 0;
	font-weight: normal;
	border-radius: 3px;
}

.filebox label {
	margin-left: 5px
}

.filebox input[type="file"] { /* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* 첨부파일2 */
.hide_file {
	display: none;
}

/* 레이어 공통 - 기본형 앱 다운로드 배너 */
/*.df-layer-wrap{display: none;}*/
.df-layer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 15;
	width: 100%;
	background-color: #fff;
	/*border-radius: 10px;*/
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.layer-close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-size: 20px;
	background: transparent;
	border: none
}

.layer-line-btn {
	display: block;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	height: 16px;
	border: 0;
	background-color: transparent;
	top: 0;
	right: 0;
}

.layer-line-btn:before {
	content: "";
	display: block;
	width: 48px;
	height: 4px;
	margin: 0 auto;
	border-radius: 2px;
	background-color: #ddd;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05) inset;
}

.layer-line-btn .layer_close_txt {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -1px;
	width: 1px;
	height: 1px;
	font-size: 6px;
	line-height: 1;
	white-space: nowrap;
	user-select: none;
}

.df-layer-wrap .dimmed {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 13;
	background-color: #000;
	opacity: .5;
}

.banner-close-check {
	background-color: #1c5446;
	color: #fff;
	text-align: center;
	padding: 4px 0
}

/* 레이어 공통 - 중앙 위치 앱 업데이트 체크 */
.df-center-layer {
	position: fixed;
	top: 110px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20000;
	width: 90%;
	max-width: 300px;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden
}

.layer-btn-bar {
	padding: 10px;
	font-size: 0
}

.layer-btn-bar .btn_wnd_close {
	margin-left: 0;
	width: 114px;
	height: 35px;
	font-size: 16px
}

.layer-btn-bar .btn_update {
	margin-left: 10px;
	width: calc(100% - 114px - 12px);
	height: 35px;
	font-size: 16px
}

/* ======== 상품 아이콘 모음 */
span[class^="st_icon"] {
	display: inline-block;
	padding: 1px 6px;
	font-size: 11px;
	margin: 2px;
	font-weight: 300;
}

/*.st_icon_901001{border:1px solid #ff622b;background: #ff622b; color:#fff;}*/
/*.st_icon_901002{border:1px solid #ff0000;background: #ff0000;color:#fff;}*/
/*.st_icon_901003{border:1px solid #0578ff;background: #0578ff;color:#fff;}*/

/* ======= 상품 아이콘 모음 */
.icon_box span + span {
	margin-left: 3px;
}

[class^="icon_"] {
	padding: 2px;
	font-weight: normal;
	font-size: 13px
}

.basic_ic, .noti_ic {
	display: inline-block;
	padding: 1px 3px;
	font-size: 12px;
	margin: 2px;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: normal;
	white-space: nowrap;
	border-radius: 3px;
	vertical-align: middle
}

.noti_ic {
	position: relative;
}

.help_ic {
	margin: 0;
	padding: 0;
	position: absolute;
	right: -16px;
	top: -10px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffeb00;
	color: #000;
	font-weight: bold;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	box-shadow: 1px 1px 1px #ddd
}

/* 별도문의 툴팁 */
.part_tel_tooltip {
	border-color: #ffd400;
	background-color: #ffd400;
	color: #000
}

.part_tel_tooltip.k-tooltip .k-callout {
	color: #ffd400
}

.part_tel_cont p {
	margin-top: 10px
}

/* 주문조회 아이콘 */
/* 수주 진행상태 아이콘 */
.icon_202001 {
	border: 1px solid #FF7011;
	background: #FF7011;
	color: #fff;
}

/* 주문접수 */
.icon_202010 {
	border: 1px solid #179ad5;
	background: #179ad5;
	color: #fff;
}

/* 주문완료 */
.icon_202011 {
	border: 1px solid #ff0000;
	background: #ff0000;
	color: #fff;
}

/* 주문취소 */
.icon_202020 {
	border: 1px solid #2b2fff;
	background: #2b2fff;
	color: #fff;
}

/* 결제완료 */
.icon_202021 {
	border: 1px solid #a8a8a8;
	background: #a8a8a8;
	color: #fff;
}

/* 결제취소 */
.icon_202022 {
	border: 1px solid #ff0000;
	background: #ff0000;
	color: #fff;
}

/* 결제실패 */
.icon_202025 {
	border: 1px solid #80d57c;
	background: #80d57c;
	color: #fff;
}

/* 주문확인 */
.icon_202030 {
	border: 1px solid #B35AD7;
	background: #B35AD7;
	color: #fff;
}

/* 배송준비중 */
.icon_202040 {
	border: 1px solid #0400D5;
	background: #0400D5;
	color: #fff;
}

/* 배송중 */
.icon_202050 {
	border: 1px solid #6e6e6e;
	background: #6e6e6e;
	color: #fff;
}

/* 배송완료 */

.icon_901001 {
	border: 1px solid #ff6b21;
	background: #ff6b21;
	color: #fff;
}

.icon_901002 {
	border: 1px solid #ff6b21;
	background: #ff6b21;
	color: #fff;
}

.icon_901003 {
	border: 1px solid #FFE400;
	background: #FFE400;
	color: #fff;
}

.icon_901004 {
	border: 1px solid #06FF00;
	background: #06FF00;
	color: #fff;
}

.icon_901005 {
	border: 1px solid #0578ff;
	background: #0578ff;
	color: #fff;
}

.icon_901006 {
	border: 1px solid #8cd069;
	background: #8cd069;
	color: #fff;
}

.icon_901007 {
	border: 1px solid #3ba3c7;
	background: #3ba3c7;
	color: #fff;
}

.icon_901008 {
	border: 1px solid #0578ff;
	background: #0578ff;
	color: #fff;
}

.icon_901009 {
	border: 1px solid #ff0000;
	background: #FFFFFF;
	color: #ff0000;
}

.icon_901010 {
	border: 1px solid #ff0000;
	background: #FFFFFF;
	color: #ff0000;
}

.icon_901011 {
	border: 1px solid #ff0000;
	background: #FFFFFF;
	color: #ff0000;
}

.icon_901012 {
	border: 1px solid #ff0000;
	background: #ff0000;
	color: #fff;
}

.icon_901013 {
	border: 1px solid #ff6b21;
	background: #ff6b21;
	color: #fff;
}

.icon_901014 {
	border: 1px solid #ff0000;
	background: #ff0000;
	color: #fff;
}

.icon_901015 {
	border: 1px solid #ff0000;
	background: #ff0000;
	color: #fff;
}

.icon_901016 {
	border: 1px solid #00a878;
	background: #00a878;
	color: #fff;
}

.icon_901017 {
	border: 1px solid #828282;
	background: #828282;
	color: #fff;
}

.icon_901018 {
	border: 1px solid #7f00b4;
	background: #7f00b4;
	color: #fff;
}

.icon_901019 {
	border: 1px solid #3ba3c7;
	background: #3ba3c7;
	color: #fff;
}

.icon_901020 {
	border: 1px solid #1d6ece;
	background: #1d6ece;
	color: #fff;
}

.icon_901021 {
	border: 1px solid #1d6ece;
	background: #1d6ece;
	color: #fff;
}

.icon_901022 {
	border: 1px solid #ff0000;
	background: #ff0000;
	color: #fff;
}

/* 배송 상태 공통 */
.delv_state_1 {
	color: #17ad88
}

.delv_state_2 {
	color: #6fad17
}

.delv_state_3 {
	color: #1a1919
}

/* 매출제외, 할인제외 아이콘 */
.thumb .ic_area,
.chest_thumb .ic_area {
	position: absolute;
	top: 0;
	left: 0
}

.thumb .ic_area span,
.chest_thumb .ic_area span {
	margin-bottom: 2px
}

.icon_s {
	padding: 1px 3px;
	display: none !important; /*display: inline-block;*/
	background: #0f3aab;
	color: #fff;
	border: 1px solid #0f3aab;
	border-radius: 3px;
	vertical-align: middle;
	font-weight: normal;
	font-size: 12px
}

.icon_d {
	padding: 1px 3px;
	display: none !important; /*display: inline-block;*/
	background: #004c05;
	color: #fff;
	border: 1px solid #004c05;
	border-radius: 3px;
	vertical-align: middle;
	font-weight: normal;
	font-size: 12px
}

/* 타임세일 아이콘 */
.ic_time_sale {
	padding: 1px 5px;
	display: inline-block;
	color: #fff;
	background: #ff5757;
	font-size: 12px;
	border-radius: 10px;
	vertical-align: middle;
	font-weight: 300
}

/* //타임세일 아이콘 */

/* ============== 버튼 공통 모음 { */
.btn_grp {
	margin: 10px auto;
}

.btn_point {
	background-color: #fff;
	border: 2px solid #17ad86;
	color: #17ad86;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500;
}

.btn_point_blue {
	background-color: #fff;
	border: 2px solid #171aad;
	color: #171aad;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500;
}

.btn_point_yellow {
	background-color: #fff;
	border: 2px solid #c1b911;
	color: #c1b911;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500;
}

.btn_fill_point {
	background-color: #17ad86;
	border: 2px solid #17ad86;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500;
}

.btn_fill_point_r {
	background-color: #e60012;
	border: 2px solid #e60012;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500;
}

.btn_black {
	background-color: #000000;
	border: 2px solid #000000;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500
}

.btn_gray {
	background-color: #d8d8d8;
	border: 2px solid #d8d8d8;
	color: #000;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500
}

.btn_gray2 {
	background-color: #ababab;
	border: 2px solid #ababab;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500
}

.btn_s_df {
	background-color: #fff;
	color: #676767;
	border: 2px solid #676767;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 500
}

.btn_df {
	background-color: #7b7b7b;
	color: #fff;
	border: 2px solid #7b7b7b;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 500
}

.btn_s_orange {
	background-color: #fff;
	color: orange;
	border: 2px solid orange;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 500
}

.btn_f_orange {
	background-color: orange;
	color: #fff;
	border: 2px solid orange;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 500
}

.btn_point_r {
	background-color: #f7635b;
	color: #fff;
	border: 2px solid #f7635b;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 500;
}

.btn_s_red {
	background-color: #fff;
	color: #f11b1b;
	border: 2px solid #f11b1b;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 500;
}

.btn_f_blue {
	padding: 2px 4px;
	background-color: #0e9ecc;
	color: #fff;
	border: 2px solid #0e9ecc;
	border-radius: 5px;
}

.btn_black_f {
	padding: 5px 10px;
	background: #0D0D0D;
	border: 1px solid #0D0D0D;
	color: #ffffff;
}

.btn_black_o {
	padding: 5px 10px;
	background: #ffffff;
	border: 1px solid #0D0D0D;
	color: #0D0D0D;
}

/* 특정 버튼 */
.btn_cart {
	background-color: #fff;
	border: 2px solid #17ad86;
	color: #17ad86;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500
}

.btn_buy {
	background-color: #17ad86;
	border: 2px solid #17ad86;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500
}

.btn_login {
	background-color: #000000;
	border: 2px solid #000000;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500
}

.btn_login:disabled {
	background-color: #f0f0f0;
	color: #c6c6c6;
	border: 2px solid #f0f0f0;
	cursor: not-allowed;
}

button[type="button"]:disabled {
	background-color: #f0f0f0;
	color: #c6c6c6;
	border: 2px solid #f0f0f0;
	cursor: not-allowed;
}

.btn_keyboard {
	border: 0;
	background-color: transparent;
	color: #676767
}

.btn_search {
	background-color: #7b7b7b;
	color: #fff;
	border: 2px solid #7b7b7b;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 500
}

.btn_cargo,
.btn_addr {
	background-color: #dde0e4;
	height: 30px;
	border: 0
}

.btn_dlt {
	border: 0;
	width: 20px;
	height: 20px;
	line-height: 19px;
	color: #fff;
	background: #396df5;
	border-radius: 3px
}

/* 옵션용 버튼 */
/* .btn_option{background-color: #f3f3f3; border: 1px solid #d8d8d8;color: #d8d8d8;padding: 5px 15px;border-radius: 5px;} */
.btn_option {
	background-color: #fff;
	border: 1px solid #17ad86;
	color: #17ad86;
	padding: 5px;
	border-radius: 5px;
}

.btn_option.on {
	background-color: #17ad86;
	border: 1px solid #17ad86;
	color: #fff;
}

.btn_option.none {
	background-color: #e5e5e5;
	border: 1px solid #989898;
	color: #989898;
}

.btn_grp_type {
	display: flex;
}

.btn_grp_type button[class^="btn_"] {
	width: 100%;
}

.btn_grp_type button + button {
	margin-left: 10px;
}

/* 버튼 1개 정렬 */
.btn_grp_type1 button {
	width: 100%;
	font-size: 14px;
}

.btn_grp_type1 button + button {
	margin-top: 8px;
}

/* 버튼 2개 정렬 */
.btn_grp_type2 {
	display: flex;
	justify-content: space-between
}

.btn_grp_type2 button[class^="btn_"] {
	width: 100%;
	font-size: 14px;
	padding: 10px 5px
}

.btn_grp_type2 button + button {
	margin-left: 10px
}

.btn_grp_type2 input[type="button"] + input[type="button"] {
	margin-left: 10px
}

/* 버튼 3개 정렬 */
/* .btn_grp_type3{display: flex;}
.btn_grp_type3 button[class^="btn_"]{width:100%; letter-spacing: -1px; word-break: keep-all;}
.btn_grp_type3 button + button{margin-left:10px;} */
/* 버튼 4개 정렬 */
.btn_grp_type4 {
	display: flex;
	margin-bottom: 10px
}

.btn_grp_type4 button[class^="btn_"] {
	width: 100%;
	margin-right: 10px;
	font-size: 14px;
	padding: 9px 5px
}

.btn_grp_type4 button:last-child {
	margin-right: 0
}

/* 더보기 버튼 */
[class*="list_wrap"] + .btn_grp_type1 {
	margin-top: 20px;
}

[class*="list_wrap"] + .btn_grp_type1 .btn_fill_point {
	padding: 10px
}

/* ============== } 버튼 모음 */

/* 가이드 버튼 */
.guide-y-link {
	padding: 3px 10px;
	display: inline-block;
	background-color: #353535;
	border-radius: 5px;
	font-size: 12px;
	color: #fff;
	vertical-align: middle;
}

/* 앱 업데이트 안내 영역 */
/*.app_update_wrap{display: none}*/
.app_update_area {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 20000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffffe9;
	backdrop-filter: blur(2px);
}

.app_update_area .tit {
	margin-bottom: 15px;
	color: #262626;
	font-size: 25px;
	text-align: center
}

.app_update_area .sub_text {
	margin-bottom: 20px;
	color: #747474;
	text-align: center;
	font-size: 14px
}

.btn_app_update {
	margin: 0 auto;
	padding: 14px 10px;
	width: 180px;
	display: block;
	background: #0B83E6;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 30px;
}

/* //앱 업데이트 안내 영역 */

/* 슬라이드 상품 영역 - 그루비 */
.slide_area {
	margin: 30px auto;
	padding: 0 10px;
}

.slide_area .sd_title {
	margin-bottom: 15px;
	/*text-align: center;*/
	font-size: 18px;
	display: flex;
	color: #222;
	line-height: 1.2;
	letter-spacing: -0.3px;
}

.slide_area .color_blue {
	color: #036ef2
}

.slide_area .color_red {
	color: #ff0000
}

.slide_area .color_green {
	color: #0bad09
}

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

.slide_area .prd_price_info .price,
.slide_area .prd_info .prd_price.unit_won {
	font-size: 16px;
	color: #ff0000;
	font-weight: bold
}

.slide_area .prd_price_info .won:after {
	font-size: 12px;
	color: inherit
}

.grb_area {
	display: none;
}

.slide_area.slide_area_act_ad .sd_title.sd_title_color_1 {
	color: #1f78c1;
}

.slide_area.slide_area_act_ad .sd_title.sd_title_color_2 {
	color: #00d7ac;
}

.slide_area.slide_area_act_ad .sd_title.sd_title_color_4 {
	color: #9d4993;
}

.slide_area.slide_area_act_ad .sd_title.sd_title_color_5 {
	color: #4a8536;
}

.slide_area.slide_area_act_ad .sd_title.sd_title_color_6 {
	color: #dda11d;
}

.slide_area.slide_area_act_ad .sd_title.sd_title_color_7 {
	color: #009688;
}

.slide_area .swiper-btn-next,
.slide_area .swiper-btn-prev {
	position: absolute;
	transform: translateY(0);
	top: 20%;
	line-height: 38px;
	background-color: rgba(0, 0, 0, 0.45);
	color: #fff;
	border-radius: 0;
	border: 1px solid #ddd;
	width: 40px;
	height: 40px;
	font-size: 20px;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 10;
	cursor: pointer;
	text-align: center;
}

.slide_area .swiper-btn-next {
	right: 0;
	left: auto;
}

.slide_area .swiper-btn-prev {
	left: 0;
	right: auto;
}

.slide_area .swiper-btn-next.swiper-button-disabled,
.slide_area .swiper-btn-prev.swiper-button-disabled {
	background-color: rgba(0, 0, 0, 0.08);
}

/* 2차 */
/* 목표 금액 확인 */
.target_amount_area {
	margin-bottom: 20px;
	font-size: 0
}

.target_amount_area .box {
	display: block;
	border: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center
}

.target_amount_area .box_tit {
	padding: 7px 4px;
	background: #f1f1f1;
}

.target_amount_area .box + .box {
	margin-top: 6px
}

.target_amount_area .box2 {
	display: inline-block;
	width: calc(100% / 2 - 3px)
}

.target_amount_area .box2 + .box2 {
	margin-left: 6px
}

.target_amount_area .text {
	padding: 7px 4px;
	border-top: 1px solid #ddd
}

/* //목표 금액 확인 */
/* 전자서명 */
.digital_sign_cont .btn_sign_view,
.digital_sign_cont .btn_sign_end {
	padding: 6px 10px;
	display: block;
	color: #fff;
	text-align: center
}

.digital_sign_cont .btn_sign_view {
	background: #030945;
}

.digital_sign_cont .btn_sign_end {
	background: #1f75df;
}

.digital_sign_cont .title {
	margin-bottom: 5px;
	font-size: 16px;
	text-align: center
}

.digital_sign_cont .cont_box {
	margin-bottom: 10px;
	padding: 15px;
	height: 200px;
	overflow-y: auto;
	background: #eee;
	font-size: 13px
}

.digital_sign_cont .top_btn_bar {
	padding: 10px;
	margin-bottom: 20px;
	background: #f1f1f1;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-align: right
}

.digital_sign_cont .sign_btn_bar {
	margin: 4px auto 30px;
	text-align: center;
	font-size: 14px
}

.digital_sign_cont .sign_btn_bar [class^=btn_] {
	display: block;
	border-radius: 0;
}

.digital_sign_cont .guide_btn_box {
	margin-bottom: 20px;
	text-align: center
}

.digital_sign_cont .guide-y-link {
	height: 28px;
	line-height: 22px;
	vertical-align: middle;
}

.digital_sign_cont .guide-y-link + .guide-y-link {
	margin-left: 5px
}

.digital_sign_cont .sign_btn_bar a + a {
	margin-top: 5px
}

/* //전자서명 */

@media (max-width: 400px) {
	.state_bar .chest_name, .state_bar .num_txt + .state_txt {
		padding-left: 35px
	}

	.state_bar .num_txt {
		left: 7px;
	}

	.state_bar .rt_info {
		right: 5px
	}
}

@media (prefers-color-scheme: dark) {
	.basket_list_wrap .prd_info_area .ct_chck {
		border-color: red;
		border-width: 2px;
	}
}


/* 음성검색 css 추가 */
.top_search_bar .srch_form .search_record {
	position: absolute;
	top: 30px;
	right: 30px;
	transform: translate(0, -50%);
	background-color: transparent;
	border: 0 none;
	z-index: 10;
}

.top_search_bar .srch_form .search_record .record_icon {
	width: 20px;
	height: 20px;
	background: url('/resources/img/common/record_icon_off.svg?v=240205') no-repeat center center;
	display: inline-block;
	font: 0/0 a;
	background-size: 20px 20px;
	vertical-align: top;
	transition: .4s;
}

.top_search_bar .srch_form .search_record.active .record_icon,
.top_search_bar .srch_form .search_record.active .record_icon {
	background-image: url('/resources/img/common/record_icon_on.svg?v=240205');
	transform: scale(1.08);
	transition: .4s;
}

/* 리스트 음성검색 css 추가 */
.search_container .search_record_box {
	position: relative;
	width: auto;
	height: 30px;
}

.search_container .search_record_box .search_record {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%);
	background-color: transparent;
	border: 0 none;
	z-index: 10;
}

.search_container .search_record_box .search_record .record_icon {
	width: 20px;
	height: 20px;
	background: url('/resources/img/common/record_icon_off.svg?v=240205') no-repeat center center;
	display: inline-block;
	font: 0/0 a;
	background-size: 20px 20px;
	vertical-align: top;
	transition: .4s;
}

.search_container .search_record_box .search_record.active .record_icon {
	background-image: url('/resources/img/common/record_icon_on.svg?v=240205');
	transform: scale(1.08);
	transition: .4s;
}

/* 음성검색 로티파일 */
.record_lottie_icon {
	width: 100%;
	height: 100%;
	transition: top .4s ease-in-out, opacity .4s ease-in-out, background-color .4s, transform .4s ease-in-out;
	opacity: 0;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0) translate(-50%, -50%);
	z-index: 5;
	cursor: pointer;
}

.search_record.active ~ .record_lottie_icon {
	opacity: 1;
	transform: scale(1) translate(-50%, -50%);
	top: 50vh;
	left: 50%;
}

.search_record.active ~ .record_lottie_icon_wrap {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.bottom_search_record.active ~ .record_lottie_icon {
	opacity: 1;
	transform: scale(1) translate(-50%, -50%);
	top: 50vh;
	left: 50%;
}

.bottom_search_record.active ~ .record_lottie_icon_wrap {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

/* 리스트 음성검색 로티파일 */
.search_container .search_record_box .record_lottie_icon {
	width: 100vw;
	height: 172px;
	transition: top .4s ease-in-out, opacity .4s ease-in-out, background-color .4s, transform .4s ease-in-out;
	opacity: 0;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	transform: scale(0) translate(-50%, -50%);
	z-index: 5;
	cursor: pointer;
}

.search_container .search_record_box .search_record.active ~ .record_lottie_icon {
	opacity: 1;
	transform: scale(1) translate(-50%, -50%);
	top: 50vh;
	left: 50%;
}

.search_container .search_record_box .search_record.active ~ .record_lottie_icon_wrap {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

/* 메뉴 음성검색 */
.bottom-navigation .bottom_search_record {
	color: #676767;
}

.bottom-navigation .bottom_search_record .record_icon {
	width: 30px;
	height: 30px;
	background: url('/resources/img/common/record_icon_off.svg?v=240205') no-repeat center center;
	display: inline-block;
	font: 0/0 a;
	background-size: 30px 30px;
	vertical-align: top;
	filter: contrast(0.1);
}

.bottom-navigation .bottom_search_record.active {
	color: #17ad89;
}

.bottom-navigation .bottom_search_record.active .record_icon {
	background-image: url('/resources/img/common/record_icon_on.svg?v=240205');
	filter: brightness(0) saturate(100%) invert(65%) sepia(69%) saturate(5186%) hue-rotate(133deg) brightness(96%) contrast(82%);
}

.bottom-navigation .bottom_search_record .menu_label {
	position: relative;
	top: 2px;
}

/* 메뉴 음성검색 로티파일 */
.bottom-navigation .record_lottie_icon {
	width: 100vw;
	height: 172px;
	transition: top .4s ease-in-out, opacity .4s ease-in-out, background-color .4s, transform .4s ease-in-out;
	opacity: 0;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	transform: scale(0) translate(-50%, -50%);
	z-index: 10;
	cursor: pointer;
}

.bottom-navigation .bottom_search_record.active ~ .record_lottie_icon {
	opacity: 1;
	transform: scale(1) translate(-50%, -50%);
	top: 50vh;
	left: 50%;
}

.bottom-navigation .bottom_search_record.active ~ .record_lottie_icon_wrap {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

/* 테블릿 변환 */
@media (min-width: 480px) {
	.header {
		padding: 1.25rem 0;
	}

	.fixed_menu a {
		font-size: 1.5rem;
	}

	.gnb_cate {
		font-size: 1rem;
	}

	.top_search_bar input[type="search"] {
		font-size: 1rem;
		height: 2.375rem;
	}

	.top_search_bar .srch_form .search_record {
		top: 34px;
	}

	.top_search_bar .srch_form .search_record .record_icon {
		background-size: 1.5rem 1.5rem;
		width: 1.5rem;
		height: 1.5rem;
	}

	.top_search_area .btn_grp_type2 button[class^="btn_"] {
		font-size: 1rem;
		height: 2.375rem;
	}
}

/* 가격변동공지 리스트 */
.notice_price_cont {
	position: relative;
	border-top: 1px solid #d6d6d6;
	height: 44px;
	margin-top: 10px
}

.notice_price_cont .ntc_sort {
	color: #17ad89;
	font-weight: 500;
	display: inline-block;
	vertical-align: top;
}

.notice_price_cont .tit {
	display: inline-block;
	width: 60%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.notice_price_cont .drop_view {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
	padding: 0 10px
}

.notice_price_list {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	height: 44px;
	font-size: 14px;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 1px solid #d6d6d6;
}

.notice_price_list.on {
	height: auto
}

.notice_price_item {
	padding: 10px 20px 10px 10px;
	background-color: #fff;
}

.notice_price_item + .notice_price_item {
	border-top: 1px solid #d6d6d6;
}

/* 실시간 롤링 */
.search_live_mo {
	/*display:flex;*/
	/*align-items: center;*/
	padding: 0 15px;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: 1px solid rgb(255, 78, 0);
	border-image: linear-gradient(90deg, rgb(29, 128, 74) 0%, rgb(255, 78, 0) 100%) 1 / 1 / 0 stretch;
}

.search_live_mo .search_live_rollng {
	display: flex;
	align-items: center;
	width: 100%;
}

.search_live_mo .search_live_tit {
	font-size: 13px;
	font-weight: 500;
	background: linear-gradient(90deg, rgb(29, 128, 74) 0%, rgb(255, 78, 0) 100%);
	background-clip: text;
	color: rgb(29, 128, 74);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	width: 30%;
}

.search_live_mo .search_live_mo_slider {
	width: 100%;
	display: flex;
	align-items: center;
}

.search_live_mo_slider .slider {
	height: 45px;
	margin: 0 0 0 10px;
}

.search_live_mo_slider .slider .swiper-slide {
	background: transparent;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0 !important;
}

.search_live_mo_slider .slider .swiper-slide.swiper-slide-active {
	display: flex;
	opacity: 1 !important;
}

.search_live_mo_slider .slider .swiper-slide .slide-inner {
	width: 100%;
	height: 45px;
}

.search_live_mo_slider .slider .swiper-slide .slide-inner p {
	width: 100%;
	height: 45px;
	text-align: left;
	display: flex;
	align-items: center;
}

.search_live_mo_slider .slider .swiper-slide .slide-inner p em {
	font-size: 14px;
	color: #ff0038;
	display: inline-block;
	margin: 0 10px 0 0;
	font-weight: bold;
}

.search_live_mo_slider .slider .swiper-slide .slide-inner p strong {
	font-size: 14px;
	display: inline-flex;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.search_live_mo_slider .slider .swiper-slide .slide-inner p strong a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 160px;
}

.search_live_mo_slider .slider .swiper-slide .slide-inner p strong a:hover {
	color: #ff0038;
}

.search_live_mo_slider .slider .swiper-slide .slide-inner p span {
	font-size: 14px;
	display: inline-block;
	margin: 0 0 0 10px;
	/*margin:0 0 0 20px;*/
	color: #6c6c6c;
}

.search_live_mo_slider .slider .swiper-slide .slide-inner p .xi-arrow-up {
	color: #ff0038;
}

.search_live_mo_slider .slider .swiper-slide .slide-inner p .xi-arrow-down {
	color: #0b83e6;
}

.search_live_mo_slider .swiper-stop-pause {
	cursor: pointer;
	width: 24px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	margin: 0 20px 0 0;
}

.search_live_mo_slider .swiper-stop-pause.swiper_play .btn_play {
	display: none;
}

.search_live_mo_slider .swiper-stop-pause.swiper_pause .btn_pause {
	display: none;
}

.search_live_mo_slider .raking_mo_open {
	cursor: pointer;
	display: flex;
	align-items: center;
	z-index: 3;
	width: 20px;
	height: 45px;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	color: #000;
	position: absolute;
	top: 0;
	right: 3px;
}

.raking_layer_popup {
	display: none;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
}

.raking_layer_popup.show {
	display: block;
}

.raking_layer_popup .raking_modal_dialog {
	width: 100%;
	background-color: #fff;
	position: relative;
}

.raking_layer_popup .raking_modal_tit_box {
	display: flex;
	align-items: flex-end;
	padding: 13px 0;
}

.raking_layer_popup .raking_modal_tit_box p {
	/*color: #3d3d3d;*/
	/*font-size: 14px;*/
	font-size: 13px;
	font-weight: 500;
	background: linear-gradient(90deg, rgb(29, 128, 74) 0%, rgb(255, 78, 0) 100%) text;
	color: rgb(29, 128, 74);
	-webkit-text-fill-color: transparent;
}

.raking_layer_popup .raking_modal_tit_box span {
	color: #999999;
	font-size: 11px;
	margin: 0 0 0 10px;
}

.raking_layer_popup .raking_modal_content .raking_tab_list {
	display: flex;
	width: 100%;
}

.raking_layer_popup .raking_modal_content .raking_tab_list li {
	width: 50%;
	min-height: 40px;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #dddddd;
	display: flex;
	align-items: center;
}

.raking_layer_popup .raking_modal_content .raking_tab_list li:first-child {
	border-right: 0;
}

.raking_layer_popup .raking_modal_content .raking_tab_list li.on {
	background-color: #ffffff;
}

.raking_layer_popup .raking_modal_content .raking_tab_list li a {
	font-size: 13px;
	display: inline-block;
	width: 100%;
}

.raking_layer_popup .raking_modal_content .raking_modal_list {
	padding: 15px 0;
}

.raking_layer_popup .raking_modal_content .raking_modal_panel {
	display: none;
}

.raking_layer_popup .raking_modal_content .raking_modal_panel.active {
	display: block;
}

.raking_layer_popup .raking_modal_content .raking_modal_panel li {
	margin: 15px 0 0 0;
}

.raking_layer_popup .raking_modal_content .raking_modal_panel li:first-child {
	margin: 0;
}

.raking_layer_popup .raking_modal_content .raking_modal_panel .raking_rearch_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.raking_layer_popup .raking_modal_panel .raking_rearch {
	text-align: left;
	text-indent: -19px;
	padding: 0 0 0 17px;
}

.raking_layer_popup .raking_modal_panel > li:last-child .raking_rearch {
	text-indent: -26px;
	padding: 0 0 0 25px;
}

.raking_layer_popup .raking_modal_panel .raking_num {
	color: #ff0038;
	font-size: 13px;
	margin: 0 10px 0 0;
}

.raking_layer_popup .raking_modal_panel .raking_txt {
	font-size: 13px;
	margin: 0 10px 0 0;
}

.raking_layer_popup .raking_modal_panel .raking_txt a:hover {
	color: #ff0038;
}

.raking_layer_popup .raking_modal_panel .raking_tag i {
	font-size: 11px;
	color: #999999;
	font-style: normal;
	margin: 0 5px 0 0;
}

.raking_layer_popup .raking_modal_panel .raking_tag i a {
	color: #999999;
}

.raking_layer_popup .raking_modal_panel .raking_rearch_icon {
	font-size: 13px;
	color: #6c6c6c;
}

.raking_layer_popup .raking_modal_panel .raking_rearch_icon.xi-arrow-up {
	color: #ff0038;
}

.raking_layer_popup .raking_modal_panel .raking_rearch_icon.xi-arrow-down {
	color: #0b83e6;
}

.raking_layer_popup .raking_modal_close {
	border: 0 none;
	background-color: #ffffff;
	position: absolute;
	top: 7px;
	right: 4px;
	z-index: 2;
	font-size: 20px;
	color: #000000;
}

.main_slider {
	width: 100vw;
	background-color: #eee;
}

.main_slider .swiper-slide {
	opacity: 0;
	text-align: center;
	transition: .4s;
	contain: strict;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: calc(100% - 30px);
	height: 160px;
}

.main_slider .swiper-slide img {
	display: block;
	width: 100%;
	transform: scale(.87);
	background-size: 32vw;
	border-radius: 1rem;
	box-shadow: 0 0.25rem 0.45rem 0 rgba(0, 0, 0, .2);
}

.main_slider .swiper-slide-active {
	opacity: 1;
	transform: translateX(0);
	z-index: 10;
}

.main_slider .swiper-slide-active img {
	transform: scale(1);
}

.main_slider .swiper-slide-prev,
.main_slider .swiper-slide-next {
	opacity: 1;
}

.main_slider .swiper-slide-prev {
	transform: translateX(15px);
}

.main_slider .swiper-slide-next {
	transform: translateX(-15px);
}

/* 기획전 배너 수정 */
.ban_cont {
	overflow-x: auto;
	-webkit-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	padding: 15px 0 0;
	margin: 0;
	width: 100%; /* 부모 컨테이너 너비 */
	max-width: 100%; /* 부모 컨테이너 너비를 제한 */
	box-sizing: border-box;

}

.ban_cont .ban_box {
	/*justify-content: stretch;*/
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	/*flex-direction: row;*/
	/*display: flex;*/
	/*flex-wrap: wrap;*/
	/*justify-content: flex-start;*/
	/*margin: 0 14px 0;*/
	scroll-behavior: smooth;
	/*height: 200px;*/
	padding: 13px 8px;
	/*min-width: 650px;*/
	/*min-width: 430px;*/
	overflow-y: hidden;
	display: grid;
	grid-template-columns: repeat(8, auto);
	grid-auto-rows: 100px;
	width: max-content;
}

.ban_cont::-webkit-scrollbar {
	display: none;
}

.ban_cont .ban_box .ban_img {
	/*flex: 0 1 210px;*/
	/*min-width: 210px;*/
	/*height: 85px;*/
	/*width: 25%;*/
	text-align: center;
	color: #333333;
	vertical-align: top;
	/*display: table-cell;*/
	/*width: auto;*/
	max-width: 103px;
}

.ban_cont .ban_box .ban_img a {
	/*max-height: 85px;*/
	/*overflow-y: hidden;*/
	display: block;
	padding: 0px 5px;
}

.ban_cont .ban_box .ban_img a div {
	display: flex;
	width: 60px;
	height: 60px;
	margin: 0px auto;
	align-items: center;
}

.ban_cont .ban_box .ban_img a div img {
	object-fit: cover;
	margin: auto;
	width: 60px;
	height: 60px;
	border-radius: 100px;
}

.ban_cont .ban_box .ban_img a span {
	margin-top: 10px;
	line-height: 1.18;
	letter-spacing: -0.5px;
	font-size: 11px;
	display: flex;
	justify-content: center;
}

/* 배너 스크롤 진행 표시 라인 */
.banner_progress_container {
	margin: 0 auto 15px;
	height: 3px;
	background-color: #f0f0f0;
	border-radius: 2px;
	overflow: hidden;
	width: 20%;
}

.banner_progress_bar {
	width: 100%;
	height: 100%;
	position: relative;
}

.banner_progress_fill {
	height: 100%;
	background: linear-gradient(90deg, #007bff 0%, #0056b3 100%);
	border-radius: 2px;
	width: 20%;
	transform: translateX(0%);
	transition: width 0.2s ease-out;
}

.evt_rolling_ban_wrap.swiper-container {
	height: 41px;
	border-radius: 6px;
	cursor: pointer;
	margin: 0px 20px 20px;
	overflow: hidden;
}

.evt_rolling_ban_wrap .evt_rolling_ban_box {
	flex-direction: column;

}

.evt_rolling_ban_wrap .evt_rolling_ban_box .swiper-slide {
	border-radius: 10px;
}

.evt_rolling_ban_wrap .evt_rolling_ban_box .evt_rolling_ban_txt.evt_rolling_txt_type_01 {
	background-color: #dc941b;
}

.evt_rolling_ban_wrap .evt_rolling_ban_box .evt_rolling_ban_txt.evt_rolling_txt_type_02 {
	background-color: #0b83e6;
}

.evt_rolling_ban_wrap .evt_rolling_ban_box .evt_rolling_ban_txt.evt_rolling_txt_type_03 {
	background-color: #9c0000;
}

.evt_rolling_ban_wrap .evt_rolling_ban_box .evt_rolling_ban_txt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 9px 16px;
}

.evt_rolling_ban_wrap .evt_rolling_ban_box .evt_rolling_ban_txt i {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	color: #ffffff;
	font-size: 24px;
}

.evt_rolling_ban_wrap .evt_rolling_ban_box .evt_rolling_ban_txt span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
}

/* 메인 전시 상품들 이미지 수정 */
/*.prd_list li{*/
/*	border-radius: 15px;*/
/*	box-shadow: 0 2px 6px 0 rgba(0,0,0,.06);*/
/*}*/
.prd_list li a .thumb_box {
	border: 1px solid #eaeaea;
	border-radius: 15px;
	margin: 0 auto;
}

.prd_list li a .prd_info {
	max-width: 143px;
	margin: 5px auto 0;
}


/* 메인 국내외 브랜드관 추가 - PC에 맞춤 */
.prd_md_section {
	padding: 10px;
}

.prd_md_section .ko_brand,
.prd_md_section .other_brand {
	position: relative;
	width: 100%;
}

.prd_md_section .ko_brand .prd_tit,
.prd_md_section .other_brand .prd_tit {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: 10px 0 0 0;
}

.prd_md_section .ko_brand .prd_tit .prd_tit_txt,
.prd_md_section .other_brand .prd_tit .prd_tit_txt {
	font-size: 20px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.prd_md_section .ko_brand .ko_brand_list,
.prd_md_section .other_brand .other_brand_list {
	display: flex;
	gap: 0 10px;
	justify-content: stretch;
	align-items: center;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	flex-direction: row;
	flex-wrap: wrap;
}

.prd_md_section .ko_brand .ko_brand_list .ko_brand_item_list,
.prd_md_section .other_brand .other_brand_list .other_brand_item_list {
	display: flex;
	flex: 0 1 145px;
	min-width: 145px;
	gap: 0 10px;
}

.prd_md_section .ko_brand .ko_brand_list .brand_deco,
.prd_md_section .ko_brand .ko_brand_list .ko_brand_item,
.prd_md_section .other_brand .other_brand_list .brand_deco,
.prd_md_section .other_brand .other_brand_list .other_brand_item {
	flex: 0 1 145px;
	min-width: 145px;
	min-height: 280px;
}

.prd_md_section .ko_brand .ko_brand_list .brand_deco a img,
.prd_md_section .other_brand .other_brand_list .brand_deco a img {
	max-width: 100%;
	object-fit: cover;
	width: auto;
}

.prd_md_section .ko_brand .ko_brand_list .ko_brand_item .prd_std,
.prd_md_section .other_brand .other_brand_list .other_brand_item .prd_std {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.prd_md_section .ko_brand .ko_brand_list .ko_brand_item,
.prd_md_section .other_brand .other_brand_list .other_brand_item {
	margin: 20px 0;
	width: 49%;
}

.prd_md_section .ko_brand .ko_brand_list .ko_brand_item.brand_item_last_more,
.prd_md_section .other_brand .other_brand_list .other_brand_item.other_item_last_more {
	margin: 20px 0;
	min-width: 50px;
	flex: 0 1 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.prd_md_section .ko_brand .ko_brand_list .ko_brand_item.brand_item_last_more a,
.prd_md_section .other_brand .other_brand_list .other_brand_item.other_item_last_more a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px 0;
}

.prd_md_section .ko_brand .ko_brand_list .ko_brand_item.brand_item_last_more a i,
.prd_md_section .other_brand .other_brand_list .other_brand_item.other_item_last_more a i {
	padding: 10px;
	font-size: 20px;
	background-color: #454545;
	border-radius: 50%;
	color: #ffffff;
}

.prd_md_section .ko_brand .ko_brand_list .ko_brand_item .thumb_box,
.prd_md_section .other_brand .other_brand_list .other_brand_item .thumb_box {
	border: 1px solid #eaeaea;
	border-radius: 15px;
}

/* 검색어 개선 */
.keyword_list_box .keyword_list_tab_wrap {
	width: 100%;
}

.keyword_list_box .keyword_list_tab_wrap .keyword_list_tab {
	display: flex;
	width: 100%;
}

.keyword_list_box .keyword_list_tab_wrap .keyword_list_tab li.swiper-slide-thumb-active {
	background-color: #ffffff;
}

.keyword_list_box .keyword_list_tab_wrap .keyword_list_tab li:first-child {
	border-left: 1px solid #dddddd;
}

.keyword_list_box .keyword_list_tab_wrap .keyword_list_tab li {
	width: 50%;
	min-height: 40px;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #dddddd;
	border-left: 0;
	display: flex;
	align-items: center;
}

.keyword_list_box .keyword_list_tab_wrap .keyword_list_tab li a {
	font-size: 13px;
	display: inline-block;
	width: 100%;
}

.keyword_list_box .keyword_list li {
	border-radius: 0;
	background-color: #FFFFFF;
	display: block;
	padding: 10px 5px;
	margin-left: 5px;
}

.keyword_list_box .keyword_list li + li {
	border-top: 1px solid #ddd;
}

.keyword_list_box .keyword_list li a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
}

.keyword_list_box .keyword_lately {
	display: block;
	text-align: left;
	font-size: 13px;
}

.keyword_list_box .keyword_lately li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 10px 5px;
	margin-left: 5px;
	position: relative;
}

.keyword_list_box .keyword_lately li + li {
	border-top: 1px solid #ddd;
}

.keyword_list_box .keyword_lately li a {
	display: block;
}

.keyword_list_box .keyword_lately li .keyword_delete {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}

.keyword_list_box .keyword_lately li .keyword_delete i {
	font-size: 18px;
}

.keyword_list_box .keyword_lately li .keyword_delete i span {
	font: 0/0 a;
}

.keyword_list_box .keyword_txt_box .keyword_lately li .view_time {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translate(0, -55%);
	font-size: 11px;
}

.keyword_list_box .raking_modal_panel {
	display: block;
}

.keyword_list_box .raking_modal_panel li {
	padding: 10px 5px;
	margin-left: 5px;
}

.keyword_list_box .raking_modal_panel li + li {
	border-top: 1px solid #ddd;
}

.keyword_list_box .raking_modal_panel .raking_rearch_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.keyword_list_box .raking_modal_panel .raking_rearch {
	text-align: left;
	text-indent: -19px;
	padding: 0 0 0 17px;
}

.keyword_list_box .raking_modal_panel > li:last-child .raking_rearch {
	text-indent: -26px;
	padding: 0 0 0 25px;
}

.keyword_list_box .raking_modal_panel .raking_num {
	color: #ff0038;
	font-size: 13px;
	margin: 0 10px 0 0;
}

.keyword_list_box .raking_modal_panel .raking_txt {
	font-size: 13px;
	margin: 0 10px 0 0;
}

.keyword_list_box .raking_modal_panel .raking_txt a:hover {
	color: #ff0038;
}

.keyword_list_box .raking_modal_panel .raking_tag i {
	font-size: 11px;
	color: #999999;
	font-style: normal;
	margin: 0 5px 0 0;
}

.keyword_list_box .raking_modal_panel .raking_tag i a {
	color: #999999;
}

.keyword_list_box .raking_modal_panel .raking_rearch_icon {
	font-size: 13px;
	color: #6c6c6c;
}

.keyword_list_box .raking_modal_panel .raking_rearch_icon.xi-arrow-up {
	color: #ff0038;
}

.keyword_list_box .raking_modal_panel .raking_rearch_icon.xi-arrow-down {
	color: #0b83e6;
}

.keyword_list_box .keyword_txt_box .swiper-slide {
	opacity: 0 !important;
}

.keyword_list_box .keyword_txt_box .swiper-slide-prev {
	opacity: 0 !important;
}

.keyword_list_box .keyword_txt_box > ul.swiper-slide-active {
	opacity: 1 !important;
}

.keyword_list_box .keyword_txt_box > ul {
	background-color: #FFFFFF;
}

.keyword_list_box .keyword_txt_box > ul {
	display: block;
	overflow-y: auto;
	max-height: 410px;
}

.keyword_list_box .keyword_txt_box > ul::-webkit-scrollbar {
	width: 5px; /* 세로축 스크롤바 길이 */
	height: 10px; /* 가로축 스크롤바 길이 */
}

.keyword_list_box .keyword_txt_box > ul::-webkit-scrollbar-track {
	background-color: #fafafa;
}

.keyword_list_box .keyword_txt_box > ul::-webkit-scrollbar-track-piece {
	background-color: #fafafa;
}

.keyword_list_box .keyword_txt_box > ul::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background-color: #ff5452;
}

/* 연관 검색어 추가 */
.prd_search_related {
	margin: 8px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 10px;
}

.prd_search_related .prd_search_related_tit {
	width: 10%;
	font-size: 15px;
	color: #111111;
	white-space: nowrap;
	padding: 0 10px 0 0;
}

.prd_search_related .prd_search_related_list {
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.prd_search_related .prd_search_related_list::-webkit-scrollbar {
	display: none;
}

.prd_search_related .prd_search_related_list li a {
	font-size: 15px;
	color: #2277bb;
	padding: 0 7px;
	font-weight: 300;
}

/* 유의어 추가 */
.prd_search_synonym {
	padding: 8px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-bottom: 2px solid #222;
}

.prd_search_synonym .prd_search_synonym_txt {
	font-weight: 300;
	color: #262626;
	font-size: 14px;
	line-height: 2;
}

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

.prd_search_synonym .prd_search_synonym_hint {
	font-weight: 300;
	color: #262626;
	font-size: 14px;
	line-height: 2;
}

.prd_search_synonym .prd_search_synonym_hint .hint_text {
	display: inline-block;
	max-width: 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
	color: #ff5452;
}


/* 우선노출 영역 */
.prd_special_ad {
	margin: 8px 0 0 0;
	position: relative;
	border: 1px solid #ebebeb;
	border-radius: 4px;
}

.prd_special_ad .prd_special_tit {
	padding: 10px 15px 7px;
	border-bottom: 1px solid #ebebeb;
	position: relative;
}

.prd_special_ad .prd_special_tit .prd_special_tit_info {
	font-size: 13px;
	font-weight: bold;
}

.prd_special_ad .prd_special_tit .prd_special_tit_info .prd_special_tip {
	position: relative;
	/*color: #666666;*/
	color: #f7635b;
	/*padding: 1px 3px;*/
	/*font-size: 10px;*/
	font-size: 11px;
	/*margin: 3px 0 0 5px;*/
	/*font-weight: 400;*/
	margin: 0 0 0 5px;
	font-weight: bold;
	border: 1px solid #e8e8e8;
	padding: 3px 5px;
	border-radius: 6px;
}

.prd_special_ad .prd_special_tit .prd_special_tit_info .prd_special_tip i {
	margin: 1px 0 0 2px;
}

.prd_special_ad .prd_special_tit .special_ad_layer {
	display: none;
	box-shadow: 0 6px 24px -8px rgba(0, 0, 0, 0.12), 0 0 1px 0px rgba(0, 0, 0, 0.36);
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 0;
	/*transform: translate(0, 15%);*/
	transform: translate(0, 16%);
	z-index: 1;
	width: 100%;
}

.prd_special_ad .prd_special_tit .special_ad_layer.active {
	display: block;
}

.prd_special_ad .prd_special_tit .special_ad_layer .special_ad_layer_tit {
	display: flex;
	padding: 10px 20px 10px 20px;
	gap: 0 5px;
	align-items: flex-end;
	border-bottom: 1px solid #eee;
}

.prd_special_ad .prd_special_tit .special_ad_layer .special_ad_layer_tit span {
	font-size: 12px;
	/*color: #111111;*/
	color: #3399ff;
	font-weight: bold;
}

.prd_special_ad .prd_special_tit .special_ad_layer .special_ad_layer_tit a {
	font-size: 10px;
	/*color: #666666;*/
	color: #f7635b;
	text-decoration: underline;
}

/*.prd_special_ad .prd_special_tit .special_ad_layer_tit a:hover{*/
/*	text-decoration: underline;*/
/*}*/
.prd_special_ad .prd_special_tit .special_ad_layer .special_ad_layer_txt {
	padding: 10px 20px;
}

.prd_special_ad .prd_special_tit .special_ad_layer .special_ad_layer_txt p {
	font-size: 11px;
	/*color: #999999;*/
	color: #333333;
	font-weight: 400;
}

.prd_special_ad .prd_special_tit .special_ad_layer .special_ad_close {
	border: 0 none;
	background-color: #ffffff;
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 2;
}

.prd_special_ad .prd_special_tit .special_ad_layer .special_ad_close i {
	font-size: 13px;
}

.prd_special_ad .list_thumb_item2 {
	margin: 10px;
}

.prd_special_ad .list_thumb_item2 .item_box .thumb {
	border: 1px solid #dddddd;
	border-radius: 10px;
}

.prd_special_ad .list_thumb_item2 .item_box .thumb img {
	border-radius: 10px;
}

.prd_special_ad .list_thumb_item2 .ad_area {
	background-color: transparent;
	top: 0;
}

.list_thumb_item2 .ad_area {
	position: absolute;
	bottom: 0;
	right: 5px;
	color: #3d3d3d;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: -1px;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 3px 5px;
}

.prd_special_ad .k-grid-header {
	display: none;
}

.prd_special_ad .k-grid {
	border: 0 none;
}

.prd_special_ad .k-grid .k-grid-content tr td {
	padding: 0;
	border: 0 none;
}

.prd_special_ad .list_thumb_item2 .prd_name {
	font-size: 1rem;
}

.prd_special_ad .k-detail-row .k-grid {
	border: 1px solid rgba(0, 0, 0, .08);
	border-right: 0;
	border-left: 0;
}

.prd_special_ad .k-grid-content {
	background: transparent;
}

.prd_special_ad tr.k-state-selected > td {
	background-color: #f9ffee
}

.prd_special_ad .k-detail-row td {
	padding: 0;
	border-width: 0;
	background: #f9f9f9
}

.prd_special_ad .k-detail-row .k-detail-cell {
}

.prd_special_ad .k-detail-row td .k-grid-header {
	display: table-header-group;
}

.prd_special_ad .k-detail-row div[id^="grid_"] th {
	padding: 4px;
	text-align: center;
}

.prd_special_ad .k-detail-row div[id^="grid_"] td {
	text-align: center;
	padding: 4px
}

.prd_special_ad .k-detail-row div[id^="grid_"] td button[class^="btn_"] {
	padding: 0 5px;
	border: 2px solid #2f488c;
	color: #2f488c;
	background-color: #fff;
	border-radius: 4px;
}

.prd_special_ad .k-detail-row div[id^="grid_"] tr.k-state-selected > td {
	background-color: #fff;
}

/* 통합검색 검색버튼 추가 */
.search_container .srch_form .btn_search_box {
	position: relative;
	width: auto;
	height: 30px;
}

.search_container .srch_form .btn_search_box .btn_search {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translate(0, -50%);
	width: 24px;
	background-color: transparent;
	border: 0 none;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.top_search_bar .srch_form .btn_search_box {
	position: relative;
	width: auto;
	height: 30px;
}

.top_search_bar .srch_form .btn_search_box .btn_search {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translate(0, -50%);
	width: 24px;
	background-color: transparent;
	border: 0 none;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

/* 상품 수량 단위 추가 */
#grid.grid_custom td .list_thumb_item2 .item_btn_grp .amount .unit_name,
.prd_special_ad .k-grid .k-grid-content tr td .list_thumb_item2 .item_btn_grp .amount .unit_name,
.basket_list_wrap > #grid.k-grid td .list_view_item .btn_grp_type2 .amount .unit_name,
.detail_container .detail_info_wrap .cnt_set_grp .amount .unit_name,
.prd_list_type .item_btn_grp .amount .unit_name {
	display: inline-flex;
	font-size: 12px;
	width: auto;
	padding: 0 5px;
	/*color: #00a1ef;*/
	color: #ff0000;
	justify-content: center;
	align-items: center;
	min-height: 28px;
	vertical-align: middle;
}

.basket_list_wrap .btn_grp_type2 .amount .amount_input,
.prd_list_type .item_btn_grp .amount .amount_input {
	width: calc(100% - 90px);
}

/* 마케팅 수신 동의 */
.ad_agree_checkbox_tit {
	font-weight: 400;
	font-size: 14px;
	color: #203a4d;
	line-height: 20px;
	border-bottom: 1px solid #203a4d;
	padding: 0 0 13px 10px;
}

.ad_agree_checkbox_wrap {
	margin: 20px 0 0;
}

.ad_agree_checkbox_all,
.ad_agree_checkbox_wrap .ad_agree_checkbox_list ul li {
	display: flex;
	align-items: center;
}

.ad_agree_checkbox_wrap .ad_agree_checkbox_all {
	margin: 15px 0 17px;
}

.ad_agree_checkbox_all label {
	font-size: 12px;
	color: #555;
	padding-left: 10px;
	margin-right: 16px;
}

.ad_agree_checkbox_wrap .ad_agree_checkbox_list ul li label {
	font-size: 12px;
	color: #555;
	margin-right: 16px;
	min-width: 60px;
}

.ad_agree_checkbox_wrap .ad_agree_checkbox_list {
	margin: 0 10px;
	border-bottom: 1px solid #f0f0f0;
	padding: 0 0 32px 0;
}

.ad_agree_checkbox_wrap .ad_agree_checkbox_list ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	gap: 10px 0;
}

.ad_agree_checkbox_wrap .ad_agree_checkbox_list ul li {
	width: 50%;
}

.ad_agree_button_box, .ad_agree_layer {
	border-radius: 2px;
}

.ad_agree_button_box {
	position: relative;
	top: 50%;
	width: 54px;
	height: 26px;
	overflow: hidden;
}

.ad_agree_checkbox {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 3;
}

.ad_agree_knobs {
	z-index: 2;
}

.ad_agree_layer {
	width: 100%;
	background-color: #fcebeb;
	transition: 0.3s ease all;
	z-index: 1;
}

.ad_agree_knobs, .ad_agree_layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.ad_agree_button_box .ad_agree_knobs:before {
	content: "NO";
	position: absolute;
	top: 3px;
	left: 4px;
	width: 18px;
	height: 9px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	padding: 6px 2px;
	background-color: #f44336;
	border-radius: 2px;
	transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.ad_agree_button_box .ad_agree_checkbox:checked + .ad_agree_knobs:before {
	content: "YES";
	left: 28px;
	background-color: #03a9f4;
}

.ad_agree_button_box .ad_agree_checkbox:checked ~ .ad_agree_layer {
	background-color: #ebf7fc;
}

.ad_agree_button_box .ad_agree_knobs,
.ad_agree_button_box .ad_agree_knobs:before,
.ad_agree_button_box .ad_agree_layer {
	transition: 0.3s ease all;
}

.ad_agree_checkbox_wrap ~ .bar_row {
	margin-top: 27px;
	text-align: center;
}

@media (max-width: 340px) {
	.search_live_mo .search_live_tit {
		font-size: 11px;
	}

	.search_live_mo_slider .slider .swiper-slide .slide-inner p strong a {
		max-width: 140px;
	}
}

/* 상품상세 팝업 슬라이더 전체 */
.popup-wrap {
	visibility: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	/*left: 50%;*/
	left: 0;
	z-index: 200;
	/*background: rgba(0, 0, 0, 0.7);*/
	background: #fff;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	/*transform: translateX(-50%);*/
}

.popup-wrap .inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

/* 상품상세 팝업 슬라이더 타이틀 */
.popup-wrap .inner .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	font-size: 14px;
	color: #fff;
	padding: 10px 10px;
	background-color: #17ad89;
	top: 0;
	/*left: 0;*/
	position: absolute;
}

/* 상품상세 팝업 슬라이더 버튼 */
.btn_popup_close {
	position: relative;
	width: 24px;
	height: 20px;
	background-color: transparent;
	border: 0 none;
}

.btn_popup_close::before,
.btn_popup_close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
}

.btn_popup_close::before {
	transform: translateY(-50%) rotate(45deg);
}

.btn_popup_close::after {
	transform: translateY(-50%) rotate(135deg);
}

/* 상품상세 팝업 슬라이더 */
.popup-wrap .inner .slider-popup {
	overflow: visible;
	max-width: 600px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	box-sizing: border-box;
	touch-action: none;
}

.popup-wrap .inner .slider-popup .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	transform-origin: center center;
	overflow: hidden;
}

.popup-wrap .inner .swiper-slide .slide_img_bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 240px;
	height: 240px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	animation-name: slide_fadeOut;
	animation-duration: 8s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes slide_fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		display: none;
	}
}

.popup-wrap .inner .swiper-slide .slide_img_bg .xi-expand {
	color: #000;
	z-index: 1;
}

.popup-wrap .inner .swiper-slide .slide_img_bg span {
	font-size: 14px;
	display: inline-block;
	width: 45%;
	text-align: center;
	color: #000;
	z-index: 1;
}

.popup-wrap .inner .swiper-slide .slide_img_bg:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	transform-origin: center center;
	background-color: rgba(170, 170, 170, 0.7);
	border-radius: 50%;
}

.popup-wrap .inner .slider-popup .swiper-slide img {
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	touch-action: none;
	user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	display: block;
	margin: 0 auto;
	transform-origin: center center;
	/*transition: transform 0.2s ease-in-out;*/
}

/* 상품상세 팝업 하단 슬라이더 */
.popup-wrap .inner .slider-thumbnail {
	max-width: 600px;
	padding: 20px 2px 20px 3px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	box-sizing: border-box;
}

.popup-wrap .inner .slider-thumbnail .swiper-slide {
	overflow: hidden;
	transition: transform 0.3s ease;
	transform-origin: center center;
	border-radius: 10px;
}

.popup-wrap .inner .slider-thumbnail .swiper-slide.swiper-slide-active {
	border: 1px solid #333333;
}

.popup-wrap .inner .slider-thumbnail .swiper-slide img {
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	aspect-ratio: 1 / 1;
}

/* 비츠온페이 추가 - 카드 */
.vitsonpay_info_tit_wrap {
	margin: 0 0 12px 0;
	position: relative;
}

.vitsonpay_info_tit_wrap .vitsonpay_info_tit {
	font-size: 18px;
	font-weight: 700;
	color: #e60012;
}

.vitsonpay_info_tit_wrap .pay_card_wrap {
	display: none;
	position: absolute;
	border-radius: 10px;
	box-shadow: 0 6px 24px -8px rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.36);
	background-color: #fff;
	width: 100%;
	top: 50px;
	left: 0;
	z-index: 20;
	padding: 0 10px;
	height: 300px;
	flex-direction: column;
	overflow-y: auto;
}

.vitsonpay_info_tit_wrap .pay_card_wrap.on {
	display: flex;
}

.vitsonpay_info_tit_wrap .pay_card_wrap::-webkit-scrollbar {
	display: block;
}

.vitsonpay_info_tit_wrap .pay_card_wrap::-webkit-scrollbar {
	width: 5px; /* 세로축 스크롤바 길이 */
	height: 10px; /* 가로축 스크롤바 길이 */
	border-radius: 0 10px 10px 0;
}

.vitsonpay_info_tit_wrap .pay_card_wrap::-webkit-scrollbar-button:vertical:start:decrement,
.vitsonpay_info_tit_wrap .pay_card_wrap::-webkit-scrollbar-button:vertical:start:increment {
	display: block;
	height: 10px;
}

.vitsonpay_info_tit_wrap .pay_card_wrap::-webkit-scrollbar-button:vertical:end:decrement {
	display: block;
	height: 10px;
}

.vitsonpay_info_tit_wrap .pay_card_wrap::-webkit-scrollbar-track {
	background-color: #fff;
}

.vitsonpay_info_tit_wrap .pay_card_wrap::-webkit-scrollbar-track-piece {
	background-color: #fff;
}

.vitsonpay_info_tit_wrap .pay_card_wrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #aaaaaa;
}

.vitsonpay_info_tit_wrap .pay_card_wrap .pay_card_name_tit_wrap {
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #aaaaaa;
	display: inline-flex;
	width: 100%;
	position: sticky;
	top: 0;
	left: 0;
	background-color: #fff;
}

.vitsonpay_info_tit_wrap .pay_card_wrap .pay_card_name_tit {
	font-size: 15px;
}

.vitsonpay_info_tit_wrap .pay_card_wrap .pay_card_name_close {
	border: 0 none;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	transform: translate(0, -25%);
}

.vitsonpay_info_tit_wrap .pay_card_wrap .pay_card_name_close i {
	font-size: 14px;
}

.vitsonpay_info_tit_wrap .pay_card_name_list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px 0;
	padding: 15px 0;
}

.vitsonpay_info_tit_wrap .pay_card_name_wrap {
	width: calc((100% / 2) - 10px);
}

.vitsonpay_info_tit_wrap .pay_card_wrap .pay_card_name {
	border: 1px solid #c1c1c1;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 12px;
	display: inline-block;
	color: #666;
	width: 100%;
}

.vitsonpay_info_tit_wrap .vitsonpay_info_tit span {
	color: #34BE82;
}

.vitsonpay_info_tit_wrap .vitsonpay_interest_free {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #999;
}

.vitsonpay_info_tit_wrap .vitsonpay_interest_free a {
	margin: 1px 0 0 3px;
	color: #999;
}

.vitsonpay_slide_wrap #vitsonPay_payInfos {
	padding: 15px 15px 30px;
	position: relative;
}

.vitsonpay_slide_wrap .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.vitsonpay_slide_wrap .swiper-slide:before {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	height: 60px;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 70%);
	border-radius: 30px;
}

.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='90'] .vitsonpay_slide_card_nickname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='90'] .vitsonpay_slide_card_bankname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='90'] .vitsonpay_slide_card_banknum,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='89'] .vitsonpay_slide_card_nickname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='89'] .vitsonpay_slide_card_bankname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='89'] .vitsonpay_slide_card_banknum,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='81'] .vitsonpay_slide_card_nickname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='81'] .vitsonpay_slide_card_bankname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='81'] .vitsonpay_slide_card_banknum,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='50'] .vitsonpay_slide_card_nickname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='50'] .vitsonpay_slide_card_bankname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='50'] .vitsonpay_slide_card_banknum,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='64'] .vitsonpay_slide_card_nickname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='64'] .vitsonpay_slide_card_bankname,
.vitsonpay_slide_wrap .swiper-slide.swiper-slide[data-bank-card-code='64'] .vitsonpay_slide_card_banknum {
	color: #454545;
}

.vitsonpay_slide_wrap .swiper-slide.swiper-slide button .vitsonpay_slide_card_bankname {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-style: normal;
	min-width: 80px;
	padding: 0 0 0 0;
}

.vitsonpay_slide_wrap .swiper-slide.swiper-slide button .vitsonpay_slide_card_banknum {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 25%;
	left: 50%;
	transform: translate(-50%, 0%);
}

.vitsonpay_slide_wrap .swiper-slide button {
	width: 100%;
	margin: 0 auto;
	border-radius: 10px;
	border: 1px solid #e0e0e0;
	/*border-bottom: 0;*/
	position: relative;
	padding-bottom: 62.5%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #666666;
	background-size: 100% auto;
	background-position: center top;
	box-shadow: 0 6px 8px -4px rgba(0, 1, 0, 0.2), 0 1px 0 0 rgba(255, 255, 255, 0.15);
	pointer-events: none;
}

.vitsonpay_slide_wrap .vitsonpay_slide_info button p {
	text-align: center;
	font-size: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -200%);
	width: 100%;
}

.vitsonpay_slide_wrap .vitsonpay_slide_info button div {
	text-align: center;
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -30%);
	width: 100%;
}

.vitsonpay_slide_wrap .swiper-slide.swiper-slide-active button {
	border-color: #ff5452;
}

.vitsonpay_slide_wrap .vitsonpay_slide_info.swiper-slide-active button .vitsonpay_slide_info_nocard {
	transform: translate(-50%, -70%);
}

.vitsonpay_slide_wrap .vitsonpay_slide_info button .vitsonpay_slide_info_nocard {
	transform: translate(-50%, -50%);
}

.vitsonpay_slide_wrap .vitsonpay_slide_info.vitsonpay_slide_info_plus button p {
	transform: translate(-50%, -100%);
}

.vitsonpay_slide_wrap .vitsonpay_slide_info.vitsonpay_slide_info_plus button div {
	transform: translate(-50%, 50%);
}

.vitsonpay_slide_wrap .vitsonpay_slide_card.swiper-slide-active .vitsonpay_slide_card_name,
.vitsonpay_slide_wrap .vitsonpay_slide_card.swiper-slide-active .vitsonpay_slide_card_close {
	display: inline-block;
	transition: all .3s;
	/*transform: scale(0.8);*/
}

.vitsonpay_slide_wrap .vitsonpay_slide_card.swiper-slide-active .vitsonpay_slide_card_close {
	transform: translate(0, -50%);
}

.vitsonpay_slide_wrap .vitsonpay_slide_card .vitsonpay_slide_card_expiry {
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0%);
}

.vitsonpay_slide_wrap .vitsonpay_slide_card .vitsonpay_slide_card_name {
	border-radius: 50%;
	border: 1px solid #17ad89;
	background-color: #17ad89;
	color: #fff;
	padding: 5px;
	position: absolute;
	top: -6px;
	right: -10px;
	display: none;
	box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.28), 0px 0px 1px 0px rgba(0, 0, 0, 0.45);
}

.vitsonpay_slide_wrap .vitsonpay_slide_card .vitsonpay_slide_card_nickname {
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -220%);
}

.vitsonpay_slide_wrap .vitsonpay_slide_card .vitsonpay_slide_info.vitsonpay_slide_info_plus:before {
	display: none;
}

.vitsonpay_slide_wrap .vitsonpay_slide_card .vitsonpay_slide_card_name span {
	font-size: 0;
}

.vitsonpay_slide_wrap .vitsonpay_slide_card .vitsonpay_slide_card_close {
	position: absolute;
	top: 50%;
	right: -10px;
	padding: 5px;
	border: 1px solid #999;
	border-radius: 50%;
	background-color: #fff;
	display: none;
	box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.28), 0px 0px 1px 0px rgba(0, 0, 0, 0.45);
}

.vitson_pay_payment {
	margin: 20px 0 0 0;
	border-top: 1px solid #ddd;
	padding: 10px 0 0 0;
}

.vitson_pay_payment .vitson_pay_payment_type {
	display: flex;
	align-items: center;
	padding: 5px 0;
	gap: 0 10px;
}

.vitson_pay_payment .vitson_pay_payment_type .vitson_pay_payment_tit {
	min-width: calc(100% - 70%);
}

.vitson_pay_payment .vitson_pay_nickname_type {
	display: flex;
	align-items: center;
	padding: 5px 0;
	gap: 0 10px;
}

.vitson_pay_payment .vitson_pay_nickname_type .vitson_pay_nickname_tit {
	min-width: calc(100% - 70%);
}

.vitson_pay_payment .vitson_pay_installment_type {
	display: flex;
	align-items: center;
	padding: 5px 0;
	gap: 0 10px;
}

.vitson_pay_payment .vitson_pay_installment_type .vitson_pay_installment_tit {
	min-width: calc(100% - 70%);
}

.vitson_pay_payment .vitson_pay_installment_type #noint {
	border-radius: 3px;
	border: 1px solid #e0e0e0;
	padding: 5px 30px 5px 10px;
	min-height: 30px;
	font-size: 14px;
	width: 245px;
}

.vitsonpay_mypage {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	cursor: pointer;
}

.oneLink_txt {
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 16px
}

.oneLink_box_top {
	margin: 30px auto;
	margin-bottom: 200pt;
	text-align: center
}

.oneLink_box {
	margin: 30px auto;
	margin-bottom: 30pt;
	text-align: center
}

/* 상품 단가인하요청 */
.price_nego_btn_box {
	display: flex;
}

.price_nego_btn_box .btn_gray {
	font-size: 12px;
	padding: 1px 6px;
	margin: 2px;
	border: 1px solid transparent;
	vertical-align: middle;
	background: #353535;
	color: #fff;
}

.price_nego_list .board_item {
	width: 100%;
}

.price_nego_list .board_item .date {
	bottom: 10px;
	display: flex;
	justify-content: space-between;
	width: 80%;
}

.price_nego_list .board_item .date .date_day {
	font-size: 12px;
}

.sub_container .board_write_form.board_nego_write_form .write_row + .write_row {
	padding-top: 15px;
	border-top: 1px solid #ddd;
}

.board_write_form + .board_body.board_nego_write_body {
	height: auto;
	min-height: 480px;
}

.board_write_form + .board_body.board_nego_write_body .sun-editor .se-toolbar.se-toolbar-sticky {
	position: static;
}

.board_write_form + .board_body.board_nego_write_body .sun-editor .se-toolbar-sticky-dummy {
	display: none !important;
}

.component-list .file-list {
	display: flex;
	width: 100%;
}

.component-list .file-list-info {
	float: none !important;
	min-width: 120px;
}

.component-list .file-list ul#image_list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 3px;
}

.component-list .file-list ul#image_list li {
	max-height: 60px;
	border: 1px solid #d3d3d3;
	margin: 0;
}

.component-list .file-list ul#image_list li .image-wrapper {
	padding: 5px 2px;
	margin: 0 auto;
}

.component-list .file-list ul#image_list li .image-size {
	padding: 0 0 0 5px;
}

.component-list .file-list ul#image_list li img {
	object-fit: contain;
	aspect-ratio: 16 / 9;
}

.component-list .file-list-info .xefu-btn.btn_add_g {
	border-radius: 3px;
	border: 0;
	background: #353535;
}

.component-list .file-list-info .xefu-btn.btn_add_g i {
	margin: -2px 1px 0 0;
	vertical-align: middle;
}

.component-list .file-list-info .xefu-btn.btn_add_g .files-text {
	padding: 0 !important;
	margin: 0 !important;
	color: #fff;
}

.component-list .file-list-info .files-input {
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 98px;
}

.component-list .component-file-list {
	display: flex;
	width: 100%;
}

/* 37주년 설문조사 레이어팝업 */
body.no-scroll {
	overflow: hidden;
}

.layer_questionnaire_pop {
	display: none;
	width: 90%;
	height: auto;
	position: fixed;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	z-index: 9999;
}

.layer_questionnaire_pop.active {
	display: block;
}

.layer_questionnaire_pop .layer_questionnaire_wrap {
	position: relative;
}

.layer_questionnaire_pop .layer_questionnaire_close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.layer_questionnaire_pop .layer_questionnaire_close .layer_questionnaire_close_btn {
	border: 0;
	background-color: transparent;
	cursor: pointer;
	color: #fff;
	font-size: 30px;
	display: flex;
}

.layer_questionnaire_pop .layer_questionnaire_txt a {
	display: block;
}

.layer_questionnaire_pop .layer_questionnaire_txt a img {
	width: 100%;
	height: auto;
	border-radius: 5px 5px 0 0;
}

.layer_questionnaire_pop .layer_questionnaire_footer {
	text-align: center;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	border: solid #ddd;
	border-width: 0 1px 1px 1px;
}

.layer_questionnaire_pop .layer_questionnaire_footer input[type='checkbox'] {
	margin: 0 10px 0 0;
	position: relative;
	top: 1px;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.layer_questionnaire_pop .layer_questionnaire_footer label {
	cursor: pointer;
	font-size: 14px;
	color: #222;
	line-height: 18px;
}

.layer_questionnaire_pop .layer_questionnaire_footer .questionnaire_chk:before {
	transition: all 0.3s ease-in-out;
	content: "";
	position: absolute;
	left: 0;
	z-index: 1;
	width: 16px;
	height: 16px;
	border: 2px solid #f2f2f2;
}

.layer_questionnaire_pop .layer_questionnaire_footer .questionnaire_chk:checked:before {
	transform: rotate(-45deg);
	height: 8px;
	border-color: #009688;
	border-top-style: none;
	border-right-style: none;
}

.layer_questionnaire_pop .layer_questionnaire_footer .questionnaire_chk:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 18px;
	height: 18px;
	background: #fff;
	cursor: pointer;
}

.layer_questionnaire_background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	display: none;
}

/* URL 공유하기 */
.share_layer_btn_box {
	display: flex;
}

.share_layer_btn_box .btn_gray {
	padding: 1px 6px;
	border-width: 1px;
	font-size: 12px;
	margin: 2px;
}

.share_layer_btn_box .btn_gray i {
	margin: 0 3px 0 0;
}

.share_layer_popup {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	visibility: hidden;
	transition: all 0.4s ease;
	z-index: 1000;
}

.share_layer_popup.open {
	bottom: 0;
	visibility: visible;
}

.share_layer_popup .share_layer_popup_tit {
	background-color: #17ad89;
	padding: 10px 20px;
	position: relative;
	border-radius: 8px 8px 0 0;
}

.share_layer_popup .share_layer_popup_tit h3 {
	color: #fff;
	font-size: 15px;
	font-weight: normal;
}

.share_layer_popup .share_layer_popup_inner {
	background: #fff;
	border-radius: 10px 10px 0 0;
	width: 100%;
	max-width: 480px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	text-align: center;
	z-index: 15;
}

.share_layer_popup .share_layer_popup_content {
	padding: 20px;
}

.share_layer_popup .share_layer_popup_content ul {
	display: flex;
	justify-content: space-around;
}

.share_layer_popup .share_layer_popup_content button {
	border: none;
	background: none;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px 0;
}

.share_layer_popup .share_layer_popup_content .share_btn_box {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
}

.share_layer_popup .share_layer_popup_content .share_btn_box.share_kakao {
	background: #ffeb00;
	font-size: 30px;
}

.share_layer_popup .share_layer_popup_content .share_btn_box.share_link {
	background: #f3f3f3;
}

.share_layer_popup .share_dimmed {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 13;
	background-color: #000;
	opacity: .5;
}

.share_layer_popup .share_close_btn {
	position: absolute;
	top: 50%;
	right: 10px;
	color: #fff;
	font-size: 20px;
	background: transparent;
	border: none;
	z-index: 16;
	transform: translate(0, -50%);
}

/* URL 공유하기 토스트 메시지 */
.share_toast_message {
	position: fixed;
	bottom: -50px;
	right: 20px;
	background: #333;
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	opacity: 0;
	z-index: 1000;
	transition: all 0.4s ease;
}

.share_toast_message.show {
	bottom: 30px;
	opacity: 1;
}

@-webkit-keyframes slideUp {
	0% {
		transform: translateY(6.25rem);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(6.25rem);
	}
	100% {
		transform: translateY(0);
	}
}

/* 통합검색 외부노출 */
.integration_search_wrap {
	display: flex;
	padding: 0 15px 5px;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #eee;
	background-color: #17ad89;
}

.integration_search_wrap .integration_search_label {
	width: auto;
	font-size: 14px;
	color: #008766;
	display: flex;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 45px;
	z-index: 2;
	font-weight: 500;
}

.integration_search_wrap .integration_search_icon {
	font-size: 20px;
	color: #999;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	z-index: 2;
}

.integration_search_wrap .open_search {
	position: relative;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	width: 100%;
}


/* 기획전 행 스타일 - 동적 개수 지원 */
.ban_box.exhibition_box .exhibition_row {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	width: 100% !important;
	margin: 0 15px 25px 15px !important;
	clear: both !important;
	overflow: hidden !important;
}

.ban_box.exhibition_box .exhibition_row .ban_img {
	flex: 0 0 calc((100% - 30px) / var(--exhibition-disp-cnt, 4)) !important;
	max-width: calc((100% - 30px) / var(--exhibition-disp-cnt, 4)) !important;
	width: calc((100% - 30px) / var(--exhibition-disp-cnt, 4)) !important;
	padding: 0 8px !important;
	box-sizing: border-box !important;
	display: block !important;
	float: none !important;
	margin: 0 !important;
	margin-bottom: 15px !important;
}


.ban_box .exhibition_row .ban_img a {
	display: block;
	text-align: center;
}

.ban_box .exhibition_row .ban_img img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}

.ban_box .exhibition_row .ban_img span {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.2;
	color: #333;
}

.sub_container .chk_box {
	display: flex;
	flex-direction: column;
	gap: 10px 0;
	margin: 10px 0 0 0;
}

.sub_container .chk_box .chk_input {
	width: 100%;
	padding: 12px;
	height: 50px;
	line-height: 48px;
	border: 1px solid #dddddd;
	appearance: none;
}

.sub_container .chk_box label {
	position: relative;
}

.sub_container .chk_box .login_pw_eye {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
}

/* 할인권 관련 CSS - 모바일 */
.coupon_apply_list .btn_download_after_apply {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 8px;
	color: #212529;
	border: 1px solid #28a745;
	text-align: center;
	background: #28a745;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
}

.sub_container .chk_box .login_pw_eye i {
	font-size: 18px;
}

.sub_container .chk_btn_group {
	width: 100%;
	display: flex;
	gap: 0 5px;
}

/* ========================= 그리드 접기/펼치기 공통 스타일 { */
/* 옵션 그리드 더보기/접기 버튼 스타일 */
.opt_toggle_area,
.grid_toggle_area {
	border-top: 1px solid #e5e5e5;
	background-color: #f9f9f9;
}

.btn_toggle {
	background: none;
	border: none;
	color: #666;
	font-size: 14px;
	cursor: pointer;
	padding: 8px 15px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	transition: color 0.2s ease;
}

.btn_toggle:hover {
	color: #333;
}

.btn_toggle .toggle_icon {
	font-size: 16px;
	transition: transform 0.2s ease;
}

.btn_toggle:hover .toggle_icon {
	transform: scale(1.1);
}

/* } 그리드 접기/펼치기 공통 스타일 ========================= */

.sub_container .chk_btn_group button {
	flex: 1 auto;
}

/* 평점 통계 팝업 스타일 */
.rating_popup_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: none;
}

.rating_popup_overlay .rating_popup_content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	width: 400px;
	max-width: 90vw;
	max-height: 90vh;
	overflow: hidden;
}

.rating_popup_overlay .rating_popup_header {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.rating_popup_overlay .rating_popup_header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.rating_popup_overlay .rating_popup_close {
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
}

.rating_popup_overlay .rating_popup_close:hover {
	color: #333;
}

.rating_popup_overlay .rating_popup_body {
	padding: 0 20px 20px;
}

.rating_popup_overlay .rating_summary {
	text-align: center;
	margin-bottom: 30px;
}

.guest_info_wrap .guest_n_link:hover {
	color: #17ad89;
}

.mobile_gallery {
	position: relative;
	display: inline-flex;
	width: 120px;
	height: 120px;
	border-radius: 8px;
	overflow: hidden;
	touch-action: pan-x;
}

/* 단순 모바일 갤러리 */
.mobile_gallery_main {
	pointer-events: auto;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.mobile_gallery_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	cursor: pointer;
}

.mobile_play_button {
	pointer-events: auto;
	transition: transform 0.2s ease;
}

.mobile_play_button:hover {
	transform: translate(-50%, -50%) scale(1.1);
}

.mobile_gallery_indicators .mobile_indicator {
	font-size: 8px;
	color: rgba(255, 255, 255, 0.7);
}

.mobile_gallery_indicators .mobile_indicator.active {
	color: #fff;
	border-color: #fff;
}

.mobile_gallery_indicators {
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 6px;
	z-index: 8;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.mobile_gallery_indicators.active {
	opacity: 1;
}

.mobile_indicator {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.mobile_indicator.active {
	transform: scale(1.2);
}

.mobile_video_item {
	position: relative;
}

.mobile_video_container {
	position: relative;
	width: 100%;
	height: 100%;
}

.mobile_play_button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.8);
	color: white;
	font-size: 18px;
	cursor: pointer;
	z-index: 999;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
	user-select: none;
}

.mobile_play_button:hover {
	background: rgba(0, 0, 0, 0.9);
	transform: translate(-50%, -50%) scale(1.1);
}

.mobile_play_button::before {
	content: '▶';
	margin-left: 2px;
	font-size: 14px;
}

.mobile_video_container {
	position: relative;
	width: 100%;
	height: 100%;
	pointer-events: auto;
	cursor: pointer;
}

.mobile_video_thumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
	pointer-events: auto;
}

.mobile_video_item {
	position: relative;
	cursor: pointer;
}

.cart_area .prd_info_area .thumb.mobile_gallery {
	height: 120px;
}

.chest_thumb.mobile_gallery,
.prd_info_area .thumb.mobile_gallery {
	height: auto;
}

.basket_list_wrap .prd_info_area .thumb.mobile_gallery {
	max-height: 120px;
	min-height: 120px;
}

@media (min-width: 370px) {
	.basket_list_wrap .prd_info_area .thumb.mobile_gallery {
		max-height: 130px;
		min-height: 130px;
	}
}

@media (min-width: 400px) {
	.basket_list_wrap .prd_info_area .thumb.mobile_gallery {
		max-height: 135px;
		min-height: 135px;
	}
}

@media (min-width: 430px) {
	.basket_list_wrap .prd_info_area .thumb.mobile_gallery {
		max-height: 140px;
		min-height: 140px;
	}
}

.rating_popup_overlay .average_rating {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.rating_popup_overlay .rating_stars {
	font-size: 24px;
}

.rating_popup_overlay .rating_stars .star.filled {
	color: #ff9600;
}

.rating_popup_overlay .rating_stars .star.empty {
	color: #ddd;
}

.rating_popup_overlay .rating_stars .star-container {
	position: relative;
	display: inline-block;
}

.rating_popup_overlay .rating_stars .filled-overlay {
	position: absolute;
	top: 0;
	left: 0;
	color: #ff9600;
	overflow: hidden;
	white-space: nowrap;
}

.rating_popup_overlay .rating_number {
	font-size: 28px;
	font-weight: 700;
	color: #333;
}

.rating_popup_overlay .rating_number_base {
	font-size: 28px;
	font-weight: 700;
	color: #ddd;
}

.rating_popup_overlay .total_reviews {
	color: #666;
	font-size: 14px;
}

.rating_popup_overlay .rating_breakdown {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.rating_popup_overlay .rating_bar_item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.rating_popup_overlay .rating_label {
	width: 40px;
	font-size: 13px;
	color: #666;
	text-align: right;
}

.rating_popup_overlay .rating_bar {
	flex: 1;
	height: 8px;
	background-color: #f0f0f0;
	border-radius: 4px;
	overflow: hidden;
}

.rating_popup_overlay .rating_fill {
	height: 100%;
	background-color: #ff9600;
	transition: width 0.3s ease;
}

.rating_popup_overlay .rating_count {
	width: 30px;
	text-align: right;
	font-size: 13px;
	color: #666;
}

/* 그리드 평점 링크 스타일 */
.rating_link {
	color: #ff9600 !important;
	text-decoration: none;
}

.rating_link:hover {
	text-decoration: underline;
}

.rating_link .rating_display {
	font-weight: 600;
}

/* 하이브리드 평점 표시 스타일 */
.rating_hybrid {
	text-align: center;
	line-height: 1.3;
}

/* 평점 표시 영역 */
.rating_display_area_wrap {
	display: flex;
	gap: 0 5px;
}

.rating_display_area .rating_hybrid {
	display: flex;
	align-items: center;
	gap: 0 5px;
}

/* 평점 로딩 스피너 */
.rating_loading {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 40px;
}

.rating_loading .spinner {
	width: 20px;
	height: 20px;
	border: 2px solid #f3f3f3;
	border-top: 2px solid #ff9600;
	border-radius: 50%;
	animation: rating_spin 1s linear infinite;
}

@keyframes rating_spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.rating_score {
	display: inline-block;
	color: #ff9600;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 2px;
}

.rating_detail_link {
	color: #666 !important;
	text-decoration: none;
	font-size: 11px;
	font-weight: 400;
}

.rating_detail_link:hover {
	color: #ff9600 !important;
	text-decoration: underline;
}

/* 평점 없음 상태 스타일 */
.rating_popup_overlay .no_rating_message {
	text-align: center;
	padding: 30px 20px;
	color: #666;
	line-height: 1.5;
}

.rating_popup_overlay .no_rating_message p {
	margin: 5px 0;
}

.rating_popup_overlay .no_rating_message p:first-child {
	font-weight: 600;
	color: #333;
}

.rating_popup_overlay .average_rating.no_rating .rating_number {
	color: #999;
}

.rating_popup_overlay .average_rating.no_rating .total_reviews {
	color: #999;
}

/* 내 평점 팝업 전용 스타일 */
.rating_popup_overlay .my_rating_popup .my_rating_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.rating_popup_overlay .my_rating_popup .my_rating_item:last-child {
	border-bottom: none;
}

.rating_popup_overlay .my_rating_popup .question_text {
	flex: 1;
	font-size: 14px;
	color: #333;
	padding-right: 15px;
	word-break: keep-all;
	line-height: 1.4;
}

.rating_popup_overlay .my_rating_popup .stars_score_wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 120px;
	justify-content: flex-end;
}

.rating_popup_overlay .my_rating_popup .stars_display {
	font-size: 16px;
}

.rating_popup_overlay .my_rating_popup .score_text {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	min-width: 30px;
	text-align: right;
}

/* 별점 색상 수정 */
.rating_popup_overlay .my_rating_popup .stars_display .star {
	color: #ffc107 !important;
}

.rating_popup_overlay .my_rating_popup .stars_display .star.empty {
	color: #e0e0e0 !important;
}

.prd_table_survey_tb_wrap {
	margin: 10px 0 0 0;
}

.prd_table_survey_tb_wrap .rating-cell {
	display: flex;
}

/* 모바일 카드형 레이아웃 */
.survey_card_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.survey_card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 10px 15px;
}

.survey_card_body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.survey_question {
	flex: 1;
	font-size: 14px;
	color: #333;
}

.survey_rating {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

/* 저장 유도 토스트 */
.app_toast {
	position: fixed;
	left: 50%;
	bottom: 72px;
	transform: translateX(-50%);
	background: rgba(33, 33, 33, .92);
	color: #fff;
	padding: 20px 15px;
	border-radius: 5px;
	font-size: 13px;
	display: none;
	z-index: 9999;
	width: 100%;
}

.app_toast .toast_action {
	margin-left: 10px;
	color: #ffd34d;
	font-weight: 600;
	text-decoration: underline;
}

/* 모바일 리스트 카드형 */
.survey_grid_table {
	border: 0;
	border-color: rgba(0, 0, 0, .08);
}

.survey_grid_table .k-grid-header {
	display: none;
}

.survey_grid_table tr.k-master-row td {
	padding: 0;
	background-color: transparent;
}

.survey_grid_table tbody tr.k-state-hover,
.survey_grid_table tbody tr:hover {
	background-color: #fff;
}

.survey_grid_table .k-card-cell {
	padding: 0 !important;
	border: none !important;
}

.survey_list_card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 20px 15px;
	margin: 8px 0;
}

.survey_list_card .row1 {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
	margin-bottom: 10px;
}

.survey_list_card .row1 .card_title_link {
	font-weight: 600;
	color: #222;
	text-decoration: none;
	font-size: 14px;
	text-align: left;
}

.survey_list_card .row1 .end_date {
	color: #888;
	font-size: 12px;
	min-width: 20%;
}

.survey_list_card .row2 {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	align-items: center;
}

.survey_list_card .row2 .status {
	color: #666;
	font-size: 13px;
}

.survey_list_card .row2 .rating_link {
	color: #ff9600 !important;
	text-decoration: none;
}

.survey_list_card .row2 .rating_link:hover {
	text-decoration: underline;
}

/* 전체 수량할인 정보 카드 스타일 */
.dcInfo_card_full {
	border-radius: 4px;
	padding: 4px 0;
	margin: 4px 0;
	box-shadow: 0px 1px 3px rgba(255, 140, 66, 0.1);
	transition: all 0.2s ease;
}

.dcInfo_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
	gap: 3px;
}

.dcInfo_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 2px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 2px;
	gap: 2px 0;
	border: 1px solid #ff8c42;
}

.dcInfo_grid .dcInfo_range {
	color: #8B4513;
	font-size: 13px;
	line-height: 1.1;
	margin-bottom: 1px;
}

.dcInfo_grid .dcInfo_price {
	color: #ff6b35;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.1;
}

.dcInfo_card_full.dcInfo_card_thumb {
	float: right;
}

.dcInfo_card_full.dcInfo_card_thumb .dcInfo_grid {
	display: flex;
	flex-wrap: wrap;
}

/* } 수량할인 정보 카드 스타일 ========================= */

/* 최대 할인율 */

.max_discount_section .max_discount_controls {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 20px 0 0 0;
}

.max_discount_section .max_discount_controls #btnMaxDiscount {
	background-color: #ff0038;
	color: #fff;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 500;
	height: auto;
	vertical-align: top;
	position: relative;
	box-shadow: 0 2px 4px rgba(255, 0, 56, 0.3);
	transition: all 0.2s ease;
	font-size: 14px;
	padding: 8px 6px;
	width: 100%;
}

.max_discount_section .max_discount_controls #btnMaxDiscount:hover,
.max_discount_section .max_discount_controls #btnMaxDiscount:focus,
.max_discount_section .max_discount_controls #btnMaxDiscount:active {
	background-color: #f2002f;
}

.max_discount_section .max_discount_controls #maxDiscountResult {
	display: none;
	margin-top: 15px;
	padding: 15px;
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	border-radius: 6px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.max_discount_section .max_discount_controls #maxDiscountResult .discount_summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.max_discount_section .max_discount_controls .discount_summary .discount_summary_txt_box {
	margin-right: 10px;
}

.max_discount_section .max_discount_controls .discount_summary .discount_summary_txt_box .discount_summary_txt {
	font-weight: bold;
	color: #155724;
}

.max_discount_section .max_discount_controls .discount_summary .discount_summary_txt_box .discount_summary_num {
	font-size: 18px;
	color: #dc3545;
}

.max_discount_section .max_discount_controls .discount_summary #btnApplyMaxDiscount {
	padding: 8px 16px;
	background-color: #28a745;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	margin-top: 5px;
}

.max_discount_section .max_discount_controls #appliedCoupons {
	margin-top: 10px;
	font-size: 13px;
	color: #155724;
}

.max_discount_section .max_discount_controls #maxDiscountDetails {
	margin-top: 10px;
}

.max_discount_section .max_discount_controls #maxDiscountDetails {
	margin-top: 10px;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_top {
	margin-top: 10px;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box .max_discount_details_box_list {
	padding: 10px;
	border-radius: 4px;
	box-sizing: border-box;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_list_code {
	font-weight: bold;
	color: #007bff;
	margin-bottom: 5px;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_list_num {
	font-size: 12px;
	color: #28a745;
	margin-bottom: 5px;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_list_curt {
	font-size: 11px;
	color: #495057;
	margin-bottom: 5px;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_list_curt span {
	text-decoration: line-through;
	color: #6c757d;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_list_curt strong {
	color: #dc3545;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_list_coupon {
	margin: 3px 0;
	padding: 5px 8px;
	background: white;
	border-radius: 3px;
	font-size: 11px;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_list_coupon .max_discount_details_list_coupon_tit {
	font-weight: 500;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_list_coupon .max_discount_details_list_coupon_txt {
	color: #666;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_list_coupon .max_discount_details_list_coupon_info {
	font-size: 10px;
	font-weight: bold;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_coupon_info_all {
	margin: 10px 0;
	padding: 10px;
	background: #e8f5e8;
	border: 1px solid #c3e6cb;
	border-radius: 4px;
	text-align: center;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_coupon_info_all strong {
	color: #155724;
}

.max_discount_section .max_discount_controls #maxDiscountDetails .max_discount_details_box_list .max_discount_details_coupon_info_no {
	color: #888;
	text-align: center;
	padding: 20px;
}

.coupons_pop {
	display: none;
}

.coupons_pop .coupons_pop_wrap {
	/*padding: 20px;*/
}

.coupons_pop .coupons_pop_wrap .coupons_pop_tit_box {
	text-align: center;
	/*margin-bottom: 20px;*/
}

.coupons_pop .coupons_pop_wrap .coupons_pop_tit_box h3 {
	color: #28a745;
	margin: 0 0 10px 0;
}

.coupons_pop .coupons_pop_wrap .coupons_pop_tit_box .coupons_pop_tit_num {
	font-size: 18px;
	font-weight: bold;
	color: #dc3545;
}

.coupons_pop .coupons_pop_wrap .coupons_pop_download_info {
	margin: 10px 0;
}

.coupons_pop .coupons_pop_wrap .coupons_pop_download_info h4 {
	color: #ff6b00;
	margin-bottom: 15px;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item {
	margin: 10px 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff8dc;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item:first-child {
	margin-top: 0;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item:last-child {
	margin-bottom: 0;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_wrap {
	flex: 1;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_wrap .coupons_pop_list_item_txt {
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_wrap .coupons_pop_list_item_code {
	background: #ffc107;
	color: #212529;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 5px;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_wrap .coupons_pop_list_item_info {
	color: #e74c3c;
	font-weight: bold;
	margin-bottom: 5px;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_wrap .coupons_pop_list_item_prod {
	color: #666;
	font-size: 12px;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_right {
	margin-left: 15px;
	display: flex;
	flex-direction: column;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_right .coupons_pop_list_item_code_input {
	margin-bottom: 8px;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_right .coupon-code-input-popup {
	width: 130px;
	padding: 6px 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 13px;
	box-sizing: border-box;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_right .btn-code-input-download,
.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_right .btn-individual-download {
	padding: 8px 16px;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	white-space: nowrap;
	font-weight: bold;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_right .btn-code-input-download {
	background-color: #ffc107;
	color: #212529;
}

.coupons_pop .coupons_pop_wrap .coupon-list .coupon-item .coupons_pop_list_item_right .btn-individual-download {
	background-color: #007bff;
	color: #fff;
}

.coupons_pop .coupons_pop_wrap .coupons_pop_info_box {
	text-align: center;
	margin-top: 10px;
}

.coupons_pop .coupons_pop_wrap .coupons_pop_info_box .coupons_pop_info_box_tit {
	color: #666;
	margin-bottom: 15px;
	text-align: left;
}

.coupons_pop .coupons_pop_wrap .coupons_pop_info_box .coupons_pop_info_box_tit small {
	color: #ffc107;
	font-weight: bold;
}

.coupons_pop .coupons_pop_wrap #btnDownloadCoupons,
.coupons_pop .coupons_pop_wrap #btnSkipDownload {
	padding: 8px 16px;
	color: #fff;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
}

.coupons_pop .coupons_pop_wrap #btnDownloadCoupons {
	background-color: #28a745;
	margin-right: 10px;
}

.coupons_pop .coupons_pop_wrap #btnSkipDownload {
	background-color: #6c757d;
}

/* 켄도 최신화 수정 */
.k-button,
.k-button-secondary {
	border-color: rgba(0, 0, 0, .08);
	color: #424242;
	background-color: #f5f5f5;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .02));
}

.k-button.k-rounded-md {
	border-color: rgba(0, 0, 0, .08);
}

.k-input.k-datepicker,
.k-input.datepicker {
	border-color: rgba(0, 0, 0, .08);
	color: #424242;
	background-color: #fff;
}

.k-input-inner {
	margin: 0;
	padding: 4px 8px;
	width: 100%;
	min-width: 0;
	height: calc(1.4285714286em + 8px);
	border: 0;
	outline: 0;
	box-sizing: border-box;
	box-shadow: none;
	color: inherit;
	background: 0 0;
	font: inherit;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	flex: 0 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
}

.k-input-md .k-input-inner,
.k-picker-md .k-input-inner {
	padding: 4px 8px;
}

.k-datepicker .k-button-md.k-icon-button,
.k-timepicker .k-button-md.k-icon-button {
	padding: 4px 4px;
}

.k-input-button {
	width: calc(1.4285714286em + 8px);
}

.k-input,
.k-picker,
.k-picker-solid {
	border-color: rgba(0, 0, 0, .08);
	color: #424242;
	background-color: #f5f5f5;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .02));
}

.k-dropdownlist.selectbox .k-input-inner {
	background-color: #fff;
	height: auto;
}

.k-animation-container .k-list-item.k-selected,
.k-animation-container .k-selected.k-list-optionlabel {
	color: #fff;
	background-color: #ff6358;
	border-color: #ff6358;
}

.k-dropdownlist.selectbox .k-button:active,
.k-button:active {
	background-color: transparent;
	border-color: transparent;
}

.k-listbox,
.k-list-md {
	font-size: 14px;
	min-height: 1.4285714286em;
	line-height: 1.4285714286em;
}

.k-prompt-container,
.k-window-content {
	padding: 16px 16px;
	border-width: 0;
	border-color: inherit;
	color: inherit;
	background: 0 0;
	outline: 0;
	overflow: auto;
	position: relative;
	flex: 1 1 auto;
}

.k-window-actions {
	margin: 0;
}

.k-actions-stretched.k-action-buttons .k-button,
.k-actions-stretched.k-columnmenu-actions .k-button,
.k-actions.k-actions-stretched .k-button {
	max-width: max-content;
}

.k-dialog-actions .k-button.k-rounded-md.k-button-solid-primary {
	border-color: #ff6358;
	color: #fff;
	background-color: #ff6358;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .04));
}

.grid_table2.k-grid {
	border-color: rgba(0, 0, 0, .08);
	color: #424242;
	background-color: #fff;
	font-size: 12px;
}

.grid_table2.k-grid .k-grid-header {
	color: #424242;
	background-color: #fafafa;
	border-color: rgba(0, 0, 0, .08);
}

.grid_table2.k-grid .k-grid-header .k-table-th {
	font-size: 12px;
}

.grid_table2.k-grid .k-table-td {
	padding: 8px 12px;
	border-style: solid;
	outline: 0;
	font-weight: inherit;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	border-width: 0 0 0 1px;
	vertical-align: middle;
	border-color: rgba(0, 0, 0, .08);
	font-size: 12px;
}

.grid_table2.k-grid .k-table-td:first-child {
	border-left-width: 0;
}

.grid_table2.k-grid .k-grid-content .k-table-row:last-child .k-table-td {
	border-bottom-width: 0;
}

.prd_list_type .k-grid.k-grid-md {
	border-color: rgba(0, 0, 0, .08);
	color: #424242;
	background-color: #fff;
}

.prd_list_type .k-grid.k-grid-md .k-table-td {
	border-color: rgba(0, 0, 0, .08);
	padding: 8px 12px;
	border-style: solid;
	outline: 0;
	font-weight: inherit;
	text-align: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prd_list_type .k-grid.k-grid-md .k-grid-header {
	background-color: #fafafa;
	border-color: rgba(0, 0, 0, .08);
}

.k-grid-header,
.k-grouping-header,
.k-grid-add-row,
.k-grid-footer {
	border-color: rgba(0, 0, 0, .08);
	color: #424242;
	background-color: #fafafa;
}

.k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link .k-column-title,
.k-grid-md .k-table-th > .k-cell-inner > .k-link .k-column-title {
	color: #424242;
}

.grid_table2.k-grid .k-footer-template.k-table-row .k-table-td {
	color: #424242;
	font-weight: 700;
}

#cargo_window .window_search_bar .k-picker .k-input-inner .k-input-value-text,
#cargo_window .window_search_bar .k-dropdownlist .k-input-inner .k-input-value-text {
	font-size: 14px;
}

#cargo_window .grid_table {
	border-color: rgba(0, 0, 0, .08);
	border-top-width: 1px;
	font-family: 'Noto Sans KR', 'malgun gothic', dotum, gulim, arial, 'apple gothic', sans-serif;
}

#cargo_window .grid_table .k-grid-header .k-table-th {
	position: relative;
	vertical-align: bottom;
	cursor: default;
	padding: 8px 12px;
	border-width: 0 0 1px 1px;
	white-space: nowrap;
	border-color: rgba(0, 0, 0, .08);
}

#cargo_window .grid_table .k-table-th > .k-cell-inner > .k-link .k-column-title {
	font-size: 12px;
	text-align: left;
}

#cargo_window .grid_table .k-table-row.k-table-alt-row.k-alt {
	background-color: rgba(0, 0, 0, .04);
}

#cargo_window .grid_table td.k-table-td {
	border-color: rgba(0, 0, 0, .08);
	padding: 8px 12px;
	border-style: solid;
	outline: 0;
	font-weight: inherit;
	text-align: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	line-height: 1.4285714286;
}

#cargo_window .grid_table .k-table-tbody {
	border-color: rgba(0, 0, 0, .08);
	border-top-width: 1px;
	font-family: 'Noto Sans KR', 'malgun gothic', dotum, gulim, arial, 'apple gothic', sans-serif;
}