/**
 * [엘리먼트]
 *
 * @format
 */

 .ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ellipsis2,
.ellipsis3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.ellipsis2 {
	-webkit-line-clamp: 2;
}
.ellipsis3 {
	-webkit-line-clamp: 3;
}
.align-l {
	text-align: left;
}
.align-r {
	text-align: right;
}
/* form-select,textfield,textarea */
.bk-select,
.bk-textfield,
.bk-textarea {
	display: inline-flex;
	vertical-align: top;
}
.bk-select.column,
.bk-textfield.column,
.bk-textarea.column {
	flex-direction: column;
}
.bk-select label,
.bk-textfield label,
.bk-textarea label {
	display: inline-flex;
	margin: 10px 10px 0 0;
}
.bk-select.column label,
.bk-textfield.column label,
.bk-textarea.column label {
	margin: 0 0 10px 0;
}
.bk-textfield .iText:not(:disabled, :read-only):active,
.bk-textfield .iText:not(:disabled, :read-only):focus,
.bk-textfield.is-focus .iText:not(:disabled, :read-only),
.bk-textarea .iTextarea:not(:disabled, :read-only):active,
.bk-textarea .iTextarea:not(:disabled, :read-only):focus,
.bk-textarea.is-focus .iTextarea:not(:disabled, :read-only),
.bk-select .nice-select:not(:disabled):active,
.bk-select .nice-select:not(:disabled):focus,
.bk-select .nice-select.open {
	border-color: #0175e4;
	background-color: #f2fafe;
}
.bk-select.is-required .nice-select,
.bk-textfield.is-required .iText,
.bk-textarea.is-required .iTextarea {
} /* 필수 */
.bk-textfield.is-disabled .iText,
.bk-textarea.is-disabled .iTextarea {
	background-color: #f0f0f0;
	border-color: #ddd;
	color: #bbb;
} /* disabled */
.bk-textfield.is-readonly .iText,
.bk-textarea.is-readonly .iTextarea {
	background-color: #f0f0f0;
	border-color: #bbb;
} /* readonly */
.bk-textfield input.iText[type="text"][readonly],
.bk-textarea input.iText[type="text"][readonly] {
	border-color:#ddd;
	background-color:#f0f0f0;
}/*20241028 디자인수정 */
.bk-textfield input.iText[type="text"][readonly] + .control-icon .bk-icon.bk-icon-sendPrimary,
.bk-textarea input.iText[type="text"][readonly] + .control-icon .bk-icon.bk-icon-sendPrimary {
	filter:saturate(0);
}/*20241028 디자인수정 */
.bk-select.is-error .nice-select,
.bk-textfield.is-error .iText,
.bk-textarea.is-error .iTextarea {
	border-color: var(--color-warning);
	color: var(--color-warning);
} /* 에러 */
.bk-control {
	display: inline-flex;
	flex-direction: column;
	flex-basis: 0;
	flex-grow: 1;
	position: relative;
}
.bk-control .control-field {
	position: relative;
}
.bk-control .control-field .control-icon,
.bk-control .control-field .control-btns {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.bk-control .control-field .control-icon.prepend-icon,
.bk-control .control-field .control-btns.prepend-btns {
	left: 0;
}
.bk-control .control-field .control-icon.append-icon,
.bk-control .control-field .control-btns.append-btns {
	display: inline-flex;
	right: 0;
}
.bk-textfield.has-clear .control-btns .icon-text-clear {
	display: none;
}
.bk-textfield.has-clear .iText:valid ~ .control-btns .icon-text-clear {
	display: inline-flex;
}
.bk-textfield.has-clear .control-btns .icon-search .bk-textfield.has-clear .iText {
	padding-right: 42px;
}
.bk-textfield .iText,
.bk-textarea .iTextarea,
.bk-select .nice-select {
	clear: both;
	display: block;
	float: left;
	position: relative;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	background-color: var(--color-white);
	border-radius: var(--radius-default);
	border: 1px solid var(--color-line);
	box-sizing: border-box;
	font-family: inherit;
	outline: none;
	font-size: var(--font-size-default);
	text-align: left;
}
.bk-textfield .iText,
.bk-select .nice-select,
.bk-select .bk-control > select {
	height: var(--size-default);
	line-height: var(--size-default);
	white-space: nowrap;
}
.bk-autoWidth .bk-control > select {
	word-wrap: normal;
	word-break: keep-all;
	font-size: 1.6rem;
}
.bk-textfield.textfield-masking .iText {
	padding-right: 44px;
}
/* 바이트 체크 */
.bk-byte {
	display: var(--d-flex);
	justify-content: var(--flex-content-end);
	margin-top: 8px;
	font-size: var(--font-size-default);
}
.bk-byte .byte-group {
	color: #999;
}
.bk-byte .byte-group .byte-current {
	color: var(--color-black);
	font-weight: 400;
}
/* 유효성 */
.bk-valid {
	display: var(--d-none);
	margin-top: 8px;
}
.grid-row .grid-column > .bk-valid {
	margin-top: 0;
}
.bk-valid.success,
.bk-valid.error {
	display: flex;
	align-items: center;
	font-size: var(--font-size-small);
}
.bk-valid.success::before,
.bk-valid.error::before {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background-image: url(../../img/web/icon-valid-error.svg);
	background-size: cover;
	content: "";
}
.bk-valid.success {
	color: var(--color-primary);
}
.bk-valid.error {
	color: var(--color-warning);
}
.bk-valid.success::before {
	filter: brightness(0) saturate(100%) invert(30%) sepia(24%) saturate(5833%) hue-rotate(194deg) brightness(103%) contrast(102%);
}
/* 유효하지 못한 값,에러 */
.bk-valid.invalid {
}
/* 유효한 값,성공 */
.bk-valid.valid {
}
.bk-messages {
	margin-top: 8px;
	color: #666;
	font-size: var(--font-size-small);
	line-height: var(--font-line-height-small);
}
/* [공통]size */
.bk-select.xlarge .nice-select,
.bk-textfield.xlarge .iText,
.bk-textarea.xlarge .iTextarea {
	font-size: var(--font-size-body);
}
.bk-select.xlarge label,
.bk-textfield.xlarge label,
.bk-textarea.xlarge label {
	margin: 20px 10px 0 0;
}
.bk-select.large .nice-select,
.bk-textfield.large .iText,
.bk-textarea.large .iTextarea {
	font-size: var(--font-size-body2);
}
.bk-select.large label,
.bk-textfield.large label,
.bk-textarea.large label {
	margin: 14px 10px 0 0;
}
.bk-select.small .nice-select,
.bk-textfield.small .iText,
.bk-textarea.small .iTextarea {
	font-size: var(--font-size-xsmall);
}
.bk-select.small label,
.bk-textfield.small label,
.bk-textarea.small label {
	margin: 8px 10px 0 0;
}
.bk-select.xsmall .nice-select,
.bk-textfield.xsmall .iText,
.bk-textarea.xsmall .iTextarea {
	font-size: var(--font-size-xsmall);
}
.bk-select.xsmall label,
.bk-textfield.xsmall label,
.bk-textarea.xsmall label {
	margin: 2px 10px 0 0;
}
/* size */
.bk-select.xlarge .nice-select,
.bk-select.xlarge .bk-control > select,
.bk-textfield.xlarge .iText {
	height: var(--size-xlarge);
	line-height: var(--size-xlarge);
}
.bk-select.large .nice-select,
.bk-select.large .bk-control > select,
.bk-textfield.large .iText {
	height: var(--size-large);
	line-height: var(--size-large);
}
.bk-select.small .nice-select,
.bk-select.small .bk-control > select,
.bk-textfield.small .iText {
	height: var(--size-small);
	line-height: var(--size-small);
}
.bk-select.small .nice-select:after {
	height: 4px;
	width: 4px;
}
.bk-select.small .nice-select .option {
	line-height: var(--size-small);
	min-height: var(--size-small);
}
.bk-select.xsmall .nice-select,
.bk-select.xsmall .bk-control > select,
.bk-textfield.xsmall .iText {
	height: var(--size-xsmall);
	line-height: var(--size-xsmall);
}
.bk-select.wide,
.bk-textfield.wide,
.bk-textfield.wide .iText,
.bk-textarea.wide,
.bk-textarea.wide .iTextarea,
.bk-editor.wide {
	width: var(--wide-full);
}
.bk-editor {
	min-height: 200px;
	background-color: #d9d9d9;
}
/* input Text */
.bk-textfield .iText {
	padding: 0 12px;
}
/* Textarea */
.bk-textarea .iTextarea {
	padding: 12px;
}
/* input file */
.bk-upload,
.bk-upload .upload-name-group {
	display: flex;
}
.bk-upload .upload-file-group label {
	cursor: pointer;
}
.bk-upload .upload-file-group,
.bk-upload .upload-name-group {
}
.bk-upload:not(.column) .upload-file-group {
}
.bk-upload:not(.column) .upload-name-group {
	align-items: center;
}
.bk-upload .upload-name-group {
	flex-basis: 0;
	flex-grow: 1;
}
.bk-upload .upload-list > li {
	display: flex;
}
.bk-upload.bk-upload.row .upload-list > li:not(:first-child) {
	margin-top: 8px;
}
.bk-upload.bk-upload.column .upload-list > li {
	margin-top: 8px;
}
.bk-upload .upload-list .upload-name {
	word-wrap: normal;
	word-break: break-all;
	text-decoration: underline;
}
.bk-upload:not(.column) .upload-list .upload-name {
	margin-left: 12px;
}
.bk-upload .upload-list .upload-size,
.cp-file .file-list .file-name-group > .byte {
	margin-left: 8px;
	color: var(--color-body);
}
.bk-upload .upload-list .bk-icon-only-delete {
	margin-left: 8px;
}
.bk-upload input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}
.bk-upload.column {
	justify-content: var(--flex-content-start);
	flex-direction: var(--flex-column);
}
/* [플러그인]셀렉트박스 */
.bk-select.select-open-top .nice-select.open .list {
	top: auto;
	bottom: 42px;
	margin-top: 0;
}
.nice-select {
	padding-left: 12px;
	padding-right: 30px;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
.nice-select:hover {
	border-color: #dbdbdb;
}
.nice-select:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border-bottom: 1px solid var(--color-black);
	border-right: 1px solid var(--color-black);
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	pointer-events: none;
	content: "";
}
.nice-select.open:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.nice-select.open .list {
	overflow-y: auto;
	min-width: 100%;
	height: auto;
	max-height: 200px;
	margin-top: 4px;
	opacity: 1;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
	pointer-events: auto;
}
.bk-select.data-lot .nice-select.open .list {
	max-height: 400px;
}
.nice-select.disabled {
	border-color: #ededed;
	color: #999;
	pointer-events: none;
}
.nice-select.disabled:after {
	border-color: #cccccc;
}
.nice-select .current {
	overflow: hidden;
	display: block;
	min-width: 50px;
	height: var(--size-default);
	white-space: normal;
	text-overflow: ellipsis;
	word-break: break-all;
}
.bk-select.xsmall .nice-select .current {
	height: var(--size-xsmall);
}
.bk-select.small .nice-select .current {
	height: var(--size-small);
}
.bk-select.large .nice-select .current {
	height: var(--size-large);
}
.bk-select.xlarge .nice-select .current {
	height: var(--size-xlarge);
	line-height: var(--size-xlarge);
}
/* .bk-select.wide .nice-select .list {
  left: 0 !important;
  right: 0 !important;
} */
.nice-select.right {
	float: right;
}
.nice-select.right .list {
	left: auto;
	right: 0;
}
.nice-select .list {
	z-index: 9;
	overflow: hidden;
	position: absolute;
	top: 100%;
	/* left: 0; */
	left: -1px;
	right: -1px;
	height: 0;
	padding: 0;
	background-color: #fff;
	border-radius: var(--radius-default);
	/* box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); */
	border: 1px solid rgba(68, 68, 68, 0.11);
	box-sizing: border-box;
	opacity: 0;
	pointer-events: none;
}
.nice-select .list:hover .option:not(:hover) {
	background-color: transparent !important;
}
.nice-select .option {
	min-height: 40px;
	margin: 2px;
	padding: 5px 8px;
	border-radius: 4px;
	box-sizing: border-box;
	outline: none;
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	font-weight: 400;
	text-align: left;
	cursor: pointer;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	background-color: #f6f6f6;
}
.nice-select .option.selected {
	font-weight: 700;
}
.nice-select .option.disabled {
	background-color: transparent;
	color: #999;
	cursor: default;
}
.no-csspointerevents .nice-select .list {
	display: var(--d-none);
}
.no-csspointerevents .nice-select.open .list {
	display: var(--d-block);
}

