.ww-transition-all{
	transition-duration: .3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.division-empty{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FAFAFA;
	padding: 8px;
	height: 48px;
	border-radius: 4px;
	color: var(--font-color-800);
	font-size: 12px;
	font-weight: 400;
	text-align: center;
}

/*=========================================
	icon
=========================================*/
[class*="ww-icon"]{
	display: inline-block;
}
.ww-icon-sm{
	width: 24px;
	height: 24px;
}
.ww-icon-md{
	width: 36px;
	height: 36px;
}
.ww-icon-lg{
	width: 48px;
	height: 48px;
}

.ww-icon-logo{
	background: url('/images/logo/logo.png') no-repeat center / 48px;
}
.ww-icon-home{
	background: url('/images/logo/logo.svg') no-repeat center / 54px;
	width: 54px;
}
#categoryList .ww-btn{
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 0 6px 0 12px;
}
.category-delete{
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.ww-icon-close-w{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/images/icon/close_w_icon14x.png') no-repeat center / 14px;
}
.select2-container{
	font-size: 12px !important;
	font-weight: 400 !important;
	height: 48px !important;
	color: #131920 !important;
}


.ww-gnb-100{
	background: url('/images/gnb/gnb-basicsetting.svg') no-repeat center / 24px;
}
.ww-gnb-200{
	background: url('/images/gnb/gnb-global.svg') no-repeat center / 24px;
}
.ww-gnb-300{
	background: url('/images/gnb/gnb-user.svg') no-repeat center / 24px;
}
.ww-gnb-400{
	background: url('/images/gnb/gnb-menu.svg') no-repeat center / 24px;
}
.ww-gnb-410{
	background: url('/images/gnb/gnb-product.svg') no-repeat center / 24px;
}
.ww-gnb-420{
	background: url('/images/gnb/gnb-order.svg') no-repeat center / 24px;
}
.ww-gnb-500{
	background: url('/images/gnb/gnb-display.svg') no-repeat center / 24px;
}
.ww-gnb-550{
	background: url('/images/gnb/gnb-irhr.svg') no-repeat center / 24px;
}
.ww-gnb-560{
	background: url('/images/gnb/gnb-provider.svg') no-repeat center / 24px;
}
.ww-gnb-600{
	background: url('/images/gnb/gnb-content.svg') no-repeat center / 24px;
}
.ww-gnb-550{
	background: url('/images/gnb/gnb-campaign.svg') no-repeat center / 24px;
}
.ww-gnb-700{
	background: url('/images/gnb/gnb-point.svg') no-repeat center / 24px;
}

.ww-gnb-850{
	background: url('/images/gnb/gnb-irhr.svg') no-repeat center / 24px;
}
.ww-gnb-900{
	background: url('/images/gnb/gnb-statistics.svg') no-repeat center / 24px;
}
.ww-gnb-logout{
	background: url('/images/gnb/gnb-logout.svg') no-repeat center / 24px;
}


.ww-gnb-on .ww-gnb-100{
	background: url('/images/gnb/gnb-basicsetting-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-200{
	background: url('/images/gnb/gnb-global-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-300{
	background: url('/images/gnb/gnb-user-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-400{
	background: url('/images/gnb/gnb-menu-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-410{
	background: url('/images/gnb/gnb-product-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-420{
	background: url('/images/gnb/gnb-order-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-500{
	background: url('/images/gnb/gnb-display-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-550{
	background: url('/images/gnb/gnb-irhr-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-560{
	background: url('/images/gnb/gnb-provider-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-600{
	background: url('/images/gnb/gnb-content-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-550{
	background: url('/images/gnb/gnb-campaign-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-700{
	background: url('/images/gnb/gnb-point-active.svg') no-repeat center / 24px;
}

.ww-gnb-on .ww-gnb-850{
	background: url('/images/gnb/gnb-irhr-active.svg') no-repeat center / 24px;
}
.ww-gnb-on .ww-gnb-900{
	background: url('/images/gnb/gnb-statistics-active.svg') no-repeat center / 24px;
}

.ww-gnb-on .ww-gnb-logout{
	background: url('/images/gnb/gnb-logout-active.png') no-repeat center / 24px;
}


/*=========================================
	ww-tooltip
=========================================*/
/*
.ww-tooltip{
	position: relative;

}
.ww-tooltip::before,
.ww-tooltip::after {
	content: '';
	position: absolute;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s;
}
.ww-tooltip::before {
	content: '';
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	border: 6px solid transparent;
	border-right-color: var(--tooltip-background);
	margin-left: 4px;
	z-index: 99;
}
.ww-tooltip-left.ww-tooltip::before{
	left: unset;
	right: 100%;
	margin-right: 4px;
	border: 6px solid transparent;
	border-left-color: var(--tooltip-background);
}
.ww-tooltip::after {
	content: attr(data-name);
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--tooltip-background);
	color: var(--tooltip-font-color);
	padding: 8px 12px;
	border-radius: 4px;
	white-space: nowrap;
	margin-left: 16px;
	font-size: 12px;
	font-weight: 300;
	line-height: 120%;
	box-shadow: var(--tooltip-box-shadow);
	z-index: 99;
}

.ww-tooltip-left.ww-tooltip::after{
	left: unset;
	right: 100%;
	margin-right: 16px;
}

.ww-tooltip:hover::before,
.ww-tooltip:hover::after {
	visibility: visible;
	opacity: 1;
}
*/



/*=========================================
	Required
=========================================*/
.ww-required {
	position:relative;
	display:inline;
}
.ww-required:after {
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	vertical-align: top;
	position: absolute;
	top: 0;
	right: -8px;
	border-radius: 50%;
	background: #ff3b3b;
}

/*=========================================
	Button
=========================================*/

.ww-btn{
	display: inline-block;
	padding: 0 12px;
	font-size: 13px;
	font-weight: 500;
	line-height: 44px;
	height: 46px;
	letter-spacing: 0;
	text-align: center;
	border-radius: 4px;
	box-sizing: border-box;
}
.ww-btn:focus{
	outline: none;
}


.ww-btn.ww-btn-sm{
	height: 38px;
	line-height: 36px;
}
.ww-btn.ww-btn-md{
	height: 46px;
	line-height: 44px;
}
.ww-btn.ww-btn-lg{
	height: 58px;
	line-height: 56px;
}

.ww-btn01{
	border: 1px solid var(--button-active-border-color);
	color: var(--button-active-border-color);
	background: var(--button-background-color);
}

.ww-btn02{
	border: 1px solid var(--button-active-border-color);
	color: var(--button-active-text-color);
	background: var(--button-active-background-color);
}
.ww-btn02:hover, .ww-btn04:focus {
	color:#FFF;
}

.ww-btn03{
	border: 1px solid var(--button-border-color-3);
	color: var(--button-text-color-3);
	background: var(--button-background-color-3);
}

.ww-btn04{
	border: 1px solid #802C70;
	color:#FFF;
	background: #802C70;
}
.ww-btn04:hover, .ww-btn04:focus {
	color:#FFF;
}



/*=========================================
	ww-text-right
=========================================*/
.ww-text-left{text-align: left !important;}
.ww-text-right{text-align: right !important;}
.ww-text-center{text-align: center !important;}

@media screen and (min-width: 744px){
	.ww-text-left--tablet{text-align: left !important;}
	.ww-text-right--tablet{text-align: right !important;}
	.ww-text-center--tablet{text-align: center !important;}
}
@media screen and (min-width: 1280px){
	.ww-text-left--desktop{text-align: left !important;}
	.ww-text-right--desktop{text-align: right !important;}
	.ww-text-center--desktop{text-align: center !important;}
}


/*=========================================
	ww-inp
=========================================*/
.ww-inp{
	display: block;
	width: 100%;
	padding: 14px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	color: #131920;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid var(--primary-border);
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.ww-inp::placeholder{
	color: #bec8d0;
}
.ww-inp:focus {
	color: #131920;
	background-color: #f8f9fa;
	border-color: #8B5CF6;
	outline: 0;
	box-shadow: 0 0 0 1px rgba(70, 128, 255, .1);
}
.ww-inp-multirow{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.ww-display-text{
	display: block;
	width: 100%;
	min-height: 48px;
	padding: 14px 18px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #131920;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #131920;
	background-color: #f8f9fa;
	border-color: #4680ff;
	outline: 0;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}




/*=========================================
	ww-select
=========================================*/
.ww-select{
	display: inline-block;
	min-width: 128px;
	width: 100%;
	padding: 0 18px;
	font-size: 12px;
	font-weight: 400;
	height: 48px;
	color: #131920;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid var(--primary-border);
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ww-select-128{
	max-width: 128px;
}

.ww-select-full{
	max-width: 100%;
}

.ww-select-half{
	max-width: 50%;
}

/*=========================================
	ww-textarea
=========================================*/
.ww-textarea{
	display: block;
	width: 100%;
	min-height: 200px;
	padding: 14px 18px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--font-color-800);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--input-background-color);
	background-clip: padding-box;
	border: 1px solid var(--input-border-color);
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ww-textarea:focus {
	background-color: #f8f9fa;
	border-color: var(--input-active-border-color);
	outline: 0;
	box-shadow: 0 0 0 1px rgba(70, 128, 255, .1);
}


/*=========================================
	ww-radio
=========================================*/
.ww-checkbox-wrap{
	display: flex;
	align-items: center;
	gap: 8px;
}
.ww-checkbox-field {
	display:inline-block;
}
.ww-checkbox-field.self {
	margin-right: 0;
}
.ww-checkbox-field input[type="checkbox"] {
	display:none;
}
.ww-checkbox-field label {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	color: var(--font-color-600);
	display:inline-block;
	cursor: pointer;
	margin-left: -6px;
}
.ww-checkbox-field input[type="checkbox"] + .ww-checkbox-icon{
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	position: relative;
	background: url("../images/icon/ww-checkbox.svg") no-repeat center;
	background-size: 14px;
}

.ww-checkbox-field input[type="checkbox"]:checked + .ww-checkbox-icon {
	background-image: url("../images/icon/ww-checkbox-checked.svg")
}

/*=========================================
	ww-radio
=========================================*/
.ww-radio-wrap{
	display: flex;
	align-items: center;
	gap: 8px;
}
.ww-radio-field {
	display:inline-block;
}
.ww-radio-field input[type="radio"] {
	display:none;
}
.ww-radio-field label {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	color: var(--font-color-600);
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-left: -6px;
}
.ww-radio-field input[type="radio"] + .ww-radio-icon{
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	position: relative;
	background: url("../images/icon/ww-radio.svg") no-repeat center;
	background-size: 14px;
}

.ww-radio-field input[type="radio"]:checked + .ww-radio-icon {
	background-image: url("../images/icon/ww-radio-checked.svg")
}



/*=========================================
	ww-input
=========================================*/
.ww-input-120{
	max-width: 120px;
}
.ww-input-180{
	max-width: 180px;
}
.ww-input-240{
	max-width: 240px;
}

.ww-input-1{width: 100%; padding-top: 14px; padding-bottom: 14px;}
.ww-input-1 > label{display: inline-block; margin-bottom: 18px; font-size: 16px; color: var(--font-color-600); font-weight: 500;}
.ww-input-1.ww-input-self{
	padding-bottom: 0;
}
.ww-input-2{
	display: grid;
	align-items: stretch;
	justify-content: start;
	grid-template-columns: 124px 1fr;
	padding: 4px 0;
	gap: 8px;
}
.ww-input-2 > label{
	font-size: 13px;
	color: var(--font-color-800);
	background: #f4f4f4;
	display: flex;
	align-items: center;
	height: 100%;
	line-height: 1.3;
	padding: 8px 12px;
	border-radius: 4px;
	min-height: 48px;
	border: 1px solid #eeeeee;
}
.ww-line-wrap{
	min-height: 48px;
	border: 1px solid var(--primary-border);
	border-radius: 4px;
	display: flex;
	align-items: center;
	padding: 8px;
}

.ww-input-3{padding: 12px 0 0;}
.ww-input-3 > label{
	display: block;
	color: var(--font-color-600);
	font-size: 12px;
	padding: 0 0 8px;
}
.ww-input-3 > label{}

.ww-input-empty{padding: 0 8px; font-size: 14px; font-weight: 500; color: var(--font-color-500); line-height: 32px;}
.ww-input-txt-wrap{
	display: grid;
	grid-template-columns: 1fr minmax(20px, auto);
	text-align: left;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--primary-border);
	border-radius: 4px;
}
.ww-input-txt-wrap-2{
	display: grid;
	grid-template-columns: minmax(20px, auto) 1fr minmax(20px, auto);
	text-align: left;
	align-items: center;
	gap: 8px;
}
.ww-input-txt-wrap-3{
	display: flex;
	align-items: center;
	gap: 8px;
}
.ww-input-txt-wrap-4{
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
}
[class*="ww-input-txt-wrap"] .ww-inp-txt{
	display: inline-block;
	font-size: 12px;
	color: var(--font-color-600);
	padding: 0 8px;
	text-align: center;
}
.ww-input-txt-wrap-3 input[type="text"]{
	border: 0;
	background: #fafafa;

}
.ww-input-txt-wrap-3 .ww-inp-txt{
	padding: 0;
	white-space: nowrap;
}
.ww-input-txt-wrap-4 input[type="text"]{
	flex: 1 0 0;
	background: #fafafa;
	border: 1px solid #fbfbfb;
}
.ww-input-txt-wrap-4 .ww-inp-txt{
	flex-shrink: 0;
}



.ww-input-guidetext{margin-top: 4px;}
.ww-input-guidetext p{
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	color: #A3A3A3;
}

.ww-input-guidetext a{
	color: #FF0000;
	text-decoration: underline;
}


.ww-input-guidetext-2{}
.ww-input-guidetext-2 ul{
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 8px;
	border: 1px solid #E5E5E5;
}
.ww-input-guidetext-2 ul li{
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: 400;
	line-height: 130%;
	padding: 0 0 0 16px;
	position: relative;
}

.ww-input-guidetext-2 ul li::before{
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 6px;
	top: 7px;
}



.ww-exclamation-info{
	display: none;
}
.ww-exclamation-info.is-active{
	display: block;
}
.ww-exclamation-info-2{
	position: relative;
	display: inline-block;
	z-index : 9999;
}
.ww-exclamation-info{
	position: absolute;
	top: 0;
	right: -12px;
	min-width: 360px;
	transform: translate(100%, 0);
	border-radius: 4px;
	border: 1px solid #D4D4D4;
	background: #FFF;
	padding: 12px;
}
.ww-exclamation-info .icon_close{
	position: absolute;
	top: 12px;
	right: 12px;
}
.ww-exclamation-info h4{
	display: block;
	color: #000;
	font-size: 10px;
	font-weight: 700;
	line-height: 130%;
	padding: 0 0 8px;
}

.ww-exclamation-info p{
	display: block;
	color: #000;
	font-size: 10px;
	font-weight: 400;
	line-height: 130%;
	padding: 0 0 2px 8px;
}

.ww-exclamation-info ul li{
	display: block;
	color: #737373;
	font-size: 10px;
	font-weight: 400;
	line-height: 130%;
	padding: 0 0 0 16px;
	position: relative;
}

.ww-exclamation-info ul li::before{
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	background: #737373;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 6px;
}

.ww-exclamation-info br{
	content: "";
	display: block;
	height: 8px;
}



.ww-list-btn-wrap{
	display: flex;
	align-items: start;
	gap: 8px;
}
.ww-list-btn-wrap > div:nth-child(1){
	flex: 1 0 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}
.ww-list-btn-wrap > div:nth-child(2){
	flex-shrink: 0;
}

/*=========================================
	Foundation > Layout
=========================================*/
.ww-viewport-content {
	max-width: 780px;
	padding: 0 16px;
	margin: 0 auto;
	box-sizing: content-box;
}

.ww-column-container {
	width: calc(100% + 16px);
	padding: 0;
	margin: 0 -8px;
	float: none;
	box-sizing: content-box;
}
.ww-column-container::after,
.ww-clearfix::after {
	content: "";
	display: block;
	clear: both;
}


/*=========================================
	Foundation > Layout > column
=========================================*/
[class*="ww-col-"] {
	box-sizing: border-box;
	padding: 0 8px;
	float: left;
}
.ww-col-1  {width: 8.33%;}
.ww-col-2  {width: 16.66%;}
.ww-col-3  {width: 25%;}
.ww-col-4  {width: 33.33%;}
.ww-col-5  {width: 41.66%;}
.ww-col-6  {width: 50%;}
.ww-col-7  {width: 58.33%;}
.ww-col-8  {width: 66.66%;}
.ww-col-9  {width: 75%;}
.ww-col-10 {width: 83.33%;}
.ww-col-11 {width: 91.66%;}
.ww-col-12 {width: 100%;}

@media screen and (min-width: 744px){
	.ww-col-1--tablet  {width: 8.33%;}
	.ww-col-2--tablet  {width: 16.66%;}
	.ww-col-3--tablet  {width: 25%;}
	.ww-col-4--tablet  {width: 33.33%;}
	.ww-col-5--tablet  {width: 41.66%;}
	.ww-col-6--tablet  {width: 50%;}
	.ww-col-7--tablet  {width: 58.33%;}
	.ww-col-8--tablet  {width: 66.66%;}
	.ww-col-9--tablet  {width: 75%;}
	.ww-col-10--tablet {width: 83.33%;}
	.ww-col-11--tablet {width: 91.66%;}
	.ww-col-12--tablet {width: 100%;}
}

@media screen and (min-width: 1280px){
	.ww-col-1--tablet  {width: 8.33%;}
	.ww-col-2--tablet  {width: 16.66%;}
	.ww-col-3--tablet  {width: 25%;}
	.ww-col-4--tablet  {width: 33.33%;}
	.ww-col-5--tablet  {width: 41.66%;}
	.ww-col-6--tablet  {width: 50%;}
	.ww-col-7--tablet  {width: 58.33%;}
	.ww-col-8--tablet  {width: 66.66%;}
	.ww-col-9--tablet  {width: 75%;}
	.ww-col-10--tablet {width: 83.33%;}
	.ww-col-11--tablet {width: 91.66%;}
	.ww-col-12--tablet {width: 100%;}
}




/*=========================================
	Layout > ww-section-wrap
=========================================*/
.ww-section-wrap{
	border: 1px solid var(--primary-border);
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
	padding: 20px 28px;
	border-radius: 4px;
	background: #FFF;
	overflow-x: scroll;
}

.ww-section-title{
	padding: 18px 0;
}
.ww-section-title.nope{
	opacity: 0;
}
.ww-section-title h3{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--font-color-600);
}
.ww-section-title h3 small{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--font-color-400);
}
.ww-section-title h4{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--font-color-500);
}


.ww-inner-title{
	padding: 24px 0;
}
.ww-inner-title.nope{
	opacity: 0;
}
.ww-inner-title h3{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--font-color-600);
}

@media screen and (max-width: 1280px){
	.ww-section-wrap {
		padding: 14px 24px 14px;
	}
}
@media screen and (max-width: 744px){
	.ww-section-wrap {
		padding: 12px 20px 12px;
	}
}


/*=========================================
	Layout > grid
=========================================*/
.grid {
	display: grid;
}
.grid-outer {
	margin-bottom: 28px;
}
.grid > [class*="col-span-"]{
	display: grid;
	grid-auto-rows: auto 1fr;
}


.grid-cols-1 {grid-template-columns: repeat(1,minmax(0,1fr));}
.grid-cols-2 {grid-template-columns: repeat(2,minmax(0,1fr));}
.grid-cols-3 {grid-template-columns: repeat(3,minmax(0,1fr));}
.grid-cols-4 {grid-template-columns: repeat(4,minmax(0,1fr));}
.grid-cols-5 {grid-template-columns: repeat(5,minmax(0,1fr));}
.grid-cols-6 {grid-template-columns: repeat(6,minmax(0,1fr));}
.grid-cols-7 {grid-template-columns: repeat(7,minmax(0,1fr));}
.grid-cols-8 {grid-template-columns: repeat(8,minmax(0,1fr));}
.grid-cols-9 {grid-template-columns: repeat(9,minmax(0,1fr));}
.grid-cols-10 {grid-template-columns: repeat(10,minmax(0,1fr));}
.grid-cols-11 {grid-template-columns: repeat(11,minmax(0,1fr));}
.grid-cols-12 {grid-template-columns: repeat(12,minmax(0,1fr));}


/*=========================================
	Grid > gap
=========================================*/
.grid-gap-0 {gap: 0}
.grid-gap-1 {gap: 0 0.25rem}
.grid-gap-10 {gap: 0 2.5rem}
.grid-gap-12 {gap: 0 3rem}
.grid-gap-16 {gap: 0 4rem}
.grid-gap-2 {gap: 0 0.5rem}
.grid-gap-3 {gap: 0 0.75rem}
.grid-gap-4 {gap: 0 1rem}
.grid-gap-5 {gap: 0 1.25rem}
.grid-gap-6 {gap: 0 1.5rem}
.grid-gap-7 {gap: 0 1.75rem}
.grid-gap-8 {gap: 0 2rem}

@media screen and (min-width: 744px){
	.grid-gap-0--tablet {gap: 0}
	.grid-gap-1--tablet {gap: 0 0.25rem}
	.grid-gap-10--tablet {gap: 0 2.5rem}
	.grid-gap-12--tablet {gap: 0 3rem}
	.grid-gap-16--tablet {gap: 0 4rem}
	.grid-gap-2--tablet {gap: 0 0.5rem}
	.grid-gap-3--tablet {gap: 0 0.75rem}
	.grid-gap-4--tablet {gap: 0 1rem}
	.grid-gap-5--tablet {gap: 0 1.25rem}
	.grid-gap-6--tablet {gap: 0 1.5rem}
	.grid-gap-7--tablet {gap: 0 1.75rem}
	.grid-gap-8--tablet {gap: 0 2rem}
}
@media screen and (min-width: 1280px){
	.grid-gap-0--desktop {gap: 0}
	.grid-gap-1--desktop {gap: 0 0.25rem}
	.grid-gap-10--desktop {gap: 0 2.5rem}
	.grid-gap-12--desktop {gap: 0 3rem}
	.grid-gap-16--desktop {gap: 0 4rem}
	.grid-gap-2--desktop {gap: 0 0.5rem}
	.grid-gap-3--desktop {gap: 0 0.75rem}
	.grid-gap-4--desktop {gap: 0 1rem}
	.grid-gap-5--desktop {gap: 0 1.25rem}
	.grid-gap-6--desktop {gap: 0 1.5rem}
	.grid-gap-7--desktop {gap: 0 1.75rem}
	.grid-gap-8--desktop {gap: 0 2rem}
}




.grid-gap-all-0 {gap: 0}
.grid-gap-all-1 {gap: 0.25rem}
.grid-gap-all-10 {gap: 2.5rem}
.grid-gap-all-12 {gap: 3rem}
.grid-gap-all-16 {gap: 4rem}
.grid-gap-all-2 {gap: 0.5rem}
.grid-gap-all-3 {gap: 0.75rem}
.grid-gap-all-4 {gap: 1rem}
.grid-gap-all-5 {gap: 1.25rem}
.grid-gap-all-6 {gap: 1.5rem}
.grid-gap-all-7 {gap: 1.75rem}
.grid-gap-all-8 {gap: 2rem}

@media screen and (min-width: 744px){
	.grid-gap-all-0--tablet {gap: 0}
	.grid-gap-all-1--tablet {gap: 0.25rem}
	.grid-gap-all-10--tablet {gap: 2.5rem}
	.grid-gap-all-12--tablet {gap: 3rem}
	.grid-gap-all-16--tablet {gap: 4rem}
	.grid-gap-all-2--tablet {gap: 0.5rem}
	.grid-gap-all-3--tablet {gap: 0.75rem}
	.grid-gap-all-4--tablet {gap: 1rem}
	.grid-gap-all-5--tablet {gap: 1.25rem}
	.grid-gap-all-6--tablet {gap: 1.5rem}
	.grid-gap-all-7--tablet {gap: 1.75rem}
	.grid-gap-all-8--tablet {gap: 2rem}
}
@media screen and (min-width: 1280px){
	.grid-gap-all-0--desktop {gap: 0}
	.grid-gap-all-1--desktop {gap: 0.25rem}
	.grid-gap-all-10--desktop {gap: 2.5rem}
	.grid-gap-all-12--desktop {gap: 3rem}
	.grid-gap-all-16--desktop {gap: 4rem}
	.grid-gap-all-2--desktop {gap: 0.5rem}
	.grid-gap-all-3--desktop {gap: 0.75rem}
	.grid-gap-all-4--desktop {gap: 1rem}
	.grid-gap-all-5--desktop {gap: 1.25rem}
	.grid-gap-all-6--desktop {gap: 1.5rem}
	.grid-gap-all-7--desktop {gap: 1.75rem}
	.grid-gap-all-8--desktop {gap: 2rem}
}


/*=========================================
	Grid > column span
=========================================*/
.col-span-0 {grid-column: span 0;}
.col-span-1 {grid-column: span 1;}
.col-span-2 {grid-column: span 2;}
.col-span-3 {grid-column: span 3;}
.col-span-4 {grid-column: span 4;}
.col-span-5 {grid-column: span 5;}
.col-span-6 {grid-column: span 6;}
.col-span-7 {grid-column: span 7;}
.col-span-8 {grid-column: span 8;}
.col-span-9 {grid-column: span 9;}
.col-span-10 {grid-column: span 10;}
.col-span-11 {grid-column: span 11;}
.col-span-12 {grid-column: span 12;}

@media screen and (min-width: 744px){
	.col-span-0--tablet {grid-column: span 0;}
	.col-span-1--tablet {grid-column: span 1;}
	.col-span-2--tablet {grid-column: span 2;}
	.col-span-3--tablet {grid-column: span 3;}
	.col-span-4--tablet {grid-column: span 4;}
	.col-span-5--tablet {grid-column: span 5;}
	.col-span-6--tablet {grid-column: span 6;}
	.col-span-7--tablet {grid-column: span 7;}
	.col-span-8--tablet {grid-column: span 8;}
	.col-span-9--tablet {grid-column: span 9;}
	.col-span-10--tablet {grid-column: span 10;}
	.col-span-11--tablet {grid-column: span 11;}
	.col-span-12--tablet {grid-column: span 12;}
}

@media screen and (min-width: 1280px){
	.col-span-0--desktop {grid-column: span 0;}
	.col-span-1--desktop {grid-column: span 1;}
	.col-span-2--desktop {grid-column: span 2;}
	.col-span-3--desktop {grid-column: span 3;}
	.col-span-4--desktop {grid-column: span 4;}
	.col-span-5--desktop {grid-column: span 5;}
	.col-span-6--desktop {grid-column: span 6;}
	.col-span-7--desktop {grid-column: span 7;}
	.col-span-8--desktop {grid-column: span 8;}
	.col-span-9--desktop {grid-column: span 9;}
	.col-span-10--desktop {grid-column: span 10;}
	.col-span-11--desktop {grid-column: span 11;}
	.col-span-12--desktop {grid-column: span 12;}

}


/*=========================================
	Foundation > Layout > column
=========================================*/
[class*="ww-col-"] {
	box-sizing: border-box;
	padding: 0 8px;
	float: left;
}
.ww-col-1  {width: 8.33%;}
.ww-col-2  {width: 16.66%;}
.ww-col-3  {width: 25%;}
.ww-col-4  {width: 33.33%;}
.ww-col-5  {width: 41.66%;}
.ww-col-6  {width: 50%;}
.ww-col-7  {width: 58.33%;}
.ww-col-8  {width: 66.66%;}
.ww-col-9  {width: 75%;}
.ww-col-10 {width: 83.33%;}
.ww-col-11 {width: 91.66%;}
.ww-col-12 {width: 100%;}

@media(min-width: 744px){
	.ww-col-1--tablet  {width: 8.33%;}
	.ww-col-2--tablet  {width: 16.66%;}
	.ww-col-3--tablet  {width: 25%;}
	.ww-col-4--tablet  {width: 33.33%;}
	.ww-col-5--tablet  {width: 41.66%;}
	.ww-col-6--tablet  {width: 50%;}
	.ww-col-7--tablet  {width: 58.33%;}
	.ww-col-8--tablet  {width: 66.66%;}
	.ww-col-9--tablet  {width: 75%;}
	.ww-col-10--tablet {width: 83.33%;}
	.ww-col-11--tablet {width: 91.66%;}
	.ww-col-12--tablet {width: 100%;}
}

@media(min-width: 1280px){
	.ww-col-1--desktop  {width: 8.33%;}
	.ww-col-2--desktop  {width: 16.66%;}
	.ww-col-3--desktop  {width: 25%;}
	.ww-col-4--desktop  {width: 33.33%;}
	.ww-col-5--desktop  {width: 41.66%;}
	.ww-col-6--desktop  {width: 50%;}
	.ww-col-7--desktop  {width: 58.33%;}
	.ww-col-8--desktop  {width: 66.66%;}
	.ww-col-9--desktop  {width: 75%;}
	.ww-col-10--desktop {width: 83.33%;}
	.ww-col-11--desktop {width: 91.66%;}
	.ww-col-12--desktop {width: 100%;}
}







/*=========================================
	style > padding
=========================================*/
.ww-padding-top-0 {padding-top: 0;}
.ww-padding-top-2 {padding-top: 2px;}
.ww-padding-top-4 {padding-top: 4px;}
.ww-padding-top-8 {padding-top: 8px;}
.ww-padding-top-12 {padding-top: 12px;}
.ww-padding-top-16 {padding-top: 16px;}
.ww-padding-top-20 {padding-top: 20px;}
.ww-padding-top-24 {padding-top: 24px;}
.ww-padding-top-28 {padding-top: 28px;}
.ww-padding-top-32 {padding-top: 32px;}
.ww-padding-top-36 {padding-top: 36px;}
.ww-padding-top-40 {padding-top: 40px;}
.ww-padding-top-44 {padding-top: 44px;}
.ww-padding-top-48 {padding-top: 48px;}
.ww-padding-top-52 {padding-top: 52px;}
.ww-padding-top-56 {padding-top: 56px;}
.ww-padding-top-60 {padding-top: 60px;}
.ww-padding-top-64 {padding-top: 64px;}
.ww-padding-top-68 {padding-top: 68px;}
.ww-padding-top-72 {padding-top: 72px;}
.ww-padding-top-76 {padding-top: 76px;}
.ww-padding-top-80 {padding-top: 80px;}
.ww-padding-top-84 {padding-top: 84px;}
.ww-padding-top-88 {padding-top: 88px;}
.ww-padding-top-92 {padding-top: 92px;}
.ww-padding-top-96 {padding-top: 96px;}
.ww-padding-top-100 {padding-top: 100px;}
.ww-padding-top-120 {padding-top: 120px;}
.ww-padding-top-140 {padding-top: 140px;}
.ww-padding-top-160 {padding-top: 160px;}

.ww-padding-right-0 {padding-right: 0;}
.ww-padding-right-2 {padding-right: 2px;}
.ww-padding-right-4 {padding-right: 4px;}
.ww-padding-right-8 {padding-right: 8px;}
.ww-padding-right-12 {padding-right: 12px;}
.ww-padding-right-16 {padding-right: 16px;}
.ww-padding-right-20 {padding-right: 20px;}
.ww-padding-right-24 {padding-right: 24px;}
.ww-padding-right-28 {padding-right: 28px;}
.ww-padding-right-32 {padding-right: 32px;}
.ww-padding-right-36 {padding-right: 36px;}
.ww-padding-right-40 {padding-right: 40px;}
.ww-padding-right-44{padding-right: 44px;}
.ww-padding-right-48 {padding-right: 48px;}
.ww-padding-right-52 {padding-right: 52px;}
.ww-padding-right-56 {padding-right: 56px;}
.ww-padding-right-60 {padding-right: 60px;}
.ww-padding-right-64 {padding-right: 64px;}
.ww-padding-right-68 {padding-right: 68px;}
.ww-padding-right-72 {padding-right: 72px;}
.ww-padding-right-76 {padding-right: 76px;}
.ww-padding-right-80 {padding-right: 80px;}
.ww-padding-right-84 {padding-right: 84px;}
.ww-padding-right-88 {padding-right: 88px;}
.ww-padding-right-92 {padding-right: 92px;}
.ww-padding-right-96 {padding-right: 96px;}
.ww-padding-right-100 {padding-right: 100px;}
.ww-padding-right-120 {padding-right: 120px;}
.ww-padding-right-140 {padding-right: 140px;}
.ww-padding-right-160 {padding-right: 160px;}

.ww-padding-bottom-0 {padding-bottom: 0;}
.ww-padding-bottom-2 {padding-bottom: 2px;}
.ww-padding-bottom-4 {padding-bottom: 4px;}
.ww-padding-bottom-8 {padding-bottom: 8px;}
.ww-padding-bottom-12 {padding-bottom: 12px;}
.ww-padding-bottom-16 {padding-bottom: 16px;}
.ww-padding-bottom-20 {padding-bottom: 20px;}
.ww-padding-bottom-24 {padding-bottom: 24px;}
.ww-padding-bottom-28 {padding-bottom: 28px;}
.ww-padding-bottom-32 {padding-bottom: 32px;}
.ww-padding-bottom-36 {padding-bottom: 36px;}
.ww-padding-bottom-40 {padding-bottom: 40px;}
.ww-padding-bottom-44 {padding-bottom: 44px;}
.ww-padding-bottom-48 {padding-bottom: 48px;}
.ww-padding-bottom-52 {padding-bottom: 52px;}
.ww-padding-bottom-56 {padding-bottom: 56px;}
.ww-padding-bottom-60 {padding-bottom: 60px;}
.ww-padding-bottom-64 {padding-bottom: 64px;}
.ww-padding-bottom-72 {padding-bottom: 72px;}
.ww-padding-bottom-76 {padding-bottom: 76px;}
.ww-padding-bottom-80 {padding-bottom: 80px;}
.ww-padding-bottom-84 {padding-bottom: 84px;}
.ww-padding-bottom-88 {padding-bottom: 88px;}
.ww-padding-bottom-92 {padding-bottom: 92px;}
.ww-padding-bottom-96 {padding-bottom: 96px;}
.ww-padding-bottom-100 {padding-bottom: 100px;}
.ww-padding-bottom-120 {padding-bottom: 120px;}
.ww-padding-bottom-140 {padding-bottom: 140px;}
.ww-padding-bottom-160 {padding-bottom: 160px;}

.ww-padding-left-0 {padding-left: 0;}
.ww-padding-left-2 {padding-left: 2px;}
.ww-padding-left-4 {padding-left: 4px;}
.ww-padding-left-8 {padding-left: 8px;}
.ww-padding-left-12 {padding-left: 12px;}
.ww-padding-left-16 {padding-left: 16px;}
.ww-padding-left-20 {padding-left: 20px;}
.ww-padding-left-24 {padding-left: 24px;}
.ww-padding-left-28 {padding-left: 28px;}
.ww-padding-left-32 {padding-left: 32px;}
.ww-padding-left-36 {padding-left: 36px;}
.ww-padding-left-40 {padding-left: 40px;}
.ww-padding-left-44 {padding-left: 44px;}
.ww-padding-left-48 {padding-left: 48px;}
.ww-padding-left-52 {padding-left: 52px;}
.ww-padding-left-56 {padding-left: 56px;}
.ww-padding-left-60 {padding-left: 60px;}
.ww-padding-left-64 {padding-left: 64px;}
.ww-padding-left-68 {padding-left: 68px;}
.ww-padding-left-72 {padding-left: 72px;}
.ww-padding-left-76 {padding-left: 76px;}
.ww-padding-left-80 {padding-left: 80px;}
.ww-padding-left-84 {padding-left: 84px;}
.ww-padding-left-88 {padding-left: 88px;}
.ww-padding-left-92 {padding-left: 92px;}
.ww-padding-left-96 {padding-left: 96px;}
.ww-padding-left-100 {padding-left: 100px;}
.ww-padding-left-120 {padding-left: 120px;}
.ww-padding-left-140 {padding-left: 140px;}
.ww-padding-left-160 {padding-left: 160px;}


@media(min-width: 744px){
	.ww-padding-top-0--tablet {padding-top: 0;}
	.ww-padding-top-2--tablet {padding-top: 2px;}
	.ww-padding-top-4--tablet {padding-top: 4px;}
	.ww-padding-top-8--tablet {padding-top: 8px;}
	.ww-padding-top-12--tablet {padding-top: 12px;}
	.ww-padding-top-16--tablet {padding-top: 16px;}
	.ww-padding-top-20--tablet {padding-top: 20px;}
	.ww-padding-top-24--tablet {padding-top: 24px;}
	.ww-padding-top-28--tablet {padding-top: 28px;}
	.ww-padding-top-32--tablet {padding-top: 32px;}
	.ww-padding-top-36--tablet {padding-top: 36px;}
	.ww-padding-top-40--tablet {padding-top: 40px;}
	.ww-padding-top-44--tablet {padding-top: 44px;}
	.ww-padding-top-48--tablet {padding-top: 48px;}
	.ww-padding-top-52--tablet {padding-top: 52px;}
	.ww-padding-top-56--tablet {padding-top: 56px;}
	.ww-padding-top-60--tablet {padding-top: 60px;}
	.ww-padding-top-64--tablet {padding-top: 64px;}
	.ww-padding-top-68--tablet {padding-top: 68px;}
	.ww-padding-top-72--tablet {padding-top: 72px;}
	.ww-padding-top-76--tablet {padding-top: 76px;}
	.ww-padding-top-80--tablet {padding-top: 80px;}
	.ww-padding-top-84--tablet {padding-top: 84px;}
	.ww-padding-top-88--tablet {padding-top: 88px;}
	.ww-padding-top-92--tablet {padding-top: 92px;}
	.ww-padding-top-96--tablet {padding-top: 96px;}
	.ww-padding-top-100--tablet {padding-top: 100px;}
	.ww-padding-top-120--tablet {padding-top: 120px;}
	.ww-padding-top-140--tablet {padding-top: 140px;}
	.ww-padding-top-160--tablet {padding-top: 160px;}

	.ww-padding-right-0--tablet {padding-right: 0;}
	.ww-padding-right-2--tablet {padding-right: 2px;}
	.ww-padding-right-4--tablet {padding-right: 4px;}
	.ww-padding-right-8--tablet {padding-right: 8px;}
	.ww-padding-right-12--tablet {padding-right: 12px;}
	.ww-padding-right-16--tablet {padding-right: 16px;}
	.ww-padding-right-20--tablet {padding-right: 20px;}
	.ww-padding-right-24--tablet {padding-right: 24px;}
	.ww-padding-right-28--tablet {padding-right: 28px;}
	.ww-padding-right-32--tablet {padding-right: 32px;}
	.ww-padding-right-36--tablet {padding-right: 36px;}
	.ww-padding-right-40--tablet {padding-right: 40px;}
	.ww-padding-right-44--tablet {padding-right: 44px;}
	.ww-padding-right-48--tablet {padding-right: 48px;}
	.ww-padding-right-52--tablet {padding-right: 52px;}
	.ww-padding-right-56--tablet {padding-right: 56px;}
	.ww-padding-right-60--tablet {padding-right: 60px;}
	.ww-padding-right-64--tablet {padding-right: 64px;}
	.ww-padding-right-68--tablet {padding-right: 68px;}
	.ww-padding-right-72--tablet {padding-right: 72px;}
	.ww-padding-right-76--tablet {padding-right: 76px;}
	.ww-padding-right-80--tablet {padding-right: 80px;}
	.ww-padding-right-84--tablet {padding-right: 84px;}
	.ww-padding-right-88--tablet {padding-right: 88px;}
	.ww-padding-right-92--tablet {padding-right: 92px;}
	.ww-padding-right-96--tablet {padding-right: 96px;}
	.ww-padding-right-100--tablet {padding-right: 100px;}
	.ww-padding-right-120--tablet {padding-right: 120px;}
	.ww-padding-right-140--tablet {padding-right: 140px;}
	.ww-padding-right-160--tablet {padding-right: 160px;}

	.ww-padding-bottom-0--tablet {padding-bottom: 0;}
	.ww-padding-bottom-2--tablet {padding-bottom: 2px;}
	.ww-padding-bottom-4--tablet {padding-bottom: 4px;}
	.ww-padding-bottom-8--tablet {padding-bottom: 8px;}
	.ww-padding-bottom-12--tablet {padding-bottom: 12px;}
	.ww-padding-bottom-16--tablet {padding-bottom: 16px;}
	.ww-padding-bottom-20--tablet {padding-bottom: 20px;}
	.ww-padding-bottom-24--tablet {padding-bottom: 24px;}
	.ww-padding-bottom-28--tablet {padding-bottom: 28px;}
	.ww-padding-bottom-32--tablet {padding-bottom: 32px;}
	.ww-padding-bottom-36--tablet {padding-bottom: 36px;}
	.ww-padding-bottom-40--tablet {padding-bottom: 40px;}
	.ww-padding-bottom-44--tablet {padding-bottom: 44px;}
	.ww-padding-bottom-48--tablet {padding-bottom: 48px;}
	.ww-padding-bottom-52--tablet {padding-bottom: 52px;}
	.ww-padding-bottom-56--tablet {padding-bottom: 56px;}
	.ww-padding-bottom-60--tablet {padding-bottom: 60px;}
	.ww-padding-bottom-64--tablet {padding-bottom: 64px;}
	.ww-padding-bottom-68--tablet {padding-bottom: 68px;}
	.ww-padding-bottom-72--tablet {padding-bottom: 72px;}
	.ww-padding-bottom-86--tablet {padding-bottom: 76px;}
	.ww-padding-bottom-80--tablet {padding-bottom: 80px;}
	.ww-padding-bottom-84--tablet {padding-bottom: 84px;}
	.ww-padding-bottom-88--tablet {padding-bottom: 88px;}
	.ww-padding-bottom-92--tablet {padding-bottom: 92px;}
	.ww-padding-bottom-96--tablet {padding-bottom: 96px;}
	.ww-padding-bottom-100--tablet {padding-bottom: 100px;}
	.ww-padding-bottom-120--tablet {padding-bottom: 120px;}
	.ww-padding-bottom-140--tablet {padding-bottom: 140px;}
	.ww-padding-bottom-160--tablet {padding-bottom: 160px;}

	.ww-padding-left-0--tablet {padding-left: 0;}
	.ww-padding-left-2--tablet {padding-left: 2px;}
	.ww-padding-left-4--tablet {padding-left: 4px;}
	.ww-padding-left-8--tablet {padding-left: 8px;}
	.ww-padding-left-12--tablet {padding-left: 12px;}
	.ww-padding-left-16--tablet {padding-left: 16px;}
	.ww-padding-left-20--tablet {padding-left: 20px;}
	.ww-padding-left-24--tablet {padding-left: 24px;}
	.ww-padding-left-28--tablet {padding-left: 28px;}
	.ww-padding-left-32--tablet {padding-left: 32px;}
	.ww-padding-left-36--tablet {padding-left: 36px;}
	.ww-padding-left-40--tablet {padding-left: 40px;}
	.ww-padding-left-44--tablet {padding-left: 44px;}
	.ww-padding-left-48--tablet {padding-left: 48px;}
	.ww-padding-left-52--tablet {padding-left: 52px;}
	.ww-padding-left-56--tablet {padding-left: 56px;}
	.ww-padding-left-60--tablet {padding-left: 60px;}
	.ww-padding-left-64--tablet {padding-left: 64px;}
	.ww-padding-left-68--tablet {padding-left: 68px;}
	.ww-padding-left-72--tablet {padding-left: 72px;}
	.ww-padding-left-76--tablet {padding-left: 76px;}
	.ww-padding-left-80--tablet {padding-left: 80px;}
	.ww-padding-left-84--tablet {padding-left: 84px;}
	.ww-padding-left-88--tablet {padding-left: 88px;}
	.ww-padding-left-92--tablet {padding-left: 92px;}
	.ww-padding-left-96--tablet {padding-left: 96px;}
	.ww-padding-left-100--tablet {padding-left: 100px;}
	.ww-padding-left-120--tablet {padding-left: 120px;}
	.ww-padding-left-140--tablet {padding-left: 140px;}
	.ww-padding-left-160--tablet {padding-left: 160px;}
}

@media(min-width: 1280px){
	.ww-padding-top-0--desktop {padding-top: 0;}
	.ww-padding-top-2--desktop {padding-top: 2px;}
	.ww-padding-top-4--desktop {padding-top: 4px;}
	.ww-padding-top-8--desktop {padding-top: 8px;}
	.ww-padding-top-12--desktop {padding-top: 12px;}
	.ww-padding-top-16--desktop {padding-top: 16px;}
	.ww-padding-top-20--desktop {padding-top: 20px;}
	.ww-padding-top-24--desktop {padding-top: 24px;}
	.ww-padding-top-28--desktop {padding-top: 28px;}
	.ww-padding-top-32--desktop {padding-top: 32px;}
	.ww-padding-top-40--desktop {padding-top: 40px;}
	.ww-padding-top-44--desktop {padding-top: 44px;}
	.ww-padding-top-48--desktop {padding-top: 48px;}
	.ww-padding-top-52--desktop {padding-top: 52px;}
	.ww-padding-top-56--desktop {padding-top: 56px;}
	.ww-padding-top-60--desktop {padding-top: 60px;}
	.ww-padding-top-64--desktop {padding-top: 64px;}
	.ww-padding-top-68--desktop {padding-top: 68px;}
	.ww-padding-top-72--desktop {padding-top: 72px;}
	.ww-padding-top-76--desktop {padding-top: 76px;}
	.ww-padding-top-80--desktop {padding-top: 80px;}
	.ww-padding-top-84--desktop {padding-top: 84px;}
	.ww-padding-top-88--desktop {padding-top: 88px;}
	.ww-padding-top-92--desktop {padding-top: 92px;}
	.ww-padding-top-96--desktop {padding-top: 96px;}
	.ww-padding-top-100--desktop {padding-top: 100px;}
	.ww-padding-top-120--desktop {padding-top: 120px;}
	.ww-padding-top-140--desktop {padding-top: 140px;}
	.ww-padding-top-160--desktop {padding-top: 160px;}

	.ww-padding-right-0--desktop {padding-right: 0;}
	.ww-padding-right-2--desktop {padding-right: 2px;}
	.ww-padding-right-4--desktop {padding-right: 4px;}
	.ww-padding-right-8--desktop {padding-right: 8px;}
	.ww-padding-right-12--desktop {padding-right: 12px;}
	.ww-padding-right-16--desktop {padding-right: 16px;}
	.ww-padding-right-20--desktop {padding-right: 20px;}
	.ww-padding-right-24--desktop {padding-right: 24px;}
	.ww-padding-right-28--desktop {padding-right: 28px;}
	.ww-padding-right-32--desktop {padding-right: 32px;}
	.ww-padding-right-36--desktop {padding-right: 36px;}
	.ww-padding-right-40--desktop {padding-right: 40px;}
	.ww-padding-right-44--desktop {padding-right: 44px;}
	.ww-padding-right-48--desktop {padding-right: 48px;}
	.ww-padding-right-52--desktop {padding-right: 52px;}
	.ww-padding-right-56--desktop {padding-right: 56px;}
	.ww-padding-right-60--desktop {padding-right: 60px;}
	.ww-padding-right-64--desktop {padding-right: 64px;}
	.ww-padding-right-68--desktop {padding-right: 68px;}
	.ww-padding-right-72--desktop {padding-right: 72px;}
	.ww-padding-right-76--desktop {padding-right: 76px;}
	.ww-padding-right-80--desktop {padding-right: 80px;}
	.ww-padding-right-84--desktop {padding-right: 84px;}
	.ww-padding-right-88--desktop {padding-right: 88px;}
	.ww-padding-right-92--desktop {padding-right: 92px;}
	.ww-padding-right-96--desktop {padding-right: 96px;}
	.ww-padding-right-100--desktop {padding-right: 100px;}
	.ww-padding-right-120--desktop {padding-right: 120px;}
	.ww-padding-right-140--desktop {padding-right: 140px;}
	.ww-padding-right-160--desktop {padding-right: 160px;}

	.ww-padding-bottom-0--desktop {padding-bottom: 0;}
	.ww-padding-bottom-2--desktop {padding-bottom: 2px;}
	.ww-padding-bottom-4--desktop {padding-bottom: 4px;}
	.ww-padding-bottom-8--desktop {padding-bottom: 8px;}
	.ww-padding-bottom-12--desktop {padding-bottom: 12px;}
	.ww-padding-bottom-16--desktop {padding-bottom: 16px;}
	.ww-padding-bottom-20--desktop {padding-bottom: 20px;}
	.ww-padding-bottom-24--desktop {padding-bottom: 24px;}
	.ww-padding-bottom-28--desktop {padding-bottom: 28px;}
	.ww-padding-bottom-32--desktop {padding-bottom: 32px;}
	.ww-padding-bottom-36--desktop {padding-bottom: 36px;}
	.ww-padding-bottom-40--desktop {padding-bottom: 40px;}
	.ww-padding-bottom-44--desktop {padding-bottom: 44px;}
	.ww-padding-bottom-48--desktop {padding-bottom: 48px;}
	.ww-padding-bottom-52--desktop {padding-bottom: 52px;}
	.ww-padding-bottom-56--desktop {padding-bottom: 56px;}
	.ww-padding-bottom-60--desktop {padding-bottom: 60px;}
	.ww-padding-bottom-64--desktop {padding-bottom: 64px;}
	.ww-padding-bottom-68--desktop {padding-bottom: 68px;}
	.ww-padding-bottom-72--desktop {padding-bottom: 72px;}
	.ww-padding-bottom-76--desktop {padding-bottom: 76px;}
	.ww-padding-bottom-80--desktop {padding-bottom: 80px;}
	.ww-padding-bottom-84--desktop {padding-bottom: 84px;}
	.ww-padding-bottom-88--desktop {padding-bottom: 88px;}
	.ww-padding-bottom-92--desktop {padding-bottom: 92px;}
	.ww-padding-bottom-96--desktop {padding-bottom: 96px;}
	.ww-padding-bottom-100--desktop {padding-bottom: 100px;}
	.ww-padding-bottom-120--desktop {padding-bottom: 120px;}
	.ww-padding-bottom-140--desktop {padding-bottom: 140px;}
	.ww-padding-bottom-160--desktop {padding-bottom: 160px;}

	.ww-padding-left-0--desktop {padding-left: 0;}
	.ww-padding-left-2--desktop {padding-left: 2px;}
	.ww-padding-left-4--desktop {padding-left: 4px;}
	.ww-padding-left-8--desktop {padding-left: 8px;}
	.ww-padding-left-12--desktop {padding-left: 12px;}
	.ww-padding-left-16--desktop {padding-left: 16px;}
	.ww-padding-left-20--desktop {padding-left: 20px;}
	.ww-padding-left-24--desktop {padding-left: 24px;}
	.ww-padding-left-28--desktop {padding-left: 28px;}
	.ww-padding-left-32--desktop {padding-left: 32px;}
	.ww-padding-left-40--desktop {padding-left: 40px;}
	.ww-padding-left-48--desktop {padding-left: 48px;}
	.ww-padding-left-52--desktop {padding-left: 52px;}
	.ww-padding-left-56--desktop {padding-left: 56px;}
	.ww-padding-left-60--desktop {padding-left: 60px;}
	.ww-padding-left-64--desktop {padding-left: 64px;}
	.ww-padding-left-68--desktop {padding-left: 68px;}
	.ww-padding-left-72--desktop {padding-left: 72px;}
	.ww-padding-left-76--desktop {padding-left: 76px;}
	.ww-padding-left-80--desktop {padding-left: 80px;}
	.ww-padding-left-84--desktop {padding-left: 84px;}
	.ww-padding-left-88--desktop {padding-left: 88px;}
	.ww-padding-left-92--desktop {padding-left: 92px;}
	.ww-padding-left-96--desktop {padding-left: 96px;}
	.ww-padding-left-100--desktop {padding-left: 100px;}
	.ww-padding-left-120--desktop {padding-left: 120px;}
	.ww-padding-left-140--desktop {padding-left: 140px;}
	.ww-padding-left-160--desktop {padding-left: 160px;}
}




/* Input 삭제예정*/
.inp{
	display: block;
	width: 100%;
	padding: 14px 18px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	color: #131920;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid var(--primary-border);
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.inp::placeholder{
	color: #bec8d0;
}
.inp:focus {
	color: #131920;
	background-color: #f8f9fa;
	border-color: #4680ff;
	outline: 0;
	box-shadow: 0 0 0 1px rgba(70, 128, 255, .1);
}
.inp_extrasm{
	max-width: 44px;
	width: 100%;
}
.inp_sm{
	max-width: 80px;
	width: 100%;
}
.inp_lightmd{
	max-width: 120px;
	width: 100%;
}
.inp_md{
	max-width: 160px;
	width: 100%;
}
.inp_lg{
	max-width: 320px;
	width: 100%;
}
.inp_extralg{
	max-width: 1000px;
	width: 100%;
}



.inp_count{
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color: #737373;
}

.inp_sidetext{
	display: flex;
	align-items: center;
	justify-content: start;
}
.inp_sidetext input{
	margin: 0 4px;
}
.inp_sidetext span{
	display: inline-block;
	line-height: 36px;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}


/* Input Side Text */
.inp_side_unit{
	position: relative;
}

.side_unit{
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}


/* Textarea */

textarea{
	width: 100%;
	height: 200px;
	resize: none;
	border-radius: 4px;
	border: 1px solid #D4D4D4;
}


/*	Checkbox */

.checkbox_field {
	display:inline-block;
	margin-right: 6px;
}
.checkbox_field input[type="checkbox"] {
	display:none;
}
.checkbox_field label {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color: #000;
	display:inline-block;
	cursor: pointer;
	margin-left: -6px;
}
.checkbox_field input[type="checkbox"] + .checkbox_icon{
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	position: relative;
	background: url("../images/icon/checkbox.png") no-repeat center;
	background-size: 16px;
}

.checkbox_field input[type="checkbox"]:checked + .checkbox_icon {
	background-image: url("../images/icon/checkbox_checked.png")
}
.ww-table-1 .checkbox_field{
	margin-right: 0;
}
.ww-table-1 .checkbox_field label{
	margin-left: 0;
}

.ww-table-1 .checkbox_field input[type="checkbox"] + .checkbox_icon{
	width: 24px;
	height: 24px;
}



.ww-section-wrap .ww-table-1{
	border-spacing: 8px;
	margin-top: 0;
}
.ww-section-wrap .ww-table-1 th{
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	background: #FBFBFB;
	padding: 0 16px;
}
.ww-section-wrap .ww-table-1 th:first-child{
	border-left: 1px solid #E4E4E4;
}
.ww-section-wrap .ww-table-1 th:last-child{
	border-right: 1px solid #E4E4E4;
}
.ww-section-wrap .ww-table-1 td{
	background: #FAFAFA;
	border-left: 1px solid #FFF;
}
.ww-section-wrap .ww-table-1 td:first-child{
	border-left: 0;
}


/*	radio 삭제 예정*/

.radio_field {
	display:inline-block;
	margin-right: 6px;
}
.radio_field input[type="radio"] {
	display:none;
}
.radio_field label {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color: #000;
	display:inline-block;
	cursor: pointer;
	margin-left: -6px;
}
.radio_field input[type="radio"] + .radio_icon{
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	position: relative;
	background: url("../images/icon/radio.png") no-repeat center;
	background-size: 14px;
}

.radio_field input[type="radio"]:checked + .radio_icon {
	background-image: url("../images/icon/radio_checked.png")
}

/*=========================================
	ww-template
=========================================*/
.ww-template-wrap{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.ww-template-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ww-template-title h3{
	display: inline-block;
	font-size: 18px;
	color: var(--font-color-600);
	font-weight: 500;
}

.ww-template-status{
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	color: #000;
	text-decoration: underline;
}
.ww-template-status.ww-template-status01{
	color: #d5d5d5;
}
.ww-template-status.ww-template-status02{
	color: #d5d5d5;
}
.ww-template-status.ww-template-status03{
	color: #d5d5d5;
}
.ww-template-status.ww-template-status04{
	color: var(--button-active-background-color);
}

.ww-template-code{
	color: #757575;

}
.ww-template-textarea{}


.ww-template-foot{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ww-template-foot > div{
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #444;
	font-weight: 400;
}
.ww-template-foot .ww-template-textarea-cnt{
	display: block;
	text-align: right;
	padding: 8px 0;
	font-size: 10px;
	color: var(--font-color-400);
	font-weight: 400;
}

/*=========================================
	ww-switch
=========================================*/
.ww-switch-1{
	--switch-background: #E5E5E5;
	--switch-button-background: #FFF;
	--switch-active-background: var(--button-active-background-color);
	position: relative;
	display: inline-block;
	width: 39px;
	height: 24px;
}

.ww-switch-1 input {
	opacity: 0;
	width: 0;
	height: 0;
}

.ww-switch-1 .ww-switch-onoff {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 16px;
	background-color: var(--switch-background);
	-webkit-transition: .4s;
	transition: .4s;
}

.ww-switch-1 .ww-switch-onoff:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	top: 4px;
	background-color: var(--switch-button-background);
	-webkit-transition: .5s;
	transition: .4s;
	border-radius:20px;
}

.ww-switch-1 input:checked + .ww-switch-onoff {
	background-color: var(--switch-active-background);
}

.ww-switch-1 input:checked + .ww-switch-onoff:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}



/* required */
.required {
	position:relative;
	display:inline;
}
.required:after {
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	vertical-align: top;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 50%;
	background: #ff3b3b;
}

/* switch button 삭제예정 */

.switch_field {
	position: relative;
	display: inline-block;
	width: 39px;
	height: 24px;
}

.switch_field input {
	opacity: 0;
	width: 0;
	height: 0;
}

.onoff_switch {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 16px;
	background-color: #E5E5E5;
	-webkit-transition: .4s;
	transition: .4s;
}

.onoff_switch:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	top: 4px;
	background-color: #fff;
	-webkit-transition: .5s;
	transition: .4s;
	border-radius:20px;
}

.switch_field input:checked + .onoff_switch {
	background-color: var(--primary-color);
}

.switch_field input:checked + .onoff_switch:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}


/* Sort */
.sort_wrap{display: flex; align-items: center; justify-content: end; margin-bottom: -10px;}
.sort_field{margin-left: 6px;}
.sort_field .sort_select{min-width: 100px; padding: 0 24px 0 12px;}





.ww-table-header{
	display: flex;
	align-items: start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
}
.ww-table-header + .ww-table-header {
	padding: 12px 0 0;
}

.ww-table-header .ww-table-header-page{}
.ww-table-header .ww-table-header-cont{
	display: flex;
	align-items: start;
	justify-content: start;
	gap: 4px;
	flex-wrap: wrap;
}
.ww-table-header .ww-table-header-cont:nth-child(2){
	justify-content: end;
}
.ww-table-header .ww-table-header-cont .ww-select{
	max-width: 128px;
	width: 100%;
	flex-shrink: 0;
}


/* 도움말 */
.exclamation_info{
	display: none;
}
.exclamation_info.is-active{
	display: block;
}
.exclamation_v1{
	position: relative;
	display: inline-block;
	z-index : 9999;
}
.exclamation_info{
	position: absolute;
	top: 0;
	right: -12px;
	min-width: 360px;
	transform: translate(100%, 0);
	border-radius: 4px;
	border: 1px solid #D4D4D4;
	background: #FFF;
	padding: 12px;
}
.exclamation_info .icon_close{
	position: absolute;
	top: 12px;
	right: 12px;
}
.exclamation_info .exc_title{
	display: block;
	color: #000;
	font-size: 10px;
	font-weight: 700;
	line-height: 130%;
	padding: 0 0 8px;
}

.exclamation_info .exc_subtitle{
	display: block;
	color: #000;
	font-size: 10px;
	font-weight: 400;
	line-height: 130%;
	padding: 0 0 2px 8px;
}

.exclamation_info .exc_list{
	display: block;
	color: #737373;
	font-size: 10px;
	font-weight: 400;
	line-height: 130%;
	padding: 0 0 0 16px;
	position: relative;
}

.exclamation_info .exc_list::before{
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	background: #737373;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 6px;
}

.exclamation_info br{
	content: "";
	display: block;
	height: 8px;
}





/*테이블 스타일 01*/

.table01 table{width: 100%; border-collapse: collapse; border-top: 1px solid #E5E5E5;}
.table01 table th{
	background: #F9FAFB;
	border-bottom: 1px solid #E5E5E5;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0;
	text-align: left;
	color: #000;
}

.table01 table td{
	font-size: 12px;
	font-weight: 400;
	line-height: 19px;
	text-align: left;
	color: #000;
	padding: 8px 16px;
	border-bottom: 1px solid #E5E5E5;
	background: #FFF;
}


.table01 table th.extra_depth{
	border-left: 1px solid #E5E5E5;
	background: #F9FAFB;
	font-weight: 400;
}


/*테이블 스타일 02*/


.table02 table{width: 100%; border-collapse: collapse;}
.table02 table th{
	background: #F3F4F6;
	border-bottom: 1px solid #E5E5E5;
	padding: 8px 4px;
	font-size: 12px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0;
	text-align: left;
	color: #000;
}
.table02 table td{
	font-size: 12px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0;
	text-align: left;
	color: #000;
	padding: 8px 4px;
	border-bottom: 1px solid #E5E5E5;
	background: #FFF;
}






.inner-cont{
	padding: 0;
	position: relative;
}

.main_title{
	padding: 24px 0 24px;
	position: sticky;
	top: 0;
}
.main_title h2{
	display: block;
	font-family: "SUIT";
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	text-align: left;
	color: var(--font-color-600);
}
.main_title .explanation{
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 26px;
	text-align: left;
	color: #A3A3A3;
	vertical-align: top;
}

.inner_title{
	padding: 8px 0;
}
.inner_title h3{
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	text-align: left;
	color: #000;
}






.ww-flex{
	display: flex;
}
.ww-flex-column{
	flex-direction: column;
}
.ww-flex-between{
	justify-content: space-between;
}
.ww-flex-center{
	align-items: center;
}
.ww-flex-end{
	justify-content: end;
}
.ww-flex-wrap{
	flex-wrap: wrap;
}
.ww-flex-shrink{
	flex-shrink: 0;
}
.ww-flex-1{
	flex: 1 0 0;
}
.ww-flex-gap-4{
	gap: 4px;
}
.ww-flex-gap-8{
	gap: 8px;
}

/*=========================================
	ww-form
=========================================*/

/* Form */
.inner_form{
	padding: 0 0 36px;
}

.inner_excel{
	text-align: right;
	padding: 18px 0 12px;
}
.inner_excel .excel_download{
	line-height: 32px;
}

.inner_statistics{
	text-align: right;
	padding: 18px 0 12px;
}
.inner_statistics ul{display: flex; align-items: center; justify-content: start;}
.inner_statistics ul li{margin-right: 8px;}
.inner_statistics ul li span{
	font-size: 12px;
	font-weight: 400;
	line-height: 19px;
	color: #737373;
	display: inline-block;
	margin-right: 4px;
}
.inner_statistics ul li strong{
	font-size: 12px;
	font-weight: 400;
	line-height: 19px;
	color: #FF4800;
	display: inline-block;
}



/*=========================================
	ww-submit
=========================================*/
.ww-submit-btn-wrap{
	position: fixed;
	top: 34px;
	right: 42px;
	z-index: 100;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.ww-submit-btn-wrap .ww-submit-btn-text, .ww-submit-btn-wrap .ww-cancel-btn-text{
	display: inline-block;
	text-align: center;
	font-size: 12px;
	color: var(--primary-color);
	line-height: 1.3;
	font-weight: 500;
}

.ww-submit-btn{
	border-radius: 50%;
	background: var(--button-active-background-color) url('/images/common/upload-24.png') no-repeat center / 24px;
	margin:0 auto;
}

.ww-submit-btn-wrap.ww-submit-multi-btn{
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 8px;
}
.ww-submit-btn-wrap.ww-submit-multi-btn > div{
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.ww-cancel-btn{
	border-radius: 50%;
	border: 1px solid var(--primary-color);
	background: #FFF url('/images/common/cancel-24.svg') no-repeat center / 24px;
	margin:0 auto;
}

/*=========================================
	ww-innerguide
=========================================*/

.inner_guidetext{margin-top: 4px;}
.inner_guidetext p{
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	color: #A3A3A3;
}

.inner_guidetext_v2{
	margin-top: 4px;
}
.inner_guidetext_v2 p{
	font-size: 12px;
	font-weight: 400;
	line-height: 19px;
	padding-left: 18px;
	color: #A3A3A3;
	text-align: left;
	background: url('/images/icon/exclamation_lightgray14x.png') no-repeat left 0 top 3px / 14px;
}




/*=========================================
	ww-address
=========================================*/
.ww-address{}
.ww-address .ww-address-inp{
	margin-bottom: 4px;
}
.ww-address .ww-address-inp.ww-address-sch{
	display: grid;
	grid-template-columns: 1fr 80px;
	justify-content: start;
	align-items: center;
}
.ww-address-inp .find_addr_btn{
	margin-left: 4px;
}





/*=========================================
	ww-file-upload
=========================================*/
.ww-file-upload{
	border: 1px solid var(--primary-border);
	border-radius: 4px;
	padding: 8px;
}
.ww-file-upload input[type="file"]{
	display: none;
}
.ww-file-upload .ww-file-upload-btn{
	display: inline-block;
	height: 24px;
	background: #E5E7EB;
	border: 1px solid #E5E7EB;
	border-radius: 4px;
	padding: 0 13px;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	color: #475569;
	text-align: center;
}
.ww-file-upload .ww-preview-file{padding: 8px 0 4px; display: flex; align-items: center; gap: 4px;}
.ww-file-upload .ww-preview-file img{border-radius: 4px; width: 48px; height: 48px; object-fit: cover;}
/* 상품 상세는 미리보기 영역 키우기 */
#product-item .ww-file-upload .ww-preview-file img{border-radius: 4px; width: 100px; height: 100px; object-fit: cover;}

.ww-file-upload .ww-preview-file img.img72{width: 72px; height: 72px;}
.ww-file-upload .ww-preview-file img.img96{width: 96px; height: 96px;}
.ww-file-upload .ww-preview-file img.img100{width: 100px; height: 100px;}



.ww-file-upload .ww-preview-file .ww-preview-image{
	display: inline-block;
	position: relative;
}
.ww-file-upload .ww-preview-file .ww-preview-image .file_delete_btn{
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/images/icon/file_delete_btn.png') no-repeat center / 16px;
	border: 0;
	border-radius: 4px;
}
.ww-file-upload .ww-preview-file h4{
	font-size: 10px;
	font-weight: 400;
	line-height: 15px;
	text-align: left;
	color: #000;
}
.ww-file-upload .ww-preview-file .ww-preview-cont{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 8px;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

.ww-file-upload .ww-preview-file [class^="ww-preview-cont"] .file_delete_btn{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/images/icon/file_delete_btn.png') no-repeat center / 16px;
	border: 0;
}

.ww-file-upload p{
	font-size: 10px;
	font-weight: 400;
	line-height: 15px;
	text-align: left;
	color: #A3A3A3;
}

/* File Upload  삭제예정*/

.file_upload input[type="file"]{
	display: none;
}
.file_upload .file_upload_btn{
	display: inline-block;
	height: 24px;
	background: #E5E7EB;
	border: 1px solid #E5E7EB;
	border-radius: 4px;
	padding: 0 13px;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	color: #475569;
	text-align: center;
}
.file_upload .preview_file{padding: 4px 0;}
.file_upload .preview_file img{width: 48px; height: 48px; object-fit: cover;}
.file_upload .preview_file span{
	display: inline-block;
	position: relative;
}
.file_upload .preview_file span .file_delete_btn{
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/images/icon/file_delete_btn.png') no-repeat center / 16px;
	border: 0;
}
.file_upload p{
	font-size: 10px;
	font-weight: 400;
	line-height: 15px;
	text-align: left;
	color: #A3A3A3;
}





/* 관리자 상단 탭메뉴*/

.main_nav{margin: 18px 0;}
.main_nav ul{display: flex; align-items: center; justify-content: start; margin: 0 -4px;}
.main_nav ul li{
	margin: 0 4px;
}
.main_nav ul li a{
	--ww-border-opacity: 1;
	display: block;
	min-width: 120px;
	line-height: 42px;
	padding: 0 16px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 400;
	color: var(--button-text-color);
	text-align: center;
	background: var(--button-background-color);
	border: 1px solid var(--button-border-color);
	box-shadow: var(--primary-box-shadow);
}
.main_nav ul li.on a{
	color: var(--button-active-text-color);
	background: var(--button-active-background-color);
	border: 1px solid var(--button-active-border-color);
}

/* 관리자 서브 탭메뉴*/
.sub_nav{margin-bottom: 12px;}
.sub_nav ul{display: flex; align-items: center; justify-content: start; border-bottom: 2px solid var(--primary-border);}
.sub_nav ul li{border-bottom: 1px solid #E5E5E5;}
.sub_nav ul li:first-child{border-left: 1px solid #E5E5E5;}
.sub_nav ul li a{display: block; line-height: 42px; padding: 0 32px; border-radius: 4px 4px 0 0; font-size: 14px; font-weight: 400; color: #000; background: #F9FAFB;}
.sub_nav ul li.on a{color: #FFF; background: var(--button-active-background-color);}




/** 관리자 검색 테이블**/

.sch_form_wrap{}
.sch_form_wrap .sch_form_hd{background: #F3F4F6; padding: 7px 8px; display: flex; align-items: center; justify-content: start; cursor: pointer;}
.sch_form_wrap .icon{margin-left: 8px;margin-top: 2px;}
.sch_form_wrap .text{
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	color: #A3A3A3;
	padding-left: 4px;
}
.sch_form_wrap.fold .sch_form{
	display: none;
}

.date_btn_wrap{font-size: 0; display: inline-block; vertical-align: middle;}
.date_btn_wrap input[type="radio"]{
	display: none;
}
.date_btn_wrap label{
	display: inline-block;
	line-height: 36px;
	padding: 0 8px;
	margin-right: 8px;
	color: #A3A3A3;
	background: transparent;
	border: 0;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}
.date_btn_wrap input[type="radio"]:checked + label{
	background: #E5E7EB; color: #000;
}
.sch_btn_wrap{
	text-align: center;
	padding: 6px 0;
}



/* 탭메뉴 이용 컨텐츠 Div 온 오프*/
.nav_tab_box{display: none;}
.nav_tab_box.is-active{display: block;}

.sub_nav_tab_box{display: none;}
.sub_nav_tab_box.is-active{display: block;}


/* 팝업 스타일 */
.common_popup{display: none;}
.common_popup.is-active{display: block;}
.common_popup .popup_wrap{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 9999;}
.common_popup .popup_inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #FFF;
	min-width: 650px;
	border-radius: 20px;
	overflow: hidden;
}
.common_popup .popup_head{background: var(--primary-color); padding: 12px 24px; height: 48px; position: relative;}
.common_popup .popup_head h3{font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: 0; text-align: left; color: #FFF; }
.common_popup .popup_head .popup_close_btn{position: absolute; top: 0; right: 8px; display: inline-block; border: 0; width: 48px; height: 48px; background: url("../images/icon/close_w_icon14x.png") no-repeat center / 24px;}
.common_popup .popup_content{padding: 24px;}
.common_popup .popup_content .popup_info{}
.common_popup .popup_content .popup_text{max-height: 360px; overflow-y: scroll; padding: 8px 16px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.common_popup .popup_content .popup_text p{font-size: 14px;	font-weight: 400; line-height: 22px; color: #000; word-break: keep-all;}
.common_popup .popup_content .popup_table{}
.common_popup .popup_foot{
	border-top: 1px solid #D4D4D4;
	text-align: center;
	display: flex;
	justify-content: end;
	padding: 16px 20px;
	gap: 8px;
}
.common_popup .popup_foot .popup_foot_close{}
.common_popup .popup_foot button{
	height: 38px;
	line-height: 36px;
}

.common_popup .table01 table th{
	font-size: 14px;
	font-weight: 400;
}


/* 팝업 경고창 */

.common_alert{}
.common_alert .alert_wrap{display: inline-block; min-width: 220px; background: #FFF; border-radius: 20px; border: 1px solid #D4D4D4; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);}
.common_alert .alert_inner{padding: 20px 12px; position: relative;}
.common_alert .alert_head{}
.common_alert .alert_head h3{
	color: #000;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	line-height: 135%;
}
.common_alert .alert_content{padding: 2px 0 0;}
.common_alert .alert_content p{
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	text-align: center;
	color: #A3A3A3;
}
.common_alert .alert_foot{padding: 12px 0 0; text-align: center;}
.common_alert .alert_foot .alert_btn{}




/* 페이지네이션 */

.pagination01, .pagination02{font-size: 0; text-align: center; padding: 24px 0;}
.pagination01 .pg, .pagination02 .pg{ display: inline-block; width: 24px; height: 24px; font-size: 12px; font-weight: 500; line-height: 24px; color: #D1D5DB; background: #FFF; text-align: center; vertical-align: top; margin: 0 1px;}
.pagination01 .pg.on, .pagination02 .pg.on{background: #F3F4F6; border-radius: 4px; color: #6B7280;}
.pagination01 .pg.prev, .pagination02 .pg.prev{background: url('../images/icon/paging_left.png') no-repeat center / 24px;}
.pagination01 .pg.next, .pagination02 .pg.next{background: url('../images/icon/paging_right.png') no-repeat center / 24px;}




.treeArea {
	width:312px;
	margin-right:20px;
	display: inline-block;
	vertical-align: top;
}
.treeArea .treeTop{
	padding: 16px 0 14px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--font-color-600);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}
.treeArea .treeTop #btnAdd{
	float:right;
	height:32px;
	padding:0 12px;
	background:#1F2937;
	color:#fff;
	font-size:13px;
	font-weight:500;
	border:none;
	border-radius: 4px;
}

.treeArea + .inner_cont {
	width:calc(100% - 340px);
	display: inline-block;
}

.treeArea #jstree {
	width:312px;
	height:680px;
	overflow: auto;
	background: #fff;
	padding: 16px;
	border:1px solid #E5E5E5;
}

.treeArea #jstree ul{
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.treeArea #jstree ul li{
	border-bottom: 1px solid #F5F5F5;
}

.treeArea #jstree .jstree-anchor>.jstree-themeicon {
	background-size:14px !important;
	margin-right:0;
}
.treeArea #jstree .jstree-icon.jstree-ocl{
	display:none;
}
.treeArea #jstree .jstree-anchor{
	font-size:12px;
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 8px 0;
	height: auto;
	line-height: 1.3;
}
.treeArea #jstree .jstree-hovered {
	background:transparent;
	box-shadow: none;
}
.treeArea #jstree .jstree-clicked {
	background:#F9F9F9;
	border:none;
	box-shadow: none;
}
.treeArea .iconControl {
	display:inline-block;
	vertical-align: middle;
	margin-top:-2px;
	margin-left:8px;
}
.treeArea .iconControl span {
	display:inline-block;
	width:18px;
	height:18px;
	background:#6B7280;
	border-radius:50%;
	color:#fff;
	line-height: 18px;
	text-align: center;
}


#webiLoading {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: none;
	z-index: 9999;
}
#webiLoading .inner{
	width:150px;
	position:fixed;
	top:50%;
	left:50%;
	background:rgba(0,0,0,.3);
	border-radius:10px;
	padding:12px;
	z-index:9999999999;
	color:#fff;
	text-align:center;
	transform: translate(-50%, -50%);
}
#webiLoading img{
	width:50px;
	display:block;
	margin:0 auto;
	margin-bottom:12px;
}




/*=========================================
	ww-pagination-1
=========================================*/
.ww-pagination-1{font-size: 0;}
.ww-pagination-1 .ww-pg{ display: inline-block; width: 24px; height: 24px; font-size: 12px; font-weight: 500; line-height: 24px; color: var(--font-color-600); background: #FFF; text-align: center; vertical-align: top; margin: 0 1px;}
.ww-pagination-1 .ww-pg.ww-pg-on{background: var(--secondary-background); border-radius: 4px; color: var(--font-active-color);}
.ww-pagination-1 .ww-pg.ww-pg-prev{background: url('../images/icon/paging_left.png') no-repeat center / 24px;}
.ww-pagination-1 .ww-pg.ww-pg-next{background: url('../images/icon/paging_right.png') no-repeat center / 24px;}


/* 인라인 텍스트 정렬 추가 - 김지훈 */
.ww-inline-input {display: flex; justify-content: center; align-items: center}
.ww-inline-input input {width:45%}
.ww-inline-input span {padding:0 5px}

/* fullsize modal - 김지훈 */
.full_size .popup_inner {width:100%; min-height:100%; max-height:100%; overflow:auto}

.width100 {
	width: 100%;
}

.ww-scroll-table {
	height:300px;
	overflow:auto;
}

.ww-search-btn-wrap.center {
	justify-content: center;
}

/* 테이블 헤더에 보더 추가 */
.ww-table-1 > thead {
	border:1px solid #ddd;
}
.ww-table-1 {
	margin-top:10px;
}

.min-height142 {
	min-height:142px;
}

.ww-searchdate-inline {
	display: flex;
	align-items: center;
	gap: 4px;
}
.ww-searchdate-inline .ww-search-date {
	padding: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.ww-search-item-inline {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ww-file-upload .ww-preview-file span .file_delete_btn{
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/images/icon/file_delete_btn.png') no-repeat center / 16px;
	border: 0;
}

.select2-selection__rendered {
	line-height: 45px !important;
}
.select2-container .select2-selection--single {
	border: 1px solid rgba(226, 232, 240, 1) !important;
	height: 48px !important;
}
.select2-selection__arrow {
	height: 48px !important;
}

.order-section-title {
	display: flex;
	justify-content: space-between;
}

.scroll-modal .popup_inner {min-height:80%; max-height:80%; overflow:auto}
.productName span {
	font-size:11px;
	color:#8995A5;
	font-weight: normal;
}

.quill-wrap {
	height:300px !important;
}

.ww-scroll-table.height500 {
	height:500px;
}

.hidden {
	display: none !important;
}

.note-modal-backdrop {
	z-index: -1 !important;
}

input[readonly], input[disabled] {
	background-color: #F9F9F9; /* 읽기 전용 input의 배경색 변경 */
	color: #333; /* 텍스트 색상 */
}



.ww-point-overall{
	display: flex;
	align-items: center;
	gap: 8px;
}

.ww-point-overall > div{
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--font-color-800);
	font-size: 12px;
	font-weight: 400;
	background: #FFF;
	border-radius: 4px;
	padding: 8px;
	text-align: center;
}

.ww-point-overall > div label{
	display: block;
	padding: 12px;
	font-size: 13px;
	color: var(--font-color-400);
	font-weight: 500;
	background: var(--secondary-background);
	margin-right: 4px;
	border-radius: 4px;
}
.ww-point-overall > div > div{
	color: var(--font-active-color);
	padding: 0 14px 0 0;
	font-size: 14px;
	font-weight: 700;
}