@charset "utf-8";

html,
body {
	margin: 0;
	padding: 0;
}

body {
	-webkit-text-size-adjust: none;
	font-size: 13px;
	font-weight: normal;
	color: #333;
}

#ko,
#ko h1,
#ko h2,
#ko h3,
#ko h4,
#ko h5,
#ko h6,
#ko .ui-widget,
#ko .ui-widget input,
#ko .ui-widget select,
#ko .ui-widget textarea,
#ko .ui-widget button {
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}

#ui-datepicker-div {
	z-index: 10 !important;
}
h4 {
	font-size: 16px;
}

.ui-widget button.btn-md {
	font-size: 14px;
}
.ui-widget button.btn-xs {
	font-size: 12px !important;
}

img.img {
	vertical-align: middle;
}
b, strong {
	font-weight: bold;
}
ul.ul,
dl.dl,
ol.ol {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

ul.ul li.li,
ol.ol li.li {
	margin: 0;
	padding: 0;
	list-style: none;
}

dl.dl dt.dt,
dl.dl dd.dd {
	margin: 0;
	padding: 0;
}

ul.ul li.li:after,
ol.ol li.li:after,
dl.dl dd.dd:after {
	display: block;
	clear: both;
	content: "";
}

.hide {
	display: none;
}

.show {
	display: block;
}

.thumb-xs {
	max-width: 40px;
	max-height: 40px;
}

.thumb-sm {
	max-width: 70px;
	max-height: 70px;
}

.thumb-md {
	max-width: 100px;
	max-height: 100px;
}

.thumb-lg {
	max-width: 200px;
	max-height: 200px;
}

.color-red {
	color: #cc3333 !important;
}

.color-blue {
	color: #0066ff !important;
}

.color-black {
	color: #000000 !important;
}

.color-orange {
	color: #f83500 !important;
}

.color-green {
	color: #00ff00 !important;
}

.color-aqua {
	color: #00ffff !important;
}

.color-pink {
	color: #ff0099 !important;
}

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

.font-sm {
	font-size: 13px;
}

.font-md {
	font-size: 17px;
}

.font-lg {
	font-size: 24px;
}

.font-bold {
	font-weight: 500;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-overflow-full-wrap {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.text-overflow-full {
	display: table-cell;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.text-overflow-2 {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
    text-overflow:ellipsis;
}

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

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

.box-overflow-auto {
	overflow-y: auto;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.vertical-top {
	vertical-align: top !important;
}

.vertical-middle {
	vertical-align: middle !important;
}

.vertical-bottom {
	vertical-align: bottom !important;
}

.required-addon {
	font-family: Verdana, sans-serif;
	font-weight: 500;
	color: #ff6600;
	vertical-align: middle;
}

p.description {
	margin: 5px 0;
	padding: 0;
}

span.description {
	padding-left: 10px;
}

.button-area {
	clear: both;
	padding: 0 0 15px 0;
}

li.no-count {
	overflow: hidden;
	clear: both;
	width: 100%;
	padding: 40px 0;
	color: #666;
	text-align: center;
	list-style: none;
}

.list-top {
	position: relative;
	min-height: 40px;
}

.page-info {
	position: absolute;
	bottom: 7px;
	left: 0;
	color: #444;
}
.page-info strong {
	color: #333;
	font-weight: bold;
}

.page-list {
	position: absolute;
	top: 4px;
	right: 0;
}
.help-block {
	color: #333;
}
.help-block + .help-block {
	margin-top: -8px;
}
ol.explain {
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
}

ol.explain li {
	position: relative;
	display: table;
	border-collapse: separate;
}

ol.explain li div.number {
	display: table-cell;
	width: 16px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
}

ol.explain li div.description {
	display: table-cell;
	position: relative;
	width: 100%;
	z-index: 2;
}

.input-group .type-text {
	display: table-cell;
}

.input-group .input-group-addon {
	padding: 3px 6px 3px;
	background-color: transparent;
	border: 0;
	font-size: 12px;
}

.input-group .input-group-btn .btn {
	height: 26px;
	padding-top: 3px;
	border-color: #ccc !important;
	font-size: 12px;
	font-weight: normal;
}

.field-group {
	position: relative;
	display: table;
	width: 100%;
}

.field-group .field-group-base {
	display: table-cell;
}

.field-group .field-group-addon {
	margin: 0;
	padding: 3px 6px 3px 0;
}

.view-group {
	position: relative;
	width: 100%;
	display: table;
	border-collapse: separate;
}

.view-group-row {
	display: table-row;
	width: 100%;
}

.view-group .view-group-basic {
	display: table-cell;
	position: relative;
	width: 100%;
	z-index: 2;
}

.view-group .view-group-addon {
	display: table-cell;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
}

.nav-default {
	margin-bottom: 15px;
	border-bottom-color: #c0c0c0 !important;
}
.nav-default li a {
	margin: 0;
	padding: 7px 20px;
	border-color: #c0c0c0 !important;
	border-bottom: none;
	border-right: none;
	border-radius: 0;
	background-color: #f8f8f8;
	color: #777;
}
.nav-default li a:hover,
.nav-default li a:active {
	border-right: none !important;
	background-color: #fff;
}
.nav-default li.active a {
	border-right: none !important;
	border-bottom-color: #fff !important;
	background-color: #fff;
	color: #333;
}
.nav-default li:last-child a {
	border-right: solid 1px #c0c0c0 !important;
}

input.type-text {
	height: 26px;
	margin: 0;
	padding: 3px;
	border: solid 1px #ddd;
	font-size: 13px;
}

input.datepicker {
	width: 90px;
	background: url("/imgs/system/icon/calendar.png") no-repeat right 2px center;
	background-color: #fff;
}

textarea.type-text {
	margin: 0;
	padding: 3px;
	border: solid 1px #ddd;
}

input.wide,
textarea.wide {
	width: 100%;
}

input.half,
textarea.half {
	width: 50%;
}

input.type-text,
select {
	vertical-align: middle;
}

select {
	width: auto;
	height: 26px;
	border-color: #ccc;
	background: #fff;
}
select option {
	font-weight: normal;
}

input.type-text[readonly] {
	background-color: #f7f7f7;
}

input.number {
	text-align: right;
}

input.type-checkbox {
	width: 16px;
	height: 16px;
}
input.type-radio {
	width: 16px;
	height: 16px;
}

.pagination {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

.pagination * {
	margin: 0;
	padding: 0;
}

.pagination a,
.pagination strong {
	display: inline-block;
	position: relative;
	color: #333;
	font-family: tahoma, sans-serif;
	text-decoration: none;
	vertical-align: middle;
	line-height: normal;
}

.pagination a:hover,
.pagination a:active,
.pagination a:focus {
	background-color: #fafafa !important;
}

.pagination strong {
	color: #f22222;
}

.pagination span a {
	font-weight: normal !important;
	white-space: nowrap;
}

.pagination span a:hover,
.pagination span a:active,
.pagination span a:focus {
	background: transparent !important;
	text-decoration: none;
}

.pagination .prev a {
	border-left: none !important;
}

.pagination .next a {
	border-right: none !important;
}

.pagination .direction.prev {
	margin-right: -3px;
}

.pagination .direction.next {
	margin-left: -3px;
}

.pagination.a1 span {
	color: #ccc;
}

.pagination.a1 a,
.pagination.a1 strong {
	margin: 0;
	padding: 1px 9px;
	border-right: 1px solid #ccc;
	font-weight: 500;
	background-color: transparent;
}

.pagination.a1 span a {
	margin: 0;
}

label.placeholder {
	color: #999 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999 !important;
}

select[disabled] {
	background-color: #d6d6d6;
}

.no-count {
	width: 100%;
	text-align: center;
}

/* table-form */
table.table-form {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

table.table-form th,
table.table-form td {
	padding: 10px 10px 10px 15px;
	vertical-align: middle;
	border: solid 1px #ececec;
	border-width: 1px 0;
	word-break: break-all;
}

table.table-form th {
	text-align: left;
	padding-top: 13px;
	padding-left: 10px;
	background-color: #f9f9f9;
	font-weight: 500;
}

table.table-form td {
	background-color: #fff;
	height: 40px;
}

table.table-form td p:last-child {
	margin-bottom: 0;
}

table.table-form tr.part-space td {
	height: 10px;
	margin: 0;
	padding: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

table.table-form p.description {
	margin-top: 3px;
	margin-bottom: 0;
	padding: 0;
}

table.table-form .checkbox, .radio {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* table-view */
table.table-view {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

table.table-view th,
table.table-view td {
	padding: 7px 5px;
	vertical-align: middle;
	border: solid 1px #ececec;
	border-width: 1px 0;
	word-break: break-all;
	height: 40px;
}
table.table-view th {
	text-align: center;
	background-color: #fafafa;
	font-weight: normal;
}

table.table-view td {
	background-color: #fff;
}

table.table-view tr.part-space td {
	height: 10px;
	margin: 0;
	padding: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

table.table-search {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

table.table-search th,
table.table-search td {
	margin: 0;
	padding: 5px;
	vertical-align: middle;
	border: solid 1px #d6d6d6;
	word-break: break-all;
}

table.table-search th {
	text-align: center;
	background-color: #f9f9f9;
}

table.table-search td {
	background-color: #fff;
}

table.table-search input.type-text {
	height: 22px;
}

/* table-list */
table.table-list {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

table.table-list th,
table.table-list td {
	margin: 0;
	padding: 12px 5px 11px;
	vertical-align: middle;
	border: solid 1px #ececec;
	border-width: 1px 0;
	text-align: center;
	word-break: break-all;
	font-size: 13px;
}
table.table-list td {
	border-color: #eee;
}
table.table-list tr:last-child td {
	border-bottom: 1px solid #ececec;
}

table.table-list td.text-left {
	text-align: left;
}

table.table-list td.text-right {
	text-align: right;
}

table.table-list th {
	background-color: #f9f9f9;
	font-weight: normal;
}

table.table-list th .btn-link {
	padding: 3px 5px;
	font-size: 12px;
	font-weight: 500;
	display: inline;
	-webkit-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
}

table.table-list td {
	background-color: #fff;
}

table.table-list .btn-link {
	padding: 3px 6px;
}

table.table-list-xs thead th,
table.table-list-xs tbody th,
table.table-list-xs tbody td {
	padding: 5px;
}

table.table-list-md thead th,
table.table-list-md tbody th,
table.table-list-md tbody td {
	padding: 7px 5px;
}

table.table-list-lg thead th,
table.table-list-lg tbody th,
table.table-list-lg tbody td {
	padding: 10px 5px;
}

table.table-list-striped > tbody > tr:nth-of-type(even) td {
	background-color: #f3f3f3;
}

table.table-list tbody tr.highlight-primary td {
	background-color: #dee8f8;
}

table.table-list tbody tr.highlight-success td {
	background-color: #eefce3;
}

table.table-list tbody tr.highlight-info td {
	background-color: #def8f8;
}

table.table-list tbody tr.highlight-warning td {
	background-color: #fcf8e3;
}

table.table-list tbody tr.highlight-danger td {
	background-color: #fce3e3;
}
table.table-list-border {
	border: solid 1px #d6d6d6;
}
table.table-list-border th,
table.table-list-border td {
	border: solid 1px #d6d6d6;
}

table.table-hover tbody tr:hover td {
	background-color: #eaebe9;
}

table td.no-count {
	padding: 20px 0 !important;
	text-align: center;
}

/* dialog */
.common-layer {
	border-radius: 0;
	border: solid 1px #cdcdcd;
	background: #fff;
	font-family: sans-serif;
	font-size: 12px;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}
.common-layer .ui-dialog-title {
	font-weight: bold;
	margin-top: 5px;
}
.common-layer .ui-dialog-titlebar {
	margin: 0;
	padding: 15px 0 0 15px;
	border: 0;
	background: none;
	color: #000;
	font-size: 17px;
}
.common-layer .ui-dialog-titlebar-close {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	right: 0;
	top: 0;
	margin: 0;
	border-radius: 0;
	vertical-align: middle;
	text-indent: -9999px;
	background: transparent;
	border: none;
}
.common-layer .ui-dialog-titlebar-close:before {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: url("../imgs/arrow_sprites.png") no-repeat;
	background-size: 196px 43px;
	background-position: -150px 0;
	left: 22px;
}
.common-layer .ui-dialog-titlebar-close span {
	display: none;
}


.common-layer-no-title .ui-dialog-titlebar,
.common-layer-no-title .ui-resizable-handle {
	display: none;
}

.common-layer .ui-dialog-content {
	padding: 0;
}

.layer {
	position: relative;
	padding: 15px;
}
.layer a.btn-primary,
.layer a.btn-success,
.layer a.btn-info,
.layer a.btn-warning,
.layer a.btn-danger {
	color: #fff;
}
.layer a.btn-secondary {
	color: #f83500;
}

/* jquery ui extend */
.tooltip-text {
	border: none !important;
	box-shadow: none !important;
	background-color: #000;
	color: #fff;
	padding: 7px 7px 5px;
}

.tooltip-image {
	max-width: inherit;
	border: solid 1px #999 !important;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}

.tooltip-image img {
	max-width: 500px;
	max-height: 500px;
}

/* bootstrap extend */
.label {
	font-size: 13px;
	font-weight: 500;
	padding-top: 4px;
	vertical-align: middle;
}
.label-type {
	padding: 0;
	vertical-align: baseline;
}
.label-warning {
	color: #ff6101;
}
.label-danger {
	color: #c33;
}
.label-primary {
	color: #2677e5;
}
.label-shipping {
	color: #c33;
}
.label-shopping {
	color: #0176d9;
}
.label-warehouse {
	color: #5cb85c;
}
.label-packing {
	color: #ff6101;
}
.label-mall {
	color: #5bc0de;
}
input[type=file] {
	display: inline;
	vertical-align: middle;
}

.checkbox-inline,
.radio-inline {
	padding-left: 22px !important;
}

.radio-inline input[type=radio],
.checkbox-inline input[type=checkbox] {
	margin-left: -22px;
	margin-top: 1px;
}

.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
	margin-left: 12px;
}

.text-inline {
	display: inline-block;
	font-weight: normal;
	margin: 0;
}

.text-inline input[type=text] {
	vertical-align: middle;
	margin-left: 3px;
}

.btn-link-xs {
	padding: 1px 0;
}

.btn-link-sm {
	padding: 3px 0;
}

/* full loading */
/* Absolute Center Spinner */
.loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

	background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 11px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* btn */
.btn {
	font-size: 12px;
	border-radius: 0;
	position: relative;
	text-align: center;
	line-height: normal;
	text-decoration: none;
}
.btn-xs {
	font-size: 13px;
	padding: 5px 5px 4px;
}
.btn-sm {
	padding: 6px 10px 5px;
}
.btn-md {
	font-size: 13px;
	padding: 8px 15px;
	min-width: 100px;
}
.btn-lg {
	padding: 17px 20px;
	font-size: 17px;
	font-weight: 500;
	min-width: 150px;
}
.btn-submit,
.btn-submit:focus {
	background-color: #444;
	border-color: #444;
	color: #fff !important;
}
.btn-secondary,
.btn-secondary:focus {
	background-color: #fff;
	border-color: #f83500;
	color: #f83500 !important;
}
.btn-dark,
.btn-dark:focus {
	background-color: #999;
	border-color: #999;
	color: #fff !important;
}
.btn-default,
.btn-default:focus,
.btn-default:hover {
	background-color: #fff !important;
	border-color: #979797 !important;
	color: #333 !important;
}
.btn-white,
.btn-white:focus {
	background-color: #fff;
	border-color: #979797;
	color: #333 !important;
}
.btn-danger,
.btn-danger:focus,
.btn-danger:hover {
	background-color: #fff !important;
	border-color: #c00;
	color: #c00 !important;
}
.btn-warning,
.btn-warning:focus,
.btn-warning:hover {
	background-color: #f0ad4e !important;
	border-color: #eea236 !important;
	color: #fff !important;
}
.btn.active,
.btn:active {
	box-shadow: none;
	outline: none;
}

.coupon-apply-list {
	max-height: 150px;
	overflow-y: auto;
}
.label.orderType {
	white-space: normal;
	line-height: 16px;
}

/* address */
.global-address .address-user .form-group {
	overflow: hidden;
}
.global-address .address-user .form-group label {
	float: left;
	width: 120px;
	margin: 4px 10px 0 0;
	text-align: right;
}
.global-address .address-user .form-group input {
	float: left;
}
.global-address .address-user .form-group input.wide {
	width: 80%;
}

/* toggle-switch */
.toggle-switch .toggle-checkbox input {
	display: none;
}
.toggle-switch .toggle-checkbox {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 24px;
}
.toggle-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	border: 1px solid #adb5bd;
	border-radius: 30px;
	transition: all 0.4s;
}
.toggle-switch .slider:before {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	left: 2px;
	top: 2px;
	background-color: #adb5bd;
	border-radius: 24px;
	transition: all 0.4s;
}
.toggle-switch input:checked + .slider {
	background-color: #007bff;
	border-color: #007bff;
}
.toggle-switch input:checked + .slider:before {
	background-color: #fff;
}
.toggle-switch input:checked + .slider:before {
	transform: translateX(24px);
}

/* quantity-area */
.quantity-area div {
	border: 1px solid #b2b2b2;
	width: 100%;
	background: #fff;
	text-align: center;
	display: table;
}
.quantity-area div input[type=text] {
	border: 1px solid #b2b2b2;
	border-top: none;
	border-bottom: none;
	width: 100%;
	text-align: center;
	height: 25px;
}
.quantity-area div a {
	display: table-cell;
	width: 25px;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
	font-weight: 500;
	position: relative;
}
.quantity-area div a:before,
.quantity-area div a:after {
	content: "";
	display: block;
	background: #000;
	position: absolute;
}
.quantity-area div a.minus:before {
	width: 9px;
	height: 1px;
	left: 8px;
	top: 12px;
}
.quantity-area div a.plus:before {
	width: 9px;
	height: 1px;
	left: 7px;
	top: 12px;
}
.quantity-area div a.plus:after {
	width: 1px;
	height: 9px;
	left: 11px;
	top: 8px;
}
.quantity-area div a:hover {
	background: #efefef;
}

/* ---------- basic end ---------- */

/* 잠깐 언어별 폰트 보려고 추가 - 추후 삭제 요망 */
#en,
#en h1,
#en h2,
#en h3,
#en h4,
#en h5,
#en h6,
#en .ui-widget,
#en .ui-widget input,
#en .ui-widget select,
#en .ui-widget textarea,
#en .ui-widget button {
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}

#ja,
#ja h1,
#ja h2,
#ja h3,
#ja h4,
#ja h5,
#ja h6,
#ja .ui-widget,
#ja .ui-widget input,
#ja .ui-widget select,
#ja .ui-widget textarea,
#ja .ui-widget button {
	font-family: 'Pretendard JP', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}

#zh-CN,
#zh-CN h1,
#zh-CN h2,
#zh-CN h3,
#zh-CN h4,
#zh-CN h5,
#zh-CN h6,
#zh-CN .ui-widget,
#zh-CN .ui-widget input,
#zh-CN .ui-widget select,
#zh-CN .ui-widget textarea,
#zh-CN .ui-widget button {
	font-family: "Noto Sans SC", sans-serif;
}

#actionFrame {
	display:block;
}

.swiper-container {
	overflow:hidden;
}

.rss {
	margin-top: 15px;
	padding-left: 18px;
	position: relative;
	font-size: 13px;
}
.rss a {
	color: #333;
	text-decoration: none;
}
.rss:before {
	content: '';
	width: 12px;
	height: 12px;
	background: url('/imgs/system/rss.png') no-repeat 0 0 / contain;
	position: absolute;
	left: 0;
	top: 2px;
}

/* 통관고유부호검증 안내 */
.help-check-customs {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #007aff !important;
	background: rgba(0, 122, 255, 0.05);
	border-radius: 4px;
	padding: 4px 13px 3px;
	text-decoration: none !important;
	margin-top: 5px;
	word-break: keep-all;
	transition: all 0.3s;

	&:hover {
		opacity: 0.7;
	}
}