.dialog-invoiceNumber-register .nice-select .list {
	position: fixed;
	top: auto;
	left: auto;
	right: auto;
	margin-left: -13px;
}
.nice-select.open .list {
	min-width: auto;
}
/* input radio/checkbox */
.bk-checkbox-group {
} /* 기본 체크박스 그룹 */
.bk-checkbox-group.xsmall {
} /* xsmall */
.bk-checkbox-group.small {
} /* small */
.bk-checkbox-group.large {
} /* large */
.bk-checkbox-group.xlarge {
} /* xlarge */
.bk-checkbox,
.bk-radio {
	display: var(--d-inline-flex);
}
.bk-checkbox input[type="checkbox"],
.bk-radio input[type="radio"] {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
}
.bk-checkbox input[type="checkbox"] + label,
.bk-radio input[type="radio"] + label {
	display: var(--d-inline-flex);
	align-items: var(--flex-content-start);
	position: relative;
	color: #666;
	vertical-align: top;
	cursor: pointer;
}
.bk-checkbox input[type="checkbox"] + label:before,
.bk-radio input[type="radio"] + label:before {
	display: var(--d-inline-block);
	width: 24px;
	height: 24px;
	border: 1px solid #bbb;
	background-color: var(--color-white);
	box-sizing: border-box;
	content: "";
}
.bk-checkbox input[type="checkbox"] + label .text,
.bk-radio input[type="radio"] + label .text {
	flex-basis: 0;
	flex-grow: 1;
	margin-left: 8px;
	word-break: break-all;
	white-space: normal;
	line-height: 2.4rem;
}
.bk-radio-group,
.bk-checkbox-group {
	margin-top: -8px;
}
.bk-radio-group .bk-radio,
.bk-checkbox-group .bk-checkbox {
	margin-top: 8px;
	vertical-align: middle;
	align-items: center;
}
.bk-checkbox-group .bk-checkbox:not(:last-child) input[type="checkbox"] + label .text,
.bk-radio-group .bk-radio:not(:last-child) input[type="radio"] + label .text {
	margin-right: 20px;
}
.bk-radio-group.small .bk-toggle-group {
	width: var(--wide-full);
	text-align: center;
}
.bk-radio-group.small .bk-toggle-group .bk-radio {
	flex: 1 1 0;
}
.bk-radio-group.small .bk-toggle-group .bk-radio input[type="radio"] + label {
	width: var(--wide-full);
}
/* focus */
.bk-checkbox input[type="checkbox"]:focus + label:before,
.bk-radio input[type="radio"]:focus + label:before {
}
.bk-radio input[type="radio"]:focus + label:after {
	display: var(--d-none) !important;
}
/* checked */
.bk-checkbox input[type="checkbox"]:checked + label:before,
.bk-radio input[type="radio"]:checked + label:before {
	border-color: var(--color-primary);
	background-color: var(--color-primary);
}
.bk-checkbox input[type="checkbox"]:checked + label::after,
.bk-radio input[type="radio"]:checked + label::after {
	display: var(--d-inline-block) !important;
	position: absolute;
	top: 50%;
	left: 0;
	box-sizing: border-box;
	content: "";
}
.bk-checkbox input[type="checkbox"]:checked + label::after {
	top: 0;
	width: 14px;
	height: 13px;
	background-image: url(../../img/web/icon-checkbox.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 13px;
	transform: translateY(6px) translateX(30%);
	filter: brightness(0) invert(1);
}
.bk-radio input[type="radio"]:checked + label::after {
	top: 6px;
	width: 12px;
	height: 12px;
	background-color: var(--color-white);
	border-radius: 100%;
	transform: translateX(50%);
}
.bk-checkbox-group .bk-toggle-group input + label,
.bk-radio-group .bk-toggle-group input + label {
	align-items: var(--flex-content-center);
}
/* checked+focus */
.bk-radio input[type="radio"]:checked:focus + label::before,
.bk-checkbox-group .bk-toggle-group input:focus + label,
.bk-radio-group .bk-toggle-group input:focus + label {
}
.bk-radio input[type="radio"]:not(:checked):focus + label::after {
	display: var(--d-none) !important;
}
/* disabled */
.bk-checkbox input[type="checkbox"]:disabled + label,
.bk-radio input[type="radio"]:disabled + label {
	cursor: default;
}
.bk-checkbox input[type="checkbox"]:disabled + label:before,
.bk-radio input[type="radio"]:disabled + label:before {
	border-color: #bbb !important;
	background-color: #f0f0f0 !important;
}
.bk-checkbox input[type="checkbox"]:checked:disabled + label::after {
	filter: brightness(0) saturate(100%) invert(81%) sepia(1%) saturate(191%) hue-rotate(319deg) brightness(95%) contrast(87%);
}
.bk-radio input[type="radio"]:checked:disabled + label::after {
	background-color: #bbb;
}
/* disabled+focus */
/* input checkbox */
.bk-checkbox input[type="checkbox"] + label:before {
	border-radius: var(--radius-default);
}
/* input radio */
.bk-radio input[type="radio"] + label:before {
	border-radius: 100%;
}
/*  wide */
.bk-checkbox-group.wide .bk-checkbox,
.bk-radio-group.wide .bk-radio {
	width: var(--wide-full);
}
.bk-checkbox-group.wide .bk-checkbox:not(:first-child),
.bk-radio-group.wide .bk-radio:not(:first-child) {
	margin-top: 12px;
}
/* Toggle 버튼 */
.bk-checkbox-group .bk-toggle-group {
}
.bk-toggle-group {
	display: var(--d-flex);
}
.bk-toggle-group label::before,
.bk-toggle-group label::after {
	display: var(--d-none) !important;
} /* 기본 toggle 그룹 */
.bk-toggle-group label {
	height: var(--size-default);
	border: 1px solid var(--color-line);
}
.bk-toggle-group .bk-checkbox:first-child label,
.bk-toggle-group .bk-radio:first-child label {
	border-top-left-radius: var(--radius-default);
	border-bottom-left-radius: var(--radius-default);
}
.bk-toggle-group .bk-checkbox:last-child label,
.bk-toggle-group .bk-radio:last-child label {
	border-top-right-radius: var(--radius-default);
	border-bottom-right-radius: var(--radius-default);
}
.bk-toggle-group label .text {
	margin: 0 !important;
	padding: 0 20px;
	font-size: var(--font-size-default);
}
.bk-checkbox-group .bk-toggle-group .bk-checkbox ~ .bk-checkbox,
.bk-radio-group .bk-toggle-group .bk-radio ~ .bk-radio {
	margin-left: -1px;
}
/* focus */
.bk-checkbox-group .bk-toggle-group input:focus + label,
.bk-radio-group .bk-toggle-group input:focus + label {
	z-index: 1;
}
/* checked */
.bk-checkbox-group .bk-toggle-group input:checked + label,
.bk-radio-group .bk-toggle-group input:checked + label {
	z-index: 1;
	border-color: var(--color-primary);
	color: var(--color-primary);
}
.bk-radio-group .bk-toggle-group input[type="radio"] + label {
	background-color: var(--color-white);
}
.bk-radio-group .bk-toggle-group input[type="radio"]:checked + label:after {
	display: var(--d-none) !important;
}
/* checked+focus */
/* disabled */
.bk-checkbox-group .bk-toggle-group input:disabled + label,
.bk-checkbox-group .bk-toggle-group input:checked:disabled + label,
.bk-radio-group .bk-toggle-group input:disabled + label,
.bk-radio-group .bk-toggle-group input:checked:disabled + label {
	background-color: #f0f0f0;
	border-color: var(--color-line);
	color: #666;
	opacity: 0.6;
}
.bk-checkbox-group .bk-toggle-group input:disabled + label::after,
.bk-checkbox-group .bk-toggle-group input:checked:disabled + label::after,
.bk-radio-group .bk-toggle-group input:disabled + label::after,
.bk-radio-group .bk-toggle-group input:checked:disabled + label::after {
	display: var(--d-none) !important;
}
/* disabled+focus */
/* Toggle-xsmall */
.bk-checkbox-group.xsmall .bk-toggle-group label,
.bk-radio-group.xsmall .bk-toggle-group label {
	height: var(--size-xsmall);
}
.bk-checkbox-group.xsmall .bk-toggle-group label .text,
.bk-radio-group.xsmall .bk-toggle-group label .text {
	padding: 0 6px;
	font-size: var(--font-size-xsmall);
}
/* Toggle-small */
.bk-checkbox-group.small .bk-toggle-group label,
.bk-radio-group.small .bk-toggle-group label {
	height: var(--size-small);
}
.bk-checkbox-group.small .bk-toggle-group label .text,
.bk-radio-group.small .bk-toggle-group label .text {
	padding: 0 0px;
	font-size: var(--font-size-small);
}
/* Toggle-large */
.bk-checkbox-group.large .bk-toggle-group label,
.bk-radio-group.large .bk-toggle-group label {
	height: var(--size-large);
}
.bk-checkbox-group.large .bk-toggle-group label .text,
.bk-radio-group.large .bk-toggle-group label .text {
	padding: 0 32px;
	font-size: var(--font-size-large);
}
/* Toggle-xlarge */
.bk-checkbox-group.xlarge .bk-toggle-group label,
.bk-radio-group.xlarge .bk-toggle-group label {
	height: var(--size-xlarge);
}
.bk-checkbox-group.xlarge .bk-toggle-group label .text,
.bk-radio-group.xlarge .bk-toggle-group label .text {
	padding: 0 32px;
	font-size: var(--font-size-xlarge);
}
/* Toggle 체크 버튼 */
.bk-toggle-check-group {
	display: var(--d-flex);
}
.bk-toggle-check-group label::before,
.bk-toggle-check-group label::after {
	display: var(--d-none) !important;
}
.bk-toggle-check-group label {
}
.bk-toggle-check-group label .text {
	margin: 0 !important;
	padding: 0 10px 0 0px;
	font-size: var(--font-size-default);
}
.bk-toggle-check-group .bk-radio input[type="radio"]:checked:not(:disabled) + label {
	color: var(--color-black);
}
.bk-toggle-check-group .bk-radio input[type="radio"]:checked + label::after {
	width: 14px;
	height: 13px;
	background-image: url(../../img/web/icon-checkbox.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 13px;
	background-color: transparent;
	transform: translateY(-50%) translateX(0%);
	filter: brightness(0) saturate(100%) invert(41%) sepia(64%) saturate(7338%) hue-rotate(197deg) brightness(97%) contrast(99%);
}
.bk-toggle-check-group .bk-radio input[type="radio"]:checked + label .text {
	padding-left: 20px;
}
.bk-checkbox-group .bk-toggle-check-group .bk-checkbox ~ .bk-checkbox,
.bk-radio-group .bk-toggle-check-group .bk-radio ~ .bk-radio {
}
/* Toggle ci 이미지 버튼 */
.bk-toggle-ci-group {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	width: var(--wide-full);
}
.swiper-items.tradeShows-sub {
	margin: 0 40px;
}
.participate-group .bk-swiper .swiper-button-prev,
.participate-group .bk-swiper .swiper-button-next {
	width: 54px !important;
	height: 54px !important;
}
.participate-group .swiper-button-prev {
	left: 0px;
}
.participate-group .swiper-button-next {
	right: 0px;
}
.participate-group .swiper-button-disabled {
	display: none;
}
.swiper-items.tradeShows-sub::before,
.swiper-items.tradeShows-sub::after {
}
.swiper-items.tradeShows-sub .swiper-wrapper {
	overflow: hidden;
	box-sizing: border-box;
}
.swiper-items.tradeShows-sub .swiper-slide {
	margin-top: 20px !important;
}
.swiper-items.tradeShows-sub .swiper-slide .bk-toggle-ci-group {
	justify-content: center;
	padding-right: 35px;
	padding-left: 35px;
	box-sizing: border-box;
	text-align: center;
}
.swiper-items.tradeShows-sub .swiper-slide .bk-toggle-ci-group .bk-radio input[type="radio"] + label {
	align-items: var(--flex-content-center);
}
.bk-toggle-ci-group .bk-radio {
	justify-content: center;
	width: var(--wide-full);
}
.bk-toggle-ci-group .bk-radio input[type="radio"] + label {
	flex-direction: var(--flex-column);
}
.bk-toggle-ci-group .bk-radio input[type="radio"] + label .company-ci {
	position: relative;
	width: 80px;
	height: 80px;
	margin-bottom: 8px;
}
.bk-toggle-ci-group .bk-radio input[type="radio"] + label .company-ci img {
	max-height:100%;
	width: 100%;
	height: 100%;
	object-fit: contain;
}/* 20241119 기업 아이콘 영역 수정*/
.bk-toggle-ci-group .bk-radio input[type="radio"]:checked + label .company-ci::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-white);
	opacity: 0.6;
	content: "";
}
.bk-toggle-ci-group .bk-radio input[type="radio"] + label:before {
	display: var(--d-none);
}
.bk-toggle-ci-group .bk-radio input[type="radio"]:checked + label:before {
	z-index: 1;
	display: var(--d-inline-flex);
	position: absolute;
	top: 0;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	border: 2px solid var(--color-primary);
	border-radius: var(--radius-default);
	background-color: transparent;
}
.bk-toggle-ci-group .bk-radio input[type="radio"]:checked + label::after {
	position: absolute;
	top: 25px;
	left: 50%;
	width: 34px;
	height: 21px;
	background-image: url(../../img/web/icon-checkbox2.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 34px 21px;
	background-color: transparent;
	transform: translateY(0) translateX(-50%);
	filter: brightness(0) saturate(100%) invert(41%) sepia(64%) saturate(7338%) hue-rotate(197deg) brightness(97%) contrast(99%);
}
.bk-toggle-ci-group .bk-radio input[type="radio"] + label .text {
	flex-basis: auto;
	flex-grow: initial;
	margin-left: 0;
}
.bk-toggle-ci-group .bk-radio input[type="radio"]:checked + label .text {
	color: var(--color-primary);
}
/* switch 버튼 */
.bk-switch {
}
.bk-switch label {
	display: var(--d-inline-flex);
	align-items: var(--flex-content-center);
	gap: 0.5rem;
	cursor: pointer;
}
.bk-switch [type="checkbox"] {
	position: relative;
	width: 40px;
	height: 12px;
	background-color: #ddd;
	border-radius: 9px;
	appearance: none;
}
.bk-switch [type="checkbox"] ~ .text.off,
.bk-switch [type="checkbox"]:checked ~ .text.on {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	text-indent: -9999px;
}
.bk-switch [type="checkbox"] ~ .text,
.bk-switch [type="checkbox"]:checked ~ .text.off {
	display: var(--d-none);
}
.bk-switch [type="checkbox"]::before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: -1px 2px 4px 0px rgba(0, 0, 0, 0.3);
	transition: left 250ms linear;
}
.bk-switch [type="checkbox"]:disabled {
	border-color: lightgray;
	opacity: 0.7;
	cursor: not-allowed;
}
.bk-switch [type="checkbox"]:disabled:before {
	background-color: lightgray;
}
.bk-switch [type="checkbox"]:disabled + span {
	opacity: 0.7;
	cursor: not-allowed;
}
.bk-switch [type="checkbox"]:checked {
	background-color: #94c4f2;
	border-color: #94c4f2;
}
.bk-switch [type="checkbox"]:checked::before {
	background-color: #0175e4;
	left: calc(var(--wide-full) - 22px);
}
.bk-switch [type="checkbox"]:focus-visible {
}
.bk-switch [type="checkbox"]:enabled:hover {
}
/* 별점 */
.bk-rate {
	display: var(--d-inline-block);
	position: relative;
}
.bk-rate.rate-disabled::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	content: "";
}
.bk-rate > input {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	text-indent: -9999px;
	opacity: 0;
}
.bk-rate > label {
	margin: 0 4px;
}
.bk-rate > label,
.bk-rate > label:before {
	width: 27px;
	height: 27px;
}
.bk-rate.rate-small > label {
	margin: 0 2px;
}
.bk-rate.rate-small > label,
.bk-rate.rate-small > label:before {
	width: 20px;
	height: 20px;
}
.bk-rate.rate-large > label,
.bk-rate.rate-large > label:before {
	width: 40px;
	height: 40px;
}
.bk-rate > label {
	float: right;
}
.bk-rate > label:before,
.bk-rate input:disabled ~ label:before {
	display: var(--d-inline-block);
	background: url(../../img/web/rate-blank.svg) 0 0 no-repeat;
	background-size: cover;
	cursor: pointer;
	content: "";
}
.bk-rate input:checked ~ label:before,
.bk-rate label:hover:before,
.bk-rate label:hover ~ label:before {
	background: url(../../img/web/rate-full.svg) 0 0 no-repeat;
	background-size: cover;
}
.bk-rate input:checked + .bk-rate label:hover:before,
.bk-rate input:checked ~ label:hover:before,
.bk-rate input:checked ~ .bk-rate label:hover ~ label:before,
.bk-rate label:hover ~ input:checked ~ label:before {
	background: url(../../img/web/rate-full.svg) 0 0 no-repeat;
	background-size: cover;
}
.cp-rate {
	position: relative;
	padding: 18px 20px;
	background-color: #f3f5f8;
	border-radius: var(--radius-default);
	text-align: center;
}
/* 뱃지 */
.badge {
}
.badge-user {
	display: var(--d-inline-flex);
	position: relative;
	height: 24px;
	padding: 0 8px;
	box-sizing: border-box;
	font-size: var(--font-size-xsmall);
	line-height: var(--font-line-height-body);
	font-weight: 300;
}
.badge-user::before {
	display: var(--d-inline-block);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: var(--wide-full);
	height: var(--wide-full);
	border: 1px solid var(--color-white);
	border-radius: var(--radius-default);
	box-sizing: border-box;
	opacity: 0.5;
	content: "";
}
.badge-num {
	display: var(--d-inline-flex);
	align-items: var(--flex-content-center);
	justify-content: var(--flex-content-center);
	height: 20px;
	min-width: 20px;
	padding: 0 4px;
	background-color: var(--color-warning);
	font-size: var(--font-size-xxsmall);
	line-height: var(--font-line-height-xsmall);
	color: #fff;
	font-weight: 300;
	text-align: center;
	border-radius: 20px;
	box-sizing: border-box;
}
.badge-state {
	display: var(--d-inline-block);
	position: relative;
	max-width: var(--wide-full);
	padding-left: 16px;
	box-sizing: border-box;
	font-size: var(--font-size-default);
	line-height: var(--font-line-height-default);
	text-align: left;
	vertical-align: top;
	user-select: none;
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .badge-state,
html[lang="ru"] .badge-state,
html[lang="pt"] .badge-state,
html[lang="es"] .badge-state {
	font-size: var(--font-long-size-default);
	line-height: 1.2;
}
.badge-state::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	margin: 6px 4px 0 2px;
	border: 3px solid transparent;
	background-color: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	vertical-align: top;
	content: "";
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .badge-state::before,
html[lang="ru"] .badge-state::before,
html[lang="pt"] .badge-state::before,
html[lang="es"] .badge-state::before {
	margin-top: 4px;
}
.badge-state .text {
}
/* 상태-미열람 */
.badge-state.badge-state-preView {
	color: var(--color-brand);
}
.badge-state.badge-state-preView::before {
	border-color: var(--color-brand);
}
/* 상태-열람 */
.badge-state.badge-state-view {
	color: var(--color-primary);
}
.badge-state.badge-state-view::before {
	border-color: var(--color-primary);
}
/* 상태-기간초과 */
.badge-state.badge-state-overTime {
	color: var(--color-warning);
}
.badge-state.badge-state-overTime::before {
	border-color: var(--color-warning);
}
/* 상태-결제완료,배송완료 */
.badge-state.badge-state-payComplete,
.badge-state.badge-state-deliveryComplete {
	border-color: var(--color-gray);
	color: var(--color-body);
}
.badge-state.badge-state-payComplete::before,
.badge-state.badge-state-deliveryComplete::before {
	border-color: var(--color-gray);
	background-color: var(--color-gray);
}
/* 상태-임시저장 */
.badge-state.badge-state-tempStorage {
	border-color: var(--color-gray);
	color: var(--color-body);
}
.badge-state.badge-state-tempStorage::before {
	border-color: var(--color-gray);
}
/* 상태-출발항 출발 */
.badge-state.badge-state-portLeave {
	color: var(--color-delivery);
}
.badge-state.badge-state-portLeave::before {
	border-color: var(--color-delivery);
}
/* 상태-출발항 도착 */
.badge-state.badge-state-portArrival {
	color: var(--color-delivery2);
}
.badge-state.badge-state-portArrival::before {
	border-color: var(--color-delivery2);
	background-color: var(--color-delivery2);
}
/* 상태-도착항 도착 */
.badge-state.badge-state-arrivalPortArrival {
	color: var(--color-primary);
}
.badge-state.badge-state-arrivalPortArrival::before {
	border-color: var(--color-primary);
	background-color: var(--color-primary);
}
/* 상태-운송 요청중 */
.badge-state.badge-state-requestTransport {
	color: var(--color-brand);
}
.badge-state.badge-state-requestTransport::before {
	border-color: var(--color-brand);
}
/* 상태-현지 택배 출발 */
.badge-state.badge-state-localDeliveryLeave {
	border-color: var(--color-delivery3);
	color: var(--color-delivery3);
}
.badge-state.badge-state-localDeliveryLeave::before {
	border-color: var(--color-delivery3);
}
/* 상태-승인완료 */
.badge-state.badge-state-approvalComplete {
	color: var(--color-primary);
}
.badge-state.badge-state-approvalComplete::before {
	border-color: var(--color-primary);
	background-color: var(--color-primary);
}
/* 상태-승인거절 */
.badge-state.badge-state-approvalRefusal {
	color: var(--color-warning);
}
.badge-state.badge-state-approvalRefusal::before {
	border-color: var(--color-warning);
}
/* 상태-승인대기,결제승인취소,결제승인취소 */
.badge-state.badge-state-approvalStandby,
.badge-state.badge-state-payCancelApproval,
.badge-state.badge-state-payCancelRequest {
	color: var(--color-brand);
}
.badge-state.badge-state-approvalStandby::before,
.badge-state.badge-state-payCancelApproval::before,
.badge-state.badge-state-payCancelRequest::before {
	border-color: var(--color-brand);
}
/* 상태-결제취소반려 */
.badge-state.badge-state-payCancelReturn {
	color: var(--color-warning);
}
.badge-state.badge-state-payCancelReturn::before {
	border-color: var(--color-warning);
}

/* dl형식 아이템 */
.bk-item {
	display: var(--d-flex);
	align-items: var(--flex-content-end);
}
.bk-item > dt {
	color: #666;
}
.bk-item > dt + dd {
	min-width: 68px;
	margin-left: 16px;
}
.bk-item.justify-content-start {
	justify-content: var(--flex-content-start);
}
.bk-item.justify-content-end {
	justify-content: var(--flex-content-end);
}
.bk-item.justify-content-center {
	justify-content: var(--flex-content-center);
}
.bk-item .unit-sum {
	width: 140px;
}
.bk-item.item-price {
	flex-direction: var(--flex-column);
	align-items: var(--flex-content-center);
}
.bk-item.item-price > dt {
	color: var(--color-black);
}
.bk-item.item-price > dd {
	margin-left: 0;
	font-size: 1.6rem;
	font-weight: 600;
}
/* 주문 테이블 하단 총 금액 */
.cp-total-price {
	display: var(--d-flex);
	justify-content: var(--flex-content-center);
	align-items: var(--flex-content-center);
	min-height: 80px;
	background-color: var(--color-black);
}
.cp-total-price .price-group .bk-item > * {
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	color: var(--color-white);
}
.cp-total-price .bk-item .price {
	font-size: var(--font-size-goods-price);
	line-height: var(--font-line-height-goods-price);
}
.cp-detail-info {
	min-height: 64px;
	margin-bottom: 10px;
	padding: 18px 24px;
	border-radius: 8px;
	background-color: #f3f5f8;
	box-sizing: border-box;
}
/* 상단 inquiry NO */
.cp-top-number {
	min-height: 56px;
	margin-bottom: 40px;
	padding: 16px 32px;
	border-radius: 8px;
	background-color: #f3f5f8;
	box-sizing: border-box;
}
.cp-top-number .bk-item > dt,
.cp-top-number .bk-item > dd {
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	color: var(--color-black);
}
.cp-top-number .bk-item > dt {
	font-weight: 700;
}
.cp-top-number .bk-item > dt + dd {
	margin: 0;
}
/* 버튼,아이콘 */
.bk-btn {
	display: var(--d-inline-flex);
	justify-content: var(--flex-content-center);
	align-items: var(--flex-content-center);
	height: var(--size-default);
	padding: 0 16px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: var(--radius-default);
	box-sizing: border-box;
	font-size: var(--font-size-default);
	line-height: 1.5;
	user-select: none;
	vertical-align: top;
	word-break: break-word;
	cursor: pointer;
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .bk-btn:not(.bk-btn-icon, .btn-text),
html[lang="en"] .bk-btn:not(.bk-btn-icon, .btn-text) .text,
html[lang="ru"] .bk-btn:not(.bk-btn-icon, .btn-text),
html[lang="ru"] .bk-btn:not(.bk-btn-icon, .btn-text) .text,
html[lang="pt"] .bk-btn:not(.bk-btn-icon, .btn-text),
html[lang="pt"] .bk-btn:not(.bk-btn-icon, .btn-text) .text,
html[lang="es"] .bk-btn:not(.bk-btn-icon, .btn-text),
html[lang="es"] .bk-btn:not(.bk-btn-icon, .btn-text) .text {
	/* line-height: 1; */
	/* 예측불가능한 버튼의 텍스트가 잘려버림 20240422 */
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .bk-btn:not(.bk-btn-icon, .btn-text),
html[lang="ru"] .bk-btn:not(.bk-btn-icon, .btn-text),
html[lang="pt"] .bk-btn:not(.bk-btn-icon, .btn-text),
html[lang="es"] .bk-btn:not(.bk-btn-icon, .btn-text) {
	padding: 0 12px;
}
/* 로그인 버튼 텍스트 잘림 문제 */
.section-login .bk-btn .text{line-height: 1.5 !important;}
.bk-btn.btn-block {
	display: var(--d-block);
	width: var(--wide-full);
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.bk-btn.btn-autoHeight {
	min-height: var(--size-default);
	height: auto !important;
}
.bk-btn.btn-block .text {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.bk-btn[disabled] {
	opacity: 0.6;
}
/* 버튼 타입 */
.btn-xsmall {
	height: var(--size-xsmall);
	padding-right: 4px;
	padding-left: 4px;
	font-size: var(--font-size-xsmall);
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .btn-xsmall,
html[lang="ru"] .btn-xsmall,
html[lang="pt"] .btn-xsmall,
html[lang="es"] .btn-xsmall {
	font-size: var(--font-long-size-xsmall);
}
.btn-small {
	height: var(--size-small);
	font-size: var(--font-size-default);
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .btn-small,
html[lang="ru"] .btn-small,
html[lang="pt"] .btn-small,
html[lang="es"] .btn-small {
	font-size: var(--font-long-size-small);
}
.btn-large {
	height: var(--size-large);
	padding: 0 32px;
	font-size: var(--font-size-body2);
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .btn-large,
html[lang="ru"] .btn-large,
html[lang="pt"] .btn-large,
html[lang="es"] .btn-large,
html[lang="en"] .cp-btns-area .btn-area-right .btn-badge {
	font-size: var(--font-long-size-body);
}
.btn-xlarge {
	height: var(--size-xlarge);
	padding: 0 32px;
	font-size: var(--font-size-title3);
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .btn-xlarge,
html[lang="ru"] .btn-xlarge,
html[lang="pt"] .btn-xlarge,
html[lang="es"] .btn-xlarge {
	padding: 0 24px;
	font-size: var(--font-long-size-title3);
}
.btn-default {
	background-color: var(--color-default);
	border-color: var(--color-default);
	color: var(--color-white) !important;
}
.bk-btn.btn-default:not(:disabled):hover {
	background-color: var(--color-default-hover);
	border-color: var(--color-default-hover);
}
.btn-light-gray {
	background-color: var(--color-light-gray);
	border-color: var(--color-light-gray);
	color: var(--color-body2) !important;
}
.bk-btn.btn-light-gray:not(:disabled):hover {
	background-color: var(--color-light-gray-hover);
	border-color: var(--color-light-gray-hover);
	color: var(--color-white) !important;
}
.btn-primary {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-white) !important;
}
.bk-btn.btn-primary:not(:disabled):hover {
	background-color: var(--color-primary-hover);
	border-color: var(--color-primary-hover);
}
.btn-brand {
	background-color: var(--color-brand);
	border-color: var(--color-brand);
	color: var(--color-white) !important;
}
.bk-btn.btn-brand:not(:disabled):hover {
	background-color: var(--color-brand-hover);
	border-color: var(--color-brand-hover);
}
.btn-secondary {
	background-color: var(--color-btn-secondary);
	border-color: var(--color-btn-secondary);
	color: var(--color-white) !important;
}
.btn-outline.btn-default {
	background-color: var(--color-white);
	border-color: var(--color-default);
	color: var(--color-black) !important;
}
.btn-outline.btn-default:not(:disabled):hover {
	background-color: var(--color-white);
	border-color: var(--color-default-hover);
	color: var(--color-default-hover) !important;
}
.btn-outline.btn-primary {
	background-color: var(--color-white);
	border-color: var(--color-primary);
	color: var(--color-primary) !important;
}
.btn-outline.btn-primary:not(:disabled):hover {
	background-color: var(--color-outline-hover);
	border-color: var(--color-primary-hover);
	color: var(--color-primary-hover) !important;
}
.btn-outline.btn-brand {
	background-color: var(--color-white);
	border-color: var(--color-brand);
	color: var(--color-brand) !important;
}
.btn-outline.btn-brand:not(:disabled):hover {
	background-color: var(--color-brand-hover);
	border-color: var(--color-brand-hover);
	color: var(--color-white) !important;
}
.btn-outline.btn-secondary {
	background-color: var(--color-white);
	border-color: var(--color-btn-secondary);
	color: var(--color-btn-secondary) !important;
}
.btn-text,
.btn-text:hover {
	background-color: transparent !important;
}
.btn-text {
	height: auto;
	padding: 0;
	border: 0;
	color: inherit;
	line-height: normal;
}
.btn-text:not(.bk-btn-icon, :disabled):hover .text {
	text-decoration: var(--text-underline);
}
a.btn-text .text {
	text-decoration: var(--text-underline);
}
.btn-text.btn-primary {
	color: var(--color-primary) !important;
}
.btn-text.btn-primary:not(:disabled):hover .text {
	color: var(--color-primary-hover) !important;
}
.btn-text.btn-default {
	color: var(--color-default) !important;
}
.btn-text.btn-default:not(:disabled):hover .text {
	color: var(--color-default-hover) !important;
}
.btn-text.btn-brand {
	color: var(--color-brand) !important;
}
.btn-text.btn-brand:not(:disabled):hover .text {
	color: var(--color-brand) !important;
}
/* 버튼+아이콘 */
.bk-btn-icon {
	display: var(--d-inline-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-center);
	vertical-align: middle;
}
.bk-btn-icon .deco-icon.prepend-icon {
	margin-right: 4px;
}
.bk-btn-icon .deco-icon.append-icon {
	margin-left: 8px;
}
/* 아이콘 */
.bk-icon-only {
	display: var(--d-inline-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-center);
	position: relative;
	border: 0;
	background-color: transparent;
	vertical-align: top;
} /* 아이콘 버튼 */
.bk-icon-only[component='tooltip'] {vertical-align: middle; margin-top: -2px;}
.bk-icon {
	display: var(--d-inline-block);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	font: 0/0 icon;
	vertical-align: middle;
}
/* Tag 버튼 */
.list-tag {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	margin: -8px 0 0 -10px;
}
.list-tag > li {
	margin: 8px 0 0 10px;
}
.btn-tag {
	border-radius: 32px;
}
/* 텝 */
.bk-tab {
}
.bk-tab .tab-item {
	display: var(--d-block);
	position: relative;
	box-sizing: border-box;
	text-align: center;
}
.bk-tab .tab-item {
	width: var(--wide-full);
	height: auto;
	min-height: var(--size-xlarge);
	padding: 10px 16px;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	background-color: var(--color-white);
	font-size: var(--font-size-body);
	line-height: var(--font-size-body);
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .bk-tab .tab-item,
html[lang="ru"] .bk-tab .tab-item,
html[lang="pt"] .bk-tab .tab-item,
html[lang="es"] .bk-tab .tab-item {
	height: auto;
	min-height: var(--size-xlarge);
	font-size: var(--font-long-size-body);
	line-height: 1;
}
.bk-tab .tab-item.active {
	z-index: 1;
	border-width: 2px;
}
.bk-tab .tab-item:not(.active):focus {
	outline: 1px solid rgba(0, 0, 0, 0.8);
}
.bk-tab .tab-item.active:focus {
	outline: 0;
}
.bk-tab.wide > .tab-menu-wrap .list-menu,
.bk-tab.wide > .tab-menu-wrap .list-menu > li {
	width: var(--wide-full);
}
.bk-tab.tab-large .tab-item {
	height: auto;
	min-height: var(--size-xlarge);
	padding: 12px 16px;
	font-size: var(--font-size-body2);
	line-height: var(--font-line-height-body2);
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .bk-tab.tab-large .tab-item,
html[lang="ru"] .bk-tab.tab-large .tab-item,
html[lang="pt"] .bk-tab.tab-large .tab-item,
html[lang="es"] .bk-tab.tab-large .tab-item {
	height: auto;
	min-height: var(--size-xlarge);
	font-size: var(--font-long-size-body2);
	line-height: 1.5;
}
.tab-menu-wrap .list-menu {
	display: var(--d-flex);
}
.tab-container-wrap {
	margin-top: 24px;
}
.tab-container-wrap .tab-container {
	display: var(--d-none);
}
.tab-container-wrap .tab-container.active {
	display: var(--d-block);
}
.tab-container-wrap .tab-container#tab-detail-product:target:before {content:""; display:block; height:200px; margin-top:-209px; visibility:hidden} /* 타겟여백 [20240829]*/
.tab-container-wrap .tab-container#tab-detail-company:target:before {content:""; display:block; height:200px; margin-top:-209px; visibility:hidden} /* 타겟여백 [20240829]*/
.tab-container-wrap .tab-container#tab-detail-review:target:before {content:""; display:block; height:200px; margin-top:-209px; visibility:hidden} /* 타겟여백 [20240829]*/

/* 텝-해더 영역만 존재할 경우 */
.tab-type-single {
	margin-bottom: 40px;
}
/* 텝-라인 타입 */
.bk-tab.tab-type-line > .tab-menu-wrap .list-menu > li {
	display: flex;
	align-items: flex-end;
	margin-right: -1px;
}
.bk-tab.tab-type-line > .tab-menu-wrap .tab-item {
	border-bottom-width: 2px;
	border-color: #ddd #ddd var(--color-primary) #ddd; white-space: nowrap; /*탭 한줄처리 20240729*/
	display:flex; align-items: center; justify-content: center; /*정렬수정 20240826*/
}
.bk-tab.tab-type-line .tab-menu-wrap .tab-item.active {
	border-color: var(--color-primary) var(--color-primary) transparent var(--color-primary);
	color: var(--color-primary);
	font-weight: 700;
}
/* 텝-태그 타입 */
.bk-tab.tab-type-tag .tab-menu-wrap .list-menu {
	flex-wrap: var(--flex-wrap);
	margin-top: -8px;
}
.bk-tab.tab-type-tag .tab-menu-wrap .list-menu > li {
	margin-top: 8px;
	margin-right: 12px;
}
.bk-tab.tab-type-tag .tab-menu-wrap .tab-item {
	min-height: var(--size-default);
	border-radius: 32px;
	line-height: 1;
}
.bk-tab.tab-type-tag .tab-menu-wrap .tab-item.active {
	border-color: var(--color-primary);
	background-color: var(--color-primary);
	color: var(--color-white);
}
/* 아코디언 */
.bk-accordion {
}
.bk-accordion .acc-item {
	position: relative;
}
.bk-accordion .acc-item.disabled {
	background-color: #f0f0f0;
	opacity: 0.6;
	pointer-events: none;
}
.bk-accordion .acc-item .link {
	cursor: pointer;
}
.bk-accordion:not(.accordion-type-filter, .accordion-search-filter) .acc-item .acc-inner {
	padding: 16px 24px;
}
.bk-accordion:not(.accordion-type-filter, .accordion-search-filter) .acc-item .acc-header {
	line-height: var(--font-line-height-body2);
}
.bk-accordion .acc-item.is-active .acc-header {
}
.bk-accordion .acc-item .acc-header label {
	font-weight: 500;
}
.bk-accordion .acc-item.is-active .acc-header label {
	color: var(--color-primary);
}
.bk-accordion .acc-item .acc-header .acc-inner {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	align-items: var(--flex-content-center);
	position: relative;
}
.bk-accordion .acc-item .acc-header .left-area {
	display: var(--d-flex);
	flex-basis: 0;
	flex-grow: 1;
	word-break: break-all;
}
.bk-accordion .acc-item .acc-header .right-area {
	display: var(--d-flex);
	align-items: center;
	margin-left: 24px;
}
.bk-accordion .acc-item .acc-header .link {
	transform: translateY(0) rotate(0);
}
.bk-accordion .acc-item.is-active .acc-header .link {
	transform: translateY(0) rotate(180deg);
}
.bk-accordion .acc-item > .acc-container {
	display: var(--d-none);
	border-bottom: 1px solid #ddd;
	line-height: var(--font-line-height-body);
}
.bk-accordion .acc-item.is-active > .acc-container {
	display: var(--d-block);
}
.bk-accordion .acc-item > .acc-container .acc-inner {
	overflow: auto; /*20250110 셀렉트 이슈로 auto-> unset 으로 수정 되돌림: 아래 in-select 클래스 추가로 적용함*/
}
.bk-accordion .acc-item > .acc-container .acc-inner.in-select {
	overflow: unset;
}
/* 아코디언-라인 타입 */
.bk-accordion.accordion-type-line .list-accordion {
	position: relative;
}
.bk-accordion.accordion-type-line .list-accordion .acc-item.is-active .acc-header {
	background-color: #f3f5f8;
	color: var(--color-primary);
}
.bk-accordion.accordion-type-line .list-accordion::before,
.bk-accordion.accordion-type-line .list-accordion::after {
	position: absolute;
	right: 0;
	left: 0;
	height: 1px;
	z-index: 1;
	content: "";
}
.bk-accordion.accordion-type-line .list-accordion::before {
	top: 0;
	background-color: var(--color-black);
}
.bk-accordion.accordion-type-line .list-accordion::after {
	bottom: 0;
	background-color: #ddd;
}
.bk-accordion.accordion-type-line .acc-item .acc-header {
	border-bottom: 1px solid #ddd;
}
/* 아코디언-필터 타입 */
.bk-accordion.accordion-type-filter .link {
	padding: 0px 4px;
}
.bk-accordion.accordion-type-filter .link .bk-icon.bk-icon-arrow-accordion {
	width: 16px;
	height: 16px;
}
.bk-accordion.accordion-type-filter .acc-container {
	padding: 18px 10px;
	background-color: #f3f5f8;
	border-bottom: 0;
}
.bk-accordion.accordion-type-filter .acc-item .acc-header {
	padding: 8px 0;
	line-height: var(--font-line-height-body);
}
/* 아코디언-상단 검색 필터 타입 */
.bk-accordion.accordion-search-filter {
	border-top: 1px solid #000;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item {
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid #ddd;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item .acc-header {
	width: 240px;
	background-color: #f6f6f6;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item .acc-header .acc-inner {
	position: initial;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item .acc-header .right-area {
	position: absolute;
	top: 20px;
	right: 24px;
	margin-left: 0;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item .acc-container {
	overflow: hidden;
	display: block;
	width: calc(100% - 240px);
	min-height: 56px;
	height: 56px;
	border-bottom: 0;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item .acc-container.visible {
	overflow: visible;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item.is-active .acc-container {
	height: auto;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item .acc-inner {
	padding: 9px 20px;
	line-height: var(--font-line-height-body2);
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item .acc-header .acc-inner {
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 400;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item .acc-container .acc-inner {
	padding-right: 58px;
}
.bk-accordion.accordion-search-filter .bk-radio-group,
.bk-accordion.accordion-search-filter .bk-checkbox-group {
	margin-top: -8px;
}
.bk-accordion.accordion-search-filter .bk-radio-group .bk-radio,
.bk-accordion.accordion-search-filter .bk-checkbox-group .bk-checkbox {
	padding: 4px 0;
}
.bk-accordion.accordion-search-filter .grid-price .column-check {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
}

/*아코디언 항상 활성화로 화살표 없앨때 [20240718]*/
.accordion-no-arrow .right-area button{display:none}

.bk-icon.bk-icon-plus-accordion {
	position: relative;
	width: 16px;
	height: 16px;
}
.bk-icon.bk-icon-plus-accordion:before,
.bk-icon.bk-icon-plus-accordion:after {
	content: "";
	position: absolute;
	background-color: #000;
	transition: transform 0.25s ease-out;
}
.bk-icon.bk-icon-plus-accordion:before {
	top: 0;
	left: 50%;
	width: 2px;
	height: var(--wide-full);
	margin-left: -1px;
}
.bk-icon.bk-icon-plus-accordion:after {
	top: 50%;
	left: 0;
	width: var(--wide-full);
	height: 2px;
	margin-top: -1px;
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item.is-active .bk-icon.bk-icon-plus-accordion:before {
	transform: rotate(90deg);
}
.bk-accordion.accordion-search-filter .list-accordion .acc-item.is-active .bk-icon.bk-icon-plus-accordion:after {
	transform: rotate(180deg);
}
/* 검색 필터 */
.cp-search-filter {
	margin-bottom: 40px;
	padding: 40px;
	border: 1px solid #ddd;
	border-radius: 8px;
}
.cp-search-filter .filter-list {
	display: flex;
	flex-wrap: wrap;
	margin: -6px 0 0 -40px;
}
.cp-search-filter .filter-list > li {
	margin: 10px 0 0 40px;
}
.cp-search-filter .filter-list .btn-text {
	line-height: var(--font-line-height-body2);
}
.cp-search-filter .filter-list .btn-text.on {
	color: var(--color-primary) !important;
}
.cp-search-filter .search-filter-footer {
	padding: 10px 20px;
	background-color: #f3f5f8;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
.cp-search-filter .cp-ad {
	margin-bottom: 32px;
}
/* 테이블 */
.bk-tbl .tbl,
.bk-tbl .tbl th,
.bk-tbl .tbl td {
	border-spacing: 0;
	border-collapse: collapse;
}
.bk-tbl .tbl {
	table-layout: fixed;
	position: relative;
	border-collapse: collapse;
	width: var(--wide-full);
	margin-bottom: 30px;
}
.bk-tbl .tbl::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	background-color: #000;
	content: "";
}
.bk-tbl .tbl + .cp-total-price {
	margin-top: -40px;
}
.bk-tbl .tbl + .cp-total-price .price-group .bk-item {
	align-items: center;
}
.bk-tbl .tbl .align-l {
	text-align: left !important;
}
.bk-tbl .tbl .align-r {
	text-align: right !important;
}
.bk-tbl .tbl .align-c {
	text-align: center !important;
}
.bk-tbl .tbl th,
.bk-tbl .tbl td {
	height: 52px;
	padding-top: 11px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	font-size: var(--font-size-default);
	line-height: var(--font-line-height-default);
	vertical-align: middle;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	letter-spacing: -0.075rem;
}
.bk-tbl .tbl th {
	word-break: break-word;
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .bk-tbl .tbl th,
html[lang="ru"] .bk-tbl .tbl th,
html[lang="pt"] .bk-tbl .tbl th,
html[lang="es"] .bk-tbl .tbl th,
html[lang="en"] .bk-tbl .tbl td,
html[lang="ru"] .bk-tbl .tbl td,
html[lang="pt"] .bk-tbl .tbl td,
html[lang="es"] .bk-tbl .tbl td {
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: var(--font-long-size-default);
	line-height: 1.2;
}
.bk-tbl .tbl.tbl-default th,
.bk-tbl .tbl.tbl-default td,
.bk-tbl .tbl .data-message th,
.bk-tbl .tbl .data-message td {
	padding-top: 11px;
	padding-bottom: 12px;
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .bk-tbl .tbl.tbl-default th,
html[lang="ru"] .bk-tbl .tbl.tbl-default th,
html[lang="pt"] .bk-tbl .tbl.tbl-default th,
html[lang="es"] .bk-tbl .tbl.tbl-default th,
html[lang="en"] .bk-tbl .tbl.tbl-default td,
html[lang="ru"] .bk-tbl .tbl.tbl-default td,
html[lang="pt"] .bk-tbl .tbl.tbl-default td,
html[lang="es"] .bk-tbl .tbl.tbl-default td,
html[lang="en"] .bk-tbl .tbl .data-message th,
html[lang="ru"] .bk-tbl .tbl .data-message th,
html[lang="pt"] .bk-tbl .tbl .data-message th,
html[lang="es"] .bk-tbl .tbl .data-message th,
html[lang="en"] .bk-tbl .tbl .data-message td,
html[lang="ru"] .bk-tbl .tbl .data-message td,
html[lang="pt"] .bk-tbl .tbl .data-message td,
html[lang="es"] .bk-tbl .tbl .data-message td {
	padding-top: 8px;
	padding-bottom: 8px;
}
.bk-tbl .tbl.tbl-default th,
.bk-tbl .tbl .data-message th,
.bk-tbl .tbl tbody th {
	font-weight: 500;
}
.bk-tbl .tbl.tbl-edit th,
.bk-tbl .tbl.tbl-edit td {
	padding-top: 8px;
	padding-bottom: 8px;
}
/* 언어 코드:en,ru,pt,es */
html[lang="en"] .bk-tbl .tbl.tbl-edit th,
html[lang="ru"] .bk-tbl .tbl.tbl-edit th,
html[lang="pt"] .bk-tbl .tbl.tbl-edit th,
html[lang="es"] .bk-tbl .tbl.tbl-edit th,
html[lang="en"] .bk-tbl .tbl.tbl-edit td,
html[lang="ru"] .bk-tbl .tbl.tbl-edit td,
html[lang="pt"] .bk-tbl .tbl.tbl-edit td,
html[lang="es"] .bk-tbl .tbl.tbl-edit td {
	padding-top: 6px;
	padding-bottom: 6px;
}
.bk-tbl .tbl th:empty,
.bk-tbl .tbl td:empty {
	min-height: 26px;
}
.bk-tbl .tbl th {
	padding-right: 12px;
	padding-left: 12px;
	background-color: #f6f6f6;
}
.bk-tbl .tbl td {
	padding-right: 12px;
	padding-left: 12px;
}
.bk-tbl .tbl thead th {
	text-align: center;
	vertical-align: middle;
}
.bk-tbl .tbl thead th .bk-checkbox {
	display: inline-block;
}
.bk-tbl .tbl tfoot tr.has-bg > * {
	background-color: #f3f5f8;
}
.bk-tbl .tbl [scope="rowgroup"] {
	border-right: 1px solid #ddd;
}
.bk-tbl .tbl .btns-group {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	justify-content: var(--flex-content-center);
	align-items: var(--flex-content-center);
	margin-top: -8px;
}
.bk-tbl .tbl .btns-group .bk-btn {
	margin: 8px 4px 0;
}

.bk-tbl .tbl .btns-group.column {
	flex-direction: var(--flex-column);
	margin-top:0;/*20250123 버튼 간격 수정 */
}
.bk-tbl .tbl .btns-group.column .bk-btn:not(:first-child) {
	margin-left: 0;
	margin-top: 8px;
	margin-right:0;/*20250123 버튼 간격 수정 */
}
.bk-tbl .tbl .status-group {
}
.bk-tbl .tbl .status-group .state-sub-text {
}
.bk-tbl .tbl .status-group .state-sub-text.text-request {
	color: var(--color-brand);
} /* 결제취소요청,결제취소승인 */
.bk-tbl .tbl .status-group .state-sub-text.text-warning {
	color: var(--color-warning);
} /* 결제취소반려 */
/* th,td에 라인이 있는 타입(리스트 페이지 혹은 데이터가 들어가는 테이블) */
.bk-tbl .tbl.tbl-data tr > th:not(:last-child),
.bk-tbl .tbl.tbl-data tr > td:not(:last-child) {
	border-right: 1px solid #ddd;
}
.bk-tbl .tbl.tbl-data td {
	text-align: center;
}

.bk-tbl .bk-delivery-info,
.bk-tbl .bk-delivery-time {
	margin: -11px -12px -12px;
	padding: 24px 20px;
}
.bk-tbl .bk-delivery-time {
	text-align: right;
}
.bk-tbl .bk-delivery-info .bk-txt-gray,
.bk-tbl .bk-delivery-time p {
	color: #666;
}
.bk-tbl .bk-delivery-info {
	text-align: left;
	position: relative;
}
.bk-tbl .bk-delivery-info .bk-delivery-ico {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #ddd;
	border-width: 0 1px 1px;
	color: #666;
	font-size: 10px;
	line-height: 1.8;
	padding: 2px 7px;
}
.bk-tbl .bk-delivery-info .bk-delivery-ico img {
	display: none;
}

.data-group.column {
	display: var(--d-flex);
	flex-direction: var(--flex-column);
}
.bk-tbl .tbl.tbl-in-tbl thead th {
	background-color: transparent;
}
.bk-tbl .tbl.tbl-in-tbl {
	width: calc(100% + 24px);
	margin: -11px -12px -12px;
}
.bk-tbl .tbl.tbl-in-tbl:before {
	content: none;
}
.bk-tbl .tbl.tbl-in-tbl th {
	border-bottom-color: #666;
}
.bk-tbl .tbl.tbl-in-tbl tr:last-child td {
	border-bottom: 0;
}
/* 테이블 상단 툴바 */
.bk-tbl-toolbar {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-end);
	margin-bottom: 8px;
}
.bk-tbl-toolbar .bk-select.select-align {
	min-width: 120px;
}
.bk-tbl-toolbar .total {
	color: var(--color-body);
	font-size: var(--font-size-body);
}
.bk-tbl-toolbar .total .num {
	color: #000;
	font-weight: 400;
}
/* 검색 상단 툴바 */
.bk-serach-toolbar {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-end);
	margin-bottom: 8px;
	color: var(--color-body);
	font-size: var(--font-size-body);
}
.serach-word {
	color: var(--color-primary);
}
.bk-serach-toolbar .serach-total {
	color: var(--color-black);
	font-weight: 400;
}
.bk-serach-toolbar .total .serach-num {
	color: var(--color-black);
	font-weight: 400;
}
/* 리스트 상단 툴바 */
.bk-list-toolbar {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-center);
	padding: 10px 20px;
	border-top: 1px solid var(--color-black);
	border-bottom: 1px solid #ddd;
	background-color: #f6f6f6;
}
.bk-list-toolbar .total {
	font-size: var(--font-size-body);
	color: var(--color-body);
}
.bk-list-toolbar .total .num {
	color: var(--color-black);
	font-weight: 400;
}
.bk-list-toolbar .toolbar-right,
.bk-list-toolbar .toolbar-right .btns-mode-change {
	display: var(--d-flex);
}
.bk-list-toolbar .toolbar-right > *:not(:first-child),
.bk-list-toolbar .toolbar-right .btns-mode-change > *:not(:first-child) {
	margin-left: 8px;
}
.item-sort-list {
	display: var(--d-flex);
}
.item-sort-list > dt::after {
	display: var(--d-inline-block);
	margin: 0 4px;
	content: ":";
}
.item-sort-list .bk-radio-group .bk-toggle-check-group > li {
	position: relative;
}
.item-sort-list .bk-radio-group .bk-toggle-check-group > li:not(:first-child) {
	margin-left: 4px;
	padding-left: 14px;
}
.item-sort-list .bk-radio-group .bk-toggle-check-group > li:not(:first-child)::before {
	display: var(--d-inline-block);
	position: absolute;
	top: 14px;
	left: 0;
	width: 1px;
	height: 12px;
	background-color: #ddd;
	content: "";
}
/* 페이징 */
.bk-pagination {
	margin-top: 40px;
}
.bk-pagination .pagination-group,
.bk-pagination .list-page {
	display: var(--d-flex);
	justify-content: var(--flex-content-center);
	align-items: var(--flex-content-center);
}
.bk-pagination .pagination-group button {
	min-width: 40px;
	height: 40px;
	padding-right: 14px;
	padding-left: 14px;
	border-radius: var(--radius-default);
	box-sizing: border-box;
}
.bk-pagination .pagination-group .bk-icon-only {
	justify-content: var(--flex-content-center);
	border: 1px solid #ddd;
}
.bk-pagination .pagination-group .bk-icon-only:disabled {
	opacity: 0.6;
}
.bk-pagination .pagination-group .bk-icon-only:not(:disabled):hover {
	border-color: #aaa;
	background-color: #f6f6f6;
}
.bk-pagination .btn-page-first {
	order: 1;
}
.bk-pagination .btn-page-prev {
	order: 2;
	margin-left: 8px;
}
.bk-pagination .list-page {
	order: 3;
	margin: 0 16px;
}
.bk-pagination .list-page > li + li {
	margin-left: 8px;
}
.bk-pagination .btn-page-next {
	order: 4;
	margin-right: 8px;
}
.bk-pagination .btn-page-last {
	order: 5;
}
.bk-pagination .list-page button {
	color: #666;
}
.bk-pagination .list-page button.selected {
	background-color: var(--color-primary);
	color: var(--color-white);
}
.bk-pagination .list-page button:not(.selected):hover {
	background-color: #eaf2fe;
}
/* 사이즈 */
.field-code {
	width: 140px;
}
/* 그리드 */
.grid-wrap {
	display: var(--d-flex);
	width: var(--wide-full);
	box-sizing: border-box;
}
.grid-wrap.column {
	flex-direction: column;
}
.grid-wrap:not(.bk-title) .grid-row {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	align-items: var(--flex-content-center);
}
.grid-wrap:not(.bk-title) .grid-row ~ .grid-row {
	margin-top: 8px;
}
.grid-wrap:not(.bk-title) .grid-row.grid-w-50per,
.bk-control .control-field.field-w-50per {
	max-width: 50%;
}
.grid-wrap:not(.bk-title) .grid-row.grid-w-60per,
.bk-control .control-field.field-w-60per {
	max-width: 60%;
}
.grid-wrap:not(.bk-title) .grid-row.grid-w-70per,
.bk-control .control-field.field-w-70per {
	max-width: 70%;
}
.grid-wrap:not(.bk-title) .grid-row.grid-w-80per,
.bk-control .control-field.field-w-80per {
	max-width: 80%;
}
.grid-wrap.bk-title .grid-row.explain-area {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	align-items: var(--flex-content-end);
}
.grid50-in-tbl {display: flex; width: 50%; gap: 8px;}
.grid50-in-tbl > *:not(button) {flex: 1 1 0;}
/*
.grid-row.explain-area .bk-explain .desc-type {
  font-size: var(--font-size-default);
  line-height: var(--font-line-height-default);
}
*/
.grid-row .grid-column {
	flex: 1 1 0; /* grow,shrink,basis */
}
.grid-row .grid-column ~ .grid-column {
	margin-left: 8px;
}
.grid-row .grid-column.flex-basis-auto {
	flex: 0 1 auto;
}
.grid-wrap.grid-date .grid-column {
}
.grid-wrap.grid-date .grid-column .bk-select {
	flex-direction: var(--flex-row-reverse);
	margin-right: 0;
	margin-left: 10px;
}
.grid-wrap.grid-date .grid-column .bk-select {
	margin-left: 0;
}
.grid-wrap.grid-date .grid-column .bk-select label {
	margin: 10px 0 0 8px;
}
/* [그리드]주소 */
.grid-wrap.grid-address .address-zipcode {
	max-width: 150px;
}
/* [그리드]카테고리 */
.grid-wrap.cate-path-list > .grid-row {
	max-width: var(--wide-full);
}
/* [플러그인]스와이퍼 */
.bk-swiper {
	position: relative;
}
.bk-swiper.swiper-horizontal > .swiper-scrollbar,
.bk-swiper.swiper-scrollbar.swiper-scrollbar-horizontal {
	left: var(--swiper-scrollbar-sides-offset, 0%);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 0%));
}
.bk-swiper > .bk-icon-only {
	position: absolute;
}
.bk-swiper .swiper-button-prev {
	left: 0;
}
.bk-swiper .swiper-button-next {
	right: 0;
}
.main-Companies .swiper-button-next:not(.swiper-button-disabled),
.main-Companies .swiper-button-prev:not(.swiper-button-disabled),
.bk-swiper .swiper-button-next:not(.swiper-button-disabled),
.bk-swiper .swiper-button-prev:not(.swiper-button-disabled) {
	opacity: 0.2333;
}
.main-Companies .swiper-button-prev.swiper-button-disabled,
.main-Companies .swiper-button-next.swiper-button-disabled,
.bk-swiper .swiper-button-prev.swiper-button-disabled,
.bk-swiper .swiper-button-next.swiper-button-disabled,
.bk-swiper:hover .swiper-button-prev.swiper-button-disabled,
.bk-swiper:hover .swiper-button-next.swiper-button-disabled {
	opacity: 0.1;
}
.swiper-group .pagination-group .swiper-pagination {
	z-index: 10;
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	transition: 0.3s opacity;
	transform: translate3d(0, 0, 0);
}
.kbc-main.swipe-mid .pagination-group,
.bk-swiper .pagination-group {
	display: var(--d-inline-flex);
	align-items: var(--flex-content-center);
	justify-content: var(--flex-content-center);
	position: relative;
}
.bk-swiper .pagination-group button[type="button"] {
	margin: 0 0;
}
.bk-swiper .pagination-group button[type="button"] + button[class*="swiper-button-"] {
	margin-left:-1px;
}/*20241028 디자인 수정*/
.bk-swiper .swiper-slide-blank {
	display: none;
}
.bk-swiper .pagination-group .swiper-pagination.pagination-white .swiper-pagination-bullet,
.bk-swiper .pagination-group .swiper-pagination.pagination-gray .swiper-pagination-bullet {
	opacity: 0.5;
}
.bk-swiper .pagination-group .swiper-pagination.pagination-white .swiper-pagination-bullet {
	background-color: var(--color-white);
}
.bk-swiper .pagination-group .swiper-pagination.pagination-gray .swiper-pagination-bullet {
	background-color: #bbb;
	opacity: 0.5;
}
.bk-swiper .pagination-group .swiper-pagination.pagination-white .swiper-pagination-bullet-active,
.bk-swiper .pagination-group .swiper-pagination.pagination-gray .swiper-pagination-bullet-active {
	width: 20px;
	border-radius: 10px;
	opacity: 1;
}
.kbc-main.swipe-mid .pagination-group .swiper-pagination,
.bk-swiper .pagination-group .swiper-pagination,
.bk-swiper .pagination-group .swiper-button-prev,
.bk-swiper .pagination-group .swiper-button-next,
.swiper-group .pagination-group .swiper-pagination,
.swiper-group .pagination-group .swiper-button-prev,
.swiper-group .pagination-group .swiper-button-next {
	display: var(--d-inline-block);
	position: relative;
	top: auto;
	right: 0;
	bottom: auto;
	left: auto;
	margin-top: 0;
	vertical-align: top;
}
.bk-swiper .pagination-group .swiper-button-prev,
.bk-swiper .pagination-group .swiper-button-next {
	min-width: 24px;
	min-height: 24px;
	width: auto;
	height: auto;
	padding: 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
} /*20241028 디자인수정 */
.bk-swiper .swiper-button-next.swiper-button-small,
.bk-swiper .swiper-button-prev.swiper-button-small {
	width: 32px;
	height: 32px;
}
.bk-swiper .pagination-group .swiper-pagination {
	margin: 0 20px;
	color: #999;
	font-size: var(--font-size-swiper-pagination);
}
.bk-swiper .pagination-group .swiper-button-next:not(.swiper-button-disabled),
.bk-swiper .pagination-group .swiper-button-prev:not(.swiper-button-disabled) {
	opacity: 1 !important;
}
.bk-swiper .pagination-group .swiper-button-prev:after,
.bk-swiper .pagination-group .swiper-button-next:after,
.bk-swiper:hover .pagination-group .bk-icon-only:after {
	font-size: var(--font-size-swiper-pagination-button);
	color: var(--color-default) !important;
	opacity: 1;
	font-size:1rem;
	line-height:24px;
}
html[lang="ja"] .bk-swiper .pagination-group .swiper-pagination > font,
html[lang="ja"] .bk-swiper .pagination-group .swiper-pagination .swiper-pagination-total font *,
html[lang="pt"] .bk-swiper .pagination-group .swiper-pagination > font,
html[lang="pt"] .bk-swiper .pagination-group .swiper-pagination .swiper-pagination-total font *,
html[lang="es"] .bk-swiper .pagination-group .swiper-pagination > font,
html[lang="es"] .bk-swiper .pagination-group .swiper-pagination .swiper-pagination-total font * {
	font-size: 0;
}
.bk-swiper .pagination-group .swiper-pagination .swiper-pagination-current {
	color: var(--color-black);
}
.bk-swiper .pagination-group .swiper-button-prev {
}
.bk-swiper .pagination-group .swiper-button-next {
}
.bk-swiper .swiper-white,
.bk-swiper .swiper-button-prev.swiper-white:after,
.bk-swiper .swiper-button-next.swiper-white:after,
.bk-swiper .swiper-button-prev.swiper-black:after,
.bk-swiper .swiper-button-next.swiper-black:after {
	font-size: 0 !important;
}
.main-Companies .swiper-button-next.swiper-white:after,
.main-Companies .swiper-button-prev.swiper-white:after,
.bk-swiper .swiper-button-prev.swiper-white:after,
.bk-swiper .swiper-button-next.swiper-white:after {
	width: 14px;
	height: 26px;
	background: url(../../img/web/arrow-swiper-white.svg) 0 0 no-repeat;
	background-size: cover;
}
.main-Companies .swiper-button-prev.swiper-white:after,
.bk-swiper .swiper-button-prev.swiper-white:after {
	transform: rotate(-180deg);
}
.main-Companies .swiper-button-next.swiper-white,
.main-Companies .swiper-button-prev.swiper-white,
.bk-swiper .swiper-button-next.swiper-white,
.bk-swiper .swiper-button-prev.swiper-white {
	width: 54px;
	height: 54px;
	background-color: var(--color-black);
}
.bk-swiper .swiper-button-next.swiper-black,
.bk-swiper .swiper-button-prev.swiper-black {
	justify-content: center;
	width: 24px;
	height: 24px;
	background-color: transparent;
}
.bk-swiper .swiper-black,
.bk-swiper .swiper-button-prev.swiper-black:not(.swiper-button-disabled) .bk-swiper .swiper-button-next.swiper-black:not(.swiper-button-disabled) {
	opacity: 1 !important;
}
.bk-swiper .swiper-button-prev.swiper-black:after,
.bk-swiper .swiper-button-next.swiper-black:after {
	width: 10px;
	height: 20px;
	background: url(../../img/web/arrow-swiper-black.svg) 0 0 no-repeat;
	background-size: cover;
}
.bk-swiper .swiper-button-next.swiper-black:after {
	transform: rotate(-180deg);
}
.bk-swiper .swiper-button-prev.swiper-black:hover:after,
.bk-swiper .swiper-button-next.swiper-black:hover:after {
	filter: brightness(0) saturate(100%) invert(58%) sepia(47%) saturate(6641%) hue-rotate(189deg) brightness(97%) contrast(90%);
}
.bk-swiper .slide-list {
	display: var(--d-flex);
}
.bk-swiper .slide-list.column {
	flex-direction: var(--flex-column);
}
.bk-swiper .slide-list > li {
	flex: 1 1 0;
}
.bk-swiper .slide-list > li:not(:first-child) {
	margin-left: 16px;
}
.bk-swiper.swiper-goods .bk-title {
	margin-bottom: 30px;
}
.kbc-main.grid-top .pagination-group,
.bk-swiper.swiper-event .pagination-group {
	z-index: 10;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, -100%);
}
.bk-swiper.swiper-event .pagination-group .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.main-Companies .swiper-button-next,
.main-Companies .swiper-button-prev,
.bk-swiper.swiper-photo .swiper-button-prev,
.bk-swiper.swiper-photo .swiper-button-next,
.bk-swiper.swiper-event .swiper-button-prev,
.bk-swiper.swiper-event .swiper-button-next,
.bk-swiper.swiper-items .swiper-button-prev,
.bk-swiper.swiper-items .swiper-button-next,
.bk-swiper.swiper-gallery .swiper-button-prev,
.bk-swiper.swiper-gallery .swiper-button-next,
.bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next,
.swiper.swiper-goods ~ .swiper-button-prev,
.swiper.swiper-goods ~ .swiper-button-next,
.kbc-main .bk-swiper .swiper-button-prev, 
.kbc-main .bk-swiper .swiper-button-next,
.bk-swiper .swiper-button-prev, 
.bk-swiper .swiper-button-next {
	z-index: 2;
	justify-content: var(--flex-content-center);
	position: absolute;
}
.bk-swiper:hover .swiper-button-prev:not(.swiper-button-disabled),
.bk-swiper:hover .swiper-button-next:not(.swiper-button-disabled) {
	opacity: 0.5;
}
.bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {
	transform: translate(0px, -100px);
}
.bk-swiper.swiper-event .pagination-group .bk-icon.bk-icon-autoplay-stop,
.bk-swiper.swiper-event .pagination-group .bk-icon.bk-icon-autoplay-play,
.bk-swiper.swiper-event .pagination-group .swiper-pagination-bullets,
.main-ad-banner .pagination-group .swiper-pagination-bullets,
.main-ad-banner .pagination-group .bk-icon.bk-icon-autoplay-stop,
.main-ad-banner .pagination-group .bk-icon.bk-icon-autoplay-play {
	height: 14px;
}
.bk-swiper.swiper-event .pagination-group .bk-icon.bk-icon-autoplay-play,
.bk-swiper.swiper-event .pagination-group .bk-icon.bk-icon-autoplay-stop,
.main-ad-banner .pagination-group .bk-icon.bk-icon-autoplay-stop,
.main-ad-banner .pagination-group .bk-icon.bk-icon-autoplay-play {
	margin: 0;
}
.bk-swiper.swiper-event .pagination-group .swiper-pagination-bullets,
.main-ad-banner .pagination-group .swiper-pagination-bullets {
	padding-top: 4px;
}
.bk-swiper.swiper-event .pagination-group .bk-icon.bk-icon-autoplay-play,
.bk-swiper.swiper-event .pagination-group .bk-icon.bk-icon-autoplay-stop,
.bk-swiper.swiper-event .pagination-group .swiper-pagination-bullet,
.main-ad-banner .pagination-group .swiper-pagination-bullet,
.main-ad-banner .pagination-group .bk-icon.bk-icon-autoplay-stop,
.main-ad-banner .pagination-group .bk-icon.bk-icon-autoplay-play {
	vertical-align: top;
}
/* 갤러리 스와이퍼-공통 */
.cp-swiper-gallery {
}
.cp-swiper-gallery.detail-gallery {
	width: 600px;
}
.cp-swiper-gallery .swiper-gallery {
}
.cp-swiper-gallery .swiper-slide {
	width: fit-content;
}
.cp-swiper-gallery .swiper-slide,
.cp-swiper-gallery .swiper-slide img {
	box-sizing: border-box;
}
.cp-swiper-gallery .swiper-slide img,
.cp-swiper-gallery .swiper-slide object {
	width: var(--wide-full);
	height: var(--wide-full);
	object-fit: cover;
}
.cp-swiper-gallery .swiper-gallery-thumbs button {
	border: 0;
}
.cp-swiper-gallery .swiper-gallery .swiper-slide {
	height: 600px;
}
.cp-swiper-gallery .swiper-gallery .swiper-slide,
.cp-swiper-gallery .swiper-gallery .swiper-slide img {
	border-radius: 12px;
}
.cp-swiper-gallery .swiper-gallery-thumbs {
	margin-top: 10px;
}
.cp-swiper-gallery .swiper-gallery-thumbs .swiper-wrapper {
}
.cp-swiper-gallery .swiper-gallery-thumbs .swiper-slide {
	width: 68px;
	height: 68px;
}
.cp-swiper-gallery .swiper-gallery-thumbs .swiper-slide,
.cp-swiper-gallery .swiper-gallery-thumbs .swiper-slide img {
	border-radius: 6px;
}
.cp-swiper-gallery .swiper-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
	position: relative;
}
.cp-swiper-gallery .swiper-gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid var(--color-primary);
	content: "";
}
.cp-swiper-gallery.detail-gallery .swiper-gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before {
	border: 2px solid var(--color-primary);
	border-radius: 6px;
}
.bk-swiper.swiper-gallery .swiper-button-next.swiper-white,
.bk-swiper.swiper-gallery .swiper-button-prev.swiper-white {
	width: 64px;
	height: 64px;
	background-color: #000;
}
.bk-swiper.swiper-gallery .swiper-button-prev.swiper-white:after,
.bk-swiper.swiper-gallery .swiper-button-next.swiper-white:after {
	font-size: 23px;
}
/* [팝업]확대이미지 */
.cp-swiper-gallery.zoom-gallery {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
}
.cp-swiper-gallery.zoom-gallery .swiper {
	margin: 0;
}
.cp-swiper-gallery.zoom-gallery .swiper-gallery:not(.swiper-gallery-thumbs),
.cp-swiper-gallery.zoom-gallery .swiper-gallery:not(.swiper-gallery-thumbs) .swiper-slide {
	width: 700px;
	height: 700px;
}
.cp-swiper-gallery.zoom-gallery .swiper-gallery-thumbs {
	margin-top: 0;
	margin-left: 18px;
}
.cp-swiper-gallery.zoom-gallery .swiper-gallery-thumbs .swiper-wrapper {
	flex-direction: var(--flex-column);
}
.cp-swiper-gallery.zoom-gallery .swiper-gallery-thumbs .swiper-slide {
	width: 80px !important;
	height: 80px !important;
	box-sizing: border-box;
}
/* 갤러리 스와이퍼-그리드 타입 */
.swiper.cp-swiper-grid {
	width: var(--wide-full);
	margin-left: auto;
	margin-right: auto;
}
.cp-swiper-grid .swiper-slide {
	display: var(--d-flex);
	justify-content: var(--flex-content-center);
	align-items: var(--flex-content-stretch);
	width: var(--wide-full);
	height: auto;
	background: var(--color-white);
	font-size: var(--font-size-body2);
	text-align: center;
}
.cp-swiper-grid.swiper-inquiry-normal .swiper-slide {
	height: fit-content !important;
}
/* [컴퍼넌트] */
/* [플러그인]달력 */
.bk-textfield.is-readonly .iText.iDatepicker {
	padding-right: 42px;
	background-color: var(--color-white);
	background-image: url(../../img/web/icon-calendar.svg);
	background-position: calc(100% - 12px) calc(100% - 10px);
	background-repeat: no-repeat;
}
.flatpickr-calendar {
	display: var(--d-none);
	position: absolute;
	width: 307.875px;
	padding: 0;
	background: transparent;
	border: 1px solid var(--color-primary);
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	-webkit-animation: none;
	animation: none;
	direction: ltr;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background: #fff;
	-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
	font-size: var(--font-size-default);
	line-height: var(--font-line-height-default);
	text-align: center;
}
.flatpickr-calendar .calendar-close {
	padding: 8px 16px;
	border-top: 1px solid #e6e6e6;
	text-align: right;
}
.flatpickr-calendar .bk-icon-only.bk-btn-close {
	display: var(--d-inline-flex);
	justify-content: var(--flex-content-end);
	justify-self: var(--flex-content-end);
	align-self: var(--flex-content-end);
	justify-items: var(--flex-content-end);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
	opacity: 1;
	max-height: 640px;
	visibility: visible;
}
.flatpickr-calendar.open {
	z-index: 99999;
	display: var(--d-inline-block);
	margin-top: 4px;
}
.flatpickr-calendar.animate.open {
	-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
	animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
	display: var(--d-flex);
	flex-direction: var(--flex-column);
	position: relative;
	top: 2px;
}
.flatpickr-calendar.static {
	position: absolute;
	top: calc(var(--wide-full) + 2px);
}
.flatpickr-calendar.static.open {
	z-index: 999;
	display: var(--d-block);
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
	-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
	box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
	border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
	height: 40px;
	border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
	height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
	display: var(--d-none);
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
	left: auto;
	right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
	left: 50%;
	right: 50%;
}
.flatpickr-calendar:before {
	border-width: 5px;
	margin: 0 -5px;
}
.flatpickr-calendar:after {
	border-width: 4px;
	margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
	display: var(--d-none);
	bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
	border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
	border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
	display: var(--d-none);
	top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
	border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
	border-top-color: #fff;
}
.flatpickr-calendar:focus {
	outline: 0;
}
.flatpickr-wrapper {
	display: var(--d-inline-block);
	position: relative;
}
.flatpickr-months {
	z-index: 10;
	display: var(--d-flex);
	position: relative;
	background-color: var(--color-primary);
}
.flatpickr-months .flatpickr-month {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	height: 64px;
	background: transparent;
	color: rgba(255, 255, 255, 0.9);
	fill: rgba(255, 255, 255, 0.9);
	line-height: 1;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.flatpickr-months .flatpickr-month .flatpickr-monthDropdown-months .list {
	font-size: var(--font-size-xsmall);
	color: var(--color-body);
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
	z-index: 2;
	display: var(--d-flex);
	align-items: var(--flex-content-center);
	justify-content: var(--flex-content-center);
	position: absolute;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	border: 1px solid var(--color-white);
	border-radius: 50%;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.9);
	fill: rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
	display: var(--d-none);
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
	position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
	left: 20px;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
	right: 20px;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
	color: #eaf2fe;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: #eaf2fe;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
	width: 14px;
	height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
	-webkit-transition: fill 0.1s;
	transition: fill 0.1s;
	fill: inherit;
}
.numInputWrapper {
	position: relative;
	height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
	display: var(--d-inline-block);
}
.numInputWrapper input {
	width: var(--wide-full);
}
.numInputWrapper input::-ms-clear {
	display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
.numInputWrapper span {
	position: absolute;
	right: 0;
	width: 14px;
	padding: 0 4px 0 2px;
	height: 50%;
	line-height: 50%;
	opacity: 0;
	cursor: pointer;
	border: 1px solid rgba(57, 57, 57, 0.15);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.numInputWrapper span:hover {
	background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
	background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
	display: var(--d-block);
	content: "";
	position: absolute;
}
.numInputWrapper span.arrowUp {
	top: 0;
	border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(57, 57, 57, 0.6);
	top: 26%;
}
.numInputWrapper span.arrowDown {
	top: 50%;
}
.numInputWrapper span.arrowDown:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(57, 57, 57, 0.6);
	top: 40%;
}
.numInputWrapper span svg {
	width: inherit;
	height: auto;
}
.numInputWrapper span svg path {
	fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
	background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
	opacity: 1;
}
.flatpickr-current-month {
	display: var(--d-inline-flex);
	justify-content: var(--flex-content-between);
	height: 26px;
	padding: 20px 0 0 0;
	color: inherit;
	font-size: var(--font-size-title3);
	line-height: inherit;
	font-weight: 400;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
	display: var(--d-inline-flex);
}
.flatpickr-current-month span.cur-month {
	display: var(--d-inline-block);
	margin-left: 0.5ch;
	padding: 0;
	color: inherit;
	font-family: inherit;
	font-weight: 700;
}
.flatpickr-current-month span.cur-month:hover {
	background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
	display: var(--d-inline-block);
	width: 6ch;
	width: 7ch\0;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
	display: var(--d-inline-block);
	height: auto;
	margin: 0;
	padding: 0 0 0 0.5ch;
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	cursor: text;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	line-height: inherit;
	vertical-align: initial;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
	outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
	font-size: 100%;
	background: transparent;
	pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
	position: relative;
	width: auto;
	margin: -1px 0 0 0;
	padding: 0 0 0 0.5ch;
	appearance: menulist;
	background: transparent;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	line-height: inherit;
	vertical-align: initial;
	cursor: pointer;
	outline: none;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
}
.flatpickr-current-month .flatpickr-monthDropdown-months.nice-select:after {
	border-color: var(--color-white);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .current {
	min-width: 90px;
	padding-right: 24px;
	height: 26px;
	line-height: var(--font-line-height-body2);
	text-align: right;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
	outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
	background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	padding: 0;
	background-color: transparent;
	outline: none;
}
.flatpickr-weekdays {
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: var(--d-flex);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: var(--flex-content-center);
	width: var(--wide-full);
	height: 28px;
	background: transparent;
	text-align: center;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: var(--d-flex);
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
span.flatpickr-weekday {
	display: var(--d-block);
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0;
	background: transparent;
	color: rgba(0, 0, 0, 0.54);
	font-size: 90%;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	cursor: default;
}
.dayContainer,
.flatpickr-weeks {
	padding: 1px 0 0 0;
}
.flatpickr-days {
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: var(--d-flex);
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: var(--flex-content-start);
	position: relative;
	width: 307.875px;
}
.flatpickr-days:focus {
	outline: 0;
}
.dayContainer {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: var(--d-flex);
	-webkit-flex-wrap: wrap;
	flex-wrap: var(--flex-wrap);
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: var(--flex-content-around);
	width: 307.875px;
	min-width: 307.875px;
	max-width: 307.875px;
	padding: 0;
	outline: 0;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.dayContainer + .dayContainer {
	-webkit-box-shadow: -1px 0 0 #e6e6e6;
	box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
	display: inline-block;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 14.2857143%;
	margin: 0;
	-webkit-flex-basis: 14.2857143%;
	-ms-flex-preferred-size: 14.2857143%;
	flex-basis: 14.2857143%;
	max-width: 39px;
	height: 39px;
	background: none;
	border: 1px solid transparent;
	border-radius: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #393939;
	font-weight: 400;
	line-height: 39px;
	text-align: center;
	cursor: pointer;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
	cursor: pointer;
	outline: 0;
	background: #f0f0f0;
	border-color: #f0f0f0;
}
.flatpickr-day.today {
	background: #eaf2fe;
	border-color: #eaf2fe;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
	border-color: #eaf2fe;
	background: #eaf2fe;
	color: var(--color-black);
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: var(--color-primary);
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: var(--color-primary);
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
	border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
	border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
	-webkit-box-shadow: -10px 0 0 #569ff7;
	box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
	border-radius: 50px;
}
.flatpickr-day.inRange {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
	box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
	color: rgba(57, 57, 57, 0.3);
	background: transparent;
	border-color: transparent;
	cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
	cursor: not-allowed;
	color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
	box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
	visibility: hidden;
}
.rangeMode .flatpickr-day {
	margin-top: 1px;
}
.flatpickr-weekwrapper {
	float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
	padding: 0 12px;
	-webkit-box-shadow: 1px 0 0 #e6e6e6;
	box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
	float: none;
	width: var(--wide-full);
	line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
	display: var(--d-block);
	width: var(--wide-full);
	max-width: none;
	color: rgba(57, 57, 57, 0.3);
	background: transparent;
	cursor: default;
	border: none;
}
.flatpickr-innerContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: var(--d-flex);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.flatpickr-rContainer {
	display: var(--d-inline-block);
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.flatpickr-time {
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: var(--d-flex);
	height: 0;
	max-height: 40px;
	text-align: center;
	outline: 0;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.flatpickr-time:after {
	content: "";
	display: table;
	clear: both;
}
.flatpickr-time .numInputWrapper {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	float: left;
	width: 40%;
	height: 40px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
	border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
	border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
	width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
	width: 49%;
}
.flatpickr-time input {
	position: relative;
	height: inherit;
	margin: 0;
	padding: 0;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	color: #393939;
	font-size: var(--font-size-default);
	line-height: inherit;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
	font-weight: 700;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
	font-weight: 400;
}
.flatpickr-time input:focus {
	border: 0;
	outline: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
	float: left;
	width: 2%;
	height: inherit;
	color: #393939;
	line-height: inherit;
	font-weight: bold;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
	width: 18%;
	font-weight: 400;
	text-align: center;
	outline: 0;
	cursor: pointer;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
	background: #eee;
}
.flatpickr-input[readonly] {
	cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fpFadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* [컴퍼넌트]타이틀 기본 */
/* 데이터 없음 */
.line-box {
	border-bottom: 1px solid #ddd;
}
.outline-box {
	border: 1px solid #ddd;
	border-radius: 8px;
}
.bk-no-data {
	display: var(--d-flex);
	justify-content: var(--flex-content-center);
	align-items: var(--flex-content-center);
	min-height: 200px;
	padding: 100px 30px;
	text-align: center;
}
.bk-no-data .bk-icon.bk-icon-mark {
	width: 64px;
	height: 64px;
	margin-bottom: 30px;
}
.bk-no-data .message {
	font-size: 2.6rem;
	line-height: 3rem;
}
.bk-no-data .message-sub {
	margin-top: 10px;
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	color: var(--color-body);
}
.bk-no-data .message-sub > li.font-dote::before {
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #666;
	border-radius: 50%;
	vertical-align: top;
	transform: translate(0, 10px);
	content: "";
}
.bk-no-data .btns-group.btns-group-bg {
	margin-top: 30px;
	padding: 18px 24px;
	background-color: #f3f5f8;
	border-radius: 4px;
	font-size: var(--font-size-body2);
	line-height: var(--font-line-height-body2);
}
.bk-no-data .btns-group {
	margin-top: 30px !important;
}
/* 타이틀 */
.bk-title {
	margin-bottom: 10px;
}
.bk-title.grid-wrap .grid-row:not(:first-child) {
	margin-top: 10px;
}
.bk-title.grid-wrap .bk-explain {
	color: #666;
	font-size: var(--font-size-default2);
	line-height: var(--font-line-height-default2);
}
.bk-title .title-area {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-end);
}
.bk-title .title-area .group-left {
	display: var(--d-flex);
	align-items: center;
	flex-basis: 0;
	flex-grow: 1;
}
.bk-title .title-area .group-left > *:not(:first-child) {
	margin-left: 10px;
}
.bk-title .title-area .group-left .title-sub {
	font-size: var(--font-size-title2);
	color: var(--color-default);
}
.bk-title .title-area .group-left .title + .title-sub::before {
	display: var(--d-inline-block);
	position: relative;
	margin: 5px 10px 0 0;
	width: 1px;
	height: 28px;
	background-color: #ddd;
	vertical-align: top;
	content: "";
}
.bk-title .title-area .group-right {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
}
.bk-title .title-area .group-right.btns-group > * {
	margin-left: 20px;
}
.bk-title .title-group.column {
}
.bk-title.title-sub-top {
	margin-bottom: 30px;
}
.bk-title.title-sub-top .bk-icon-only-favorites .bk-icon.bk-icon-heart {
	width: 36px;
	height: 36px;
}
/* [컴퍼넌트]검색 기본 */
.cp-search {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
}
.cp-search > form {
	width: 100%;
}
.cp-search .search-area {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-center);
	flex-basis: 0;
	flex-grow: 1;
}
/* [컴퍼넌트]header 검색 */
.cp-search.search-top {
	position: relative;
	width: 460px;
	height: 56px;
	padding: 0 20px;
	border:1.5px solid #258DEC; /*20250411 추가*/
	background:#fff; /*20250411 변경*/
	border-radius: 32px;
	box-sizing: border-box;
}
.cp-search.search-top .bk-select .nice-select,
.cp-search.search-top .bk-textfield .iText {
	border: 0;
	background-color: transparent;
}
.cp-search.search-top .bk-textfield .iText {
	/* padding-right: 40px; */
	padding-right: 66px;
	padding-left: 18px;
}
.cp-search.search-top .icon-search {
	padding: 8px;
}
.cp-search.search-top .icon-clear {
	padding: 8px 4px;
	display: none;
}
.cp-search.search-top .bk-control .control-field .control-icon,
.cp-search.search-top .bk-control .control-field .control-btns {
	transform: translateY(-50%) translateX(0);
}
.bk-textfield.is-focus .iText ~ .control-icon .icon-clear {
	display: inline-flex;
}
/* [컴퍼넌트]검색 */
.cp-search.search-lnbType {
	margin-bottom: 40px;
	box-sizing: border-box;
}
.cp-search.search-topType {
	margin-bottom: 40px;
	padding: 20px;
	background-color: #f6f6f6;
	border-radius: 8px;
	box-sizing: border-box;
}
.cp-search.search-topType .btns-search-area {
	margin-left: 8px;
	min-width: fit-content;
}
.cp-search.search-topType .search-inner .search-row {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
}
.cp-search.search-topType .search-inner .search-row > div ~ * {
	margin-left: 20px;
}
.cp-search.search-topType .search-inner .search-row > .search-group .bk-select ~ .bk-select {
	margin-left: 8px;
}
.cp-search.search-topType .dash {
	margin: 0 8px;
}
.cp-search.search-topType .grid-row ~ .grid-row {
	margin-top: 10px;
}
.cp-search.search-topType label {
	margin-left: 30px;
}
/* 챗팅 검색 */
.cp-search.search-chat {
	height: 80px;
	padding: 20px;
	background-color: var(--color-primary);
	border-radius: 8px 0 0 0;
	box-sizing: border-box;
}
/* date group */
.date-group .dash {
	margin: 0 8px;
}
.date-group,
.search-group {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
}
.date-group.column {
	flex-direction: var(--flex-column);
}
.cp-search .date-group .bk-textfield {
	min-width: 200px;
}
.cp-search.search-topType .search-group {
	flex-basis: 0;
	flex-grow: 1;
}
.cp-search.search-topType .search-group .bk-select {
	max-width: 150px;
}
.cp-search.search-topType .search-group .bk-select + .textfield-search {
	margin-left: 8px;
}
.cp-search .textfield-search .iText {
	padding-right: 40px;
}
.cp-search.search-topType .bk-icon.bk-icon-searchPrimary,
.cp-search.cp-search.search-chat .bk-icon.bk-icon-searchPrimary,
.my-util .list-util .bk-icon.bk-icon-searchPrimary,
.cp-search.search-lnbType .bk-icon.bk-icon-searchPrimary {
	filter: brightness(0) saturate(100%);
}
/* 레이어 */
.cp-layer {
	display: var(--d-none);
	position: absolute;
}
.cp-layer.is-active {
	display: var(--d-block);
	z-index: 10;
}
.cp-layer,
.cp-layer .layer-inner {
	border-radius: var(--radius-default);
}
.cp-layer .layer-inner {
	padding: 12px;
	overflow: auto;
	background-color: #fff;
}
.cp-layer .layer-header {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-center);
	padding: 24px 20px 23px 40px;
	border-bottom: 1px solid #ddd;
}
.cp-layer .layer-header .bk-title {
	margin: 0;
}
.cp-layer .layer-header .title {
	color: var(--color-primary);
	font-size: var(--font-size-title3);
	line-height: var(--font-line-height-title3);
	font-weight: 400;
}
.cp-layer .layer-header .header-left {
	display: var(--d-flex);
	max-width: calc(100% - 40px);
}
.cp-layer .layer-header .header-right {
	display: var(--d-flex);
}
.cp-layer .layer-body {
}
.cp-layer.layer-default {
	left: 50%;
	transform: translate(-50%, 0);
	border: 1px solid var(--color-primary);
}
.cp-layer.layer-default,
.cp-layer.layer-default .layer-inner {
	border-radius: 0;
}
.cp-layer.layer-default .layer-inner {
	padding: 40px;
}
.cp-layer.layer-default .layer-header {
	margin: -40px -40px 0 -40px;
}
.cp-layer.layer-default .layer-body {
	padding-top: 40px;
}
.layer-dropdown.layer-family {
	bottom: 0;
	right: 0;
	transform: translate(0, calc(-32px));
}
.layer-dropdown.layer-family .layer-inner {
	min-width: 170px;
	max-height: 100px;
	border: 1px solid #bbb;
}
.layer-dropdown.layer-family .list-family {
	font-size: var(--font-size-xsmall);
	line-height: var(--font-line-height-body);
}
.layer-dropdown.layer-family .layer-inner .list-family a {
	word-break: normal;
}
.layer-dropdown.layer-kotra-family {
	z-index: 10;
	top: 25px;
	left: 98px;
	width: 600px;
	border: 1px solid #bbb;
}
.layer-dropdown.layer-kotra-family .bk-icon.bk-icon-dialog-close {
	filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(8%) hue-rotate(336deg) brightness(102%) contrast(100%);
}
.layer-dropdown.layer-kotra-family .layer-inner {
	padding: 24px;
}
.layer-dropdown.layer-kotra-family.is-active ul {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	width: var(--wide-full);
}
.layer-dropdown.layer-kotra-family.is-active ul a {
	display: var(--d-block);
	overflow: hidden;
	height: 60px;
}
.layer-dropdown.layer-kotra-family.is-active ul > li {
	width: 240px;
	padding: 24px 0 0 24px;
}
.layer-dropdown.layer-kotra-family.is-active ul a:hover img {
	margin-top: -60px;
}
.layer-dropdown.layer-kotra-family.is-active ul img {
}
.layer-dropdown.layer-kotra-family [role="dropdownCloseBtn"] {
	position: absolute;
	top: 20px;
	right: 20px;
}
/* 상단 코트라 레이어 */
/* 레이어 팝업 */
.dim.is-active:before {
	position: fixed;
	z-index: 101;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	content: "";
}
@keyframes dialogBottom {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}
.bk-dialog {
	display: var(--d-none);
	position: fixed;
	z-index: 900;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10%;
	width: 100vw;
	height: 100vh;
	box-sizing: border-box;
}
.bk-dialog.is-active {
	display: var(--d-flex);
}
.bk-dialog .dialog-inner {
	z-index: 901;
	display: var(--d-flex);
	flex-direction: var(--flex-column);
	flex: 1 1 auto;
	position: relative;
	top: 50%;
	left: 50%;
	max-width: 904px;
	max-height: 90vh;
	transform: translate(-50%, -50%);
	border: 1px solid var(--color-primary);
	background-color: #fff;
	box-sizing: border-box;
}
.bk-dialog.dim .dialog-inner {
	border-color: var(--color-brand);
	height: fit-content;
}
.bk-dialog.dialog-small .dialog-inner {
	min-width: 428px;
	max-width: 428px;
}
.bk-dialog.dialog-default .dialog-inner {
	min-width: 680px;
	max-width: 680px;
}
.bk-dialog.dialog-large .dialog-inner {
	min-width: 904px;
	max-width: 904px;
}
.bk-dialog.dialog-xlarge .dialog-inner {
	min-width: 1200px;
	max-width: 1200px;
}
.bk-dialog .dialog-header {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-center);
	height: 80px;
	padding: 24px 20px 24px 40px;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
.bk-dialog .dialog-header .header-left {
	display: var(--d-flex);
	max-width: calc(100% - 40px);
}
.bk-dialog .dialog-header .header-right {
	display: var(--d-flex);
}
.bk-dialog .dialog-header .bk-title {
	overflow: hidden;
	margin-bottom: 0;
}
.bk-dialog .dialog-header .bk-title .title {
	display: var(--d-block);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--color-primary);
	font-size: var(--font-size-title3);
	line-height: 3.2rem;
	font-weight: 500;
}
.bk-dialog.dim .dialog-header .bk-title .title {
	color: var(--color-brand);
}
.bk-dialog.dim .bk-btn-close {
	filter: brightness(0) saturate(100%);
}
.bk-dialog .dialog-container {
	padding: 40px 40px 1px 40px;
	overflow-y: auto;
	box-sizing: border-box;
}
.bk-dialog.dialog-default .dialog-container {
	margin-bottom: 10px;
}
.bk-dialog:not(.confirm, .alert, .bk-snackbar) .dialog-container .dialog-contents {
	min-height: 120px;
}
.bk-dialog .dialog-footer {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-center);
	padding: 40px;
}
.bk-dialog .dialog-footer > div {
	display: var(--d-flex);
}
.bk-dialog:not(.dialog-main) .dialog-footer .bk-btn {
	min-width: 100px;
	height: 48px;
}
.bk-dialog .dialog-footer .bk-btn ~ * {
	margin-left: 8px;
}
.bk-dialog.alert .dialog-inner,
.bk-dialog.confirm .dialog-inner {
	max-width: 400px;
}
.bk-dialog.alert .dialog-header,
.bk-dialog.confirm .dialog-header {
	padding: 20px;
	border-bottom: 0;
}
.bk-dialog.alert .dialog-container,
.bk-dialog.confirm .dialog-container {
	margin-top: -20px;
	padding-top: 0;
	padding-right: 32px;
	padding-left: 32px;
	text-align: center;
}
.bk-dialog.alert .dialog-footer,
.bk-dialog.confirm .dialog-footer {
	padding: 24px 32px 40px 32px;
}
.bk-dialog.alert .dialog-footer .bk-btn,
.bk-dialog.confirm .dialog-footer .bk-btn {
	min-width: 80px;
}
.bk-dialog.alert .message-head .title {
	margin-top: 20px;
	font-size: var(--font-size-body2);
	line-height: var(--font-line-height-body2);
	font-weight: 400;
}
.bk-dialog.alert .message {
	margin-top: 12px;
	font-size: var(--font-size-body);
}
.bk-dialog.alert .message > p ~ p {
	margin-top: 12px;
}
/* tooltip */
[data-tippy-root].custom-theme {
}
.tippy-box[data-theme~="bk-tooltip"] {
	background-color: #333;
	color: var(--color-white);
}
.tippy-box[data-theme~="bk-tooltip"] .tippy-content {
	padding: 16px;
}
/* form타입 묶음 */
.bk-flex-group {
	display: var(--d-flex);
}
.bk-flex-group > * ~ * {
	margin-left: 8px;
}
.bk-flex-group.justify-content-between {
	justify-content: var(--flex-content-between);
}
.bk-select.w-100px,
.bk-select.w-100px .nice-select {
	width: 100px;
}
/* [공통]썸네일 */
.bk-goods {
	display: var(--d-inline-flex);
	max-width: 100%;
	vertical-align: top;
}
.bk-goods .item-goods,
.bk-goods .item-goods > *,
.bk-goods .item-img,
.bk-goods .item-img > *,
.bk-goods .item-ad,
.bk-goods .item-ad > * {
	position: relative;
	box-sizing: border-box;
	/*margin-block-start:0;
	margin-block-end:0;*/
}
.bk-goods .item-goods,
.bk-goods .item-img,
.bk-goods .item-ad {
	display: var(--d-flex);
	max-width: 100%;
}
.bk-goods .img-goods,
.bk-goods .img-img,
.bk-goods .img-ad {
	border: 1px solid #ddd;
	border-radius: 4px;
}
.bk-goods .item-goods .img-goods,
.bk-goods .item-img .img-img,
.bk-goods .item-ad .img-ad {
	overflow: hidden;
	position: relative;
	width: var(--wide-full);
	height: var(--wide-full);
	box-sizing: border-box;
}
.bk-goods .item-goods .img-goods a,
.bk-goods .item-img .img-img a,
.bk-goods .item-ad .img-ad a {
	display: var(--d-block);
}
.bk-goods.goods-list,
.bk-goods.goods-list .item-goods,
.bk-goods.img-list,
.bk-goods.img-list .item-img,
.bk-goods.ad-list,
.bk-goods.ad-list .item-ad {
	position: relative;
	width: var(--wide-full);
}
.bk-goods .item-goods .img-goods.disabled a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}
.bk-goods.goods-list .bk-icon-only-x-black.btn-delete {
	position: absolute;
	top: 0px;
	right: 0;
	padding: 5px;
	justify-content: var(--flex-content-center);
} /* 삭제 버튼 */
.bk-goods.goods-list .item-goods > dt,
.bk-goods.img-list .item-img > dt,
.bk-goods.ad-list .item-ad > dt {
}
.bk-goods.goods-list .item-goods > dd,
.bk-goods.img-list .item-img > dd,
.bk-goods.ad-list .item-ad > dd {
	padding-left: 8px;
	line-height: var(--font-line-height-body);
}
.bk-goods.goods-list.goods-xsmall .item-goods > dt,
.bk-goods.goods-card.goods-xsmall .item-goods > dt,
.bk-goods.img-list.img-xsmall .item-img > dt {
	width: var(--img-size-xsmall);
	height: var(--img-size-xsmall);
}
.bk-goods.goods-list.goods-xsmall2 .item-goods > dt,
.bk-goods.goods-card.goods-xsmall2 .item-goods > dt,
.bk-goods.img-list.img-xsmall2 .item-img > dt {
	width: var(--img-size-xsmall2);
	height: var(--img-size-xsmall2);
}
.bk-goods.goods-list.goods-small2 .item-goods > dt,
.bk-goods.goods-card.goods-small2 .item-goods > dt,
.bk-goods.img-list.img-small2 .item-img > dt {
	width: var(--img-size-small2);
	height: var(--img-size-small2);
}
.bk-goods.goods-list.goods-small .item-goods > dt,
.bk-goods.goods-card.goods-small .item-goods > dt,
.bk-goods.img-list.img-small .item-img > dt {
	width: var(--img-size-small);
	height: var(--img-size-small);
}
.bk-goods.goods-list.goods-default .item-goods > dt,
.bk-goods.goods-card.goods-default .item-goods > dt,
.bk-goods.img-list.img-default .item-img > dt {
	width: var(--img-size-default);
	height: var(--img-size-default);
}
.bk-goods.goods-list.goods-large .item-goods > dt,
.bk-goods.goods-card.goods-large .item-goods > dt,
.bk-goods.img-list.img-large .item-img > dt {
	width: var(--img-size-large);
	height: var(--img-size-large);
}
.bk-goods.goods-list.goods-xlarge .item-goods > dt,
.bk-goods.goods-card.goods-xlarge .item-goods > dt,
.bk-goods.img-list.img-xlarge .item-img > dt {
	width: var(--img-size-xlarge);
	height: var(--img-size-xlarge);
}
.bk-goods .item-goods .img-goods img,
.bk-goods .item-img .img-img img,
.bk-goods .item-ad .img-ad img {
	width: var(--wide-full);
	min-height: var(--wide-full);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}
.bk-goods .item-ad .img-ad img {
	top: 0;
	left: 0;
	min-width: 100%;
	transform: translate(0);
}
.bk-goods .item-goods .more-img,
.bk-goods .item-ad .more-img {
	position: absolute;
	bottom: 0px;
	right: 0;
}
.bk-goods .more-img .more-num {
	display: var(--d-inline-block);
	position: relative;
	height: 40px;
	padding: 8px 10px;
	border-radius: 8px;
	box-sizing: border-box;
	color: var(--color-white);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
}
.bk-goods .more-img .more-num .text {
	z-index: 1;
	position: relative;
}
.bk-goods .more-img .more-num::before {
	display: var(--d-block);
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-black);
	border-radius: 8px;
	opacity: 0.5;
	content: "";
}
.bk-goods .item-goods .badge-area,
.bk-goods .item-ad .badge-area {
	position: absolute;
	top: 14px;
	left: 14px;
	/* height: calc(25px + 12px); */
}
.list-col3 .bk-goods .item-ad .badge-area,
.ad-list.bk-goods .item-ad .badge-area {
	position: static;
	height: calc(25px + 12px);
}

/* 셀러홈 이미지 정렬 이슈 추가 [20250225] */
.shm-cont-area .bk-goods .item-ad .img-ad {
	display: flex;
	justify-content: center;
	align-items: center;
}
.shm-cont-area .bk-goods .item-ad .img-ad img {
	top: auto;
	left: auto;
	transform: none;
	position:relative;
}
.shm-cont-area .bk-goods .item-ad .img-ad a {
	width:100%;
}
/*// 셀러홈 이미지 정렬 이슈 추가 [20250225]*/



/*트레이드쇼 버튼영역 추가 [20240509]*/
.item-ad .badge-area + .badge-area { position:absolute !important; right:0; top:0; justify-content: flex-end; column-gap: 8px; display:flex; height:30px !important}
.item-ad .badge-area + .badge-area .btn-badge{ position:static}
/*//트레이드쇼 버튼영역 추가 [20240509]*/

/* .bk-goods .badge-area .badge.badge-goods, */
.badge.badge-notice,
.badge-inquiry {
	display: var(--d-inline-flex);
	height: 24px;
	padding: 4px 8px;
	font-size: var(--font-size-xsmall);
	line-height: var(--font-line-height-xsmall);
	box-sizing: border-box;
	align-items: center;
}
.badge.badge-new {
	background-color: #f13e17;
	color: var(--color-white);
}
.badge.badge-notice {
	padding: 0 10px;
	background-color: var(--color-primary);
	border-radius: 2px;
	color: var(--color-white);
	line-height: var(--font-line-height-default);
} /* 공지 */
.focus-info .badge-area .badge,
.bk-goods .badge-area .badge {
	border-radius: 2px;
}
.focus-info .badge-area .badge.badge-goods,
.bk-goods .badge-area .badge.badge-goods {
	display: var(--d-inline-flex);
	height: 24px;
}
.focus-info .badge-area .badge.badge-goods .text,
.bk-goods .badge-area .badge.badge-goods .text {
	font-size: var(--font-size-xsmall);
	line-height: 2rem;
	padding: 2px 8px;
}
.bk-goods .badge-area .badge.badge-Ongoing {
	background-color: #258dec;
	color: var(--color-white);
}
.bk-goods .badge-area .badge.badge-Comingsoon {
	background-color: #2ac999;
	color: var(--color-white);
}
.bk-goods .badge-area .badge.badge-End {
	/* background-color: #444444; */
	background-color: #fd6243;
	color: var(--color-white);
}
.bk-goods .badge-area .badge.badge-Exhibition {
	background-color: #666;
	color: var(--color-white);
	justify-content: center;
}
.bk-goods .badge-area .badge.badge-Application {
	background-color: #666;
	color: var(--color-white);
	justify-content: center;
}
.bk-goods .item-goods .btns-goods-area {
	display: var(--d-none);
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}
.bk-goods .item-goods > dt:hover .btns-goods-area {
	display: var(--d-block);
}
.bk-goods .item-goods .btns-goods-area .goods-group {
	display: var(--d-flex);
	justify-content: var(--flex-content-center);
	align-items: var(--flex-content-center);
	position: relative;
	padding: 16px 10px;
}
.bk-goods .item-goods .btns-goods-area .goods-group::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.5;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	content: "";
}
.bk-goods .item-goods .btns-goods-area .list-btns {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	position: relative;
	z-index: 1;
}
.bk-goods .item-goods .btns-goods-area .list-btns > li:not(:first-child) {
	margin-left: 10px;
}
.bk-goods .item-goods .btns-goods-area .list-btns > li:not(:first-child)::before {
	display: var(--d-inline-block);
	width: 1px;
	height: 18px;
	margin-top: 4px;
	margin-right: 10px;
	background-color: #fff;
	opacity: 0.2;
	vertical-align: top;
	content: "";
}
.bk-goods .item-goods .btns-goods-area .list-btns .bk-icon-only .bk-icon {
	width: 24px !important;
	height: 24px !important;
	filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%) hue-rotate(300deg) brightness(106%) contrast(101%);
}
.bk-goods.goods-small .item-goods .btns-goods-area .list-btns .bk-icon-only .bk-icon {
	width: 16px !important;
	height: 16px !important;
}
/* 썸네일-리스트 */
.bk-goods.goods-list .item-goods > dd,
.bk-goods.ad-list .item-ad > dd {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	align-items: var(--flex-content-start);
	padding-left: 24px;
}
.bk-goods.goods-list.valign-center .item-goods,
.bk-goods.img-list.valign-center .item-img,
.bk-goods.ad-list.valign-center .item-ad {
	align-items: var(--flex-content-center);
}
.bk-goods.goods-list.goods-xsmall .item-goods > dd,
.bk-goods.img-list.img-xsmall .item-img > dd {
	width: calc(100% - var(--img-size-xsmall));
}
.bk-goods.goods-list.goods-xsmall2 .item-goods > dd,
.bk-goods.img-list.img-xsmall2 .item-img > dd {
	width: calc(100% - var(--img-size-xsmall2));
}
.bk-goods.goods-list.goods-small .item-goods > dd,
.bk-goods.img-list.img-small .item-img > dd {
	width: calc(100% - var(--img-size-small));
}
.bk-goods.goods-list.goods-small2 .item-goods > dd,
.bk-goods.img-list.img-small2 .item-img > dd {
	width: calc(100% - var(--img-size-small2));
}
.bk-goods.goods-list.goods-default .item-goods > dd,
.bk-goods.img-list.img-default .item-img > dd {
	width: calc(100% - var(--img-size-default));
}
.bk-goods.goods-list.goods-large .item-goods > dd,
.bk-goods.img-list.img-large .item-img > dd {
	width: calc(100% - var(--img-size-large));
}
.bk-goods.goods-list.goods-xlarge .item-goods > dd,
.bk-goods.img-list.img-xlarge .item-img > dd {
	width: calc(100% - var(--img-size-xlarge));
}
.bk-goods.goods-list .item-goods .wrap-flag {
	margin-left: 12px;
}
.wrap-flag {
	margin-left: 12px;
}
.flag-discontinued {
	color: #fff;
	background: #666;
	padding: 2px 8px;
	font-size: 1.2rem;
	line-height: 1.66667;
}
.bk-goods.goods-list .item-goods .bk-btn-close {
	filter: brightness(0) saturate(100%);
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	padding: 6px;
}
/* 썸네일-카드 */
.bk-goods.goods-card {
	height: var(--wide-full);
}
.bk-goods.goods-card .item-goods,
.bk-goods.ad-card .item-ad {
	flex-direction: var(--flex-column);
	align-items: var(--flex-content-center);
}
.bk-goods.goods-card .item-goods > dd,
.bk-goods.ad-card .item-ad > dd {
	display: var(--d-flex);
	flex-direction: var(--flex-column);
	justify-content: var(--flex-content-between);
	margin-top: 16px;
}
/* 썸네일-카드-박람회 */
.bk-goods.ad-card.ad-fair .img-ad {
	border: 0;
	border-radius: 8px;
}
.bk-goods.ad-card.ad-fair .item-ad > dd {
	color: var(--color-black);
}
.bk-goods.ad-card.ad-fair .ad-title {
	font-size: var(--font-size-body2);
	line-height: var(--font-line-height-body2);
	font-weight: 700;
}
.bk-goods.ad-card.ad-fair .participation {
	margin-bottom: 10px;
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	font-weight: 300;
}
.bk-goods.ad-card.ad-fair .ad-description {
	color: var(--color-black);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	font-weight: 300;
}
/* 썸네일-상품 */
.bk-goods .item-goods .goods-companyName {
	font-size: 14px;
	color: var(--color-body);
	font-weight: 500;
}
.bk-goods .item-goods .goods-companyName:empty {
}
.bk-goods.goods-card .item-goods .goods-companyName:empty {
	min-height: 21px;
}
.bk-goods .item-goods .goods-name {
	margin-top: 6px;
	color: var(--color-black);
	font-size: var(--font-size-xlarge-goods-name);
	line-height: 22px;
	font-weight: 500;
}
.bk-goods .item-goods .goods-name.ellipsis2,
.bk-goods .item-goods .goods-name a.ellipsis2 {
	min-height: 44px;
}
.bk-goods .item-goods .goods-price {
	margin-top: 6px;
	font-size: 15px;
	color: var(--color-black);
	font-weight: 700;
}
.bk-goods.goods-xsmall .item-goods .goods-price {
	margin-top: 0px;
	font-size: var(--font-size-body);
}
.bk-goods.goods-list.goods-xsmall .item-goods > dd .goods-info .goods-companyName,
.bk-goods.goods-list.goods-xsmall .item-goods > dd .goods-info .goods-name,
.bk-goods.goods-list.goods-xsmall .item-goods > dd .goods-info .goods-price {
	font-weight: 400;
}
.bk-goods .item-goods .goods-amount {
	display: var(--d-inline-flex);
	flex-wrap: var(--flex-wrap);
	max-width: var(--wide-full);
	margin-top: 10px;
	padding: 3px 8px;
	background-color: #f4f4f4;
	color: var(--color-body);
	box-sizing: border-box;
}
.bk-goods .item-goods .goods-amount > *:not(:last-child)::after {
	display: var(--d-inline-block);
	width: 1px;
	height: 14px;
	margin: 5px 8px 0;
	background-color: #ddd;
	vertical-align: top;
	content: "";
}
.bk-goods.goods-default .item-goods .goods-companyName {
}
.bk-goods.goods-default .item-goods .goods-name {
}
.bk-goods.goods-default .item-goods .goods-price {
	margin-top: 4px;
}
.bk-goods.goods-default .item-goods .goods-pid {
	font-size: 1.3rem;
}
.bk-goods.goods-default .item-goods .goods-amount {
	margin-top: 8px;
	font-size: var(--font-size-small);
}
.bk-goods.goods-small2 .item-goods > dd {
	margin-top: 12px;
}
.bk-goods.goods-small2 .item-goods > dd .goods-info .goods-price {
	font-size: var(--font-size-default);
}
/* 썸네일-상품-리스트 */
.bk-goods.goods-list {
}
.bk-goods.goods-list .item-goods > dd .goods-info {
	flex: 1 1 0;
	max-width: calc(100% - 280px);
}
.bk-goods.goods-list .item-goods > dd .goods-info > *:first-child {
	margin-top: 0;
}
.bk-goods.goods-list .item-goods > dd .goods-btns {
	min-width: 256px;
	max-width: 256px;
	padding-left: 24px;
}
.bk-goods.goods-list .item-goods.no-goods-btns > dd .goods-info {
	max-width: calc(100%);
}
/* 썸네일-상품-카드 */
.bk-goods.goods-card.goods-xsmall .item-goods,
.bk-goods.goods-card.goods-xsmall .item-goods > dd {
	width: var(--img-size-xsmall);
	height: calc(100% - var(--img-size-xsmall) - 20px);
}
.bk-goods.goods-card.goods-xsmall .item-goods > dd {
	height: calc(100% - var(--img-size-xsmall) - 20px);
	margin-top: 20px;
}
.bk-goods.goods-card.goods-xsmall2 .item-goods,
.bk-goods.goods-card.goods-xsmall2 .item-goods > dd {
	width: var(--img-size-xsmall2);
}
.bk-goods.goods-card.goods-xsmall2 .item-goods > dd {
	height: calc(100% - var(--img-size-xsmall2) - 20px);
	margin-top: 20px;
}
.bk-goods.goods-card.goods-small .item-goods,
.bk-goods.goods-card.goods-small .item-goods > dd {
	width: var(--img-size-small);
}
.bk-goods.goods-card.goods-small .item-goods > dd {
	height: calc(100% - var(--img-size-small) - 20px);
	margin-top: 20px;
}
.bk-goods.goods-card.goods-small2 .item-goods,
.bk-goods.goods-card.goods-small2 .item-goods > dd {
	width: var(--img-size-small2);
}
.bk-goods.goods-card.goods-small2 .item-goods > dd {
	height: calc(100% - var(--img-size-small2) - 20px);
	margin-top: 6px;
}
.bk-goods.goods-card.goods-default .item-goods,
.bk-goods.goods-card.goods-default .item-goods > dd {
	width: var(--img-size-default);
}
.bk-goods.goods-card.goods-default .item-goods > dd {
	height: calc(100% - var(--img-size-default) - 12px);
	margin-top: 12px;
}
.bk-goods.goods-card.goods-large .item-goods,
.bk-goods.goods-card.goods-large .item-goods > dd {
	width: var(--img-size-large);
}
.bk-goods.goods-card.goods-large .item-goods > dd {
	height: calc(100% - var(--img-size-large) - 20px);
}
.bk-goods.goods-card.goods-xlarge .item-goods,
.bk-goods.goods-card.goods-xlarge .item-goods > dd {
	width: var(--img-size-xlarge); ;
}
.bk-goods.goods-card.goods-xlarge .item-goods > dd {
	height: calc(100% - var(--img-size-xlarge) - 16px); /*기존여백을 20에서 16으로 변경 [20240710]*/
}
.bk-goods.goods-card.goods-xlarge .item-goods .btns-goods-area .list-btns > li:not(:first-child) {
	margin-left: 30px;
}
.bk-goods.goods-card.goods-xlarge .item-goods .btns-goods-area .list-btns > li:not(:first-child)::before {
	margin-right: 20px;
}
/* 썸네일-상품등록 */
.bk-goods.cp-goods-reg .item-goods-reg dt .bk-icon-only-x {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px;
}
.bk-goods.cp-goods-reg .item-goods-reg dt .bk-icon-only-x::before {
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--color-black);
	width: 28px;
	height: 28px;
	opacity: 0.6;
	content: "";
}
.bk-goods.goods-card.cp-goods-file {
	text-align: center;
}
.bk-goods.goods-card.cp-goods-file .item-goods {
	width: var(--wide-full);
	align-items: var(--flex-content-center);
}
.bk-goods.cp-goods-file .item-goods dd .bk-upload {
	margin-top: 0px;
}
.bk-goods .grid-wrap.grid-goods-group {
	margin-top: 24px;
}
.bk-goods .grid-wrap.grid-goods-group .row-cart-group .column-favorites {
	width: 40px;
}
.bk-goods .grid-wrap.grid-goods-group .row-cart-group .column-cart {
	width: calc(100% - 48px);
}
.bk-goods .grid-wrap.grid-goods-group .bk-icon-only-favorites {
	justify-content: var(--flex-content-center);
	width: 40px;
	padding: 0;
}
.bk-goods.goods-default .grid-wrap.grid-goods-group .bk-btn {
	padding-right: 8px;
	padding-left: 8px;
}
.bk-goods.goods-default .grid-wrap.grid-goods-group .bk-btn.btn-block {
	font-size: 1.4rem;
}
.bk-goods.goods-default .grid-wrap.grid-goods-group .bk-btn.btn-block .text {
	display: var(--d-block);
}
/* 썸네일-전시관 */
.bk-goods.ad-list .item-ad > dd,
.bk-goods.ad-card .item-ad > dd {
	color: var(--color-body);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
}
.bk-goods.ad-list .ad-title,
.bk-goods.ad-card .ad-title {
	margin-bottom: 10px;
	color: var(--color-black);
	font-size: var(--font-size-title3);
	/* line-height: var(--font-line-height-title3); */
	line-height: 3.2rem;
	font-weight: 500;
}
.bk-goods.ad-list .ad-title.ellipsis3,
.bk-goods.ad-card .ad-title.ellipsis3 { height: 96px}
.bk-goods.ad-list .ad-period,
.bk-goods.ad-card .ad-period {
	margin-top: 10px;
}
.bk-goods.ad-list .item-ad > dd .right-area {
	margin-top: 20px;
}
.bk-goods.ad-list .ad-description,
.bk-goods.ad-card .ad-description {
	min-height:48px; /*20241015 처리*/
}
.bk-goods.ad-list.ad-default .item-ad > dt,
.bk-goods.ad-card.ad-default .item-ad > dt {
	width: var(--ad-size-default-w);
	height: var(--ad-size-default-h);
}
.bk-goods.ad-list.ad-large .item-ad > dt,
.bk-goods.ad-card.ad-large .item-ad > dt {
	width: var(--ad-size-large-w);
	height: var(--ad-size-large-h);
}
.bk-goods.ad-list.ad-xlarge .item-ad > dt,
.bk-goods.ad-card.ad-xlarge .item-ad > dt {
	width: var(--ad-size-xlarge-w);
	height: var(--ad-size-xlarge-h);
}
.bk-goods.ad-list.ad-xxlarge .item-ad > dt,
.bk-goods.ad-card.ad-xxlarge .item-ad > dt {
	width: var(--ad-size-xxlarge-w);
	height: var(--ad-size-xxlarge-h);
}
/* 썸네일-전시관-리스트 */
.bk-goods.ad-list.ad-default .item-ad > dd {
	width: calc(100% - var(--ad-size-default-w));
}
.bk-goods.ad-list.ad-large .item-ad > dd {
	width: calc(100% - var(--ad-size-large-w));
}
.bk-goods.ad-list.ad-xlarge .item-ad > dd {
	width: calc(100% - var(--ad-size-xlarge-w));
}
.bk-goods.ad-list.ad-xxlarge .item-ad > dd {
	width: calc(100% - var(--ad-size-xxlarge-w));
}
.bk-goods.ad-list .item-ad > dd .ad-info {
	flex: 1 1 0;
	max-width: 100%;
	position: relative; /*2차 - 메세지 버튼 absolute 위함*/
}
/* 2차 추가 */
.bk-goods.ad-list .item-ad .has-right {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	position: relative;
}
.bk-goods.ad-list .item-ad .has-right .ad-info {
	/* max-width: calc(100% - 280px); */
	max-width: unset;
	position: static;
}
.bk-goods.ad-list .item-ad .has-right .right-area {
	min-width: 256px;
	max-width: 256px;
	padding-left: 24px;
	text-align: right;
	/* 2차 */
	height: 100%;
	display: grid;
	align-items: end;
	padding: 0;
	margin: 0;
}
.bk-goods.ad-list .item-ad .has-right .right-area .ad-period {
	margin: 0 0 10px;
}
/* 썸네일-전시관-카드 */
.bk-goods.ad-card.ad-default .item-ad,
.bk-goods.ad-card.ad-default .item-ad > dd {
	width: var(--ad-size-default-w);
}
.bk-goods.ad-card.ad-large .item-ad,
.bk-goods.ad-card.ad-large .item-ad > dd {
	width: var(--ad-size-large-w);
}
.bk-goods.ad-card.ad-xlarge .item-ad,
.bk-goods.ad-card.ad-xlarge .item-ad > dd {
	width: var(--ad-size-xlarge-w);
}
.bk-goods.ad-card.ad-xxlarge .item-ad,
.bk-goods.ad-card.ad-xxlarge .item-ad > dd {
	width: var(--ad-size-xxlarge-w);
}
.bk-goods.ad-card.ad-default .item-ad > dd {
	margin-top: 12px;
}
.bk-goods.ad-card.ad-xlarge .item-ad .btns-goods-area .list-btns > li:not(:first-child) {
	margin-left: 30px;
}
.bk-goods.ad-card.ad-xlarge .item-ad .btns-goods-area .list-btns > li:not(:first-child)::before {
	margin-right: 20px;
}
.bk-goods.ad-card.ad-xxlarge .item-ad .btns-goods-area .list-btns > li:not(:first-child) {
	margin-left: 30px;
}
.bk-goods.ad-card.ad-xxlarge .item-ad .btns-goods-area .list-btns > li:not(:first-child)::before {
	margin-right: 20px;
}
/* 카드 리스트 */
.cp-card {
}
.cp-card .card-list {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
}
.cp-card .card-list > li {
	flex: 1 1 0;
}
.cp-card .card-list {
	margin: -40px 0 0 -30px;
}
.cp-card .card-list.col-5 > li {
	max-width: calc(100% / 5);
	padding: 40px 0 0 30px;
	box-sizing: border-box;
}
.cp-card.card-goods-search {
	border-top: 1px solid #000;
	border-bottom: 1px solid #ddd;
	padding: 32px 0;
}
.cp-card.card-goods-search .item-goods > dd {
	margin-top: 24px;
}
.cp-card.card-goods-search .card-list > li.on .item-goods .img-goods {
	border-color: var(--color-primary);
}
.cp-card.card-goods-search .card-list > li.on .item-goods .goods-name {
	color: var(--color-primary);
}
.cp-card.card-goods-search .card-list > li.on .item-goods .img-goods::before,
.cp-card.card-goods-search .card-list > li.on .item-goods .img-goods::after {
	position: absolute;
	content: "";
}
.cp-card.card-goods-search .card-list > li.on .item-goods .img-goods::before {
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--color-white);
	opacity: 0.75;
}
.cp-card.card-goods-search .card-list > li.on .item-goods .img-goods::after {
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 80px;
	height: 80px;
	background: url(../../img/web/icon-goods-check.svg);
}
/* 팝업 상세 타이틀 */
.cp-top-head {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-center);
	margin-bottom: 40px;
}
.cp-top-head .title {
	flex-basis: 0;
	flex-grow: 1;
	color: var(--color-primary);
	font-size: var(--font-size-ly-detail-title);
	line-height: var(--font-line-height-ly-detail-title);
	text-align: center;
}
.cp-top-head .title .text {
	display: var(--d-inline-block);
	font-weight: 400;
}
/* 하단 */
.cp-top-footer {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
	min-height: 72px;
	padding: 15px 24px;
	background-color: #f6f6f6;
	border-radius: 8px;
	box-sizing: border-box;
}
.cp-top-footer .logo {
	margin-right: 24px;
}
/* 설명 */
.bk-explain.explain-default .list-desc {
	color: var(--color-black);
	font-size: var(--font-size-default);
	line-height: var(--font-line-height-default);
}
.bk-explain.explain-note-top {
	margin-bottom: 8px;
}
.bk-explain.explain-note-top .font-note,
.bk-messages .font-note {
	color: #666;
}
.bk-explain.explain-note > p {
	color: #666;
	font-size: var(--font-size-default);
	line-height: var(--font-line-height-default);
}
.bk-explain.explain-note .list-desc {
	color: #666;
	font-size: var(--font-size-default);
	line-height: var(--font-line-height-default);
}
.bk-explain.explain-note .list-desc .font-note {
	padding-left: 28px;
}
.bk-explain.explain-note .list-desc .font-note:before {
	margin-left: -28px;
}
.bk-explain.explain-note .font-note::before,
.bk-messages .font-note:before {
	display: var(--d-inline-block);
	margin-top: -2px;
	margin-right: 8px;
	vertical-align: middle;
	content: "";
}
.bk-explain.explain-note .font-note .mail {
	color: #666;
	text-decoration: var(--text-underline);
	text-underline-offset: 3px;
}
.bk-explain.explain-note .font-dote {
	padding-left: 12px;
}
.bk-explain.explain-note .font-dote::before,
.bk-explain.explain-note .font-dote-bk::before {
	display: var(--d-inline-block);
	width: 4px;
	height: 4px;
	margin-left: -12px;
	margin-right: 8px;
	vertical-align: middle;
	content: "";
}
.bk-explain.explain-note .font-dote::before {
	background-color: var(--color-default);
}
.bk-explain.explain-note .font-dote-bk ~ .font-dote-bk {
	margin-top: 10px;
}
.bk-explain.explain-note .font-dote-bk::before {
	background-color: var(--color-brand);
}
.bk-explain.explain-note .list-desc > li {
	position: relative;
	padding-left: 20px;
}
.bk-explain.explain-note .list-desc .list-desc {
	margin-top: 8px;
}
.bk-explain.explain-note .list-desc > li + li,
.bk-explain.explain-note > p + .list-desc {
	margin-top: 6px;
}
.bk-explain.explain-note .list-desc .font-note2 {
	padding-left: 10px;
}
.bk-explain.explain-note .list-desc .font-note2::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "-";
}
.bk-explain.explain-note .list-desc .asterisk::before {
	position: absolute;
	top: 0;
	left: 0;
}
.bk-messages .font-note {
	padding-left: 28px;
}
.bk-messages .font-note::before {
	margin-left: -28px;
}
.tbl td .bk-textarea + .bk-explain,
.tbl td .bk-textfield + .bk-explain {
	margin-top: 8px;
}
/* 설명-검색 상단 caption */
.cp-caption:not(.grid-wrap) {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-end);
	margin-bottom: 8px;
}
.cp-caption .caption-left,
.cp-caption .caption-right {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
	flex: 1 1 0;
}
.cp-caption .caption-left > .bk-btn + p.asterisk {
	margin-left: 8px;
}
.cp-caption .caption-right {
	flex: 0 1 auto;
}
[class^="cp-caption"] .point {
	display: var(--d-inline-block);
	color: var(--color-primary);
	font-weight: 400;
}
.asterisk.f16 {
	font-size: 1.6rem; line-height: 2.4rem; color: #666;
}
.asterisk.f16 li::before {
	display: var(--d-inline-block);
	padding-right: 4px;
	content: "*";
}
/* 필수 */
.bk-required {
	position: relative;
}
.bk-required::before {
	display: var(--d-inline-block);
	margin-left: 4px;
	color: #fd6243;
	font-size: var(--font-size-body2);
	font-weight: 400;
	content: "*";
}
/* 리스트 */
.cp-form-group {
}
.bk-list {
}
/* 추적번호 등록 */
.group-invoiceNumber .form-list-top {
}
.group-invoiceNumber .list-invoiceNumber > li {
	margin-top: 8px;
}
/* 바닥 하단 버튼 */
.cp-btns-area {
	display: var(--d-flex);
	justify-content: var(--flex-content-between);
}
.section-group .cp-btns-area,
.section-group + .cp-btns-area {
	margin-top: 40px;
	margin-bottom: 32px;
}
.section-group .cp-btns-area .bk-btn.btn-large,
.section-group + .cp-btns-area .bk-btn.btn-large {
	min-width: /*80px;*/ 132px;
}
.cp-btns-area > * {
	display: var(--d-flex);
}
.cp-btns-area .bk-btn {
	margin: 0 4px;
}
.cp-btns-area .btns-area-left {
	justify-content: var(--flex-content-start);
}
.cp-btns-area .btns-area-center {
	justify-content: var(--flex-content-center);
}
.cp-btns-area .btns-area-right {
	justify-content: var(--flex-content-end);
}
/* 상품등록 */
.cp-goods-reg .item-goods-reg .bk-upload ~ .bk-textarea {
	margin-top: 8px;
}
.cp-goods-reg .item-goods-reg .bk-upload ~ .bk-textarea textarea {
	max-height: 98px;
}
/* draggable */
.cp-draggable {
}
.cp-draggable.draggable-goods .goods-top-area {
	margin-bottom: 12px;
}
.cp-draggable.draggable-goods .goods-top-area .grid-column:last-child {
	display: var(--d-flex);
}
.cp-draggable.draggable-goods .goods-top-area .grid-column:last-child .bk-btn + .bk-btn {
	margin-left: 8px;
}
.cp-draggable .draggable-area,
.cate-area {
	position: relative;
}
.cp-draggable .draggable-area .btns-order {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 5;
}
.cp-file .file-list {
	margin-top: -16px;
}
.cp-file .file-area .file-list {
	margin-top: 8px;
}
.bk-upload + .cp-file .file-list {
	margin-top: 8px;
}
.cp-file .file-list.row {
	display: var(--d-flex);
}
.cp-draggable.draggable-goods .draggable-list > li,
.cp-file .file-list > li {
	position: relative;
	margin-top: 16px;
}
.cp-file .file-list > li {
	margin-top: 10px;
}
.cp-draggable.draggable-goods .draggable-list > li {
	cursor: move;
}
.cp-draggable.draggable-goods .draggable-list > li:first-child .btns-order .bk-icon-only-draggable:first-child {
	display: var(--d-none);
}
.cp-draggable.draggable-goods .draggable-list > li:last-child .btns-order .bk-icon-only-draggable + .bk-icon-only-draggable {
	display: var(--d-none);
}
.cp-draggable.draggable-file .file-name-group,
.cp-file .file-list .file-name-group {
	display: var(--d-inline-flex);
	position: relative;
	max-width: var(--wide-full);
	padding-right: 24px;
	box-sizing: border-box;
}
.cp-draggable.draggable-file .file-name-group::after,
.cp-file .file-list .file-name-group::after {
	display: var(--d-block);
	clear: both;
	content: "";
}
.cp-draggable.draggable-file .file-name-group > .cate,
.cp-file .file-list .file-name-group > .cate,
.cp-file .file-list .file-name-group > .byte {
	flex: 0 1 auto;
	color: #000;
	font-size: var(--font-size-body);
}
.cp-draggable.draggable-file .file-name-group > .cate + .name::before,
.cp-file .file-list .file-name-group > .cate + .name::before {
	display: var(--d-inline-block);
	width: 1px;
	height: 14px;
	margin: 5px 4px 0;
	background-color: #ddd;
	vertical-align: top;
	content: "";
}
.cp-draggable.draggable-file .file-name-group > .name,
.cp-file .file-list .file-name-group > .name {
	flex: 1 1 0;
}
.cp-draggable.draggable-file .file-name-group .bk-icon-only-delete,
.cp-file .file-list .file-name-group .bk-icon-only-delete {
	position: absolute;
	top: 0;
	right: 0;
}
.cp-draggable.draggable-file .draggable-list > li,
.cate-area .cate-list > li {
	margin-top: 8px;
}

/* 에디터(상품설명) */
.item-editor .editor-title {
	margin-bottom: 8px;
}
/* 키워드 */
.grid-keyword .grid-row ~ .grid-row {
	margin-top: 8px;
}
.item-keyword {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
	color: #000;
}
.item-keyword > dt::after {
	display: var(--d-inline-block);
	margin: 0 4px 0 0;
	content: ":";
}
.item-keyword .list-keyword {
	display: var(--d-flex);
	flex: 0 1 auto;
}
.item-keyword .list-keyword > li {
	margin-right: 8px;
}
.item-keyword .list-keyword .text-link {
	color: #666;
}
/* form타입에 뒤에 텍스트가 붙는 스타일 */
.has-unit {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
}
.has-unit .bk-textfield {
	flex: 1 1 0;
}
.has-unit .bk-textfield + .unit,
.has-unit .bk-select + .unit {
	margin-left: 8px;
}
/* 구간별 단가 */
.grid-section + .grid-section {
	margin-top: 8px;
}
.grid-section .grid-row .grid-column:first-child {
	max-width: 200px;
}
.grid-section .grid-row .grid-column:nth-child(2) {
	max-width: 200px;
}
.grid-section .grid-row .grid-column:nth-child(3) {
	max-width: 200px;
}
/* 리스트 하단 버튼영역 */
.bk-foot-btns {
}
/* [컴퍼넌트]STEP */
.bk-step-group {
}
/* [팝업]buyKOREA 실명인증 */
.dialog-nameAuth {
}
.nameAuth-choice .list-nameAuth > li {
	text-align: center;
}
.nameAuth-choice .list-nameAuth > li ~ li {
	margin-top: -1px;
}
.nameAuth-choice .list-nameAuth a {
	display: var(--d-block);
	padding: 40px;
	border: 1px solid var(--color-primary);
}
.item-nameAuth > dt {
	font-size: 2.4rem;
	color: var(--color-primary);
	font-weight: 400;
}
.item-nameAuth > dd {
	margin-top: 10px;
	color: var(--color-body);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
}
.item-nameAuth .desc {
	margin-top: 8px;
	font-size: var(--font-size-default2);
}
.dialog-nameAuth .section-group {
	margin-bottom: 30px;
}
.dialog-nameAuth .section-group .caption p:not(:first-child) {
	margin-top: 8px;
}
.nameAuth-choice {
	margin-top: 32px;
}
/* .nameAuth-choice [class^=bk-findid-]:not(:first-child) {margin-top: 24px;} */
.nameAuth-choice [class^="bk-nameAuth-"] {
	margin-top: 24px;
}
.nameAuth-choice .bk-desc-box {
	border: 1px solid #ddd;
	padding: 32px 52px;
	text-align: center;
}
.nameAuth-choice .no-border {
	border: 0;
	padding: 0;
	text-align: left;
}
.nameAuth-choice .bk-desc-box .bk-btn {
	width: 100%;
	margin-top: 24px;
	border-color: #ddd;
	color: #bbb;
}
.nameAuth-choice .bk-desc-box .bk-btn:disabled {
	opacity: 1;
}
.dialog-nameAuth .bk-desc-box .btn-primary {
	border-color: var(--color-primary);
}
.nameAuth-choice .no-border .bk-btn {
	margin-top: 8px;
}
.nameAuth-choice .bk-radio input[type="radio"] + label {
	color: #000;
	font-weight: 500;
}
.nameAuth-choice .text-sub {
	color: #666;
}
.nameAuth-choice .no-border .text-sub {
	padding-left: 32px;
	padding-left: 32px;
	display: flex;
	font-size: 13px;
}
.nameAuth-choice .no-border .text-sub::before {
	content: "*";
	display: inline-block;
	margin-right: 4px;
}
.nameAuth-choice .bk-full {
	display: flex;
	gap: 8px;
}
.nameAuth-choice .bk-full div {
	flex-grow: 1;
}
.nameAuth-choice .bk-emailfield {
	margin-top: 12px;
}
/* 아이디찾기전 실명확인 & 비밀번호 재설정 실명확인 = 동일한 클래스 사용 */
/* [팝업] 비밀번호 재설정 */
.dialog-nameAuth .cp-caption + .grid-wrap {
	margin-top: 12px;
}
/* [팝업]buyKOREA 실명인증 */
.dialog-idSearchResult {
}
/* 비밀번호 안전도 */
.bk-safety {
	display: var(--d-inline-flex);
	width: var(--wide-full);
	margin-top: 8px;
}
.bk-safety .item-safety,
.bk-safety .item-safety > * {
	position: relative;
	box-sizing: border-box;
}
.bk-safety .item-safety {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
	width: var(--wide-full);
	color: var(--color-black);
	font-size: var(--font-size-default);
	font-weight: 400;
}
.bk-safety .item-safety > dt {
	max-width: 30%;
}
.bk-safety .item-safety > dt::after {
	content: ":";
}
.bk-safety .item-safety .safety-level {
	display: var(--d-flex);
	flex: 1 1 0;
	align-items: var(--flex-content-center);
	padding-left: 8px;
}
.bk-safety .item-safety .safety-level .text {
	font-weight: 400;
}
.bk-safety .item-safety .safety-level .text + .safety-bar {
	margin-left: 8px;
}
.bk-safety .item-safety .safety-level .safety-bar {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
	position: relative;
	width: var(--wide-full);
	height: 8px;
	background-color: #eee;
}
.bk-safety .item-safety .safety-level .safety-bar::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: var(--color-primary);
	content: "";
}
.bk-safety .item-safety .safety-level.level-1 .safety-bar::before {
	width: var(--wide-full);
}
.bk-safety .item-safety .safety-level.level-2 .safety-bar::before {
	width: calc(100% / 2);
}
.bk-safety .item-safety .safety-level.level-3 .safety-bar::before {
	width: calc(100% / 4);
}
.bk-safety .item-safety .safety-level.level-4 .text {
	color: var(--color-warning);
}
.bk-safety .item-safety .safety-level.level-4 .safety-bar {
	display: var(--d-none);
}
/* 이메일 */
.cp-email.is-error .bk-valid {
	margin-top: 0;
}

/* 관심산업 */
.industry-check {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	justify-content: var(--flex-content-between);
}
.industry-check .bk-checkbox {
	width: calc(100% / 2);
}
.industry-check .bk-checkbox input[type="checkbox"] + label {
	align-items: start;
}
.industry-check .bk-checkbox .text {
	white-space: normal !important;
}
/* 주소 데이터 리스트 */
.address-data-list {
}
.address-data-list .zipcode {
}
.address-data-list .country {
}
.address-data-list .city {
}
/* 연락처 데이터 리스트 */
.contact-list {
}
.contact-list .contact-cp {
}
.contact-list .contact-phone {
}
.contact-list .contact-fax {
}
.contact-list .item-contact dt {
	color: var(--color-body);
	font-size: var(--font-size-xsmall);
}
/* 내정보 데이터 리스트 */
.my-info-list {
	color: var(--color-body);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
}
.my-info-list > li:not(:first-child) {
	margin-top: 4px;
}
.my-info-list .my-info-name {
	color: var(--color-black);
	font-size: var(--font-size-body2);
	line-height: var(--font-line-height-body2);
	font-weight: 400;
}
.my-info-list .my-info-contact {
}
.my-info-list .my-info-address {
}
/* 챗팅 */
.bk-dialog.section-chat { padding:0; justify-content: flex-end; align-items:flex-end; width:auto; height:auto; top:unset; left:unset; right:50px; bottom:30px; box-shadow:0 0 30px rgba(0, 0, 0, 0.2333) ; }
.bk-dialog.section-chat .dialog-inner { top:unset; left:unset; transform: none; border: 1px solid var(--color-gray); }
.section-chat {
}
.cp-chat .chat-inner {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	align-items: var(--flex-content-stretch);
	border: 1px solid #ddd;
	border-radius: 8px;
}
.cp-chat .management-area,
.cp-chat .chatting-area {
	flex: 1 1 0;
	position: relative;
}
.cp-chat .chat-header,
.cp-chat .chat-footer {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 1;
	background-color: #fff;
	box-sizing: border-box;
}
.cp-chat .chat-header {
	top: 0;
}
.cp-chat .chat-footer {
	display: var(--d-flex); 
	align-items: var(--flex-content-center);
	bottom: 0;
	padding: 0 20px;
	border-top: 1px solid #ddd;
}
.cp-chat .chat-footer > * {
	width: 100%;
}
.cp-chat .chat-footer .bk-icon-only-delete.off,
.cp-chat .chat-footer .after-check {
	display: var(--d-none);
}
.cp-chat .chat-footer .after-check.on {
	display: var(--d-block);
}
.cp-chat .chat-footer .after-check .btns-list {
	display: var(--d-flex);
}
.cp-chat .chat-footer .after-check .btns-list > li:not(:first-child)::before {
	display: var(--d-inline-block);
	width: 1px;
	height: 12px;
	background-color: #ddd;
	margin: 3px 10px;
	vertical-align: top;
	content: "";
}
.cp-chat .chat-footer .after-check {
}
.cp-chat .chatting-area {
	flex: 0 0 calc(var(--wide-full) - 300px);
	overflow:hidden; background: var(--color-white)
}
.cp-chat .management-area {
	height: var(--wide-full);
	border-right: 1px solid #ddd;
}
.cp-chat .chat-container {
	position: relative;
	overflow-y: auto;
}
.cp-chat .chat-container-inner {
	position: relative;
	box-sizing: border-box;
}
.cp-chat .chat-group {
	display: var(--d-block);
	position: relative;
	line-height: var(--font-line-height-body);
	word-break: normal;
	cursor: pointer;
}
.cp-chat .chat-group .user,
.cp-chat .chat-group .guest {
	word-break: normal;
}
/* 메시지 관리 영역 */
.cp-chat .management-area .chat-header {
	height: 122px;
}
.cp-chat .chat-header .switch-area {
	padding: 10px 20px;
	border-bottom: 1px solid #ddd;
}
.cp-chat .chat-header .bk-switch [type="checkbox"] ~ .text {
	display: var(--d-inline-flex);
	position: relative;
	width: auto;
	height: auto;
	line-height: normal;
	text-indent: 0;
}
.cp-chat .management-area .chat-footer {
	height: 48px;
	border-bottom-left-radius: 8px;
}
.cp-chat .management-area .chat-container {
	height: calc(810px - 170px);
	margin-top: 122px;
	margin-bottom: 48px;
}
.cp-chat .management-area .talk-room-list > li {
	position: relative;
	padding: 12px 20px;
}
.cp-chat .management-area .talk-room-list > li.on {
	background-color: #f5fcff;
}
.cp-chat .management-area .talk-room-list > li + li::before {
	display: var(--d-block);
	position: absolute;
	right: 20px;
	top: 0px;
	left: 20px;
	height: 1px;
	background-color: #ddd;
	content: "";
}
.cp-chat .management-area .chat-group .guest:last-child {
	padding-left: 30px;
}
.cp-chat .management-area .chat-group .buyer {
}
.cp-chat .management-area .chat-group .space {
	display: var(--d-inline-block);
	width: 40px;
	height: 1px;
}
.cp-chat .management-area .chat-group .badge-num {
	position: absolute;
	right: 0;
	bottom: 0;
}
/* 챗팅 영역 */
.cp-chat .chatting-area .chat-header {
	display: var(--d-flex);
	align-items: var(--flex-content-center);
	height: 80px;
	padding: 0 20px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #ddd;
	border-top-right-radius: 8px;
}
.cp-chat .chatting-area .chat-header .grid-chatting-header {
	width: var(--wide-full);
}
.cp-chat .chatting-area .chat-footer {
	height: 64px;
	border-bottom-right-radius: 8px;
}
.cp-chat .chatting-area .chat-container {
	height: calc(810px - 144px);
	margin-top: 80px;
	margin-bottom: 64px;
}
.cp-chat .chatting-area .chat-container-inner {
	/*padding: 32px;*/
	padding: 32px 20px;
}/* 여백수정 [20240829 ]*/
.cp-chat .chatting-area .chat-date {
	position: relative;
	padding: 5px 0;
	color: #999;
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	text-align: center;
}
.cp-chat .chatting-area .chat-date > * {
	z-index: 1;
	display: var(--d-inline-block);
	position: relative;
	padding: 0 20px;
	background-color: var(--color-white);
	font-weight: 300;
}
.cp-chat .chatting-area .chat-date::before {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 1px;
	background-color: #ddd;
	content: "";
}
.cp-chat .chatting-area .list-message > li {
	padding: 20px 0;
}
.cp-chat-message.direction-reverse {
	display: var(--d-flex);
	flex-direction: var(--flex-row-reverse);
}
.cp-chat-message .item-chatting {
	display: var(--d-flex);
	flex-direction: var(--flex-column);
	min-width: 60%; max-width: 70%; /*최소영역 지정 [20240912]*/
}
.cp-chat-message .item-chatting > dt {
	margin-bottom: 10px;
	font-size: var(--font-size-body2);
	font-weight: 400;
}
.cp-chat-message .item-chatting > dd {
	position: relative;
	margin-top: 14px;
}
.cp-chat-message .item-chatting > dd .message {
	position: relative;
	padding: 10px;
	background-color: #f6f6f6;
	border-radius: 8px;
	word-break: break-all;
}
.cp-chat-message .item-chatting .time {
	text-align: right;
}
.cp-chat-message.direction-reverse .item-chatting .time {
	text-align: left;
}
.cp-chat-message .item-chatting > dd::before {
	display: var(--d-inline-block);
	position: absolute;
	top: -14px;
	left: 14px;
	width: 0px;
	height: 0px;
	border-bottom: 14px solid #f6f6f6;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	transform: skew(30deg, 0deg);
	content: "";
}
.cp-chat-message.direction-reverse .item-chatting > dt,
.cp-chat-message.direction-reverse .item-chatting .time {
	text-align: right;
}
.cp-chat-message.direction-reverse .item-chatting > dd::before {
	left: auto;
	right: 14px;
	transform: skew(-30deg, 0deg);
}
.cp-chat-message.chat-seller .item-chatting > dd .message {
	background-color: #dff4ff;
}
.cp-chat-message.chat-seller .item-chatting > dd::before {
	border-bottom-color: #dff4ff;
}
/*명칭변경 chat-send*/
.cp-chat-message.chat-send .item-chatting > dd .message {
	background-color: #dff4ff;
}
.cp-chat-message.chat-send .item-chatting > dd::before {
	border-bottom-color: #dff4ff;
}
.cp-chat .chatting-area .chat-header .btns-group {
	display: var(--d-flex);
	justify-content: var(--flex-content-center);
	align-items: var(--flex-content-center);
}
.cp-chat .chatting-area .chat-header .btns-group .bk-btn:not(:first-child) {
	margin-left: 8px;
}
.bk-textfield.textfield-send .iText {
	padding-right: 50px;
}
.cp-chat .chatting-area .bk-no-data {
	display: var(--d-none);
}
.cp-chat .chatting-area.before-chatting .bk-no-data {
	z-index: 1;
	display: var(--d-flex);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: var(--color-white);
}
.cp-chat .chatting-area .chat-new-user {
	text-align: center;
	margin: 20px 0;
	font-size: 1.4rem;
}
/* 이미지 모드(상품,광고) */
.cp-goods-mode.goods-mode-card {
}
.cp-ad-mode.ad-mode-card {
}
.cp-ad-mode.ad-mode-card.fair-card .mode-ad-list:not(.list-oneLine) {
	border-bottom: 0 !important;
}
/* 상품,광고 모드(카드/리스트) */
.cp-ad-mode .mode-ad-list,
.cp-goods-mode .mode-goods-list {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	align-items: var(--flex-content-stretch);
	width: var(--wide-full);
}
.cp-goods-mode .mode-goods-list,
.cp-ad-mode .mode-ad-list:not(.list-oneLine) {
	padding-bottom: 42px;
	border-bottom: 1px solid #ddd;
}
.mode-goods-list > li,
.cp-ad-mode .mode-ad-list:not(.list-oneLine) > li {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #ddd;
}
.cp-ad-mode.ad-mode-card.fair-card .mode-ad-list:not(.list-oneLine) {
	margin-top: -40px;
}
.list-col3 > li {
}
.list-col3 > li:not(:first-child) {
	padding-left: 40px;
}
.list-col3 > li:nth-child(3n + 1) {
	padding-left: 0px;
}
.list-col3 > li:nth-child(-n + 3) {
	margin-top: 0;
	border-top: 0;
}
.list-col4 > li {
	display:flex; align-items: stretch; /* 꽉찬 영역 변경 [20240710] */
}
.list-col4 > li:not(:first-child) {
	padding-left: 45px;
}
.list-col4 > li:nth-child(4n + 1) {
	padding-left: 0px !important;
}
.cp-goods-mode .mode-goods-list.list-list > li:first-child,
.list-col4 > li:nth-child(-n + 4) {
	margin-top: 0 !important;
	border-top: 0 !important;
}
/* 가로라인 추가 [20240813] */
.mode-goods-list.card-list.list-col4 { overflow-x:hidden}
.mode-goods-list.card-list.list-col4 > li{position:relative}
.mode-goods-list.card-list.list-col4 > li:nth-child(4n + 1){ border-top:0}
.mode-goods-list.card-list.list-col4 > li:nth-child(4n + 1):before{content:""; width:1400px; height:1px; display:block; background:#eaeaea; position:absolute; top:0}
.mode-goods-list.card-list.list-col4 > li:nth-child(1):before{display:none}

.mode-goods-list.card-list.list-col3 { overflow-x:hidden}
.mode-goods-list.card-list.list-col3 > li{position:relative}
.mode-goods-list.card-list.list-col3 > li:nth-child(3n + 1){ border-top:0}
.mode-goods-list.card-list.list-col3 > li:nth-child(3n + 1):before{content:""; width:1400px; height:1px; display:block; background:#eaeaea; position:absolute; top:0}
.mode-goods-list.card-list.list-col3 > li:nth-child(1):before{display:none}

.list-col5 > li:not(:first-child) {
	padding-left: 30px;
}
.list-col5 > li:nth-child(5n + 1) {
	padding-left: 0px !important;
}
.list-col5 > li:nth-child(-n + 5) {
	margin-top: 0;
	border-top: 0;
}
.mode-ad-list.card-list.list-col6 > li:not(:first-child) {
	padding-left: 40px;
}
.list-col6 > li:nth-child(6n + 1) {
	padding-left: 0px !important;
}
.list-col6 > li:nth-child(-n + 6) {
	margin-top: 0 !important;
	border-top: 0 !important;
}
.cp-goods-mode .mode-goods-list.list-list > li:first-child {
	border-top: 0;
}
/* 상품 카드 */
.goods-mode-card .mode-goods-list {
}
/* 상품 리스트 */
.goods-mode-list .mode-goods-list {
	flex-direction: var(--flex-column);
}
.cp-goods-mode .list-list,
.cp-goods-mode .list-list > li {
	width: var(--wide-full);
}
/* 우측 퀵 메뉴 */
.bk-quickMenu {
}
@keyframes dialogRight {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.bk-dialog.bk-quickMenu {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: var(--wide-full);
	height: var(--wide-full);
	padding: 0;
}
.bk-dialog.bk-quickMenu .dialog-inner {
	animation-name: dialogRight;
	animation-duration: 0.3s;
	top: 0;
	left: calc(var(--wide-full) - 520px);
	bottom: 0;
	transform: translate(0, 0);
	max-width: 520px;
	min-height: var(--wide-full);
	max-height: var(--wide-full);
	height: var(--wide-full);
	border: 0;
}
.bk-dialog.bk-quickMenu .dialog-inner .dialog-container {
	height: calc(var(--wide-full) - 350px);
	padding: 30px;
}
/* [팝업]최근 본 상품 */
.bk-quickMenu .dialog-header .header-left {
	width: var(--wide-full);
	justify-content: var(--flex-content-between);
	align-items: var(--flex-content-center);
}
.bk-quickMenu .dialog-header .header-left .bk-title {
	max-width: calc(var(--wide-full) - 120px);
}
.bk-quickMenu .related-Products {
	border-top: 1px solid #666;
	height: 350px;
	padding: 30px;
	box-sizing: content-box;
}
.bk-quickMenu .related-Products .bk-no-data {
	min-height: var(--wide-full);
}
.related-Products .bk-swiper .slide-list > li {
	margin-left: 0;
}
.recently-goods-group {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	justify-content: var(--flex-content-between);
	padding: 24px 0;
	border-bottom: 1px solid #ddd;
}
.recently-goods-group .bk-goods.goods-list,
.recently-goods-group .inquiry-info {
	max-width: calc(var(--wide-full) - 30px);
}
.recently-goods-group .bk-icon-only-delete2 {
	justify-content: var(--flex-content-start);
	align-items: var(--flex-content-start);
	height: 12px;
}
.item-recently ~ .item-recently {
	margin-top: 50px;
}
.item-recently > dt {
	position: relative;
	margin: 14px 0 0;
	color: #999;
	text-align: center;
}
.item-recently > dt .date {
	position: relative;
	z-index: 1;
	padding: 0 20px;
	background-color: #fff;
	font-weight:300;
}/*20241028 디자인수정 */
.item-recently > dt::before {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 1px;
	background-color: #ddd;
	content: "";
}
.item-recently > dd {
	position: relative;
}
.item-recently .bk-goods .item-goods .goods-name {
	margin-top: 0;
	font-size: var(--font-size-body);
}
.item-recently .bk-goods .item-goods .goods-price {
	font-size: var(--font-size-body2);
}
.recently-goods-group .inquiry-info .inquiry-companyName {
	margin-bottom: 4px;
	color: #000;
	font-size: var(--font-size-body2);
	line-height: var(--font-line-height-body2);
	font-weight: 400;
}
.recently-goods-group .inquiry-info .inquiry-category {
	color: #000;
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
}
/* 하단 경고창 */
.bk-snackbar {
}
@keyframes dialogBottom {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.bk-dialog.bk-snackbar {
	animation-name: dialogBottom;
	animation-duration: 0.3s;
	top: auto;
	bottom: 0;
	width: var(--wide-full);
	height: auto;
	padding: 0;
}
.bk-dialog.bk-snackbar .dialog-inner {
	left: 0;
	right: 0;
	bottom: 0;
	transform: translate(0, 0);
	max-width: var(--wide-full);
	max-height: 30%;
}
.bk-dialog.bk-snackbar .dialog-inner .dialog-container {
	padding: 30px;
}
.bk-snackbar.snackbar-cookie .dialog-inner {
	border-width: 1px 0 0;
	border-color: #ddd;
	background-color: #f3f5f8;
}
/* [팝업]쿠키 정책 안내 */
.bk-quickMenu.snackbar-cookie .dialog-inner {
	border-width: 1px 0 0;
	border-color: #ddd;
	background-color: #f3f5f8;
}
/* [광고]전시관 */
.cp-ad {
}
.ad-tradeShow .grid-tradeShow .grid-row.col-2 .grid-column {
	max-width: calc(var(--wide-full) / 2 - 40px);
}
.ad-tradeShow .grid-tradeShow .grid-row .grid-column:first-child {
	margin-right: 20px;
}
.ad-tradeShow .grid-tradeShow .grid-row .grid-column ~ .grid-column {
	margin-left: 20px;
}
/* 검색어 */
.cp-search.search-top .search-area {
	position: relative;
	z-index: 5;
}
.bk-search-word {
	display: var(--d-none);
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 76px;
}
.bk-search-word.open {
	display: var(--d-block);
}
.bk-search-word .search-word-inner {
	position: relative;
	padding: 20px 30px 10px;
	border: 1px solid #bbb;
	border-radius: 8px;
	background-color: #fff;
	box-sizing: border-box;
}
.bk-search-word .search-word-wrap {
	overflow-y: auto;
	position: relative;
	max-height: 320px;
}
.bk-search-word .search-word-wrap .grid-column {
	width: var(--wide-full);
}
.bk-search-word .search-word-wrap .auto-word > .title {
	margin-bottom: 20px;
	color: var(--color-black);
	font-size: var(--font-size-body2);
	line-height: var(--font-line-height-body2);
	font-weight: 400;
}
.bk-search-word .search-word-wrap .auto-word .list-word {
	color: var(--color-black);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
}
.bk-search-word .search-word-wrap .auto-word .list-word > li strong {
	font-weight:normal;
}
.bk-search-word .search-word-wrap .auto-word .list-word > li {
	margin: 6px 0;
}
.bk-search-word .search-word-wrap .auto-word .list-word > li:first-child {
	margin-top: 0;
}
.bk-search-word .search-word-footer {
	margin: 8px -30px 0 -30px;
}
.bk-search-word .search-word-footer .btns-area {
	padding: 10px 20px 0 20px;
	border-top: 1px solid #bbb;
	text-align: right;
}
.bk-search-word .search-word-footer .btns-area .btn-close:hover .text {
	color: var(--color-brand) !important;
}
/* 리뷰-리스트 */
.cp-review-group .list-review {
	border-top: 1px solid var(--color-black);
}
.cp-review-group .list-review .grid-review-header {
}
.cp-review-group .list-review > li {
	padding: 24px 0;
	border-bottom: 1px solid #ddd;
}
.cp-review-group .item-review > dt {
	margin-bottom: 10px;
}
.review-user {
	display: var(--d-inline-flex);
	color: var(--color-body);
}
.review-user > * {
	font-size: var(--font-size-body);
	font-weight: 300;
}
.review-user > *:not(:first-child)::before {
	display: var(--d-inline-block);
	margin: 6px 10px 0;
	width: 1px;
	height: 14px;
	background-color: #eaeaea;
	vertical-align: top;
	content: "";
}
.review-user .user-id {
}
.review-user .reg-date {
}
/* 인콰이어리 리스트/카드 타입 */
.bk-inquiry {
	position: relative;
	max-width: 100%;
	box-sizing: border-box;
}
.ui-main-seller .bk-inquiry.inquiry-list {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
}
.bk-inquiry.inquiry-card {
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: var(--font-size-body);
}
.bk-inquiry.inquiry-card .item-inquiry {
	text-align: left;
}
.bk-inquiry.inquiry-card .item-inquiry > * {
	padding-right: 30px;
	padding-left: 30px;
}
.bk-inquiry.inquiry-card .item-inquiry > dt {
	padding-top: 30px;
}
.bk-inquiry.inquiry-card .item-inquiry > dd {
	padding-top: 40px;
	padding-bottom: 30px;
}
.bk-inquiry.inquiry-card .inquiry-sub-group .inquiry-info .list > li,
.bk-inquiry.inquiry-card .inquiry-sub-group .inquiry-info .unit-icons-group .unit-group:last-child {
	margin-right: 0;
	padding-right: 0;
}
.bk-inquiry.inquiry-card .inquiry-sub-group .inquiry-info .list > li {
	min-width: 100%;
}
.bk-inquiry.inquiry-card .inquiry-sub-group .inquiry-info .list > li::before,
.bk-inquiry.inquiry-card .inquiry-sub-group .inquiry-info .unit-icons-group .unit-group:last-child::before {
	display: var(--d-none);
}
.bk-inquiry.inquiry-card .inquiry-sub-group .inquiry-info .unit-icons-group {
	padding-top: 40px;
}
.bk-inquiry.inquiry-card .inquiry-sub-group .inquiry-info .list > li:not(:first-child, .unit-icons-group) {
	margin-top: 4px;
}
/* 인콰이어리 리스트 */
.list-mode-inquiry > li {
	border-bottom: 1px solid #ddd;
}
.bk-inquiry.inquiry-list .item-inquiry {
	padding: 12px 0 12px 18px;
}
.item-inquiry dt {
	position: relative;
}
.item-inquiry dt .title {
	font-size: var(--font-size-title3);
	line-height: var(--font-line-height-title3);
	font-weight: 400;
	word-wrap: normal;
}
.item-inquiry .inquiry-sub-group {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	align-items: var(--flex-content-end);
	justify-content: var(--flex-content-between);
	width: var(--wide-full);
}
.inquiry-sub-group > * {
	flex: 1 1 0;
}
.inquiry-sub-group .inquiry-btns {
	flex: 0 1 auto;
	min-width: 160px;
}
.inquiry-sub-group .inquiry-info .list {
	margin-top: -8px;
}
.inquiry-sub-group .inquiry-info .list,
.inquiry-sub-group .inquiry-info .unit-icons-group {
	display: var(--d-flex);
	flex-wrap: var(--flex-wrap);
	align-items: var(--flex-content-center);
}
.inquiry-sub-group .inquiry-info .list > li {
	margin-top: 8px;
}
.inquiry-sub-group .inquiry-info .list > li:not(:last-child),
.inquiry-sub-group .inquiry-info .unit-icons-group .unit-group:not(:last-child) {
	margin-right: 11px;
	padding-right: 10px;
}
.inquiry-sub-group .inquiry-info .unit-icons-group .unit-group {
	display: flex;
}
.inquiry-sub-group .inquiry-info .list > li,
.inquiry-sub-group .inquiry-info .unit-icons-group .unit-group {
	position: relative;
}
.inquiry-sub-group .inquiry-info .unit-icons-group .unit-group .text {
	margin-left: 4px;
}
.inquiry-sub-group .inquiry-info .list > li:not(:last-child):before,
.inquiry-sub-group .inquiry-info .unit-icons-group .unit-group:not(:last-child)::before {
	display: var(--d-inline-block);
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 14px;
	background-color: #ddd;
	transform: translate(0, -7px);
	content: "";
}
.item-inquiry .inquiry-sub-group .unit-group .tit {
	font-weight: 300;
}
.inquiry-sub-group .inquiry-info .flag {
	display: var(--d-inline-block);
	width: 20px;
	height: 20px;
}
.inquiry-sub-group .inquiry-info .flag img {
	width: var(--wide-full);
	height: var(--wide-full);
}
/* 구글 국기 */
.phoca-box,
.phoca-flagbox {
	display: var(--d-inline-flex);
	align-items: var(--flex-content-center);
	position: relative;
}
.phoca-flagbox {
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.phoca-flagbox .phoca-flag {
	width: 28px;
	height: 18px;
}
.phoca-flagbox .phoca-flag.us {
	width: 28px;
	height: 16px;
}
.phoca-flagbox > * {
	vertical-align: top;
}
.phoca-flag {
	display: var(--d-none);
}
.phoca-title {
	display: var(--d-inline-block);
	font-size: var(--font-size-xsmall);
	line-height: 1.4rem;
}
.select-language {
	position: relative;
}

/* 20231221 추가 */
.dialog-pq-hscode .tbl-data td.dv-hs-code {
	text-decoration: underline;
}

.cart-control {
	display: none;
	background: rgba(0, 0, 0, 0.6);
	padding: 14px 0;
}
.cart-control.is-active {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	gap: 0;
	z-index: 100;
}
.cart-control .inner {
	width: 100%;
	max-width: 1400px;
	text-align: right;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

.trs-date-info {
	display: block;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	color: #000;
}

/* 2차 */
/* base */
.btn-go {display: flex; align-items: center; color: var(--color-primary) !important; font-size: 1.6rem; line-height: 2.4rem; padding: 7px 15px; border: 1px solid var(--color-primary); border-radius: 4px;}
.btn-go::after {content: ''; display: block; width: 16px; height: 16px; background: url(../../img/web/icon-park-outline_share.svg) no-repeat 0 0; margin-left: 8px;}

.btn-msg {display: block; padding: 5px 16px; font-size: 1.4rem; line-height: 2rem; border: 1px solid #999; border-radius: 4px; height: fit-content; width: fit-content;}

.list-bul {display: flex; flex-direction: column; width: 100%;}
.list-bul > li {position: relative; padding-left: 15px;} 
.list-bul > li::before {content: ''; width: 4px; height: 4px; background: #000; position: absolute; top: 10px; left: 0;; } 
.list-bul > li ~ li {margin-top: 8px;}

/* 트레이드쇼 */
.btn-badge { position: absolute; top: 0; right: 0; border: 1px solid #999; border-radius: 4px; color: #000; background: #fff; padding: 4px 15px; font-size: 1.4rem; line-height: 2rem;}
.btns-group-toolbar { gap: 8px;}
.tbl-in-prd .bk-goods .item-goods .goods-name,
.tbl-in-prd .cate-path-ko,
.bk-tbl .tbl.tbl-in-prd td {font-size: 1.6rem; line-height: 2.4rem; font-weight: 400;}
.tbl-in-prd .bk-goods.goods-list .item-goods > dd {padding-left: 12px;}
.tbl-in-prd .bk-goods.goods-list .item-goods .goods-name {margin-top: 0;}
.dialog-TSMYS-PU-009 .tbl .list-desc li.font-note2:last-of-type {margin-bottom: 24px;}
.dialog-TSMYS-PU-009 .tbl .list-desc li.font-note2 {position: relative; padding-left: 15px;}
.dialog-TSMYS-PU-009 .tbl .list-desc li.font-note2::before {content: ''; position: absolute; top: 1rem; left: 0; background: #000; width: 3px; height: 3px; border-radius: 50%;}
.ico-arrow-right {position: relative; display: block;}
.ico-arrow-right::after { display: block; position: absolute; right: 6px; top: 50%; width: 10px; height: 10px; margin-top: -7px; border-bottom: 1px solid var(--color-black); border-right: 1px solid var(--color-black); transform: rotate(-45deg); content: "";}


/* 무역관 */
/* 메인 및 gnb */
.kbc-header,
.shm-header {display: none; min-height: 138px;}
.ui-kbc-header .ui-gnb > .ui-inner,
.ui-shm-header .ui-gnb > .ui-inner {display: none;}
.ui-kbc-header.header-fixed .header-area,
.ui-shm-header.header-fixed .header-area  {display: none;}
.ui-kbc-header .kbc-header,
.ui-shm-header .shm-header {display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.kbc-header .kbc-head-link,
.shm-header .shm-head-link {display: flex; gap: 64px; align-items: center; font-size: 1.8rem; line-height: 2.4rem;}

.kbc-header .kbc-head-link .active,
.shm-header .shm-head-link .active {color: var(--color-primary); font-weight: 700;}

.kbc-header .kbc-location,
.shm-header .shm-location {font-size: 4rem; line-height: 4.8rem;}
.kbc-header .kbc-location span,
.shm-header .shm-location span {display: block; font-size: 1.8rem; line-height: 2.6rem; margin-top: 4px;}

.kbc-main {margin-top: 64px; word-break: break-word;}
.kbc-main.grid-top {display: grid; grid-template-columns: 816px 1fr; column-gap: 32px; margin-top: 16px; padding-bottom: 64px; border-bottom: 1px solid #eaeaea;}
[class^=grid-in-] {border: 1px solid #ddd; border-radius: 16px; padding: 24px 30px; font-size: 1.6rem; line-height: 2.4rem;}
.kbc-main.grid-top .grid-area-2 {display: grid; grid-template-columns: 308px 220px; grid-template-rows: repeat(2, auto); gap: 24px;}
.grid-area-1 {border-radius: 16px; width: 100%; height: 606px; overflow: hidden}
.grid-in-3 {grid-column: span 2;}

.kbc-main .main-block-title {font-size: 4rem; font-weight: 700; line-height: 4.8rem; text-transform: uppercase;}
.kbc-main .grid-title {font-size: 2rem; font-weight: 700; line-height: 2.8rem; text-transform: uppercase;}
.kbc-main .bk-title {margin-bottom: 0;}
.kbc-main.swipe-mid .bk-title {margin-bottom: 46px;}
.kbc-main .title-area {margin-bottom: 24px;}

.kbc-main [class^=grid-in-] .title-area {min-height: 56px; display: flex; align-items: center; margin-bottom: 16px;}
[class^=grid-in-] > dl {display: grid; grid-template-columns: repeat(2, auto); gap: 8px;}
[class^=grid-in-] > dl dt {font-weight: 500; text-align: right;}
[class^=grid-in-] > dl dd {word-break:break-all;}/*20250227 무역관 - 멜버른 상세 꺠짐 현상 수정*/
.list-cont-between > li {display: flex; justify-content: space-between; gap: 20px;}
.list-cont-between > li ~ li {margin-top: 5px;}
.list-cont-between .cont-left span {display: block; font-weight: 500;}
.list-cont-between .cont-left em {display: block; margin-top: 4px;}

.grid-month {text-align: center; min-height: 32px;}
[class^=grid-date-] {font-size: 2rem; line-height: 2.6rem; font-weight: 700; color: var(--color-primary);}
.grid-date-year ~ .grid-date-month::before {content: '.';}
.holiday-detail {position: relative;}
.holiday-detail .btn-arr {position: absolute; top: 0; left: -30px; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.2333); clip: rect(0, 32px, 32px,0); overflow: hidden; border: 0;}
.holiday-detail .btn-arr::before {content: ''; width: 32px; height: 32px; display: block; background: url(../../img/web/arrow-swiper-white.svg) no-repeat 50% / 5.93px 11.85px;}
.holiday-detail .btn-arr.prev-m {transform: rotate(-180deg);}
.holiday-detail .btn-arr.next-m {left: unset; right: -30px;}
.holiday-detail .grid-month ~ .list-bul {margin-top: 8px;}
.holiday-detail .list-bul li span {word-break: break-all;}

.main-Companies {margin: 0 97px; padding-top: 22px; position: relative;}
.main-Companies .bk-toggle-ci-group .bk-radio input[type="radio"] + label {align-items: center;}
.kbc-main .swipe-bot {margin-top: 40px; width: 100%; height: 345px; overflow: hidden;}
.kbc-main .swipe-bot .item-goods {width: 100%; display: grid; grid-template-columns: repeat(5, calc((100% - (30px * 4)) / 5)); grid-template-rows: 256px auto; gap: 32px 30px;}
.kbc-main .swipe-bot .item-goods dd {grid-row: 2;}
.main-Companies .swiper-button-prev {left: -97px}
.main-Companies .swiper-button-next {right: -97px}
.kbc-main .swipe-bot .no-data {margin: auto; display: none;}

.kbc-main.swipe-mid-trd .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.kbc-main.swipe-mid-trd .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {top: 108px; transform: unset; margin: 0;}
.kbc-main.swipe-mid-snd .swiper-button-prev,
.kbc-main.swipe-mid-snd .swiper-button-next {top: 88px; transform: unset; margin: 0;}

/* kbc 서브 */
.ui-kbc-sub-cont {display: grid; grid-template-columns: 240px 1fr;}
.participate-area ~ .ui-kbc-sub-cont {margin-top: 50px;}
.ui-kbc-sub-cont .bk-goods.goods-list .item-goods > dd .goods-info { /*max-width: 100%;*/ flex: 1 1 0;	max-width: calc(100% - 280px);} /*사이즈조절 [20240716]*/


/* 셀러홈 - 셀러 */
.parent-has-caption {margin-top: 32px;}
.item-goods-reg .img-goods {background: #f6f6f6;}
/*.item-goods-reg .img-goods::after {content: 'IMAGES'; color: #999; font-size: 2rem; line-height: 2.3rem; display: flex; justify-content: center; align-items: center; height: 100%;}*/

.like-grid {display: flex; flex-wrap: nowrap; gap: 8px;}
.iframe-zone {width: 100%; height: 500px; border-top: 1px solid #000; background: #D9D9D9;}

.tbl-data .bk-goods .item-goods .goods-name {font-size: 1.4rem; font-weight: 400; margin-top: 0;}
.tbl-data .bk-goods.goods-list .item-goods > dd {padding-left: 12px;}

.title .bk-required::before {font-size: unset; margin-left: 0;}

.bk-textfield.like-full {margin-left: 20px; width: 449px;}

/* 셀러홈 - 바이어 */
.shm-cominfo-top {border-bottom: 1px solid #eaeaea; padding-bottom: 40px; position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 40px;}
.shm-cominfo-top .shm-company-ci {width: 180px; height: 180px; flex-shrink: 0;}
.shm-cominfo-top .shm-info-text .lv-title {font-size: 2.2rem; line-height: 3rem; display: block;}
.shm-cominfo-top .shm-info-text p {font-size: 1.6rem; line-height: 2.4rem; color: #999; word-break: break-all;}
.shm-cominfo-top .shm-info-text .lv-title + p {margin-top: 12px;}
.shm-cominfo-top .shm-buttons {width: 265px; flex-shrink: 0; display: flex; flex-direction: column; gap: 40px; align-items: flex-end;}
.shm-cominfo-top .shm-buttons .btn-wrap-top {display: flex; gap: 11px; position: relative;}
.shm-cominfo-top .shm-buttons .btn-wrap-top .bk-icon-only-favorites {padding: 0}
.shm-cominfo-top .shm-buttons .btn-wrap-top .layer-default.layer-share {transform: translate(calc(30px - 100%), 0);}
.shm-cominfo-top .shm-buttons .btn-wrap-bot {display: flex; gap: 8px;}
.shm-cominfo-top .shm-buttons .btn-wrap-bot .bk-btn {padding: 0 30px; font-size: 1.8rem;}

.shm-cominfo-top + .shm-cominfo-bot {margin-top: 40px;}
.shm-cominfo-bot {display: flex; gap: 40px;}
.shm-cominfo-bot .shm-thumb {width: 658px; height: 470px; flex-shrink: 0;}
.shm-cominfo-bot .shm-thumb .img-ratio-fix {padding-bottom: 71.42%; border-radius: 12px;}
.shm-cominfo-bot .shm-data-wrap {width: 100%; display: grid; grid-template-columns: 1fr;  grid-template-rows: 144px 1fr; gap: 24px;}
.shm-cominfo-bot .shm-data {width: 100%; background: #F3F5F8; border-radius: 8px; padding: 32px 0;}
.shm-cominfo-bot .shm-data dl {display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; height: 80px; padding: 12px 0; box-sizing: border-box;}
.shm-cominfo-bot .shm-data dt {grid-row: 1; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 4px;}
.shm-cominfo-bot .shm-data dd {grid-row: 2; font-size: 2rem; line-height: 2.8rem; color: var(--color-primary); font-weight: 500;}
.shm-cominfo-bot .shm-data dd ~ dt {position: relative;}
.shm-cominfo-bot .shm-data dd ~ dt::before {content: ''; width: 1px; height: 80px; background: #ddd; position: absolute; left: 0; top: -12px;}
.shm-cominfo-bot .shm-classification {width: 100%; min-height: 262px; border: 1px solid #ddd; border-radius: 8px; padding: 31px; box-sizing: border-box; position: relative;}
.shm-cominfo-bot .shm-classification .lv-title {font-size: 2rem; line-height: 2.8rem; text-transform: uppercase;}
.shm-cominfo-bot .shm-classification dl {margin-top: 16px; display: grid; grid-template-columns: 96px 1fr; gap: 12px 20px; font-size: 1.6rem; line-height: 2.4rem;}
.shm-cominfo-bot .shm-classification dt {grid-column: 1;}
.shm-cominfo-bot .shm-classification dd {grid-column: 2;}
.shm-cominfo-bot .shm-classification dt span {display: block; background: #666; color: #fff; border-radius: 2px; text-align: center; font-size: 1.2rem; line-height: 2rem; padding: 2px 0;}
.shm-cominfo-bot .shm-classification .cate-path-en {position: relative; padding-left: 10px;}
.shm-cominfo-bot .shm-classification .cate-path-en::before {content: ''; width: 4px; height: 4px; border-radius: 50%; background: #000; position: absolute; top: 10px; left: 0;}
.shm-cominfo-bot .shm-classification .cate-path-en + .cate-path-en {margin-top: 8px;}
.shm-cominfo-bot .shm-classification .bk-no-data {min-height: unset; padding: 0;}
.shm-cominfo-bot .shm-classification .bk-no-data dd {grid-column: 1 / span 2; min-height: 112px; width: max-content; padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.shm-cominfo-bot .shm-classification .bk-no-data .message {font-size: 2rem; line-height: 2.8rem; letter-spacing: -1px;}

.bk-icon.bk-icon-mark.bk-icon-check {background-image: url(../../img/web/icon-check.svg); margin-bottom: 20px;}

.shm-cont-area {margin-top: 64px;}
.shm-prd-list {display: grid; grid-template-columns: 240px 1fr;}

.shm-cont-area .bk-sortgroup .bk-sorting {font-size: 1.6rem; line-height: 2.8rem; color: #666; padding: 5px 15px; text-transform: uppercase; border: 1px solid #ddd; border-radius: 32px;}
.shm-cont-area .bk-sortgroup .bk-sorting::before,
.shm-cont-area .bk-sortgroup .bk-sorting::after {display: none;}
.shm-cont-area .bk-sortgroup .bk-sorting.is-active {padding-left: 15px; background: #0175E4; border-color: #0175E4; color: #fff;}
.shm-cont-area .bk-goods.ad-card.ad-xlarge .item-ad,
.shm-cont-area .bk-goods.ad-card.ad-xlarge .item-ad > dd {width: 440px;}
.shm-cont-area .bk-goods.ad-card.ad-xlarge .item-ad > dt {width: 440px; height: 313px;}
.shm-cont-area .bk-goods.ad-card .ad-title {font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 0;}
.shm-cont-area .bk-goods.ad-card .tag-list-wrap {margin-top: 20px;}
.shm-cont-area .bk-goods.ad-card .tag-list-wrap .bk-tag-list {display: block; margin: -12px 0 0 -8px;}
.shm-cont-area .bk-goods.ad-card .tag-list-wrap .bk-tag-unit {margin: 12px 0 0 8px;}
 
/* 20250223 company 이미지 재정의*/
.shm-company-ci .img-ratio-fix {position: relative;padding-bottom:0; overflow: hidden; display: flex; justify-content: center; align-items: center; height: 100%;}
.shm-company-ci .img-ratio-fix img {position: relative; object-fit: contain; width: 100%; height: auto; }

.ui-shm-wrap .badge-area {display: flex; gap: 8px;}

.focus-detail-top {display: flex; gap: 48px;}
.focus-detail-top .shm-thumb {width: 564px; height: 400px; flex-shrink: 0;}
.focus-detail-top .shm-thumb .img-ratio-fix {padding-bottom: 70.922%; border-radius: 12px;}

.focus-info  {flex:1}
.focus-info .badge-area {margin-bottom: 12px;}
.focus-info .ad-title {font-size: 3.2rem; line-height: 4rem; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #EAEAEA;}
.focus-info .ad-description,
.focus-info .ad-period {font-size: 1.6rem; line-height: 2.4rem; padding-bottom: 16px;}
.focus-info .ad-description {color: #999;}
.focus-info .ad-period {color: #666; padding-bottom: 24px;}

.focus-detail-block {padding-top: 64px; margin-top: 64px; border-top: 1px solid #eaeaea; overflow: hidden;}
.focus-detail-block .lv-title {display: block; font-size: 4rem; line-height: 4.8rem; font-weight: 700; margin-bottom: 40px;}
.focus-detail-block .bk-btn.btn-default {font-size: 1.6rem; line-height: 2.4rem !important; padding: 10px 31px !important; height: 40px;}

.focus-detail-cont {font-size: 1.6rem; line-height: 2.4rem;}
.focus-detail-cont img {width: 100%}

/*.cp-other-list {display: grid; grid-template-columns: repeat(5, auto); border-bottom: 1px solid #eaeaea;}*/
.cp-other-list {display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid #eaeaea;}
.cp-other-list .bk-goods {/*border-bottom: 1px solid #eaeaea;*/ padding: 0 30px 40px 0; margin-bottom: 0; position:relative}
.cp-other-list .bk-goods:nth-child(n+6) {margin-top: 0; padding-top:0}
.cp-other-list .bk-goods:nth-child(n+6) {padding-top:40px; border-bottom: 0; margin-bottom: 0;}
.cp-other-list .bk-goods:nth-child(5n+1):before {content:""; width:1400px; height:1px; display:block; background:#eaeaea; position:absolute; top:0}
.cp-other-list .bk-goods:nth-child(1):before {display:none}
.cp-other-list .bk-goods.goods-card {height: unset;}
.cp-other-list .bk-goods .item-goods .goods-companyName {font-size: 1.6rem;}
.cp-other-list .bk-goods .item-goods .goods-price {font-size: 2rem; line-height: 2.4rem; font-weight: 700;}
.cp-other-list .bk-goods .item-goods .goods-price .price-before.ellipsis { height:2.4rem; }
.cp-other-list .bk-goods .item-goods .goods-amount {margin-top: 20px; font-size: 1.4rem;}
.cp-other-list .bk-goods.goods-card.goods-xlarge .item-goods > dd {height: auto;}

.cp-prv-next {margin-top: 64px; border-top: 1px solid #000;}
.cp-prv-next [class$=-post] {display: grid; grid-template-columns: 195px 1fr 225px; font-size: 1.6rem; line-height: 2.4rem; padding: 16px 0; border-bottom: 1px solid #ddd;}
.cp-prv-next [class$=-post] dt {display: flex; gap: 15px; align-items: center; margin-left: 24px;}
.cp-prv-next [class$=-post] dt::before {content: ''; width: 8px; height: 8px; display: block; border: 1px solid #999; border-width: 0 0 1px 1px; transform: rotate(135deg); margin-top: 5px;}
.cp-prv-next .bk-prev-post dt::before {border-width: 1px 1px 0 0; margin-top: -5px;}
.cp-prv-next [class$=-post] a {margin-right: 40px;}
.cp-prv-next [class$=-post] a:hover {text-decoration: underline;}

.focus-detail-block .shm-sub-block > .lv-title {font-size: 3.2rem; line-height: 4rem; margin-bottom: 24px;}
.shm-sub-block > div + .lv-title,
.shm-sub-block > ul + .lv-title,
.shm-sub-block > div + div {margin-top: 40px;}
.shm-sub-block > div {font-size: 1.6rem;}
.shm-sub-block .tbl.tbl-data tr > td {font-size: 1.6rem; padding: 16px 20px;}
.shm-sub-block .tbl.tbl-data tr > th {font-size: 1.8rem; line-height: 2.6rem; padding: 16px 24px; font-weight: 500;}
.seller-list-right .bk-tbl .tbl th {font-weight: 500;}

.shm-basic-box {display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 32px;}
.shm-basic-box > li {font-size: 1.6rem; line-height: 2.4rem; position: relative; padding-left: 104px; height: 80px;}
.shm-basic-box > li::before {content: ''; width: 80px; height: 80px; background: url(../../img/web/ico-binfo-01.svg) no-repeat 0 0; position: absolute; left: 0;}
.shm-basic-box > li > strong {font-size: 2.2rem; line-height: 3rem; display: block; margin-bottom: 7px;}
.shm-basic-box > li:nth-child(2):before {background-image: url(../../img/web/ico-binfo-02.svg);}
.shm-basic-box > li:nth-child(3):before {background-image: url(../../img/web/ico-binfo-03.svg);}
.shm-basic-box > li:nth-child(4):before {background-image: url(../../img/web/ico-binfo-04.svg);}
.shm-basic-box > li:nth-child(5):before {background-image: url(../../img/web/ico-binfo-05.svg);}
.shm-basic-box > li:nth-child(6):before {background-image: url(../../img/web/ico-binfo-06.svg);}
.shm-basic-box > li:nth-child(7):before {background-image: url(../../img/web/ico-binfo-07.svg);}
.shm-basic-box > li:nth-child(8):before {background-image: url(../../img/web/ico-binfo-08.svg);}

.shm-sub-block .bk-goods.ad-card.ad-default .item-ad,
.shm-sub-block .bk-goods.ad-card.ad-default .item-ad > dd {width: 256px;}
.shm-sub-block .bk-goods.ad-card.ad-default .item-ad > dt {width: 256px; height: 256px;}
.shm-sub-block .bk-goods.ad-card.ad-fair .ad-title {font-size: 2.4rem; line-height: 3.2rem;}

.bk-video.img-ratio-fix {padding-bottom: 56.25%}
.bk-video.img-ratio-fix iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.bk-slide-wrap .swiper-slide img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.bk-slide-wrap .bk-slider-big {border-radius: 8px; height: 788px; margin-bottom: 30px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box; position: relative;}
.dialog-contents .bk-pop-slider-thumb,
.bk-slide-wrap .bk-slider-thumb {position: relative;}
.bk-slide-wrap .bk-slider-thumb .swiper-slide {border-radius: 8px; height: 144px; width: 100%; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box;}
.dialog-contents .bk-pop-slider-thumb .swiper-slide.swiper-slide-thumb-active img,
.bk-slide-wrap .bk-slider-thumb .swiper-slide.swiper-slide-thumb-active {border-color: #0086FF; border-width: 2px;}
.bk-slider-card .swiper-button-prev,
.bk-slider-card .swiper-button-next,
.dialog-contents .bk-pop-slider-big .swiper-button-prev,
.dialog-contents .bk-pop-slider-big .swiper-button-next,
.bk-slide-wrap .swiper-button-prev,
.bk-slide-wrap .swiper-button-next {width: 54px; height: 54px; border: 0; background: rgba(0, 0, 0, .3);}
.bk-slider-card .swiper-button-prev,
.dialog-contents .bk-pop-slider-big .swiper-button-prev,
.bk-slide-wrap .swiper-button-prev {left: 0}
.bk-slider-card .swiper-button-next,
.dialog-contents .bk-pop-slider-big .swiper-button-next,
.bk-slide-wrap .swiper-button-next {right: 0}
.bk-slider-card .swiper-button-prev::after,
.bk-slider-card .swiper-button-next::after,
.dialog-contents .bk-pop-slider-big .swiper-button-prev::after,
.dialog-contents .bk-pop-slider-big .swiper-button-next::after,
.bk-slide-wrap .swiper-button-prev::after,
.bk-slide-wrap .swiper-button-next::after {font-size: 2rem; color: #fff}

.dialog-contents .bk-slide-wrap {overflow: hidden;}
.dialog-contents .bk-pop-slider-big {border-radius: 8px; height: 464px; margin-bottom: 20px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box; position: relative;}
.dialog-contents .bk-pop-slider-thumb .swiper-slide {position: relative;}
.dialog-contents .bk-pop-slider-thumb .swiper-slide::before {content: ''; display: block; padding-bottom: 56.5789%;}
.dialog-contents .bk-pop-slider-thumb .swiper-slide img {position: absolute; top: 0; border-radius: 8px; height: 100%; width: 100%; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box;}

.shm-sub-block .mode-ad-list.card-list.list-col6 > li:not(:first-child) {padding: 0;}
.shm-sub-block .list-oneLine {gap: 30px}
.shm-sub-block .bk-slider-card .list-oneLine {gap: 0}

.bk-slider-card {position: relative;}
.bk-slider-card.cp-ad-mode .mode-ad-list {flex-wrap: nowrap;}
.bk-slider-card .img-ad {position: relative;}
.btn-view-more {position: absolute; width: 52px; height: 52px; background: rgba(0, 0, 0, .3); right: 0; bottom: 0; z-index: 1;}
.btn-view-more::after,
.btn-view-more::before {content: ''; width: 1px; height: 16px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.btn-view-more::after {width: 16px; height: 1px;}
.bk-slider-card .swiper-white {top: 102px; margin: 0;}

.photo-description {margin-top: 32px; font-size: 1.6rem; line-height: 2.4rem;}
.photo-description .ad-title {font-size: 2.4rem; line-height: 3.2rem; margin-top: 0;}
.photo-description .participation { margin-top: 4px;}
.photo-description .ad-description {margin-top: 10px;}

/* 셀러리스트 */
.bk-dialog.dialog-xlagre .dialog-inner {max-width: 1200px;}
.no-margin {margin: 0 !important; padding: 0 !important;}
/*.seller-list-wrap {display: grid; grid-template-columns: 280px 1fr;}*//*20241028레이아웃 수정 */
.seller-list-wrap {display:flex;box-sizing:border-box;}
.seller-list-left {border-right: 1px solid #ddd; max-height: calc(90vh - 81px); overflow-y: auto; position: sticky; top: 0;width:280px;}/*20241028 레이아웃수정 */
.seller-left-top {margin: 40px;}
.seller-left-top .shm-company-ci {width: 80px; margin-bottom: 12px; margin-left:auto; margin-right:auto} /*가운데정렬위한 margin추가 [20240814]*/
.seller-left-top .lv-title {font-size: 1.8rem; line-height: 2.6rem;}
.seller-list-area {border-top: 1px solid #ddd;}
.seller-list-area li {padding: 24px 40px; border-bottom: 1px solid #ddd;}
.seller-list-area li > a {display: block; text-decoration: underline; font-size: 1.6rem; line-height: 2.4rem;}

.seller-list-right {padding: 40px;box-sizing: border-box;}/*20241028 레이아웃수정*/
.seller-right-top {display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #ddd;;}
.seller-right-top h3[class^=lv-] {font-size: 2rem; line-height: 2.8rem;}
.seller-right-top .bk-btn.btn-brand.btn-outline {padding: 0 31px;}
.seller-right-top .lv-mgr::before,
.seller-right-top .lv-emp::before {width: 60px; height: 60px; font-size: 3rem; line-height: 4.5rem; padding: 8px 16px 7px 17px}
.seller-right-top .lv-emp::before {padding-left: 21px;}
.seller-list-right .tbl-data .item-goods dd {flex-direction: column;}
.seller-list-right .bk-goods.goods-list.goods-xsmall .item-goods > dt {width: 80px; height: 80px; flex-shrink: 0;}
.seller-list-right .bk-goods.goods-list.goods-xsmall .item-goods .goods-name a {text-decoration: underline;}
.seller-list-right .bk-goods.goods-list.goods-xsmall .item-goods .goods-name {width: 100%;}

.seller-list-right .bk-goods.goods-list.goods-xsmall .item-goods > dd {width: calc(100% - 80px); box-sizing: border-box;}

.lv-mgr,
.lv-emp {display: flex; align-items: center;}
.lv-mgr::before,
.lv-emp::before {content: 'M'; font-size: 1.6rem; line-height: 2.4rem; color: #fff; background: var(--color-primary); width: 32px; height: 32px; border-radius: 50%; display: block; padding: 4px 9px; box-sizing: border-box; margin-right: 16px;}
.lv-emp::before {content: 'E'; padding: 4px 11px; background: #666;}

/* 말줄임 공통 적용 */
.shm-cont-area .bk-goods.ad-card .tag-list-wrap,
.shm-cominfo-bot .shm-classification .cate-path-en {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

/* 뱃지 */
.badge-purple,
.badge-blue,
.badge-red {color: #fff; text-transform: uppercase;}
.badge-purple {background-color: #A02AC9;}
.badge-blue {background-color: #258DEC;}
.badge-red {background-color: #FD6243;}

/* 버튼 */
.cp-btn-center {padding-top: 40px; display: flex; justify-content: center;}
.bk-btn-more {display: flex; align-items: center; position: relative; font-size: 1.6rem; line-height: 2.4rem; color: #000; background: #fff; border: 1px solid #999; padding: 7px 31px; border-radius: 32px;}
.bk-btn-more::before {content: ''; width: 10px; height: 2px; background: #000; display: block; margin-right: 8px;}
.bk-btn-more::after {content: ''; width: 2px; height: 10px; background: #000; position: absolute; left: 35px; top: 50%; transform: translateY(-50%);}

/* 해시태그 */
.bk-tag-list {display: flex; gap: 8px; flex-wrap: wrap; }
.bk-tag-unit {display: inline-block; font-size: 1.5rem; line-height: 2.4rem; color: #000; padding: 3px 11px; border: 1px solid #ddd; border-radius: 32px;}

/* 이미지 비율 */
.img-ratio-fix {position: relative; padding-bottom: 100%; overflow: hidden;}
.img-ratio-fix img {position: absolute; object-fit: cover; object-position: center; width: 100%; height: 100%;}

/* 메인 스와이퍼 버튼 위치 조정 */
.section-main-tradeShows .bk-swiper .swiper-button-next,
.section-main-tradeShows .bk-swiper .swiper-button-prev {top: calc((232px / 2) - (54px / 2)); margin: 0; transform: unset !important;}
.bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {top: calc((256px / 2) - (54px / 2)); margin: 0; transform: unset !important;}
/* 스와이퍼 영역에 타이틀이 포함된 케이스 */
.section-related .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.section-related .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next,
.section-otherProducts .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.section-otherProducts .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {top: calc((256px / 2) - (54px / 2) + 78px);}

/* 상품상세 정렬 */
.list-certification li button > span.text {height: 24px; line-height: 23px;}
.detail-right .item-detail-goods.code-PID {align-items: center;}
.no-image-ratio1 {background: #F3F5F8 url(../../img/web/logo-dark.svg) no-repeat center/ 55% auto; width: 100%; height: 100%; padding-bottom: 100%;}
.detail-header .detail-gallery .no-image-ratio1 {border-radius: 12px;}

.section-sub-group .bk-title {margin-bottom: 24px;}
.section-sub-group .bk-title.title-sub-top {margin-bottom: 32px;}

.wrap-calendar {display: grid; grid-template-columns: auto 1fr; gap: 40px;}
.area-calendar-left {width: 686px;}
.area-calendar-left .flatpickr-calendar {width: 100%; top: unset; box-shadow: none; border-radius: 0;}
.area-calendar-left .flatpickr-rContainer,
.area-calendar-left .flatpickr-days,
.area-calendar-left .dayContainer {width: 100%; min-width: 100%; max-width: 100%;}
.area-calendar-left .flatpickr-day {width: calc(100% / 7); max-width:  calc(100% / 7); font-size: 1.8rem; line-height: 2.6rem; height: auto; padding: 19px 0; background: #EAF2FE; border-radius: 0; border-width: 2px;}
.area-calendar-left .flatpickr-day.flatpickr-disabled, 
.area-calendar-left .flatpickr-day.flatpickr-disabled:hover {cursor: unset; background: #fff; border-color: transparent}
.area-calendar-left .flatpickr-day.flatpickr-disabled {color: #000;}
.area-calendar-left .flatpickr-day.prevMonthDay, 
.area-calendar-left .flatpickr-day.nextMonthDay {color: #bbb}
.area-calendar-left .flatpickr-day.selected {color: #000}
.area-calendar-left .flatpickr-day:hover {background: #EAF2FE; border-color: #EAF2FE;}
.area-calendar-left .flatpickr-day.selected:hover {border-color: var(--color-primary)}
.area-calendar-left .flatpickr-day:nth-child(7n+1):not(.prevMonthDay,.nextMonthDay) {color: #FD6243;}
.area-calendar-left .flatpickr-day:nth-child(7n):not(.prevMonthDay,.nextMonthDay) {color: #0175E4;}
.area-calendar-left .flatpickr-weekdays {height: 64px; padding-top: 20px;}
.area-calendar-left .flatpickr-days {padding-bottom: 20px;}
.area-calendar-left span.flatpickr-weekday {font-size: 1.8rem; line-height: 2.6rem;}

.section-group .wrap-calendar {border-bottom: 1px solid #F0F0F0; padding-bottom: 40px;}

.flatpick-description {display: flex; align-items: center; gap: 12px; line-height: 2.2rem; padding: 2px 0; margin-top: 20px;}
.flatpick-description [class$=possible] {display: block; padding: 0 10px; border-radius: 2px;}
.dialog-contents .biz-slt-possible,
.biz-possible {border: 1px solid var(--color-primary); background: var(--color-primary); color: #fff;}
.dialog-contents .biz-possible,
.biz-impossible {border: 1px solid #000; background: #fff; color: #000;}
.dialog-contents .biz-impossible {border: 1px solid #ddd; background: #F0F0F0;color: #bbb;}

/* .flatpick-select-info {display: flex; flex-wrap: wrap; font-size: 1.8rem; line-height: 2.6rem; gap: 12px 8px;} */
.flatpick-select-info {font-size: 1.8rem; line-height: 2.6rem;}
.flatpick-select-info dt {float: left; color: var(--color-primary); font-weight: 700; margin-right: 8px;}
.flatpick-select-info dt:not(:first-of-type),
.flatpick-select-info dd:not(:first-of-type) {margin-top: 12px;}
.flatpick-select-info dt::after {content: ':'}
.flatpick-select-info dd {font-weight: 500;}
.flatpick-select-info dd::after {content: ''; display: block; clear: both;}
.flatpick-select-info dd > em {color: #999;}

.flatpick-select-info + .select-time-group, 
.select-time-type {margin-top: 40px;}
.select-time-type .like-button,
.select-time-group .like-button {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.like-button label {display: block; border: 1px solid #000; padding: 12px 0; text-align: center;}
.like-button label .text {color: #000; font-size: 1.6rem; line-height: 2.4rem; font-weight: 500;}
.like-button.bk-checkbox input[type="checkbox"] + label .text,
.like-button.bk-radio input[type="radio"] + label .text { margin-left: 0;}
.like-button.bk-checkbox input[type="checkbox"]:checked + label::after, 
.like-button.bk-radio input[type="radio"]:checked + label::after,
.like-button.bk-checkbox input[type="checkbox"] + label::before,
.like-button.bk-radio input[type="radio"] + label::before {display: none !important;}
.like-button label.on {background: var(--color-primary); border-color: var(--color-primary);}
.like-button label.on .text {color: #fff;}
.like-button label.disabled {background: #F0F0F0; border-color: #ddd;}
.like-button label.disabled .text {color: #bbb}
.select-time-type ~ .select-time-group {margin-top: 45px;}

.dialog-contents .area-calendar-left,
.has-lnb .area-calendar-left {width: 560px;}
.dialog-contents .select-time-type .like-button,
.dialog-contents .select-time-group .like-button,
.has-lnb .select-time-type .like-button,
.has-lnb .select-time-group .like-button {gap: 12px 8px;}

.txt-primary {color: var(--color-primary)}
.tbl .txt-primary {margin-right: 8px;}

.tit-exception {background: #F3F5F8; padding: 24px 20px;}
.tit-exception .title {display: flex; align-content: center; gap: 12px;}
.title .tit-noto {font-size: 1.8rem; line-height: 2.6rem; font-weight: 500;}
.title .tit-roboto {font-size: 1.6rem; line-height: 2.4rem;}

.dialog-contents .bk-title.tit-exception {margin-bottom: 56px;}

/* 바이어 */
.allCategory-list .grid-cate .text-link {font-size: 1.6rem; line-height: 2.4rem; color: #666;}

.bk-tbl-toolbar.under-tbl {margin-top: -20px;}
.bk-tbl-toolbar.under-tbl label span {color: #000; font-size: 1.6rem; line-height: 2.4rem;}
.bk-tbl td p + .bk-btn {margin-top: 4px;}

/* kbc main */
.kbc-map-wrap {position: relative; width: 100%; height: 744px; background: url(../../img/web/Map.svg) center no-repeat;}
.kbc-map-wrap button.kbc-location,
.kbc-layer-map a.kbc-location {position: absolute; background: none; border: 0; row-gap: 12px; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; transform: translate(-50%,-100%);}
.kbc-map-wrap button.kbc-location .pin-label {display: flex; margin-bottom: 12px;}
.kbc-map-wrap button.kbc-location em {display: block; margin-left: 4px;}
.kbc-map-wrap button.kbc-location var {display: block; font-style: normal; margin-left: 4px;}
.kbc-map-wrap button.kbc-location::after,
.kbc-layer-map a.kbc-location::after {content: ''; width: 100%; height: 30px; display: block; background: url(../../img/web/pin-location.svg) no-repeat 0 center; background-size: 100% 100%; transition: all .2s;}
.kbc-map-wrap button.kbc-location:hover::after {height: 35px;}

.kbc-layer-map {width: 824px; height: 696px; margin-bottom: 40px; position: relative;}
.kbc-layer-map .kbc-layer-location {display: block; position: relative; width: 50px; height: 50px;}
.kbc-layer-map .kbc-layer-location a {display: block; width: 50px; height: 50px; z-index: 2;}
.kbc-layer-map .kbc-layer-location .location-detail {opacity: 0; display: block; z-index: 1; position: absolute; left: calc((100% + 25px)*(-1)); top: calc((100% + 52px)*(-1)); width: fit-content; white-space: nowrap; transition: all .2s; border: 1px solid #000; background: #fff; padding: 9px 11px; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 12px;}
.kbc-layer-map .kbc-layer-location a.kbc-location > .location-detail {display: none;}
.kbc-layer-map .kbc-layer-location a:hover + .location-detail {opacity: 1; z-index: 3;}
.kbc-layer-map .kbc-layer-location a::after {height: 50px; filter: saturate(0); transition: all .2s;}
.kbc-layer-map .kbc-layer-location a:hover::after {height: 55px; filter: saturate(1);}


/*트레이드쇼 아이콘 추가 [20240509]*/
.img-ad .bk-icon-only { position:absolute; right:20px; bottom:20px; z-index:5}
.title-area{position:relative}

/* companies list [20240509] [2차:20240619]*/
.ui-companies-wrap{}
.ui-companies-wrap .cp-search.search-topType {margin-bottom:64px}

.ui-companies-wrap .bk-title .title.font-heading-2-2 {
	font-size:3.2rem; 
	font-weight:500;
}

.companies-layer-ul{ display:grid; grid-template-columns: repeat(6, 150px); column-gap: 70px; margin-bottom:0; padding:0 75px; max-width:var(--wide-full);}
.companies-layer-ul li{ padding:22px 0 14px 0 }
.companies-layer-ul li a{ display: var(--d-flex); flex-direction:var(--flex-column); align-items:var(--flex-content-center); }
.companies-layer-ul li .company-ci { position: relative; width: 80px; height: 80px;	margin-bottom: 8px;display:flex; overflow:hidden; justify-content: center;align-items: center;}/*20250120 기업로고 이미지 정렬 재정의*/
.companies-layer-ul li .company-ci img { width:100%; height:auto; object-fit: contain;}/*20250120 기업로고 이미지 정렬 재정의*/
.companies-layer-ul li .text {	width:150px; text-align: center;}

.ui-companies-wrap .bk-tab.tab-large .sub-container .tab-item{padding:6px 16px; min-height:40px !important}
.ui-companies-wrap .bk-tab.tab-type-tag .tab-menu-wrap .list-menu { margin-top:0; row-gap: 8px;}
.ui-companies-wrap .bk-tab.tab-type-tag .tab-menu-wrap .list-menu > li { margin-top:0; margin-right:8px;}
.ui-companies-wrap .bk-tab.tab-type-tag .tab-menu-wrap .list-menu > li .tab-item{ color:var(--color-body)}
.ui-companies-wrap .bk-tab.tab-type-tag .tab-menu-wrap .list-menu > li .tab-item.active{ color:var(--color-white)}
.ui-companies-wrap .bk-tab.tab-type-tag .tab-menu-wrap .list-menu > li:last-child { margin-right:0}

.ui-companies-wrap .cp-search { margin-bottom:32px; border-radius: 4px; background:#f3f5f8; padding:16px 20px; color:var(--color-black); font-size:var(--font-size-body2); font-weight:500 }
.ui-companies-wrap .cp-companies-list { display:grid; grid-template-columns: repeat(3,1fr); gap:20px 30px;}
.ui-companies-wrap .cp-companies-list li{ font-size:var(--font-size-body);display: block;	white-space: nowrap;	overflow: hidden;	text-overflow: ellipsis; }
.ui-companies-wrap .cp-companies-list li strong{ color:var(--color-primary)}

/*.ui-company .cp-search.search-lnbType {margin-bottom:20px; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #ddd}*/
.ui-company .lnb-filter-body{ margin-top:20px; /*border-top:1px solid #ddd*/}
.ui-company .cp-company-list{margin-bottom:0}
.ui-company .cp-company-list + .cp-company-list{margin-top:64px}

/*메인 company badge 추가 [20240516]*/
.unit-icons-group.badge-company-group{justify-content: var(--flex-content-between);}
.badge-company{ font-size:14px; padding:3px 8px; color:var(--color-white); }
.badge-company.badge-seller{ background:var(--color-primary);  }
.badge-company.badge-trade{ background:#00C0DA}
.badge-company-group .text-state{color:var(--color-body)}
.section-company .inquiry-sub-group .inquiry-info .list > li { margin-top:0 }

/*메인 슬라이드 화살표 비활성화 opacity 조절*/
.ui-main-seller .bk-swiper .swiper-button-prev.swiper-button-disabled,
.ui-main-seller .bk-swiper .swiper-button-next.swiper-button-disabled,
.ui-main-seller .bk-swiper:hover .swiper-button-prev.swiper-button-disabled,
.ui-main-seller .bk-swiper:hover .swiper-button-next.swiper-button-disabled {
	opacity: 0.3;
}

/*메인 마감예정인콰이어리 화살표 변경*/
.section-deadline .bk-swiper .pagination-group {flex-direction: row-reverse;}


/* 셀러리스트 팝업 인콰이어리 버튼 추가 / 말줄임 사이즈 조절 [20240520]*/
.seller-list-right  { width:calc(100% - 280px)}
.seller-list-right .seller-right-top{}
.seller-right-top .lv-mgr{ width:calc(100% - 324px)}
.seller-right-top .lv-mgr span{ display:block;}
.seller-right-top .btns-group{display: flex; justify-content: flex-end; column-gap: 8px; flex-shrink: 0; margin-left:40px}
.seller-right-top .btns-group .bk-btn{width:100%;min-width:138px;}
.seller-right-top .btns-group .bk-btn.btn-brand.btn-outline{padding:0}

/* add y */
.link-company-ico {display: flex; align-items: center; margin: 5px;}
.link-company-ico img {width: 56px; height: 56px; margin-right: 12px;}
.link-company-ico.no-logo::before {content: ''; flex-shrink: 0; width: 56px; height: 56px; display: block; background: url(../../img/web/company-default-image.svg) no-repeat 0 center/100% 100%; margin-right: 12px;}
.link-company-ico.no-logo img {display: none;}
/* .link-company-ico span {font-size: 1.6rem; line-height: 2.4rem;} */
.link-company-ico:hover span {text-decoration: underline;}

.cp-chat .chat-inner {overflow: hidden;}
.section-chat .type-grid {display: grid; grid-template-columns: 300px 1fr;}
.section-chat .type-grid .management-area {display: grid; grid-template-rows: calc(100% - 64px) 64px; height: 811px; background: var(--color-white)}
.section-chat .management-area .bk-accordion {overflow: hidden;}
.section-chat .management-area .bk-accordion .acc-header {border-bottom: 1px solid #ddd; background: #f8f8f8; font-size: 1.8rem; font-weight: 500;}
.section-chat .management-area .bk-accordion .acc-inner {padding: 19px 19px;}
.section-chat.type-renewal .management-area .switch-area {
	padding: 22px 20px;
	border-top: 1px solid #ddd;
}
.section-chat.type-renewal .management-area .bk-switch [type="checkbox"] ~ .text {
	display: var(--d-inline-flex);
	position: relative;
	width: auto;
	height: auto;
	line-height: normal;
	text-indent: 0;
}
.section-chat .management-area .acc-container .acc-inner {display: flex; flex-direction: column; padding: 20px 0; background: var(--color-white);overflow-x:hidden;}/*20241028 디자인수정 */
.section-chat .menu-chat {display: flex; justify-content: flex-start; align-items: center; flex: 1; position: relative; font-size: 1.8rem; font-weight: 300 !important; line-height: 4.2rem; height:4.2rem; padding:4px 20px !important;height:auto;overflow:hidden;}/*20241028 디자인수정 */
.section-chat .chat-list .menu-chat .chat-name {font-size:1.6rem;}/*20241028 디자인수정 */
.section-chat .menu-chat.is-active {background:#F5FCFF;border-radius:0;box-sizing:border-box;border-right:0;}/*20241028 디자인수정 */
.section-chat .menu-chat.is-active:after {content:"";position: absolute;width:3px;top:0;right:0;bottom:0;background:#0175E4;}/*20241028 디자인수정 */
/*.section-chat .menu-chat.is-active:after { content:""; width:calc(100% + 40px); height:calc(100% + 8px); background:#F5FCFF; border-right:2px solid var(--color-primary); position:absolute; left:-21px; top:-4px; z-index:-1; }*//*20241028 디자인수정 */
.section-chat .menu-chat.btn-chatbot {padding: 3px !important; background: #76B3F1; height: 46px; border-radius: 23px; color: #fff; margin: 0 20px;}/*20241028 디자인수정 */
.section-chat .menu-chat.btn-chatbot::before,
.section-chat .menu-chat.btn-notice::before,
.section-chat .menu-chat.btn-adminmessage::before {content: ''; margin-right: 8px; width: 38px; height: 38px; background: #fff url(../../img/web/icon-park-outline_robot-one.svg) no-repeat 50% 50%; border: 1px solid #ddd; border-radius: 20px;}
.section-chat .menu-chat.btn-chatbot::before {border-color: #76B3F1; background-color: #fff;}
.section-chat .menu-chat.btn-chatbot::after {content: ''; width: 16px; height: 16px; background: url(../../img/web/icon-arrow-white.svg) no-repeat 100% 0; position: absolute; right: 13px; top: 14px;}
.section-chat .menu-chat.btn-notice::before {margin-right: 11px; background-image: url(../../img/web/icon-mynaui_bell.svg);}
.section-chat .menu-chat.btn-adminmessage::before {margin-right: 11px; background-image: url(../../img/web/icon-tabler_message-cog.svg);}
.section-chat .menu-chat > em {position: absolute; right: 20px; top: calc(50% - 12px); background: var(--color-warning); font-size: 1.4rem; color: #fff; border-radius: 25px; padding: 0 8px; line-height:2.4rem}/*20241028 디자인수정 */
.section-chat .menu-chat + .menu-chat,
.section-chat .management-area .acc-container .bk-textfield + .menu-chat {margin-top: 15px;}
.section-chat .management-area .acc-container .bk-icon.bk-icon-searchPrimary {filter: brightness(0) saturate(100%)}
.section-chat .management-area .acc-container .bk-textfield .bk-control {margin: 0 20px;}/*20241028 디자인수정 */
.section-chat .management-area .acc-container .bk-textfield .iText {background: #F2F2F2; border-color: #F2F2F2; border-radius: 20px; height: 40px; padding-right: 40px;}
.section-chat .management-area .chat-list {margin: 28px -20px 0 -20px; padding: 4px 20px 20px 20px;}
.section-chat .management-area .acc-container .chat-list {padding:20px 0 0;margin:0;}/*20241028 디자인수정 */
.section-chat .management-area .acc-item:not(:first-child) > .acc-container {border-bottom: 0;}
.section-chat .management-area .acc-item ~ .acc-item.is-active .chat-list {max-height: 510px; overflow-y: auto}
.section-chat .management-area .acc-item.is-active ~ .acc-item.is-active .chat-list {max-height: 282px; overflow-y: auto}
.section-chat .management-area .chat-list::-webkit-scrollbar {width: 6px;}
.section-chat .management-area .chat-list::-webkit-scrollbar-thumb {background-color: var(--color-default); background-clip: padding-box; border: 0px solid transparent; border-radius: 0px;}
.section-chat .management-area .chat-list::-webkit-scrollbar-track {background-color: #f4f4f4; border-radius: 4px;}
.section-chat .bk-no-data .bk-icon.bk-icon-mark{margin-bottom:32px}
.section-chat .bk-no-data .message{font-size:3.2rem; font-weight:500}
.section-chat .bk-no-data .message-sub{display:block; font-size:1.8rem; margin-top:1.8rem}

.chat-list .menu-chat {width: 100%;}
.chat-list .menu-chat + .menu-chat {margin-top: 18px;}
.chat-list .chat-name {max-width: 140px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1;}
.menu-chat .chat-img {display: block; width: 42px; height: 42px; margin-right: 10px;}
.menu-chat .chat-img .chat-pic { width:100%; height:100%; display: flex; border-radius: 14px; overflow: hidden; font-size:var(--font-size-body); font-weight:500; color:#EAF2FE; font-style: normal; text-align: center; justify-content: center; align-items: center;}
.menu-chat .chat-img .chat-pic.chat-k { background:#B3ECCC; color:#FFFFFF}
.menu-chat .chat-img .chat-pic.chat-k:after { content:"KBC"}
.menu-chat .chat-img .chat-pic.chat-s { background:#ACC2E3}
.menu-chat .chat-img .chat-pic.chat-b { background:#ACC2E3}
.menu-chat .chat-img .chat-pic img {display: block; width: 100%; height: 100%;}
.menu-chat .chat-location {font-size: 1.4rem; line-height: 2.2rem; color: #666; font-weight: 400; margin-left: 4px;}
.chat-list .chatting-mem-group .chat-name {max-width: 70px;}
.chat-list .chatting-mem-group .chat-name + .chat-name::before {content: ', '}
.chat-together .menu-chat .chat-img,
.chat-together .menu-chat .chat-img .chat-pic:not(.cp-layer .chat-pic),
.chat-list .chatting-mem-group .chat-img .chat-pic {width: 28px; height: 28px; border-radius: 10px; font-size:12px}
.chat-list .chatting-mem-group .chat-img .chat-pic:nth-child(1){border:0;}
.chat-list .chatting-mem-group .chat-img .chat-pic:nth-child(2){border: 2px solid #fff;}
.chat-list .chatting-mem-group .chat-img .chat-pic + .chat-pic {margin: -20px 0 0 14px; position: relative;}
.section-chat .menu-chat.chatting-mem-group.is-active:after { height:calc(100% + 14px); top:-8px; }
.section-chat .menu-chat.chatting-mem-single.is-active:after { height:calc(100% + 14px); top:-8px; }
.chat-together .chat-group { display:var(--d-flex); flex-direction:var(--flex-column); row-gap:4px}

.cp-chat-message.chat-goods{ }
.cp-chat-message.chat-goods .item-chatting{ max-width:55%}
.cp-chat-message.chat-goods-noThumb{  }
.cp-chat-message.chat-goods-noThumb .item-chatting{ max-width:40%}

.cp-chat-message.chat-goods-noThumb .bk-goods.goods-list.goods-xsmall2 .item-goods > dd{ width:var(--wide-full)}
.section-chat .bk-goods{display:var(--d-flex); flex-direction: var(--flex-column);}
.section-chat .bk-goods .item-title{ font-size:var(--font-size-body); font-weight:500}
.section-chat .bk-goods .item-goods{ margin-top:8px }
.section-chat .bk-goods.bk-goods.goods-list .item-goods > dd{padding-left:20px}
.section-chat .chat-goods-noThumb .bk-goods.bk-goods.goods-list .item-goods > dd{padding-left:0}
.section-chat .bk-goods.goods-list .item-goods > dd .goods-info{max-width:var(--wide-full)}
.section-chat .bk-goods .goods-pid{ font-size:1.4rem}
.section-chat .bk-goods .goods-pid span{ text-decoration:underline}
.section-chat .bk-goods .goods-name {font-size:var(--font-size-body); font-weight:400; margin-top:4px}

.type-renewal .cp-chat .chatting-area .chat-header {height: 65px; padding: 0 20px; box-sizing: border-box;} /* 여백수정 [20240829 ]*/
.type-renewal .cp-chat .chatting-area .chat-header.chat-together {height: 93px; padding: 0 20px;  } /* 여백수정 [20240829 ]*/
.chat-header.chat-together .menu-chat { line-height: 2.8rem; height:2.8rem}
.chat-header.chat-together .menu-chat + .menu-chat {margin-top: 10px;}
.type-renewal .cp-chat .chatting-area .chat-container {display: flex; /*flex-direction: column-reverse;*/ flex-direction:column; margin: 0; height: calc(811px - 65px - 64px);} /*정렬수정 [20240812]*/
/*.type-renewal .cp-chat .chatting-area .chat-header.chat-together ~ .chat-container {height: calc(811px - 107px - 64px);}*/
.type-renewal .cp-chat .chatting-area .chat-header.chat-together ~ .chat-container {height: calc(811px - 93px - 64px);}
.type-renewal .cp-chat .chatting-area .chat-header,
.type-renewal .cp-chat .chatting-area .chat-footer {position: static;}
.type-renewal .cp-chat-message.direction-reverse .item-chatting .time {text-align: left;}
.type-renewal .chat-header .menu-chat .chat-img .chat-pic {border-color: #f8f8f8;}

.cp-chat-message.chat-notice {padding-bottom: 30px;}
.cp-chat-message.chat-notice .item-chatting {max-width: 300px;}
.cp-chat-message.chat-notice .item-chatting > dd {margin-top: 0;}
.cp-chat-message.chat-notice .item-chatting > dd::before {display: none;}
.notice-message {width: 100%; font-size: 1.4rem; line-height: 2.2rem; background: #f6f6f6; border-radius: 8px; overflow: hidden;}
.notice-message .lv-title {display: block; background: var(--color-primary); color: #fff; font-size: 1.8rem; font-weight: 500; line-height: 2.4rem;  padding: 14px 16px 12px;}
.notice-message .notice-msg-text {padding: 20px 15px 20px; font-size: 1.4rem; line-height: 2.2rem;}
.notice-message .notice-cont {padding: 0 15px 20px;}
.notice-message .notice-cont li + li {margin-top: 4px;}
.notice-message .notice-cont li span {color: #999}
.notice-message .bk-btn {width: calc(100% - 30px); margin: 0 15px 20px;}
.item-chatting .btn-translate {position: absolute; bottom: -20px;}
.item-chatting .btn-translate .text {text-transform: capitalize;}
.bk-icon-translate {width: 20px; height: 20px; background-image: url(../../img/web/icon-dashicons_translation.svg);}
.cp-chat-message.chat-buyer,
.cp-chat-message.chat-receive,
.cp-chat-message.chat-trade {padding-bottom: 20px;}
.item-chatting .btn-translate .bk-btn,
.item-chatting .btn-translate .text,
.bk-icon-translate { transition: all .3s;}

.cp-chat-message .item-chatting > dd::before {border-bottom-color: #dff4ff;}
.cp-chat-message .item-chatting > dd .message {background-color: #dff4ff;}
.cp-chat-message.chat-seller .item-chatting > dd::before {border-bottom-color: #f6f6f6;}
.cp-chat-message.chat-seller .item-chatting > dd .message {background-color: #f6f6f6;}
.cp-chat-message.chat-send .item-chatting > dd::before {border-bottom-color: #f6f6f6;}
.cp-chat-message.chat-send .item-chatting > dd .message {background-color: #f6f6f6;}
.cp-chat-message.chat-trade .item-chatting > dd::before {border-bottom-color: #E8FAF0;}
.cp-chat-message.chat-trade .item-chatting > dd .message {background-color: #E8FAF0;}

.cp-chat-message.chat-seller .item-chatting.send-chat > dd::before {display:none}
.cp-chat-message.chat-seller .item-chatting.send-chat > dd {margin-top:0}
.cp-chat-message.chat-send .item-chatting > dd::before {display:none}
.cp-chat-message.chat-send .item-chatting > dd {margin-top:0}

.item-chatting .btn-translate.active .bk-icon-translate {width: 18px; height: 18px; background-image: url(../../img/web/icon-fluent_arrow-reset-32-filled.svg);}	
.bk-no-data .bk-icon.bk-icon-talk {width: 64px; height: 64px; background-image: url(../../img/web/icon-chat.svg); margin-bottom: 30px;} 
.bk-textfield.is-readonly .bk-icon.bk-icon-sendPrimary {filter: saturate(0)}

.cp-label-font-size-default{font-size:1.6rem}

/*chat 추가*/
.layer-default.layer-chat-user {
	top: 48px; left:0; padding:0; height: fit-content;
	transform: translate(0, 0);
	max-width: 320px;
	border:0; box-shadow: 0 7px 20px rgba(0,0,0,0.16); border-radius: var(--radius-default); overflow:hidden
}
.chat-together .layer-default.layer-chat-user:nth-of-type(1){top:3.6rem}
.chat-together .layer-default.layer-chat-user:nth-of-type(2){top:7.6rem}
.bk-icon.bk-icon-dialog-chat-close {width:24px; height:24px; background-image:url(../../img/web/icon-dialog-layer-close.svg)}
.chat-header .name.menu-chat:hover .chat-name,
.chat-header .name.menu-chat:hover .chat-location{ text-decoration:underline}

.cp-layer.layer-default.layer-chat-user .layer-inner{padding:0; overflow:unset; height:fit-content}
.cp-layer.layer-default.layer-chat-user .layer-header{ margin:-24px 0 0 0; padding:20px 0; border-bottom:1px solid var(--color-bd-line);}
.cp-layer.layer-default.layer-chat-user .dialog-header{display: var(--d-flex); justify-content: var(--flex-content-between);align-items: var(--flex-content-center);	height: unset;
		padding: 20px;	border-bottom: 0;	box-sizing: border-box; }
.cp-layer.layer-default.layer-chat-user .dialog-header .bk-btn-close{filter: brightness(0) saturate(100%);}


.cp-layer.layer-default.layer-chat-user .dialog-container{margin-top: -20px;	padding-top: 0;	padding-right: 20px;	padding-left: 20px;	text-align: center; }
.cp-layer.layer-default.layer-chat-user .dialog-contents{height:fit-content}
.bk-dialog .user-footer-btn-group .bk-btn,
.cp-layer.layer-default.layer-chat-user .user-footer-btn-group .bk-btn { padding:0 8px} 
.bk-dialog .user-footer-btn-group .prepend-icon,
.cp-layer.layer-default.layer-chat-user .user-footer-btn-group .prepend-icon { margin-right:4px} 

.cp-layer .chat-user-name,
.cp-layer .chat-user-company {display: flex; align-content: center; color: #000; font-size: 1.6rem; line-height: 2.4rem;}
.cp-layer [class^=chat-user-]::before {content: ''; width: 28px; height: 28px; margin-right: 12px; background-position: center; background-repeat: no-repeat; background-size:cover; display:flex; flex-shrink:0}
.cp-layer .chat-user-name::before {background-image: url(../../img/web/icon-userinfo-01.svg);}
.cp-layer .chat-user-company::before {background-image: url(../../img/web/icon-userinfo-02.svg);}
.cp-layer.is-trader .chat-user-company::before {background-image: url(../../img/web/icon-userinfo-03.svg);}
.cp-layer .chat-user-name {max-width:calc(100% - 4rem); word-break: break-all;}
.cp-layer .chat-user-company {margin-top: 4px; max-width:calc(100% - 4rem); }

.bk-icon.bk-icon-declare {width:20px; height:20px; background-image:url(../../img/web/icon-declare.svg)} /*바이어신고*/
.bk-icon.bk-icon-home-seller {width:20px; height:20px; background-image:url(../../img/web/icon-home-seller.svg)} /*셀러홈*/

.cp-layer.layer-default.layer-chat-user .menu-chat.user-info {display: flex; flex-direction: column; align-items: center; padding: 0 0 24px 0 !important; height:unset}
.cp-layer.layer-default.layer-chat-user .user-footer-btn-group{ margin:0 -20px 0 -20px; border-top:1px solid var(--color-gray); padding:12px 20px; display:var(--d-flex); justify-content:var(--flex-content-start)}

.cp-layer .menu-chat.user-info .chat-img {width: 90px; height: 90px; margin-right: 0;}
.cp-layer .menu-chat.user-info .chat-img .chat-pic {border: 0; border-radius: 30px; font-size:4rem}
.cp-layer .menu-chat .chat-name {font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; margin-top: 15px; white-space:normal}
.cp-layer .menu-chat .chat-user-name,
.cp-layer .menu-chat .chat-user-company {display: flex; color: #666; font-size: 1.6rem; line-height: 2.4rem; text-align: left; font-weight:400 !important}
.cp-layer .menu-chat [class^=chat-user-]::before {content: ''; width: 24px; height: 24px; margin-right: 4px; background-position: 0 0; background-repeat: no-repeat; display:flex; flex-shrink:0}
.cp-layer .menu-chat .chat-user-name::before {background-image: url(../../img/web/icon-userinfo-01.svg);}
.cp-layer .menu-chat .chat-user-company::before {background-image: url(../../img/web/icon-userinfo-02.svg);}
.cp-layer.is-trader .menu-chat .chat-user-company::before {background-image: url(../../img/web/icon-userinfo-03.svg);}
.cp-layer .menu-chat .chat-user-name {margin-top: 15px; max-width:100%; width:100%; word-break: break-all;}
.cp-layer .menu-chat .chat-user-company {margin-top: 5px; max-width:100%; width:100%;  }




.cp-layer.layer-default.layer-chat-user .layer-header .header-left{display:var(--d-flex);}
.cp-layer .chat-img {display: block; width: 90px; height: 90px; margin-right: 0; border-radius: 30px;}
.cp-layer .chat-img .chat-pic { width:100%; height:100%; display: flex; border-radius: 14px; overflow: hidden; font-size:var(--font-size-body); font-weight:500; color:#EAF2FE; font-style: normal; text-align: center; justify-content: center; align-items: center;}
.cp-layer .chat-img .chat-pic.chat-k { background:#B3ECCC; color:#FFFFFF}
.cp-layer .chat-img .chat-pic.chat-k:after { content:"KBC"}
.cp-layer .chat-img .chat-pic.chat-s { background:#ACC2E3}
.cp-layer .chat-img .chat-pic.chat-b { background:#ACC2E3}
.cp-layer .chat-img .chat-pic img {display: block; width: 100%; height: 100%;}
.cp-layer .chat-name{font-size: 1.8rem;	font-weight: 500 !important;	line-height: 4.2rem;}
.cp-layer .chat-name {max-width: 300px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; }

/*.bk-dialog.dialog-declare .dialog-container .dialog-contents{min-height:500px}*/
/*
.bk-dialog.dialog-declare .dialog-container{overflow-y:hidden}
.bk-dialog.dialog-declare .dialog-container{position:relative; z-index:1000}
.bk-dialog.dialog-declare .dialog-footer{position:relative; z-index:100}
.bk-dialog.dialog-declare .bk-select .nice-select{z-index:99999999}
.bk-dialog.dialog-declare .bk-tbl .tbl {z-index:100000}
.bk-dialog.dialog-declare .bk-control {z-index:100001}
*/
/* quick */
.list-quick-inner {position: absolute; top: 0; right: 54px; opacity: 0; display: flex; visibility: hidden; transition: all .2s ease-in-out;}
.list-quick-inner li ~ li {margin-left: 20px;}
.list-quick .bk-icon.bk-icon-quick-choice {background-image: url(../../img/web/icon-park-outline_robot-ones.svg); filter: saturate(0) brightness(0);}
.list-quick .has-submenu {position: relative;}
.list-quick .has-submenu.on .list-quick-inner,
.list-quick .has-submenu:hover .list-quick-inner {visibility: visible; right: 84px; opacity: 1; }
.list-quick .has-submenu:after { content:""; opacity:0; padding:4px; border:0px solid var(--color-primary); width:0; height:100%; position:absolute; right:-4px; top:-5px; border-radius:45px; z-index:-1; transition:width 0.2s linear, border 0.2s linear, opacity 0.2s linear}
.list-quick .has-submenu:hover:after { content:""; opacity:1; border:1px solid var(--color-primary); width:230px; }
.list-quick .has-submenu.on > .bk-icon-only-quick {background-color: var(--color-primary); border-color: var(--color-primary);}
.list-quick .has-submenu.on > .bk-icon-only-quick .bk-icon.bk-icon-quick-choice {filter: none}
/**.list-quick .bk-icon.bk-icon-quick-chatbot {background-image: url(../../img/web/icon-park-outline_robot.svg); filter: saturate(0) brightness(0);}*/
/*.list-quick .bk-icon.bk-icon-quick-chatbot {background-image: url(../../img/web/icon-park-outline_robot.svg); filter: saturate(0) brightness(0);}*/ /* 챗봇 아이콘 수정 [20240809]*/
.list-quick .bk-icon.bk-icon-quick-chatbot {background-image: url(../../img/web/icon-chatbot_32.svg); filter: saturate(0) brightness(0);} /* 챗봇 아이콘 수정 [20240812]*/
.list-quick-inner .bk-icon.bk-icon-quick-message {background-image: url(../../img/web/icon_message-text.svg); filter: saturate(0) brightness(0);}
.bk-icon-only-quick .bk-icon.bk-icon-quick-choice {width: 40.3px; margin: 2px 0 0 2px;}
.bk-icon-only-quick .bk-icon.bk-icon-quick-chatbot {width: 35px; height: 31px; margin-bottom: 2px;}
.list-quick-inner .bk-icon-only-quick:hover {background-color: #fff;}
.list-quick-inner .bk-icon-only-quick:hover .bk-icon {filter: none;}


/*gp 2024-05-27*/
.badge-area.justify-content-between{display:var(--d-flex);justify-content: var(--flex-content-between);}
.ui-gp .goods-companyName{ font-weight:500; }
.ui-gp .grid-row .bk-btn + .bk-btn {margin-left: 8px;}
.ui-gp .grid-row .bk-btn span.count{color:var(--color-warning)}

.ui-gp .bk-goods.ad-card .ad-title {font-size:2.2rem; line-height:1.27; height:8.4rem}
.ui-gp .item-goods{flex-direction: var(--flex-column);}
.ui-gp .item-goods .badge-area{ position:static; }
.ui-gp .bk-goods.goods-list .item-goods > dt{ display:var(--d-flex); justify-content:var(--flex-content-between); align-items:var(--flex-content-end); height: calc(25px + 12px);}
.ui-gp .bk-goods.goods-list .item-goods > dt .btn-badge{top:unset; bottom:0}
.ui-gp .bk-goods.goods-list .item-goods > dd .goods-info{ width:calc(100% - 440px); max-width:calc(100% - 440px)}
.ui-gp .bk-goods.goods-list .item-goods > dd{ padding-left:0; margin-top:12px}
.ui-gp .bk-goods.goods-list .item-goods > dd .goods-btns{min-width:360px; max-width:360px; padding-left:80px}
.ui-gp .list-list .bk-goods .grid-wrap.grid-goods-group{margin-top:0}
.ui-gp .list-list .bk-goods .goods-companyName{ margin-top:10px;}

.ui-gp .title-group.column{ display:var(--d-flex); flex-direction: var(--flex-column); align-items: var(--flex-content-center); margin-top:80px}
.ui-gp .title-group .font-heading-2{font-size:var(--font-size-title2); font-weight:500}
.ui-gp .title-group .font-heading-3{font-size:var(--font-size-title3); margin-top:12px}
.ui-gp .title-group .bk-btn{width:388px; margin-top:40px}
.ui-gp .grid-button-row{border-top:1px solid var(--color-gray); margin-top:64px; padding:40px 210px 0 210px}
.ui-gp .grid-button-row dl{ display:var(--d-flex); align-items: var(--flex-content-center);}
.ui-gp .grid-button-row dl + dl{margin-top:20px}
.ui-gp .grid-button-row dt{ width:calc(100% - 388px)}
.ui-gp .grid-button-row dd{ width:388px}
.ui-gp .grid-button-row .bk-btn { width:100%}
.ui-gp .grid-button-row .bk-btn i{ width:20px; height:20px; background:url(../../img/web/gp-icon-btn.svg); display:inline-flex; flex-shrink: 0; margin-left:4px}
.ui-gp .grid-button-row .text{ display:var(--d-flex); align-items:var(--flex-content-center)}
.ui-gp .cp-btns-area .btns-area-center .bk-btn{ padding:0 32px}

.cp-caption.gp-caption{margin-bottom:40px; font-size:var(--font-size-body2); font-weight:500}
.section-group ~ .section-group.gp-section-group{margin-top:40px}
.bk-accordion .acc-item > .acc-container .acc-inner.ui-gp-bk-accordion{padding:24px}
.bk-accordion.accordion-agree .acc-inner.scroll-unset{max-height:unset; } 
.ui-gp-section-sub-group .text{ font-size:var(--font-size-body)}
.tbl td .bk-checkbox-group + .bk-explain{margin-top:10px; margin-bottom:10px}
.bk-checkbox-group.gp-categories{ margin-top:0; display:grid; grid-template-columns: repeat(2,1fr);}



/*chat dialog*/
.bk-dialog.dialog-chat .dialog-header{ padding-left:20px}
.bk-dialog.dialog-chat .dialog-header .header-right{ column-gap: 20px;}
.bk-dialog.dialog-chat .dialog-header .header-right .bk-select{ width:120px}
.bk-dialog.dialog-chat .dialog-inner{ max-width:460px; min-width:460px; height:700px}
.bk-dialog.dialog-chat .dialog-container{padding:0;}
.bk-dialog.dialog-chat .dialog-container.cp-chat{overflow:hidden; height:100%}
.bk-dialog.dialog-chat .dialog-container .dialog-contents{min-height:unset; }
.bk-dialog.dialog-chat .acc-header,
.bk-dialog.dialog-chat .acc-item.is-active .acc-header{ background:#f8f8f8 !important}

.bk-dialog.dialog-chat .bk-accordion.accordion-type-line .list-accordion::before{display:none}
.bk-dialog.dialog-chat .bk-accordion .acc-item .acc-header .acc-inner{padding:16px 20px}
.bk-dialog.dialog-chat .bk-accordion .acc-item .acc-header .left-area { font-weight:500; font-size:var(--font-size-body)}
.bk-dialog.dialog-chat .bk-accordion .acc-item .acc-container  .acc-inner{padding:10px 20px}
.bk-dialog.dialog-chat .bk-accordion .acc-item.is-active .acc-header .left-area { color:var(--color-black)}
.bk-dialog.dialog-chat .bk-icon.bk-icon-arrow-accordion {	background-size:12px auto; background-position:center 4px} 
/*.bk-dialog.dialog-chat .acc-item + .acc-item.management-area.is-active{max-height:calc(700px - 139px);}
.bk-dialog.dialog-chat .acc-item.is-active + .acc-item.management-area.is-active{max-height:calc(700px - 257px)}*/



.bk-dialog.dialog-chat.section-chat-list .dialog-container{overflow-y:scroll}
.bk-dialog.dialog-chat.section-chat .chat-together { } 
.bk-dialog.dialog-chat.section-chat .chat-together .menu-chat {height: 28px;}
.bk-dialog.dialog-chat.section-chat .chat-together .menu-chat .chat-img { width:28px; height:28px;}
.bk-dialog.dialog-chat.section-chat .chat-together .menu-chat .chat-img .chat-pic {width: 28px; height: 28px; border-radius: 10px; border: 0px solid #f8f8f8; display:flex; flex-shrink: 0; line-height:28px}
.bk-dialog.dialog-chat.section-chat .chat-together .chat-name::before {display: none;}
.bk-dialog.dialog-chat.section-chat .chat-together .chat-img .chat-pic + .chat-pic {margin: -14px 0 0 14px; position: relative;}
.bk-dialog.dialog-chat.section-chat .chat-together .chat-user button{padding:0; height:auto; }

.bk-dialog.dialog-chat.section-chat .chat-header .menu-chat {}
.bk-dialog.dialog-chat.section-chat .chat-header .chat-name {width: 100%; text-align: left; display: block; }
.bk-dialog.dialog-chat.section-chat .chat-together .chat-name { max-width: 46%; }

.bk-dialog.dialog-chat.section-chat .menu-chat{ width:100%; height:4.8rem; line-height:4.8rem; font-size:1.6rem; }
.bk-dialog.dialog-chat.section-chat .chat-together .menu-chat{ height:3.2rem; line-height:3.2rem; }
.bk-dialog.dialog-chat.section-chat .menu-chat.menu-chat-admin{ line-height:1.25}
.bk-dialog.dialog-chat.section-chat .menu-chat + .menu-chat{margin-top:0}
.bk-dialog.dialog-chat.section-chat .menu-chat.btn-notice::before{margin-right:10px}


.bk-dialog.dialog-chat .chat-list-inner{ display:block; margin:0 -20px; }
.bk-dialog.dialog-chat .chat-list-inner::-webkit-scrollbar {width: 6px;}
.bk-dialog.dialog-chat .chat-list-inner::-webkit-scrollbar-thumb {background-color: var(--color-default); background-clip: padding-box; border: 0px solid transparent; border-radius: 0px;}
.bk-dialog.dialog-chat .chat-list-inner::-webkit-scrollbar-track {background-color: #f4f4f4; border-radius: 4px;}

.bk-dialog.dialog-chat.section-chat .management-area .acc-container .acc-inner { padding:20px}
.bk-dialog.dialog-chat.section-chat .management-area .bk-switch  {	background:#F7F7F8; padding:12px 20px; margin-left:-20px; margin-right:-20px; border:1px solid var(--color-bd-line); border-width:1px 0; margin-top:20px }
.bk-dialog.dialog-chat.section-chat .management-area .bk-switch label {	gap:0.8rem}
.bk-dialog.dialog-chat.section-chat .management-area .bk-switch [type="checkbox"] ~ .text {	display: var(--d-inline-flex);	position: relative;	width: auto;	height: auto;	line-height: normal;	text-indent: 0; }
.bk-dialog.dialog-chat.section-chat .management-area .chat-list{margin:0; padding:20px;}
.bk-dialog.dialog-chat.section-chat .management-area .chat-list .chat-name{max-width:284px}
.bk-dialog.dialog-chat.section-chat .management-area .menu-chat + .menu-chat {margin-top:16px}
.bk-dialog.dialog-chat.section-chat .management-area .chat-list .chatting-mem-group .chat-name { max-width:142px}

.bk-dialog.dialog-chat.section-chat-list .bk-accordion .acc-item > .acc-container .acc-inner{overflow:hidden; height:100% }

.bk-dialog .cp-chat .chatting-area .chat-container-inner{padding:27px 20px 32px 20px; width:100%;}
.bk-dialog .cp-chat .chatting-area .chat-header {height: 77px; padding: 0 20px} /* 회원,무역관 보기 floating 위치 문제로 72 -> 77변경 */
.bk-dialog .cp-chat .chatting-area .chat-header .grid-row{flex-wrap:nowrap; width:100%; max-width:100%; }
.bk-dialog .cp-chat .chatting-area .chat-header .grid-row .grid-column{ width:50%}
.bk-dialog .cp-chat .chatting-area .chat-header.chat-together .grid-row .grid-column{ width:50%}
.bk-dialog .cp-chat .chatting-area .chat-header .grid-row .grid-column + .grid-column { width:50%}
.bk-dialog .cp-chat .chatting-area .chat-header.chat-together {/*height: auto;*/ padding: 12px 20px;}
.bk-dialog .cp-chat .chatting-area .chat-header .btns-group{ justify-content: var(--flex-content-end);}
.bk-dialog .cp-chat .menu-chat button{ font-size:var(--font-size-body); height:auto; padding:0; }
.bk-dialog .cp-chat .menu-chat .chat-img{margin-right:12px; display:flex; flex-shrink:0}
.bk-dialog .chat-header.chat-together .menu-chat .chat-img{margin-right:12px; display:block;}
.bk-dialog .chat-header.chat-together .menu-chat + .menu-chat {margin-top: 0;}
/*.bk-dialog .cp-chat .chatting-area .chat-container {display: flex; flex-direction: column-reverse; margin: 0; height: calc(700px - 216px); }*/
.bk-dialog .cp-chat .chatting-area .chat-container {display: flex; flex-direction: column; margin: 0; height: calc(700px - 224px); } /*정렬수정 [20240812] : height 수정 [20240829]*/ 
.bk-dialog .cp-chat .chatting-area .chat-header.chat-together ~ .chat-container {height: calc(700px - 224px);} /*height 수정 [20240829]*/ 
.bk-dialog .cp-chat .chatting-area .chat-header,
.bk-dialog .cp-chat .chatting-area .chat-footer {position: static;}
.bk-dialog .cp-chat-message.direction-reverse .item-chatting .time {text-align: left;}
.bk-dialog .chat-header .menu-chat .chat-img .chat-pic {border-color: #f8f8f8;}

.bk-dialog .cp-chat .chat-container-inner .menu-chat .chat-img{width:32px; height:32px;  }
.bk-dialog .cp-chat .chat-container-inner .menu-chat .chat-img .chat-pic{ border-radius: 12px; font-size:var(--font-size-xsmall)}
.bk-dialog .cp-chat .chat-container-inner .cp-chat-message .menu-chat { height:3.2rem; line-height:3.2rem}
.bk-dialog .cp-chat .chat-container-inner .cp-chat-message .item-chatting > dt {margin-bottom: 6px;}
.bk-dialog .cp-chat .chat-container-inner .cp-chat-message .item-chatting .message{font-size:var(--font-size-default); }
.bk-dialog .cp-chat .chat-container-inner .cp-chat-message .item-chatting .time{font-size:var(--font-size-default); color:var(--color-default); margin-top:8px}
.bk-dialog .cp-chat .chat-container-inner .cp-chat-message .item-chatting .btn-translate {bottom:-12px}
.bk-dialog .cp-chat .chat-container-inner .cp-chat-message .item-chatting .btn-translate .text{white-space:nowrap}
.bk-dialog .cp-chat .chat-container-inner .cp-chat-message[class*=chat-goods] .item-chatting{ max-width:80%} /*최소영역 지정 [20240912]*/

.bk-dialog .cp-chat .chat-container-inner .cp-chat-message[class*=chat-goods] .bk-goods .item-title,
.bk-dialog .cp-chat .chat-container-inner .cp-chat-message[class*=chat-goods] .bk-goods .goods-pid,
.bk-dialog .cp-chat .chat-container-inner .cp-chat-message[class*=chat-goods] .bk-goods .goods-name { font-size:var(--font-size-default)}
.bk-dialog .bk-goods.goods-list .item-goods:not(.bk-goods-md .item-goods) > dt{ width:6.4rem; height:6.4rem}

.bk-dialog .bk-goods-md{background:#F8F8F8; border:1px solid var(--color-bd-line); border-width:1px 0 0 0; margin:0; padding:20px; position:relative; display:none}
.bk-dialog .bk-goods-md.is-active{ display:block}
.bk-dialog .bk-goods-md .bk-btn-close {position:absolute; top:2rem; right:2rem; z-index:10}
.bk-dialog .bk-goods-md .bk-icon.bk-icon-dialog-close {background-size:12px; }
.bk-dialog .bk-goods-md .bk-goods .item-title { font-size:var(--font-size-body)}
.bk-dialog .bk-goods-md .bk-goods .goods-pid { font-size:var(--font-size-default)}
.bk-dialog .bk-goods-md .bk-goods .goods-name { font-size:var(--font-size-body)}

.chatting-area .bk-goods-md{ padding:16px 20px}
.chatting-area .bk-goods-md.chat-goods-noThumb{ padding:20px 20px}

.bk-dialog.section-chat .chat-container .menu-chat.btn-adminmessage::before,
.bk-dialog.section-chat .chat-container .menu-chat.btn-notice::before {width: 3.2rem; height: 3.2rem; background-size:65%}
.bk-dialog .notice-message .notice-msg-text{padding:1.6rem 1.6rem 2rem 1.6rem; font-weight:500}
.bk-dialog .notice-message .notice-message .notice-cont{padding:0 1.6rem 2rem 1.6rem}

.bk-dialog .cp-chat .chat-container{ }
.bk-dialog .cp-chat .chat-container.has-goods{height: calc(700px - 369px); } /*height 수정 [20240829]*/ 

/*이용자 :: floating chat*/
.bk-dialog.dialog-chat-md { left:unset; top:unset; right:80px; bottom:30px; height:700px; transform:unset; justify-content: var(--flex-content-center); align-items: var(--flex-content-start); box-shadow:none; padding-top:157px }
.bk-dialog.dialog-chat-md .dialog-inner{ height:auto; width:400px; max-height: 410px; box-shadow:0 0 30px rgba(0, 0, 0, 0.2333) ;}
.bk-dialog.dialog-chat-md .dialog-container{ height: 100%}
.bk-dialog.dialog-chat-md .menu-chat.user-info {display: flex; flex-direction: column; align-items: center; padding: 0 0 40px 0 !important; height:auto}
.bk-dialog.dialog-chat-md .menu-chat.user-info .chat-img {width: 90px; height: 90px; margin-right: 0;}
.bk-dialog.dialog-chat-md .menu-chat.user-info .chat-img .chat-pic {border: 0; border-radius: 30px; font-size:4rem}
.bk-dialog.dialog-chat-md .menu-chat .chat-name {font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; margin-top: 15px;}
.bk-dialog.dialog-chat-md .menu-chat .chat-user-name,
.bk-dialog.dialog-chat-md .menu-chat .chat-user-company {display: flex; color: #666; font-size: 1.6rem; line-height: 2.4rem;}
.bk-dialog.dialog-chat-md .menu-chat [class^=chat-user-]::before {content: ''; width: 24px; height: 24px; margin-right: 4px; background-position: 0 0; background-repeat: no-repeat; display:flex; flex-shrink:0}
.bk-dialog.dialog-chat-md .menu-chat .chat-user-name::before {background-image: url(../../img/web/icon-userinfo-01.svg);}
.bk-dialog.dialog-chat-md .menu-chat .chat-user-company::before {background-image: url(../../img/web/icon-userinfo-02.svg);}
.bk-dialog.dialog-chat-md .menu-chat.is-trader .chat-user-company::before {background-image: url(../../img/web/icon-userinfo-03.svg);}
.bk-dialog.dialog-chat-md .menu-chat .chat-user-name {margin-top: 15px; max-width:100%; width:100%;  word-break: break-all;}
.bk-dialog.dialog-chat-md .menu-chat .chat-user-company {margin-top: 5px; max-width:100%; width:100%;  }


.bk-dialog.dialog-chat-md .user-footer-btn-group,
.bk-dialog.dialog-chat-md .user-declare{ margin:0 -32px 0 -32px; border-top:1px solid var(--color-gray); padding:12px 20px; display:var(--d-flex); justify-content:var(--flex-content-start)}

/*무역관*/
.bk-dialog.floating-trade  .dialog-header .bk-title .title {/*font-size: 16px*/} /*모달 타이틀 사이즈가 달라서 우선 막아둚 [20240702]*/
.floating-trade .cp-chat .chatting-area .chat-header{ height:auto; padding:24px 20px}
.floating-trade .chat-header{padding:4px 20px; }
.floating-trade .chat-header .search-topType{flex:1;}
.floating-trade .chat-header .search-topType{padding:0; background:transparent}
.floating-trade .chat-header .search-topType .grid-row:nth-of-type(2) .grid-column{ flex-basis: 100%;}
.floating-trade .chat-header .search-topType .grid-row:nth-of-type(2) .grid-column .wide{ width:var(--wide-full)}
.floating-trade .bk-tbl-toolbar {	padding-bottom: 8px; border-bottom:1px solid var(--color-black); align-items:var(--flex-content-center); margin-bottom:0}
.floating-trade .bk-list{ padding:24px 20px; border-bottom:1px solid var(--color-bd-line)}
.floating-trade .bk-list *{ font-size:var(--font-size-body)}
.floating-trade .bk-list p{ margin-top:4px}
.floating-trade .bk-list button{ margin-top:12px}

.floating-trade .cp-chat .chatting-area .chat-container{ height:calc(700px - 216px); }
.floating-trade .cp-chat .chatting-area.has-guide .chat-container{ height:calc(700px - 272px); }

.floating-trade .bk-btn-more { height:auto; min-height:2.4rem; line-height: 1; border:0;  padding:0 0 0 0 ; border-radius:0; margin-top:24px; margin-left:auto; margin-right:auto }
.floating-trade .bk-btn-more::before {content: ''; margin-right: 4px;}
.floating-trade .bk-btn-more::after {content: ''; left: 4px;}

.floating-trade .bk-guide-txt{ margin-bottom:0}
.floating-trade .bk-guide-txt + .cp-search.cp-wide-type{ padding-top:0}
.floating-trade .cp-search.search-topType{ margin-bottom:0}
.floating-trade .cp-chat .chatting-area .chat-container {flex-direction: column;}


/* mypage - gp*/
.bk-tbl .tbl.tbl-gp .btns-group { margin-top:0 }

.tippy-box .tooltip-badge { display: flex; flex-direction:column; align-items:flex-start;	min-width: 300px;	}
.tippy-box .tooltip-badge .item-badge {	display:flex;	font-size: var(--font-size-default); justify-content: flex-start; align-items: flex-start;}
.tippy-box .tooltip-badge .item-badge ~ .item-badge {	margin-top: 20px;}
.tippy-box .tooltip-badge .item-badge > .badge{ color:var(--color-white); min-width:80px; height:30px; border:1px solid; background:var(--color-white); display:inline-flex; justify-content: center; align-items: center; font-size:1.4rem; border-radius: 4px; margin-right:12px; flex-shrink: 0; }
.tippy-box .tooltip-badge .item-badge > .badge.wait{ color:var(--color-primary); border-color:var(--color-primary);}
.tippy-box .tooltip-badge .item-badge > .badge.comfirm{ background:var(--color-warning); border-color:var(--color-warning)}
.tippy-box .tooltip-badge .item-badge > .badge.pass{ background:var(--color-primary); border-color:var(--color-primary)}
.tippy-box .tooltip-badge .item-badge .badge_text{display:inline-block; width:auto; padding-top:4px; word-break: keep-all;}
.tippy-box .tooltip-badge .item-badge .badge_text span{ font-weight:400; margin-top:8px; display:block}


.bk-dialog .cp-company-info{ background:#F6F6F6; padding:24px 20px; border-radius: 8px; }
.bk-dialog .cp-company-info.inquiry-info{ padding:18px 20px; text-align: center;}
.bk-dialog .cp-company-info p{ margin-top:12px}

/* 상태-확인,미확인 */
.badge-state-border { border:1px solid ; border-radius: 16px; padding:5px 12px; font-size:1.4rem }
.badge-state-border.badge-state-confirm { color:var(--color-primary); border-color:var(--color-primary)}
.badge-state-border.badge-state-deny { color:var(--color-warning); border-color:var(--color-warning)}


/* about GP */
.ui-gp-about .title-area .font-heading-2{ font-weight:700; font-size:3.2rem }
.ui-gp-about .title-area h1 + p{ margin-top:2rem; color:var(--color-body); font-size:var(--font-long-size-body2)}
.ui-gp-about .title-area p { line-height:1.6rem; }
.ui-gp-about .title-area p strong{ font-weight:700; color:var(--color-primary)}
.ui-gp-about .section-margin{margin-top:40px !important}
.ui-gp-about .section-group ~ .section-group{margin-top:64px}

.ui-gp-about dl.process{margin-top:20px}
.ui-gp-about dl.process dt h2{ font-size:var(--font-size-title3); }
.ui-gp-about dl.process dt p{ color:var(--color-body); margin-top:12px; font-size:var(--font-long-size-body2)}
.ui-gp-about dl.process dt p strong{ font-weight:700; color:var(--color-primary)}
.ui-gp-about dl.process dd .thumb{ text-align: center;}
.ui-gp-about dl.process dt + dd{ margin-top:40px }
.ui-gp-about dl.process + dl.process{margin-top:64px}
.ui-gp-about dl.process .bk-tbl .tbl + .cp-total-price{margin-top:0}
.ui-gp-about dl.process .cp-total-price dt + dd{margin-top:0}
.ui-gp-about dl.process ul.organize{ margin-top:12px}
.ui-gp-about dl.process ul.organize li{ color:var(--color-body); font-size:var(--font-size-body); position:relative; padding-left:20px; }
.ui-gp-about dl.process ul.organize li strong{ font-weight:700; color:var(--color-primary); }
.ui-gp-about dl.process ul.organize li:before{ content:"·"; position:absolute; left:8px; top:0 }
.ui-gp-about dl.process.successful dt + dd{ margin-top:12px}
.ui-gp-about dl.process.successful ul.process{ margin-top:0}
.ui-gp-about dl.process ul.process{ display:flex; column-gap: 40px; align-items: flex-start; margin-top:40px}
.ui-gp-about dl.process ul.process li{ display:flex; flex-direction: column; row-gap: 12px; flex:1}
.ui-gp-about dl.process ul.process li .thumb{ }
.ui-gp-about dl.process ul.process li p{ font-size:var(--font-size-body) }
.ui-gp-about dl.process ul.successful{ display:grid; grid-template-columns: repeat(2,1fr); align-items: flex-start; margin-top:40px; row-gap: 20px; flex-wrap: wrap;}
.ui-gp-about dl.process ul.successful li{ display:flex; column-gap: 20px; align-items:var(--flex-content-center)}
.ui-gp-about dl.process ul.successful li span{ width:120px; height:120px; border-radius: 60px; background:#EAF0F6; display:var(--d-flex); justify-content: var(--flex-content-center); align-items: var(--flex-content-center); text-align: center; font-size:var(--font-size-body2); font-weight:500 }
.ui-gp-about dl.process ul.successful li p{ font-size:var(--font-size-body); color:var(--color-body); }

.ui-gp-about dl.platform{ display:grid; grid-template-columns: 304px 1fr; column-gap: 40px; align-items: stretch; margin-top:40px; position:relative }
.ui-gp-about dl.platform dt:not(.platform-sub dt){ border-radius: 24px; padding:40px 0; display:var(--d-flex); justify-content:var(--flex-content-center); align-items: var(--flex-content-center); font-size:var(--font-size-title3); ; color:var(--color-white); text-align: center; font-weight:500}
.ui-gp-about dl.platform.plaform01 dt:not(.platform-sub dt){ background:var(--color-white); color:var(--color-primary); border:1px solid var(--color-primary)}
.ui-gp-about dl.platform.plaform02 dt:not(.platform-sub dt){ background:var(--color-primary)}
.ui-gp-about dl.platform.plaform03 dt:not(.platform-sub dt){ background:#01417E;}
.ui-gp-about dl.platform + dl.platform{ margin-top:40px}
.ui-gp-about dl.platform + dl.platform:before{ content:""; width:24px; height:40px; margin-left:140px; display:block; background:var(--color-primary); position:absolute; top:-40px }
.ui-gp-about dl.platform.plaform02 + dl.platform.plaform03:before{ content:""; background:#01417E }
.ui-gp-about dl.platform dd:not(.platform-sub dd){ display:var(--d-flex); flex-direction:var(--flex-column); align-items: var(--flex-content-start); justify-content: var(--flex-content-center);}
.ui-gp-about dl.platform-sub dt{ color:var(--black); font-size:var(--font-size-title3); font-weight:500 }
.ui-gp-about dl.platform-sub dd{ display:var(--d-flex); margin-top:12px; justify-content: var(--flex-content-start); align-items: var(--flex-content-start); column-gap: 12px;}
.ui-gp-about dl.platform-sub dd span{ padding:0 8px; border:1px solid var(--color-primary); border-radius:4px; color:var(--color-primary); font-size:var(--font-size-default); display:block; height:24px}
.ui-gp-about dl.platform-sub dd .platform-list{ display:var(--d-flex); flex-direction: column;}
.ui-gp-about dl.platform-sub dd .platform-list li{ line-height:24px; font-size:var(--font-size-body); color:var(--color-body); min-height:24px}
.ui-gp-about dl.platform-sub + dl.platform-sub{margin-top:24px}

.bk-gp-about-kotra { display:grid; grid-template-columns: repeat(3,1fr); gap:40px; margin-top:20px; align-items: stretch;}
.bk-gp-about-kotra .grid-column{ border:1px solid var(--color-gray); border-radius: 4px; padding:40px 32px 66px 32px}
.bk-gp-about-kotra .grid-column .title-area{ border-bottom:1px solid var(--color-gray); color:var(--color-primary); padding-bottom:20px; font-size:var(--font-size-title3) }
.bk-gp-about-kotra .grid-column .text-area{ margin-top:20px; font-size:var(--font-long-size-body2); line-height:1.5; color:var(--color-body); font-weight:400}

.bk-gp-global-companies { margin-top:20px}
.bk-gp-global-companies .grid-row{}
.bk-gp-global-companies .grid-row + .grid-row{ margin-top:20px}
.bk-gp-global-companies .grid-row p + p{ margin-top:12px}
.bk-gp-global-companies .grid-row .font-body{font-size:var(--font-long-size-title3); font-weight:500}
.bk-gp-global-companies .grid-row .font-default{ font-size:var(--font-long-size-title2); line-height:1.5; color:var(--color-body); font-weight:400}
.bk-gp-global-companies-group { display:grid; grid-template-columns: repeat(3,1fr); gap:40px; margin-top:20px}
.bk-gp-global-companies-group .thumb{ width:100%; display:block; overflow:hidden; padding-bottom:50.5%; background:#c9c9c9 }

.bk-gp-benefits { margin-top:20px; background:#F3F5F8; padding:20px; display:block; font-size:var(--font-size-body2); color:var(--color-black)}
.bk-gp-benefits strong{ font-weight:700}
.bk-gp-benefits span{ color:var(--color-primary)}

.bk-gp-thumb{ margin-top:40px; text-align:center}

.bk-gp-about-program-title { width:auto; margin:20px auto 0 auto; display:var(--d-flex); justify-content:var(--flex-content-center); align-items:var(--flex-content-stretch); height:56px; }
.bk-gp-about-program-title p{ background:#F5F5F5; height:100%; display:var(--d-flex); align-items: var(--flex-content-center); padding:0 40px; font-size:2.4rem }
.bk-gp-about-program-title:before,
.bk-gp-about-program-title:after { content:""; width:8px; height:100%; background:var(--color-primary); display:inline-block }
.bk-gp-about-program { display:flex; gap:0 24px; align-items: stretch;}
.bk-gp-about-program .grid-column{ border:1px solid var(--color-gray); border-radius: 4px; padding:32px 24px}
.bk-gp-about-program .grid-column:nth-child(odd){ width:293px}
.bk-gp-about-program .grid-column:nth-child(even){ width:28px;border:0; padding:0; border-radius: 0; background:url(../../img/web/gp-icon-arrow.svg) no-repeat center}
.bk-gp-about-program .grid-column:nth-child(1){ display:var(--d-flex); justify-content: var(--flex-content-center); align-items: var(--flex-content-center);}
.bk-gp-about-program .grid-column p{ font-size:var(--font-size-title3); color:var(--color-primary); font-weight:700; text-align: center;}
.bk-gp-about-program .grid-column .title-area{ border-bottom:1px solid var(--color-gray); color:var(--color-primary); padding-bottom:12px; font-size:var(--font-size-title3) }
.bk-gp-about-program .grid-column .text-area{ margin-top:12px; font-size:var(--font-long-size-body2); line-height:1.5; color:var(--color-body); font-weight:400; word-break: keep-all;}
.bk-gp-about-program .grid-column .text-area strong{ font-weight:700 }

.bk-gp-about-inner{ margin-top:40px; }
.bk-gp-about-inner + .grid-row{margin-top:40px}

.bk-gp-nowhere{}

.bk-gp-partnering { display:grid; gap:40px; grid-template-columns: repeat(2,1fr); align-items: stretch;}
.bk-gp-partnering li{ width:100%; height:200px; border-radius: 160px; background:#F3F5F8; border:1px solid var(--color-primary); padding:15px; display:grid; grid-template-columns: 170px 1fr; align-items: var(--flex-content-center); box-sizing: border-box; gap:0 24px}
.bk-gp-partnering li .summary{ width:100%; height:100%; background:var(--color-white); border-radius: 180px; display:var(--d-flex); justify-content: var(--flex-content-center); align-items: var(--flex-content-center); text-align: center; color:var(--color-black); font-size:var( --font-size-body); font-weight:500; padding:20px; box-sizing:border-box}
.bk-gp-partnering li p{padding-left:52px; position:relative; font-size:var(--font-size-body); font-weight:700 }
.bk-gp-partnering li p:before{ content:""; width:28px; height:28px; display:var(--d-block); background:url(../../img/web/gp-icon-arrow.svg); position:absolute; left:0; top:50%; transform: translateY(-50%); }
.bk-gp-partnering li p em{font-weight:400}
.bk-gp-partnering li p span{margin-top:4px; font-weight:400; font-size:var(--font-size-default)}

.bk-gp-about-partners { display:grid; gap:24px; grid-template-columns: repeat(9,1fr); margin-top:40px; align-items: stretch;}
.bk-gp-about-partners li{ border:1px solid var(--color-gray); border-radius: 8px; padding-bottom:100%; overflow:hidden; position:relative}
.bk-gp-about-partners li img{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:90px}

.title-gp-about-success{ font-weight:500}
.section-gp-successful .title-area + .title-gp-about-success{ margin-top:20px}
.section-gp-successful .title-gp-about-success + .bk-gp-global-companies-group{ margin-top:12px}
.section-gp-successful .grid-row + .grid-row{margin-top:64px}
.bk-gp-about-sucessful-group{ display:grid; grid-template-columns: repeat(2, 1fr); row-gap: 20px; margin-top:40px}
.bk-gp-about-sucessful-group li{ display:grid; grid-template-columns: 120px 1fr; column-gap: 20px; align-items: center;}
.bk-gp-about-sucessful-group li .title-area{ width:100%; height:120px; border-radius: 60px; background:#EAF0F6; display:var(--d-flex); justify-content: var(--flex-content-center); align-items: var(--flex-content-center); font-size:var(--font-size-body2); color:var(--color-black); font-weight:500}
.bk-gp-about-sucessful-group li .text-area{ font-size:var(--font-size-body); font-weight:400; color:var(--color-body) }

.bk-gp-about-contact { margin-top:40px; background:#F3F5F8; padding:24px 0 16px;}
.bk-gp-about-contact ul{ display:grid; grid-template-columns: repeat(2, 1fr);} 
.bk-gp-about-contact li{ font-size:var(--font-size-body2); color:var(--color-black)}
.bk-gp-about-contact li:nth-child(1){ padding-left:32px; color:var(--color-black); line-height:1.44; font-weight:500}
.bk-gp-about-contact li:nth-child(2) p{ font-size:var(--font-size-body); color:var(--color-body) }
.bk-gp-about-contact li:nth-child(2) p span{ color:var(--color-primary); font-size:var(--font-size-body2); font-weight:500}
.bk-gp-about-contact li:nth-child(2) p + p{ margin-top:8px }

.bk-gp-summary{ height:320px; background:url(../../img/web/related-bg.png); display:var(--d-flex); justify-content: var(--flex-content-start); align-items: var(--flex-content-center); padding-left:60px; color:var(--color-white); font-size:var(--font-size-title1); font-weight:700}

.bk-gp-related-link .grid-column{ flex:1; border-radius: 12px; border:1px solid var(--color-bd-line); padding:24px 20px 104px 20px; position:relative}
.bk-gp-related-link .grid-column .title{ font-size:var(--font-size-title3); font-weight:700; border-bottom:1px solid var(--color-gray); padding-bottom:20px; margin-bottom:20px}
.bk-gp-related-link .grid-column .text{ font-size:var(--font-size-body); color:var(--color-body) /*overflow: hidden;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 6;*/}
.bk-gp-related-link .grid-column .link{ position:absolute; left:20px; bottom:24px; border:1px solid var(--color-primary); display:var(--d-flex); height:40px; border-radius: 24px; font-size:var(--font-size-body); color:var(--color-primary); font-weight:500; width:calc(100% - 48px); justify-content: var(--flex-content-center); align-items:var(--flex-content-center) }

.grid-wrap .grid-row.bk-gp-related-link { align-items: var(--flex-content-stretch);}
.grid-row.bk-gp-related-link .grid-column ~ .grid-column {margin-left:30px}

.acc-inner + .bk-more{margin-top:20px}

/*caption*/
.cp-caption.row-group .caption-left { flex-direction: var(--flex-column); align-items:var(--flex-content-start)}
.cp-caption .asterisk.f14 { font-size:1.4rem; display:block }
.cp-caption .asterisk.f14:before { content:"*"; display:var(--d-inline-flex); padding-right: 4px; }


/*비회원리드 인콰이어리 */
.grid-row.bk-inquiry{ margin-top:30px; text-align: right}
.ui-content-wrap.ui-inq-btn { flex-direction: var(--flex-column);}
.ui-content-wrap.ui-inq-btn .grid-row.bk-inquiry{margin-top:-20px; margin-bottom:30px}
.bk-goods.ad-list .item-ad .has-right .right-area { padding-left:48px}

/*자동완성 , 검색*/
.bk-search-word .search-word-wrap{ max-height:410px}
.bk-search-word .search-word-wrap .auto-word + .auto-word { margin-top:24px}
.search-result-area{ margin-top:30px; display:var(--d-flex); column-gap: 40px;}
.search-result-area .bk-search-label{ font-weight:700; font-size:var(--font-size-body) } /*클래스 추가 [20240807]*/
.search-result-area .bk-search-keyword{ font-size:var(--font-size-default); max-width:150px}
.search-result-area .bk-search-keyword:hover{ color:var(--color-primary)}


/*검색, 상품리스트 나열*/
.bk-search-result-group .list-col4 .bk-goods .item-ad .badge-area{position: static; height: calc(25px + 12px);}
.bk-search-result-group .list-col4 .ad-xlarge,
.bk-search-result-group .list-col4 .bk-goods.ad-card.ad-xlarge .item-ad ,
.bk-search-result-group .list-col4 .bk-goods.ad-card.ad-xlarge .item-ad > dd {width:var(--img-size-xlarge)}


/*companies*/
.item-goods.item-companies{ display:var(--d-flex); flex-direction:var(--flex-column)}
.item-goods.item-companies .bk-cp-info{ border:1px solid var(--color-bd-line); border-radius: var(--radius-default); width:var(--wide-full); overflow:hidden; box-sizing: border-box;}
.bk-goods.goods-list .item-goods.item-companies > dd{ width:var(--img-size-large); padding-left:0}
.bk-goods.goods-list .item-goods.item-companies > dd .goods-btns { min-width:var(--img-size-large); max-width:var(--img-size-large); padding-left:0}

.cp-companies .list-col5 > li:not(:first-child) { padding-left:40px}

.companies-header{ padding:16px; background:#F3F5F8; display:var(--d-flex); justify-content: var(--flex-content-between); column-gap:12px;}
.companies-header .thumb{ width:48px; height:48px; overflow: hidden;	position: relative;	box-sizing: border-box; display:var(--d-flex); flex-shrink: 0; }
.companies-header .thumb img{ position:absolute; top: 0;	left: 0;	min-width: 100%;	transform: translate(0); width: var(--wide-full);	min-height: var(--wide-full);}
.companies-header .companies-name{ color:var(--color-body); font-size:var(--font-size-default); width:100%;} /*20241202 텍스트 정렬이슈 처리*/
.companies-body {padding:16px 12px; color:var(--color-black); font-size:var(--font-size-default); display:var(--d-flex); flex-direction: var(--flex-column); row-gap: 16px; }
.companies-body li{ display:grid; grid-template-columns: 52px 1fr; column-gap: 8px; align-items: center;}
.companies-body dt{ font-weight:700}
.companies-body dd{ margin-top:4px; }
.companies-body dd + dt{ margin-top:16px}
.bk-goods.goods-list .item-goods.item-companies .grid-wrap.grid-goods-group{ margin-top:16px}

.companies-body .bk-icon{width:52px; height:52px}
.bk-icon-employees{ background-image: url(../../img/web/icon-employees.svg);}
.bk-icon-annual{ background-image: url(../../img/web/icon-annual.svg);}
.bk-icon-established{ background-image: url(../../img/web/icon-established.svg);}


/*인콰이어리 리스트*/
.cp-inquiry .mode-goods-list > li:first-child { padding-top:0; border-top:0; margin-top:40px}
.cp-inquiry .mode-goods-list > li { width:var(--wide-full); margin-top:0; padding-top:0}
.cp-inquiry .bk-inquiry.inquiry-list .item-inquiry {padding: 0; width:100%;}
.cp-inquiry .inquiry-list {	padding: 28px 0 27px;	display:grid; grid-template-columns: 88px 1fr; column-gap:24px}
.cp-inquiry li:nth-child(1) .inquiry-list {	padding-top:0}
.cp-inquiry li:last-child .inquiry-list {	padding-bottom:0}
.cp-inquiry .item-inquiry > dd{ display: grid;	grid-template-columns: minmax(0, 1fr) auto;	position: relative; }
.cp-inquiry .item-inquiry > dd .goods-info{flex: 1 1 0; }
.cp-inquiry .item-inquiry > dd .title{font-size: var(--font-size-title3);	line-height: var(--font-line-height-title3);	font-weight: 400;	word-wrap: normal;}
.cp-inquiry .item-inquiry .inquiry-sub-group {margin-top: 20px;}
.cp-inquiry .bk-goods .grid-wrap.grid-goods-group{margin-top:0}

.mode-goods-list .tag {
	display: inline-flex;	flex-direction: column;	align-items: center; flex-shrink:0;
	justify-content: center;	width: 88px;	height: 88px;
	padding: 8px;	background-color: #f3f5f8;	border-radius: 4px;
	color: var(--color-primary);	font-size: var(--font-size-title3);	line-height: var(--font-line-height-title3);
	font-weight: 400;	box-sizing: border-box;	word-break: normal;	word-break: break-all;	word-break: keep-all;	text-align: center;
}
.cp-inquiry .goods-btns { min-width: 256px;	max-width: 256px;	display:var(--d-flex); flex-shrink:0; padding-left:24px}

/*무역관 로고 추가*/
.kbc-head-left{ display:var(--d-flex); column-gap: 24px; align-items:var(--flex-content-center)}
.kbc-head-left .thumb{ width:78px; height:78px; border-radius: 24px; overflow:hidden; position: relative;	box-sizing: border-box; flex-shrink: 0; border:1px solid #eaeaea;}/* [20250220]보더 추가*/
.kbc-head-left .thumb img{ position:absolute; top: 0;	left: 0;	min-width: 100%;	transform: translate(0); width: var(--wide-full);	min-height: var(--wide-full);}


/*매칭서비스*/
.bk-no-data.cp-matching { padding: 24px 30px 45px; min-height:unset }

.section-sellerProducts .bk-goods.goods-list .item-goods.item-companies > dd{ width:var(--wide-full) }
.section-sellerProducts .bk-goods.goods-list .item-goods.item-companies > dd .goods-btns { min-width:var(--img-size-xlarge); max-width:var(--img-size-xlarge); }

.bk-icon.bk-icon-arrow{ width: 8px;	height: 14px; background-image: url(../../img/web/icon-location.svg); filter:brightness(0%) saturate(0%) invert(100%) ;}
.ui-match .bk-btn.btn-block{ display:var(--d-flex); justify-content: var(--flex-content-center); column-gap: 6px;}

.ui-kbc .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.ui-kbc .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next,
.ui-mypage .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.ui-mypage .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {top: calc((356px / 2) - (54px / 2)); }

.dialog-MKMAT-PU-001 .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.dialog-MKMAT-PU-001 .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {top: calc((356px / 2) - (54px / 2)); }

.dialog-MKMAT-PU-001.ui-match-companies .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.dialog-MKMAT-PU-001.ui-match-companies .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {top: calc((396px / 2) - (54px / 2)); }

.dialog-MKMAT-PU-002 .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.dialog-MKMAT-PU-002 .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {top: calc((346px / 2) - (54px / 2)); }

.section-seller-related .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.section-seller-related .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {top: calc((386px / 2) - (54px / 2)); }

.bk-dialog .section-seller-related .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-prev,
.bk-dialog .section-seller-related .bk-swiper.swiper-goods .swiper-wrapper ~ .swiper-button-next {top: calc((346px / 2) - (54px / 2)); }

.bk-dialog.ui-match .bk-swiper.swiper-goods .bk-title {margin-bottom:12px}
.ui-match .bk-swiper.swiper-goods .bk-title{ margin-bottom:24px}

.ui-match .bk-swiper .pagination-group{ height:8px; margin-top:24px}
.bk-dialog.ui-match .dialog-footer{padding-top:0}

.section-sellerProducts.section_bMg{margin-bottom:30px}

.section-related.ui-match .bk-swiper.swiper-goods .bk-title{margin-bottom:24px}

.ui-match-type1 .bk-title .title.font-heading-1{ font-weight:500} /* 바이어 메인, detail 추천상품의 타이틀*/
.title.font-heading-match{font-size:var(--font-size-title3); line-height:2.8rem;}




/*셀러메인*/
.section-seller-related .swiper-inquiry-related .bk-inquiry.inquiry-card,
.section-seller-related .swiper-inquiry-related .item-inquiry,
.section-seller-related .swiper-inquiry-related .item-inquiry .inquiry-sub-group,
.section-seller-related .swiper-inquiry-related .item-inquiry .inquiry-sub-group .inquiry-info {	position: relative;	height: 100%;}
.section-seller-related .swiper-inquiry-related .swiper-slide{ min-height: 100%;	height: auto;}
.section-seller-related .bk-inquiry.inquiry-list { border: 1px solid #ddd;	border-radius: 8px;	font-size: var(--font-size-body); padding:32px 24px}
.section-seller-related .bk-inquiry.inquiry-list .item-inquiry {padding:0}
.section-seller-related .item-inquiry dt .title{ padding-right:32px; font-weight:500}
.section-seller-related .item-inquiry dt .bk-btn{ position:absolute; right:0; top:0; padding:0; height:24px}
.section-seller-related .inquiry-sub-group { align-items:var(--flex-content-center); margin-top:20px}
.section-seller-related .inquiry-sub-group .inquiry-info .list > li.nation:before{display:none}
.section-seller-related .inquiry-sub-group .inquiry-info .list > li.nation { flex:1 1 100%}
.section-seller-related .tag + .inquiry-info{ width:calc(100% - 92px); }
.section-seller-related .tag {	display: inline-flex; flex-direction: column;	align-items: center;	justify-content: center;	margin-right: 20px; flex:unset;
	width: 72px;	height: 72px;	padding: 8px; background-color: #f3f5f8;	border-radius: 4px;
	color: var(--color-primary);	font-size: var(--font-size-title3);	line-height: var(--font-line-height-title3);	font-weight: 400;
	box-sizing: border-box;	word-break: normal;	word-break: break-all;	word-break: keep-all;	text-align: center;
}


.btn-tMg-small{margin-top:20px}

/*QR코드*/
.bk-dialog.dialog-qr .dialog-inner{max-width:615px}
.dialog-qr .font-body { text-align: center;}
.dialog-qr .font-body span{font-weight:600}
.dialog-qr .qr-inner{ width:340px; height:340px; position:relative; margin: 40px auto 0 auto; display:var(--d-flex); justify-content: var(--flex-content-center); align-items: var(--flex-content-center); }
.dialog-qr .qr-inner img{ max-width:300px}
.dialog-qr .qr-inner:before,
.dialog-qr .qr-inner:after{ content:""; width:100%; height:20px; display:block; background:url(../../img/web/qr-line.svg); background-size:100% auto; position:absolute; left:0}
.dialog-qr .qr-inner:before{ top:0 }
.dialog-qr .qr-inner:after{ bottom:0; transform: rotate(180deg);}



/*결제&배송안내*/
.section-delivery-pay .bk-title .title.font-heading-2{ font-weight:500} 
.section-delivery-pay .title-sub-top .font-body{margin-top:32px}
.cp-logo-cross{ display:var(--d-flex); margin-top:24px; height:42px}
.cp-logo-cross li img{ width:auto; height:100%;  }
.cp-logo-cross li + li{margin-left:20px}
.cp-logo-cross li + li:before{ content:""; width:1px; background:#CCCCCC; display:inline-block; margin-right:20px; height:42px}
.cp-logo-cross.logo-eximbay{}
.cp-logo-cross.logo-ems{}
.cp-logo-cross.logo-dhl{}

.section-delivery-pay .section-sub-group{margin-top:40px}
.section-delivery-pay .title.font-heading-3 { font-size: var(--font-size-title3);	line-height: 2.8rem; }
.section-delivery-pay .bk-tbl .font-heading-3 { font-size: var(--font-size-title3);	line-height: 2.8rem; }
.section-delivery-pay .bk-tbl .tbl.tbl-default tbody th:not(.inner-tbl .tbl.tbl-default th){ font-size:var(--font-size-body2); padding-left:24px}
.section-delivery-pay .bk-tbl .tbl.tbl-default td{ font-size:var(--font-size-body)}
.section-delivery-pay strong.color-primary{color:var(--color-primary)}
.section-delivery-pay td.inner-tbl{padding:0 !important}
.section-delivery-pay td.inner-tbl th { background:#fff; }
.section-delivery-pay td.inner-tbl .tbl:before{ display:none}
.section-delivery-pay td.inner-tbl .tbl.tbl-default thead th{ font-size:var(--font-size-body); font-weight:500}
.section-delivery-pay td.inner-tbl .tbl.tbl-default th{ border-bottom-color:#000000; height:55px; font-weight:var(--font-size-body); font-weight:500 }
.section-delivery-pay td.inner-tbl .tbl.tbl-pay td{ height:60px }
.section-delivery-pay td.inner-tbl .tbl.tbl-default.tbl-approve th{ border-bottom-color:var(--color-bd-line); font-weight:400}
.section-delivery-pay td.inner-tbl .tbl.tbl-default.tbl-approve th,
.section-delivery-pay td.inner-tbl .tbl.tbl-default.tbl-approve td{ height:72px}
.section-delivery-pay td.inner-tbl .tbl.tbl-default em.point{ color:var(--color-warning)}
.section-delivery-pay td.inner-tbl .tbl tbody tr:nth-last-of-type(1) td{ border-bottom:0}
.section-delivery-pay td.inner-tbl .tbl tbody td{ text-align:center}
.section-delivery-pay td.inner-tbl .tbl thead th:not(:last-child),
.section-delivery-pay td.inner-tbl .tbl tbody td:not(:last-child){border-right:1px solid var(--color-bd-line)}
.section-delivery-pay ul.card{ display:var(--d-flex); column-gap: 24px;}
.section-delivery-pay .grid-wrap + .grid-wrap{margin-top:32px}
.section-delivery-pay .bk-tbl.has-explain .bk-explain{margin-top:16px}
.section-delivery-pay .bk-tbl{margin-top:12px}
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale thead th,
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale tbody th{ text-align:center; font-size:var(--font-size-body) !important; font-weight:400; padding-left:12px !important}
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale thead th:nth-child(3){ background:#fff}
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale th:nth-child(2),
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale th.th-color{ background:#F3F5F8 }
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale th.th-color-white{ background:#fff}
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale th:not(:last-child),
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale td:not(:last-child){border-right:1px solid var(--color-bd-line)}
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale.tbl-ems th,
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale.tbl-ems td{height:80px}
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale.tbl-dhl th,
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale.tbl-dhl td{height:56px}
.section-delivery-pay .bk-tbl .tbl.tbl-delivery-sale.tbl-dhl td{text-align:center}

.section-delivery-pay .step{display:var(--d-flex); column-gap: 100px; align-items:var(--flex-content-stretch)}
.section-delivery-pay .step.grid_4{ flex:1 1 auto}
.section-delivery-pay .step.grid_5{ margin-top:40px; border-top:1px solid var(--color-input-disabled); padding-top:40px}
.section-delivery-pay .step.grid_6{ column-gap:40px; justify-content: var(--flex-content-center);}
.section-delivery-pay .step li{position:relative}
.section-delivery-pay .step li + li:before{content:""; width:20px; height:20px; display:inline-block; background:url(../../img/web/icon-arrow-step-kops.svg); position:absolute; left:-60px }
.section-delivery-pay .step.grid_4 li + li:before{top:50%; transform: translateY(-50%);}
.section-delivery-pay .step.grid_5{ flex:1 1 100%}
.section-delivery-pay .step.grid_5 li + li:before{top:66px}
.section-delivery-pay .step.grid_6{ flex:1 1 100%}
.section-delivery-pay .step.grid_6 li + li:before{top:66px; left:-30px}
.section-delivery-pay .step dl{margin-top:20px; font-size:var(--font-long-size-body2); text-align: center;}
.section-delivery-pay .step dl dt{ font-weight:700}
.section-delivery-pay .step dl dd:not(.cp-service-title){ font-size:var(--font-long-size-default2); color:var(--color-body); /*margin-top:4px; height:66px;*/ margin-top:10px; display:flex; align-items:center; justify-content: center;}
.section-delivery-pay .step dl dd.cp-service-title{ margin-top:4px}
.section-delivery-pay .thumb{width:152px; height:152px; background:#F7F8F9; border-radius: 50%; display:var(--d-flex); justify-content: var(--flex-content-center); align-items: var(--flex-content-center);}
.section-delivery-pay .how{display:grid; column-gap: 40px; align-items:center; grid-template-columns: 152px 1fr;}
.section-delivery-pay .how dl{ display:var(--d-flex); flex-wrap: wrap;}
.section-delivery-pay .how dl dt{ flex:1 1 100%; margin-bottom:24px; font-size:var(--font-size-body2); font-weight:500}
.section-delivery-pay .how dl dd{ display:inline-flex; position:relative; font-size:var(--font-size-body)}
.section-delivery-pay .how dl dd + dd{margin-left:46px;}
.section-delivery-pay .how dl dd + dd:before{ content:""; width:6px; height:10px; display:inline-block; background:url(../../img/web/icon-location.svg); position:absolute; left:-26px; top:50%; transform: translateY(-50%); }

.bk-tbl .tbl.tbl-default.tbl-document th{ font-size:var(--font-size-body)}
.bk-tbl .tbl.tbl-default.tbl-document td{ text-align: center;}

.cp-pay-cs{display:var(--d-flex); flex-direction: var(--flex-column); row-gap: 8px; margin-top:12px}
.cp-pay-cs li { font-size:var(--font-size-body)}
.cp-pay-cs li a{ text-decoration: underline;}
.cp-pay-cs.has-dot li{ position:relative; padding-left:8px}
.cp-pay-cs.has-dot li:before{ content:"-"; display:inline-block; position:absolute; left:0; top:0;}

.section-delivery-pay .btns-group{margin-top:40px; border-top:1px solid var(--color-input-disabled); padding-top:40px; text-align: center;}
.section-delivery-pay .btns-group.btns-ems{border-top:0; padding-top:0}
.section-delivery-pay .bk-tab.tab-type-tag .tab-menu-wrap .list-menu > li { margin-top: 0;}
.section-delivery-pay .bk-tab.tab-type-tag .tab-menu-wrap .list-menu {margin-top:-16px}
.section-delivery-pay .tab-container-wrap{margin-top:40px}

/* 바이어,셀러유입 */
.tbl.bk-accordion{}
.tbl.bk-accordion .list-accordion{}
.tbl.bk-accordion .list-accordion .btn-accordion{}
.tbl.bk-accordion .list-accordion .btn-accordion{}
.tbl.bk-accordion .acc-container{display:none}
.tbl.bk-accordion .acc-container.is-active{display:table-row}
.tbl.bk-accordion .acc-container.is-active .tbl{box-shadow:0 0 0 1px rgba(68, 68, 68, 0.11); border:2px solid #000; border-width:1px 2px 2px 2px}
.tbl.bk-accordion .acc-container.is-active th{ font-weight:normal; background:var(--color-input-disabled); height:42px }
.tbl.bk-accordion .acc-container.is-active td {padding:8px 0; background:var(--color-input-int); height:42px }
/*.tbl.bk-accordion .acc-container.is-active tr:nth-child(1):nth-last-child(1) td{ border-bottom:0 }*/

.bk-dialog.dialog-mail-size .dialog-inner {
	min-width: 1000px;
	max-width: 1000px;
}

.bk-dialog.dialog-contents .mail-header + .iframe-zone{margin-top:24px}
.bk-dialog.dialog-contents .mail-footer{ margin-top:40px }
.bk-dialog.dialog-contents .mail-header,
.bk-dialog.dialog-contents .mail-footer{ font-weight:500}

.bk-dialog.dialog-contents .dialog-container{padding:40px}

.dialog-contents-edit .bk-tbl .tbl td.img-td{ padding-left:20px; padding-right:20px}
.dialog-contents-edit .img-goods {
	border: 1px solid #ddd;
	border-radius: 4px;
}
.dialog-contents-edit .img-goods {
	overflow: hidden;
	position: relative;
	width: var(--wide-full);
	height: var(--wide-full);
	box-sizing: border-box;
}

.td-goods-img .bk-goods .img-goods {
	width: var(--img-size-xsmall);
	height: var(--img-size-xsmall);
	overflow:hidden;
}

.bk-dialog .dialog-container.no-scroll{overflow-y:hidden}
.bk-dialog .dialog-container.no-scroll .dialog-contents{ overflow-y:auto; box-sizing: border-box;}
.dialog-iframe{ background:#f6f6f6; padding:32px 20px; }
.dialog-iframe pre{ margin:0}
.dialog-iframe code{ font-family: "Roboto", "Noto Sans KR", "Apple SD Gothic Neo", "Nanum Gothic", "SpoqaL", sans-serif, "-apple-system"; color:#000; max-width:100%; word-break: keep-all; white-space:pre-wrap; margin:0}

.footer-agree{ padding:24px 40px 0 40px}
.footer-agree dl{ color:var(--color-primary)}
.footer-agree dt{ font-weight:500}
.footer-agree .bk-checkbox-group{ margin-top:8px }

/*더보기버튼 여백추가*/
.section-sub-group + .cp-more-row{ margin-top:42px}
.cp-category-dl{ display:grid; grid-template-columns: auto 1fr; column-gap: 8px;}
.text-category{ }
.text-append-title{ font-size: 1.4rem; font-weight: 400; }

.cp-category-dl .badge {display: var(--d-inline-flex); height: 24px; border-radius: 2px;}
.cp-category-dl .badge .text{	font-size: var(--font-size-xsmall);	line-height: 2rem;	padding: 2px 8px;}
.cp-category-dl .badge.badge-Exhibition {
	background-color: #666;
	color: var(--color-white);
	justify-content: center;
}
.cp-category-dl .badge.badge-End {
	background-color: #fd6243;
	color: var(--color-white);
}

/*불량셀러*/

.badge-blocked {
	display: var(--d-inline-flex);
	position: relative;
	height: 24px;
	padding: 0 8px;
	box-sizing: border-box;
	font-size: var(--font-size-xsmall);
	color:var(--color-white);
	line-height: var(--font-line-height-body);
	font-weight: 700;
}
.badge-blocked::before {
	display: var(--d-inline-block);
	position: absolute;
	z-index:-1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: var(--wide-full);
	height: var(--wide-full);
	border: 1px solid var(--color-brand);
	background: var(--color-brand);
	border-radius: var(--radius-default);
	box-sizing: border-box;
	content: "";
}


/*message 새로 [20240826]*/
.grid-chatting-header{}
.bk-dialog.dialog-chat.section-chat .menu-chat{ }
.bk-dialog.dialog-chat.section-chat .chat-header .menu-chat {overflow:hidden; max-width:90%; }

.bk-dialog .cp-chat .chatting-area .chat-header .grid-row .grid-column{ width:55%}
.bk-dialog .cp-chat .chatting-area .chat-header .grid-row .grid-column:nth-child(2){ width:45%}

.bk-dialog .cp-chat .chatting-area .chat-header.chat-together .chat-group {  }
.bk-dialog .cp-chat .chatting-area .chat-header.chat-together .grid-row .grid-column { width:55%;  flex-basis: auto; flex-shrink:1;}
.bk-dialog .cp-chat .chatting-area .chat-header.chat-together .grid-row .grid-column:nth-child(2) { width:auto;  flex-basis: auto; flex-shrink:0; }



.bk-dialog.dialog-chat.section-chat .chat-together .chat-name { max-width:65%; text-overflow: ellipsis; display:block; white-space: nowrap; overflow:hidden; }
.chat-list .chat-id { display:inline}
.chat-list .chat-location { display:inline}

.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .grid-row { justify-content: space-between;}
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .grid-column {width:75%; max-width:75%; }
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .grid-column + .grid-column {width:20%; justify-content: var(--flex-content-end); }
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .grid-column + .grid-column .btns-group {justify-content: var(--flex-content-end); }
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .grid-column:nth-child(1) .chat-group{ width:100%; align-items: var(--flex-content-start); }
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .chat-img:not(.cp-layer .menu-chat.user-info .chat-img) { width:28px; height:28px; display:inline-flex; flex-shrink: 0;}
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .chat-img:not(.cp-layer .menu-chat.user-info .chat-img) .chat-pic {width: 100%; height: 100%; border-radius: 10px; border: 2px solid #f8f8f8; display:flex; flex-shrink: 0;}
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .menu-chat + .menu-chat { margin-top:0 }
/*
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .chat-img:not(.cp-layer .menu-chat.user-info .chat-img) .chat-pic {width: 28px; height: 28px; border-radius: 10px; border: 2px solid #f8f8f8; display:flex; flex-shrink: 0;}
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .chat-img:not(.cp-layer .menu-chat.user-info .chat-img) .chat-pic:nth-child(1){border:0;}
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .chat-img:not(.cp-layer .menu-chat.user-info .chat-img) .chat-pic:nth-child(2){border: 2px solid #fff;}
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .chat-img:not(.cp-layer .menu-chat.user-info .chat-img) .chat-pic + .chat-pic {margin: -20px 0 0 14px; position: relative;}
*/
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .chat-user{ display:var(--d-flex); flex-direction:var(--flex-column); align-items: var(--flex-content-start);}
.chat-header .menu-chat:hover .chat-name,
.chat-header .menu-chat:hover .chat-location{text-decoration:none !important}
.chat-header .chat-info{text-overflow: ellipsis; display:block; white-space: nowrap; overflow:hidden; text-align: left; }
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .chat-id{font-size: 1.8rem;	font-weight: 500 !important;	line-height: 1.5; width:auto}
.chat-header.chat-together:not(.bk-dialog.dialog-chat.section-chat .chat-header.chat-together) .chat-location { line-height:1.5; width:auto}
.chat-header:not(.bk-dialog.dialog-chat.section-chat .chat-header) .chat-group .bk-btn.menu-chat{ width:100%; max-width:100%; align-items: var(--flex-content-center); justify-content: var(--flex-content-start); padding:0 16px 0 0; }

strong.menu-chat:not(.bk-dialog.dialog-chat.section-chat) .chat-id{font-size: 1.8rem;	font-weight: 500 !important;	line-height: 1.5;}
strong.menu-chat:not(.bk-dialog.dialog-chat.section-chat) .chat-id { line-height:1.5}

.layer-default.layer-chat-user { width:320px }




/*마케팅 리드폼*/
.goods-check{ margin:12px auto 0}
a.point{color:var(--color-primary)}
.bk-marketing-form{margin-top:64px}

.ui-wrap.no-header #header .header-area .ui-inner{ justify-content: var(--flex-content-center); }
.ui-wrap.no-header .ui-container{padding-top:0}
.ui-wrap.no-header .title-sub-top h1{text-align:center}

/*상품상세 - company information 수정 20250411*/
.tab-detail-company .shm-classification {width: 100%; min-height: 262px; border: 1px solid #ddd; border-radius: 8px; padding: 31px; box-sizing: border-box; position: relative; background:#fbfbfb;margin-bottom:40px;}
.tab-detail-company .shm-classification .lv-title {font-size: 2rem; line-height: 2.8rem; text-transform: uppercase;}
.tab-detail-company .shm-classification dl {margin-top: 16px; display: grid; grid-template-columns: 96px 1fr; gap: 12px 20px; font-size: 1.6rem; line-height: 2.4rem;}
.tab-detail-company .shm-classification dt {grid-column: 1;}
.tab-detail-company .shm-classification dd {grid-column: 2;}
.tab-detail-company .shm-classification dt span {display: block; background: #666; color: #fff; border-radius: 2px; text-align: center; font-size: 1.2rem; line-height: 2rem; padding: 2px 0;}
.tab-detail-company .shm-classification .cate-path-en {position: relative; padding-left: 10px;}
.tab-detail-company .shm-classification .cate-path-en::before {content: ''; width: 4px; height: 4px; border-radius: 50%; background: #000; position: absolute; top: 10px; left: 0;}
.tab-detail-company .shm-classification .cate-path-en + .cate-path-en {margin-top: 8px;}
.tab-detail-company .shm-classification .bk-no-data {min-height: unset; padding: 0;}
.tab-detail-company .shm-classification .bk-no-data dd {grid-column: 1 / span 2; min-height: 112px; width: max-content; padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.tab-detail-company .shm-classification .bk-no-data .message {font-size: 2rem; line-height: 2.8rem; letter-spacing: -1px;}

.tab-detail-company .focus-detail-block {padding-top:0;margin-top:0;border:0;margin-bottom:40px;}
.tab-detail-company .focus-detail-block .shm-sub-block > .lv-title {font-weight:500;}
.tab-detail-company .shm-cominfo-top .shm-info-text .lv-title {font-weight:500;}

.bk-pd-wrap {background:#fbfbfb;padding:24px 32px 24px 20px;font-size:18px;font-weight:normal;line-height:1.5;box-shadow:0 2px 10px rgba(0,0,0,0.12);border-radius:10px;}
.product-detail .title + .bk-pd-wrap {margin-top:16px;}
.product-detail .bk-pd-wrap {margin-bottom:57px;}
.product-detail .bk-pd-wrap p + p {margin-top:32px;}
.product-detail .title.font-heading-3 {font-size:20px;font-weight:700;}

/* 상품상세 - pre태그 대응 20250507*/
.product-detail .bk-pd-wrap pre {white-space:normal;word-break:break-word;}

/* CAPTCHA [20250703]*/
.bk-captcha {display:flex;gap:10px;align-items:center;}
.bk-captcha .item-list {display:flex;width:300px;}
.bk-captcha .bk-btn-icon .deco-icon.append-icon {line-height:1;margin-left:4px;}
.bk-icon[class*="bk-icon"].size-20 {width:20px;height:20px;}
.font-default2 {font-size:15px;letter-spacing:-.5px;}

/* 셀러메인 multi dialog 추가 [20250723] */
.bk-dialog.dialog-multi {justify-content: center; align-items: center;}
.bk-dialog.dialog-multi .dialog-inner {top: auto;left: auto; transform: none;}
.dialog-main .dialog-inner.type-wide {max-width:526px;}

/* 셀러메인 rolling-banner 추가 [20250723] */
.bk-banner.type-rolling {height:90px;border-radius:16px;overflow:hidden;box-sizing:border-box;border:4px solid #fff;}
.bk-banner.type-rolling .bk-swiper {height:100%;}
.ui-main-seller .bk-banner {margin-bottom:24px;}

/* 셀러메인 floating-banner 추가 [20250724] */
.bk-banner.type-floating {position:relative;width:164px;background:#fff;border-radius:10px;box-shadow:0 4px 4px rgba(0,0,0,0.15);padding:8px;display:flex;flex-direction: column;gap:8px; margin-bottom:0;border:1px solid #ddd;}
.bk-banner.type-floating .bnr-contents {border-radius:10px;overflow:hidden;}
.bk-btn.btn-bnr-close {font-size:13px;color:#333;height:auto;}
.bk-btn.btn-bnr-close::before {content:""; width:18px;height:18px;border-radius:4px;border:1px solid #bbb;margin-right:4px;}
.ui-setting-btns.has-bnr {text-align:right;}