@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: 400;

	line-height: 1.5;
	color: #1E1F20;
	color: var(--black);
	font-size: 14px;
	font-family:'Pretendard';
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px #ffffff00 inset !important;
	-webkit-text-fill-color: inherit !important;
}
.check-radio-box {display: inline-flex;}
.check-radio-box input {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
}
.check-radio-box input[type="checkbox"],
.check-radio-box input[type="radio"]
	{
	width: 0px;
	height: 0px;
	z-index: -100000;
	position: absolute;
	display: none;
}
.check-radio-box input+label{
	margin: 0;
	position: relative;
	font-size: 12px;
	font-weight: 400;
	color: var(--black-500);
	display: flex;
	align-items: center;
	margin: 0 -2px;
	cursor: pointer;
}
.check-radio-box input[type="checkbox"]+label:before,
.check-radio-box input[type="radio"]+label:before{
	font-size: 14px;
	vertical-align: middle;
	content: "\ed1b";
	font-family: 'Epic2023' !important;
	color:var(--gray-500);
	padding: 0px 2px;
	line-height:1;
}
.check-radio-box input+label>span{font-size:inherit;color:inherit;font-weight:inherit;padding: 0 2px;line-height: 1;letter-spacing: -1px;}
.check-radio-box input:checked+label{font-weight:600;color: var(--gray-950);}
.check-radio-box input:checked+label:before{font-weight:normal;}
.check-radio-box input[type="radio"]+label:before{content: "\f5a4";}
.check-radio-box input[type="checkbox"]:checked+label:before,
.check-radio-box input[type="radio"]:checked+label:before {content: "\ed19";color: var(--green-500);}
.check-radio-box input[type="radio"]:checked+label:before{
    content: "\f59d";
    content: "\f5a0";
}
.check-radio-box input[type="radio"]:checked+label{font-weight: 500;opacity: 1; color:var(--gray-950)}
.check-radio-box.no-color input[type='checkbox']:checked + label:before{color:#444;}
.check-radio-box.no-color input[type='checkbox']:checked + label:after{
  color: var(--blue-500);
}
.check-radio-box.minus input[type='checkbox']:checked + label:before{
      
}
.check-radio-box.disable input[type='checkbox']+ label:before,
.check-radio-box.disable input[type='checkbox'] + label:before,
.check-radio-box.disable input[type='radio']+ label:before,
.check-radio-box.disable input[type='radio'] + label:before{
  color: #CECECE;

}
.check-radio-box input:disabled+label:before{color: var(--Elements-TextDisable) !important;}
.check-radio-box.disable input[type='checkbox'] + label,
.check-radio-box.disable input[type='radio'] + label{
  color: #808080;
}

.check-radio-box.toggle-ver input[type='checkbox']+ label{
  padding-left: 32px;
  height: 30px;
}

.check-radio-box.toggle-ver input[type='checkbox']+ label:before{
  content: "";
  height: 18px;
  width: 32px;
  border-radius: 83px;
  background-color: var(--Elements-TextDisable);
  position:absolute;
  display:inline-block;
  left:0;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
.check-radio-box.toggle-ver input[type='checkbox']+ label:after{
  content:"";
  height: 14px;
  width: 14px;
  border-radius: 83px;
  background-color: #FFFFFF;
  position:absolute;
  left: 3px;
  top: 50%;
  opacity: 1;
  transition: all 0.5s;
  transform: translateY(-50%);
}
.check-radio-box.toggle-ver input[type='checkbox']:checked+ label:before{
  background-color: var(--blue-500);
}
.check-radio-box.toggle-ver input[type='checkbox']:checked+ label:after{
  left: calc(32px - 16px);
}
.check-radio-box.toggle-ver.toggle-right input[type='checkbox']+ label{
  padding-left:0;
  padding-right: 65px;
}
.check-radio-box.toggle-ver.toggle-right input[type='checkbox']+ label:before{
  left: auto;
  right: 0;
  margin: 0;
}
.check-radio-box.toggle-ver.toggle-right input[type='checkbox']+ label:after{
  left: auto;
  right: 27px;
}
.check-radio-box.toggle-ver.toggle-right input[type='checkbox']:checked+ label:after{
  left: auto;
  right: 3px;
}
.check-radio-box.only-ver input+label:before {
    position: static;
    margin: 0;
}

.check-radio-box.only-ver input+label {
    padding: 0;
    display: block;
    text-align: center;
}
.check-radio-box.ver1 input[type="checkbox"]+label{}
.check-radio-box.ver1 input[type="checkbox"]+label:before{
    content: "\ed13";
}
.check-radio-box.ver1 input[type="checkbox"]:checked+label:before{
    content: "\ed11";
}
@media (min-width: 768px){
	
}
.check-radio-box.right-ver label {
    padding-left: 0;
    padding-right: 22px;
}
.check-radio-box.right-ver label:before {
    left: auto !important;
    right: 0;
    margin-right: 0 !important;
}
.check-radio-box.fs-8px input+label::before{font-size:10px;}
.check-radio-box.fs-10px input+label::before{font-size:12px;}
.check-radio-box.fs-12px input+label::before{font-size:14px;}
.check-radio-box.fs-14px input+label::before{font-size:16px;}
.check-radio-box.fs-16px input+label::before{font-size:18px;}
[class*='form-area-box'].size-l .check-radio-box input+label{font-size: 11px;}
[class*='form-area-box'].size-m .check-radio-box input+label{font-size: 9px;}
[class*='form-area-box'].size-s .check-radio-box input+label{font-size: 7px;}
[class*='form-area-box'].size-l .check-radio-box input+label::before{font-size: 13px;}
[class*='form-area-box'].size-m .check-radio-box input+label::before{font-size: 11px;}
[class*='form-area-box'].size-s .check-radio-box input+label::before{font-size: 9px;}

@media (min-width: 768px){
	[class*='form-area-box'].size-md-xl .check-radio-box input+label{font-size: 12px;}
	[class*='form-area-box'].size-md-l .check-radio-box input+label{font-size: 11px;}
	[class*='form-area-box'].size-md-m .check-radio-box input+label{font-size: 9px;}
	[class*='form-area-box'].size-md-s .check-radio-box input+label{font-size: 7px;}
	[class*='form-area-box'].size-md-xl .check-radio-box input+label::before{font-size: 14px;}
	[class*='form-area-box'].size-md-l .check-radio-box input+label::before{font-size: 13px;}
	[class*='form-area-box'].size-md-m .check-radio-box input+label::before{font-size: 11px;}
	[class*='form-area-box'].size-md-s .check-radio-box input+label::before{font-size: 9px;}
}
@media (min-width: 1216px){
	[class*='form-area-box'].size-xl-xl .check-radio-box input+label{font-size: 12px;}
	[class*='form-area-box'].size-xl-l .check-radio-box input+label{font-size: 11px;}
	[class*='form-area-box'].size-xl-m .check-radio-box input+label{font-size: 9px;}
	[class*='form-area-box'].size-xl-s .check-radio-box input+label{font-size: 7px;}
	[class*='form-area-box'].size-xl-xl .check-radio-box input+label::before{font-size: 14px;}
	[class*='form-area-box'].size-xl-l .check-radio-box input+label::before{font-size: 13px;}
	[class*='form-area-box'].size-xl-m .check-radio-box input+label::before{font-size: 11px;}
	[class*='form-area-box'].size-xl-s .check-radio-box input+label::before{font-size: 9px;}
}
/*tooltip*/
.custom-tooltip-box{position:relative}
.custom-tooltip-box>.custom-tooltip,
[class*="btn-"].custom-tooltip-box>.custom-tooltip{display: none;}
.custom-tooltip-box.trans>.custom-tooltip{display:block; z-index:10;}
.custom-tooltip{
	border-radius: 16px;
	background-color: #FFFFFF;
	box-shadow: 0 12px 18px 0 rgba(0,0,0,0.39);
	padding: 10px 0;
	border: 0;
	display:inline-block;
	position: relative;
	white-space: nowrap;
	border: 1px solid #ccc;
	}
  .custom-tooltip:after{
	border: 1px solid #ccc;
	content:"";
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	position: absolute;
	margin-left: -10px;
	background: #fff;
	/* border-left: 0; */
	/* border-top: 0; */
	}
.custom-tooltip.arrow-bottom:after{
	border-left: 0;
    border-top: 0;
}
.custom-tooltip.arrow-top:after{
	border-right: 0;
    border-bottom: 0;
}
.custom-tooltip.arrow-left:after{
	border-right: 0;
    border-top: 0;
}
.custom-tooltip.arrow-right:after{
	border-left: 0;
    border-bottom: 0;
}
  .custom-tooltip.dark{
	background:#1B2431;
	background:var(--darck);
  }
  .custom-tooltip.dark:after{
	background:#1B2431;
	background:var(--darck);
  }
  
  
  
  
  
  .custom-tooltip.arrow-left:after{
	  left: 1px;
  }
  .custom-tooltip.arrow-left.position-top:after{
	top: 15px;
	left: 5px;
  }
  .custom-tooltip.arrow-left.position-center:after{
  }
  .custom-tooltip.arrow-left.position-bottom:after{
	bottom: 15px;
	left: 5px;
  }
  .custom-tooltip.arrow-right:after{
  
  }
  .custom-tooltip.arrow-right.position-top:after{
	top: 15px;
	right: -5px;
  }
  .custom-tooltip.arrow-right.position-center:after{
	right: -1px;
  }
  .custom-tooltip.arrow-right.position-bottom:after{
	bottom: 15px;
	right: -5px;
  }
  .custom-tooltip.arrow-top:after{}
  .custom-tooltip.arrow-top.position-left:after{
	left: 20px;
	top: -5px;
  }
  .custom-tooltip.arrow-top.position-center:after{
	top: -2px;
  }
  .custom-tooltip.arrow-top.position-right:after{
	right: 20px;
	top: -5px;
  }
  .custom-tooltip.arrow-bottom:after{
	  bottom: -5px;
  }
  .custom-tooltip.arrow-bottom.position-left:after{
	left: 20px;
	bottom: -5px;
	}
  .custom-tooltip.arrow-bottom.position-center:after{
	bottom: -8px;
  }
  .custom-tooltip.arrow-bottom.position-right:after{
	right: 20px;
	bottom: -5px;
  }
  
  .custom-tooltip.arrow-top.position-center:after,
  .custom-tooltip.arrow-bottom.position-center:after{
	 left: 53%;
	 transform: rotate(45deg) translateX(-50%);
  }
  
  .custom-tooltip.arrow-left.position-center:after,
  .custom-tooltip.arrow-right.position-center:after{
	top: 50%;
	transform: rotate(45deg) translateY(-50%);
  }
  
  .custom-tooltip .list{
  
  }
  .custom-tooltip .list a{
	color: #808080;
	color: var(--text-sub);
	font-size: 14px;
	
	line-height: 30px;
	text-align: left;
	display: block;
	padding: 0 15px;
	cursor: pointer;
  }
  .custom-tooltip .list a:hover{
	background-color: #F9F9FA;
	color: #50B848;
	color:var(--cibasic3);
	font-weight: 600;
  }
  /**/
/*btn*/
[class*='btn-']{
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-weight:500;
	transition:all .5s;
	text-decoration: none;
	border: 0;
	transition: all .5s;
	height:48px;
	border-radius:10px;
	font-size: 18px;
	padding:0 24px;
	background-color: #fff0;
}
[class*='btn-'] [class*='icon']{font-size:24px;font-weight: normal;}
[class*='btn-']>*{padding:0 3px; display: flex;}
[class*='btn-'] script{display:none;}
[class*='btn-']>*{
	font-weight: inherit;
	color:inherit;
	font-size:inherit;
	transition:all .5s;
	line-height: inherit;

}
[class*='btn-']:hover{transition:all .5s;}

.bs-vxs{height:18px; border-radius:3px; font-size: 8px; padding:0 6px;}
.bs-vxs [class*='icon-']{font-size:10px;}
.bs-vxs>*{padding:0 1px;}

.bs-xs{height:20px; border-radius:4px; font-size: 9px; padding:0 8px;}
.bs-xs [class*='icon-']{font-size:12px;}
.bs-xs>*{padding:0 1.5px;}

.bs-s{height:24px;border-radius: 5px;font-size: 11px;padding:0 10px;}
.bs-s [class*='icon-']{font-size:12px;}
.bs-s>*{padding:0 1.5px;}

.bs-m{height:32px;border-radius: 6px;font-size: 14px;padding:0 14px;}
.bs-m [class*='icon-']{font-size:18px;}
.bs-m>*{padding:0 2px;}

.bs-l{height:40px;border-radius: 8px;font-size: 16px; padding:0 20px;}
.bs-l [class*='icon-']{font-size:20px;}
.bs-l>*{padding:0 2.5px;}


[class*='btn-'].bs-vxs.onlyicon{padding:0 4px;}
[class*='btn-'].bs-vxs.onlyicon [class*='icon-']{font-size:10px;}
[class*='btn-'].bs-vxs.onlyicon>*{padding:0;}

[class*='btn-'].bs-xs.onlyicon{padding:0 4px;}
[class*='btn-'].bs-xs.onlyicon [class*='icon-']{font-size:12px;}
[class*='btn-'].bs-xs.onlyicon>*{padding:0;}

[class*='btn-'].bs-s.onlyicon{padding:0 6px;}
[class*='btn-'].bs-s.onlyicon [class*='icon-']{font-size:12px;}
[class*='btn-'].bs-s.onlyicon>*{padding:0;}

[class*='btn-'].bs-m.onlyicon{padding:0 7px;}
[class*='btn-'].bs-m.onlyicon [class*='icon-']{font-size:18px;}
[class*='btn-'].bs-m.onlyicon>*{padding:0;}

[class*='btn-'].bs-l.onlyicon{padding:0 10px;}
[class*='btn-'].bs-l.onlyicon [class*='icon-']{font-size:20px;}
[class*='btn-'].bs-l.onlyicon>*{padding:0;}
[class*='btn-'].onlyicon{padding:0 12px;}
[class*='btn-'].onlyicon [class*='icon-']{font-size:24px;}
[class*='btn-'].onlyicon>*{padding:0;}
[class*='-outline'].bs-s,
[class*='-outline'].bs-m{border-width:1px;}

@media (min-width: 768px){
	.bs-md-vxs{height:18px; border-radius:3px; font-size: 8px; padding:0 6px;}
	.bs-md-vxs [class*='icon-']{font-size:10px;}
	.bs-md-vxs>*{padding:0 1px;}

	.bs-md-xs{height:20px; border-radius:4px; font-size: 9px; padding:0 8px;}
	.bs-md-xs [class*='icon-']{font-size:12px;}
	.bs-md-xs>*{padding:0 1.5px;}

	.bs-md-s{height:24px;border-radius: 5px;font-size: 11px;padding:0 10px;}
	.bs-md-s [class*='icon-']{font-size:12px;}
	.bs-md-s>*{padding:0 1.5px;}

	.bs-md-m{height:32px;border-radius: 6px;font-size: 14px;padding:0 14px;}
	.bs-md-m [class*='icon-']{font-size:18px;}
	.bs-md-m>*{padding:0 2px;}

	.bs-md-l{height:40px;border-radius: 8px;font-size: 16px; padding:0 20px;}
	.bs-md-l [class*='icon-']{font-size:20px;}
	.bs-md-l>*{padding:0 2.5px;}

	.bs-md-xl{height:48px;border-radius: 10px;font-size: 18px; padding:0 24px;}
	.bs-md-xl [class*='icon-']{font-size:24px;}
	.bs-md-xl>*{padding:0 3px;}

	[class*='btn-'].bs-md-vxs.onlyicon{padding:0 4px;}
	[class*='btn-'].bs-md-vxs.onlyicon [class*='icon-']{font-size:10px;}
	[class*='btn-'].bs-md-vxs.onlyicon>*{padding:0;}

	[class*='btn-'].bs-md-xs.onlyicon{padding:0 4px;}
	[class*='btn-'].bs-md-xs.onlyicon [class*='icon-']{font-size:12px;}
	[class*='btn-'].bs-md-xs.onlyicon>*{padding:0;}

	[class*='btn-'].bs-md-s.onlyicon{padding:0 6px;}
	[class*='btn-'].bs-md-s.onlyicon [class*='icon-']{font-size:12px;}
	[class*='btn-'].bs-md-s.onlyicon>*{padding:0;}

	[class*='btn-'].bs-md-m.onlyicon{padding:0 7px;}
	[class*='btn-'].bs-md-m.onlyicon [class*='icon-']{font-size:18px;}
	[class*='btn-'].bs-md-m.onlyicon>*{padding:0;}

	[class*='btn-'].bs-md-l.onlyicon{padding:0 10px;}
	[class*='btn-'].bs-md-l.onlyicon [class*='icon-']{font-size:20px;}
	[class*='btn-'].bs-md-l.onlyicon>*{padding:0;}
	[class*='btn-'].onlyicon{padding:0 12px;}
	[class*='btn-'].onlyicon [class*='icon-']{font-size:24px;}
	[class*='btn-'].onlyicon>*{padding:0;}
	[class*='-outline'].bs-md-s,
	[class*='-outline'].bs-md-m{border-width:1px;}

}
@media (min-width: 1216px){
	.bs-xl-vxs{height:18px; border-radius:3px; font-size: 8px; padding:0 6px;}
	.bs-xl-vxs [class*='icon-']{font-size:10px;}
	.bs-xl-vxs>*{padding:0 1px;}

	.bs-xl-xs{height:20px; border-radius:4px; font-size: 9px; padding:0 8px;}
	.bs-xl-xs [class*='icon-']{font-size:12px;}
	.bs-xl-xs>*{padding:0 1.5px;}

	.bs-xl-s{height:24px;border-radius: 5px;font-size: 11px;padding:0 10px;}
	.bs-xl-s [class*='icon-']{font-size:12px;}
	.bs-xl-s>*{padding:0 1.5px;}

	.bs-xl-m{height:32px;border-radius: 6px;font-size: 14px;padding:0 14px;}
	.bs-xl-m [class*='icon-']{font-size:18px;}
	.bs-xl-m>*{padding:0 2px;}

	.bs-xl-l{height:40px;border-radius: 8px;font-size: 16px; padding:0 20px;}
	.bs-xl-l [class*='icon-']{font-size:20px;}
	.bs-xl-l>*{padding:0 2.5px;}

	.bs-xl-xl{height:48px;border-radius: 10px;font-size: 18px; padding:0 24px;}
	.bs-xl-xl [class*='icon-']{font-size:24px;}
	.bs-xl-xl>*{padding:0 3px;}

	[class*='btn-'].bs-xl-vxs.onlyicon{padding:0 4px;}
	[class*='btn-'].bs-xl-vxs.onlyicon [class*='icon-']{font-size:10px;}
	[class*='btn-'].bs-xl-vxs.onlyicon>*{padding:0;}

	[class*='btn-'].bs-xl-xs.onlyicon{padding:0 4px;}
	[class*='btn-'].bs-xl-xs.onlyicon [class*='icon-']{font-size:12px;}
	[class*='btn-'].bs-xl-xs.onlyicon>*{padding:0;}

	[class*='btn-'].bs-xl-s.onlyicon{padding:0 6px;}
	[class*='btn-'].bs-xl-s.onlyicon [class*='icon-']{font-size:12px;}
	[class*='btn-'].bs-xl-s.onlyicon>*{padding:0;}

	[class*='btn-'].bs-xl-m.onlyicon{padding:0 7px;}
	[class*='btn-'].bs-xl-m.onlyicon [class*='icon-']{font-size:18px;}
	[class*='btn-'].bs-xl-m.onlyicon>*{padding:0;}

	[class*='btn-'].bs-xl-l.onlyicon{padding:0 10px;}
	[class*='btn-'].bs-xl-l.onlyicon [class*='icon-']{font-size:20px;}
	[class*='btn-'].bs-xl-l.onlyicon>*{padding:0;}
	[class*='btn-'].onlyicon{padding:0 12px;}
	[class*='btn-'].onlyicon [class*='icon-']{font-size:24px;}
	[class*='btn-'].onlyicon>*{padding:0;}
	[class*='-outline'].bs-xl-s,
	[class*='-outline'].bs-xl-m{border-width:1px;}
}
@media (min-width: 0px){
.btn-blue{background-color: var(--blue-500); color:#fff;}
.btn-blue-outline{border:1.5px solid var(--blue-500); color:var(--blue-500)}
.btn-blue-subtitle{background-color: var(--blue-10per); color:var(--blue-500);}
.btn-blue-named{color:var(--blue-500)}

.btn-blue:hover,.btn-blue.hover{background-color:var(--blue-600);}
.btn-blue-outline:hover,.btn-blue-outline.hover{border-color:var(--blue-600); color:var(--blue-600)}
.btn-blue-subtitle:hover,.btn-blue-subtitle.hover{background-color: var(--blue-15per); color:var(--blue-600);}
.btn-blue-named:hover,.btn-blue-named.hover{color:var(--blue-600)}

.btn-blue:disabled{background-color:var(--blue-30per);color:rgba(255, 255, 255, 0.60)}
.btn-blue-outline:disabled{border-color:var(--blue-30per);color:var(--blue-30per);}
.btn-blue-subtitle:disabled{background-color: var(--blue-5per);color:var(--blue-30per)}
.btn-blue-named:disabled{color:var(--blue-30per)}
[class*="btn-glass-"]{backdrop-filter: blur(10px);-webkit-backdrop-filter:blur(10px);}
[class*="btn-glass-blue"]{box-shadow: 0px 5px 5px 0px rgba(0, 99, 204, 0.10), 0px 2px 2px 0px rgba(0, 99, 204, 0.05), 0px 1px 0px 0px rgba(0, 99, 204, 0.03);}
.btn-glass-blue{
	border:1.5px solid rgba(102, 176, 255, 0.30);
	background: var(--gradient-blue-B001);
	color:#fff
}
.btn-glass-blue-outline{
	color:var(--blue-500);
	border: 1.5px solid rgba(0, 122, 255, 0.80);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(204, 204, 204, 0.09) 20.17%, rgba(0, 0, 0, 0.00) 100%);
}
.btn-glass-blue-subtitle{box-shadow:none;color:var(--blue-500);background:linear-gradient(180deg, rgba(0, 122, 255, 0.12) 0%, rgba(0, 122, 255, 0.09) 100%)}
.btn-glass-blue-named{box-shadow:none;color:var(--blue-500)}
[class*="btn-glass-"]:hover{}
[class*="btn-glass-blue"]:hover{box-shadow: 0px 10px 10px 0px rgba(0, 99, 204, 0.15), 0px 4px 4px 0px rgba(0, 99, 204, 0.05), 0px 1px 0px 0px rgba(0, 99, 204, 0.05);}
.btn-glass-blue:hover,
.btn-glass-blue.hover{background:linear-gradient(180deg, rgba(0, 99, 204, 0.85) 0%, rgba(0, 99, 204, 0.70) 100%); border-color:rgba(102, 176, 255, 0.15);}
.btn-glass-blue-outline:hover,
.btn-glass-blue-outline.hover{
	border-color:rgba(0, 122, 255, 0.80);background:linear-gradient(0deg, rgba(0, 122, 255, 0.10) 0%, rgba(0, 122, 255, 0.10) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(204, 204, 204, 0.09) 20.17%, rgba(0, 0, 0, 0.00) 100%); color:var(--blue-600)
}
.btn-glass-blue-subtitle:hover,
.btn-glass-blue-subtitle.hover{box-shadow:none;color:var(--blue-600);background:linear-gradient(180deg, rgba(0, 122, 255, 0.20) 0%, rgba(0, 122, 255, 0.15) 100%);}
.btn-glass-blue-named:hover,.btn-glass-blue-named.hover{box-shadow:none;color:var(--blue-600)}
[class*="btn-glass-"]:disabled{box-shadow:none;}
.btn-glass-blue:disabled{color:rgba(255, 255, 255, 0.60);border-color:rgba(102, 176, 255, 0.05);background:linear-gradient(180deg, rgba(0, 122, 255, 0.32) 0%, rgba(0, 122, 255, 0.24) 100%);}
.btn-glass-blue-outline:disabled{color:var(--blue-30per);border-color: rgba(0, 122, 255, 0.20); background:linear-gradient(0deg, rgba(0, 122, 255, 0.10) 0%, rgba(0, 122, 255, 0.10) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(204, 204, 204, 0.02) 20.17%, rgba(0, 0, 0, 0.00) 100%);}
.btn-glass-blue-subtitle:disabled{background: linear-gradient(180deg, rgba(0, 122, 255, 0.08) 0%, rgba(0, 122, 255, 0.06) 100%);color:var(--blue-30per)}
.btn-glass-blue-named:disabled{color:var(--blue-30per)}
/**/
.btn-navy{background-color: var(--navy-500); color:#fff;}
.btn-navy-outline{border:1.5px solid var(--navy-500); color:var(--navy-500)}
.btn-navy-subtitle{background-color: var(--navy-10per); color:var(--navy-500);}
.btn-navy-named{color:var(--navy-500)}

.btn-navy:hover,.btn-navy.hover{background-color:var(--navy-600);}
.btn-navy-outline:hover,.btn-navy-outline.hover{border-color:var(--navy-600); color:var(--navy-600)}
.btn-navy-subtitle:hover,.btn-navy-subtitle.hover{background-color: var(--navy-15per); color:var(--navy-600);}
.btn-navy-named:hover,.btn-navy-named.hover{color:var(--navy-600)}

.btn-navy:disabled{background-color:var(--navy-30per);color:rgba(255, 255, 255, 0.60)}
.btn-navy-outline:disabled{border-color:var(--navy-30per);color:var(--navy-30per);}
.btn-navy-subtitle:disabled{background-color: var(--navy-5per);color:var(--navy-30per)}
.btn-navy-named:disabled{color:var(--navy-30per)}
/*//*/
/**/
.btn-indigo{background-color: var(--indigo-500); color:#fff;}
.btn-indigo-outline{border:1.5px solid var(--indigo-500); color:var(--indigo-500)}
.btn-indigo-subtitle{background-color: var(--indigo-10per); color:var(--indigo-500);}
.btn-indigo-named{color:var(--indigo-500)}

.btn-indigo:hover,.btn-indigo.hover{background-color:var(--indigo-600);}
.btn-indigo-outline:hover,.btn-indigo-outline.hover{border-color:var(--indigo-600); color:var(--indigo-600)}
.btn-indigo-subtitle:hover,.btn-indigo-subtitle.hover{background-color: var(--indigo-15per); color:var(--indigo-600);}
.btn-indigo-named:hover,.btn-indigo-named.hover{color:var(--indigo-600)}

.btn-indigo:disabled{background-color:var(--indigo-30per);color:rgba(255, 255, 255, 0.60)}
.btn-indigo-outline:disabled{border-color:var(--indigo-30per);color:var(--indigo-30per);}
.btn-indigo-subtitle:disabled{background-color: var(--indigo-5per);color:var(--indigo-30per)}
.btn-indigo-named:disabled{color:var(--indigo-30per)}
/*//*/
/**/
.btn-lavendar{background-color: var(--lavendar-500); color:#fff;}
.btn-lavendar-outline{border:1.5px solid var(--lavendar-500); color:var(--lavendar-500)}
.btn-lavendar-subtitle{background-color: var(--lavendar-10per); color:var(--lavendar-500);}
.btn-lavendar-named{color:var(--lavendar-500)}

.btn-lavendar:hover,.btn-lavendar.hover{background-color:var(--lavendar-600);}
.btn-lavendar-outline:hover,.btn-lavendar-outline.hover{border-color:var(--lavendar-600); color:var(--lavendar-600)}
.btn-lavendar-subtitle:hover,.btn-lavendar-subtitle.hover{background-color: var(--lavendar-15per); color:var(--lavendar-600);}
.btn-lavendar-named:hover,.btn-lavendar-named.hover{color:var(--lavendar-600)}

.btn-lavendar:disabled{background-color:var(--lavendar-30per);color:rgba(255, 255, 255, 0.60)}
.btn-lavendar-outline:disabled{border-color:var(--lavendar-30per);color:var(--lavendar-30per);}
.btn-lavendar-subtitle:disabled{background-color: var(--lavendar-5per);color:var(--lavendar-30per)}
.btn-lavendar-named:disabled{color:var(--lavendar-30per)}
/*//*/
/**/
.btn-purple{background-color: var(--purple-500); color:#fff;}
.btn-purple-outline{border:1.5px solid var(--purple-500); color:var(--purple-500)}
.btn-purple-subtitle{background-color: var(--purple-10per); color:var(--purple-500);}
.btn-purple-named{color:var(--purple-500)}

.btn-purple:hover,.btn-purple.hover{background-color:var(--purple-600);}
.btn-purple-outline:hover,.btn-purple-outline.hover{border-color:var(--purple-600); color:var(--purple-600)}
.btn-purple-subtitle:hover,.btn-purple-subtitle.hover{background-color: var(--purple-15per); color:var(--purple-600);}
.btn-purple-named:hover,.btn-purple-named.hover{color:var(--purple-600)}

.btn-purple:disabled{background-color:var(--purple-30per);color:rgba(255, 255, 255, 0.60)}
.btn-purple-outline:disabled{border-color:var(--purple-30per);color:var(--purple-30per);}
.btn-purple-subtitle:disabled{background-color: var(--purple-5per);color:var(--purple-30per)}
.btn-purple-named:disabled{color:var(--purple-30per)}
/*//*/
/**/
.btn-red{background-color: var(--red-500); color:#fff;}
.btn-red-outline{border:1.5px solid var(--red-500); color:var(--red-500)}
.btn-red-subtitle{background-color: var(--red-10per); color:var(--red-500);}
.btn-red-named{color:var(--red-500)}

.btn-red:hover,.btn-red.hover{background-color:var(--red-600);}
.btn-red-outline:hover,.btn-red-outline.hover{border-color:var(--red-600); color:var(--red-600)}
.btn-red-subtitle:hover,.btn-red-subtitle.hover{background-color: var(--red-15per); color:var(--red-600);}
.btn-red-named:hover,.btn-red-named.hover{color:var(--red-600)}

.btn-red:disabled{background-color:var(--red-30per);color:rgba(255, 255, 255, 0.60)}
.btn-red-outline:disabled{border-color:var(--red-30per);color:var(--red-30per);}
.btn-red-subtitle:disabled{background-color: var(--red-5per);color:var(--red-30per)}
.btn-red-named:disabled{color:var(--red-30per)}
/*//*/
/**/
.btn-orange{background-color: var(--orange-500); color:#fff;}
.btn-orange-outline{border:1.5px solid var(--orange-500); color:var(--orange-500)}
.btn-orange-subtitle{background-color: var(--orange-10per); color:var(--orange-500);}
.btn-orange-named{color:var(--orange-500)}

.btn-orange:hover,.btn-orange.hover{background-color:var(--orange-600);}
.btn-orange-outline:hover,.btn-orange-outline.hover{border-color:var(--orange-600); color:var(--orange-600)}
.btn-orange-subtitle:hover,.btn-orange-subtitle.hover{background-color: var(--orange-15per); color:var(--orange-600);}
.btn-orange-named:hover,.btn-orange-named.hover{color:var(--orange-600)}

.btn-orange:disabled{background-color:var(--orange-30per);color:rgba(255, 255, 255, 0.60)}
.btn-orange-outline:disabled{border-color:var(--orange-30per);color:var(--orange-30per);}
.btn-orange-subtitle:disabled{background-color: var(--orange-5per);color:var(--orange-30per)}
.btn-orange-named:disabled{color:var(--orange-30per)}
/*//*/
/**/
.btn-yellow{background-color: var(--yellow-500); color:#fff;}
.btn-yellow-outline{border:1.5px solid var(--yellow-500); color:var(--yellow-500)}
.btn-yellow-subtitle{background-color: var(--yellow-10per); color:var(--yellow-500);}
.btn-yellow-named{color:var(--yellow-500)}

.btn-yellow:hover,.btn-yellow.hover{background-color:var(--yellow-600);}
.btn-yellow-outline:hover,.btn-yellow-outline.hover{border-color:var(--yellow-600); color:var(--yellow-600)}
.btn-yellow-subtitle:hover,.btn-yellow-subtitle.hover{background-color: var(--yellow-15per); color:var(--yellow-600);}
.btn-yellow-named:hover,.btn-yellow-named.hover{color:var(--yellow-600)}

.btn-yellow:disabled{background-color:var(--yellow-30per);color:rgba(255, 255, 255, 0.60)}
.btn-yellow-outline:disabled{border-color:var(--yellow-30per);color:var(--yellow-30per);}
.btn-yellow-subtitle:disabled{background-color: var(--yellow-5per);color:var(--yellow-30per)}
.btn-yellow-named:disabled{color:var(--yellow-30per)}
/*//*/
/**/
.btn-green{background-color: var(--green-500); color:#fff;}
.btn-green-outline{border:1.5px solid var(--green-500); color:var(--green-500)}
.btn-green-subtitle{background-color: var(--green-10per); color:var(--green-500);}
.btn-green-named{color:var(--green-500)}

.btn-green:hover,.btn-green.hover{background-color:var(--green-600);}
.btn-green-outline:hover,.btn-green-outline.hover{border-color:var(--green-600); color:var(--green-600)}
.btn-green-subtitle:hover,.btn-green-subtitle.hover{background-color: var(--green-15per); color:var(--green-600);}
.btn-green-named:hover,.btn-green-named.hover{color:var(--green-600)}

.btn-green:disabled{background-color:var(--green-30per);color:rgba(255, 255, 255, 0.60)}
.btn-green-outline:disabled{border-color:var(--green-30per);color:var(--green-30per);}
.btn-green-subtitle:disabled{background-color: var(--green-5per);color:var(--green-30per)}
.btn-green-named:disabled{color:var(--green-30per)}
/*//*/
/**/
.btn-forest{background-color: var(--forest-500); color:#fff;}
.btn-forest-outline{border:1.5px solid var(--forest-500); color:var(--forest-500)}
.btn-forest-subtitle{background-color: var(--forest-10per); color:var(--forest-500);}
.btn-forest-named{color:var(--forest-500)}

.btn-forest:hover,.btn-forest.hover{background-color:var(--forest-600);}
.btn-forest-outline:hover,.btn-forest-outline.hover{border-color:var(--forest-600); color:var(--forest-600)}
.btn-forest-subtitle:hover,.btn-forest-subtitle.hover{background-color: var(--forest-15per); color:var(--forest-600);}
.btn-forest-named:hover,.btn-forest-named.hover{color:var(--forest-600)}

.btn-forest:disabled{background-color:var(--forest-30per);color:rgba(255, 255, 255, 0.60)}
.btn-forest-outline:disabled{border-color:var(--forest-30per);color:var(--forest-30per);}
.btn-forest-subtitle:disabled{background-color: var(--forest-5per);color:var(--forest-30per)}
.btn-forest-named:disabled{color:var(--forest-30per)}
/*//*/
/**/
.btn-mint{background-color: var(--mint-500); color:#fff;}
.btn-mint-outline{border:1.5px solid var(--mint-500); color:var(--mint-500)}
.btn-mint-subtitle{background-color: var(--mint-10per); color:var(--mint-500);}
.btn-mint-named{color:var(--mint-500)}

.btn-mint:hover,.btn-mint.hover{background-color:var(--mint-600);}
.btn-mint-outline:hover,.btn-mint-outline.hover{border-color:var(--mint-600); color:var(--mint-600)}
.btn-mint-subtitle:hover,.btn-mint-subtitle.hover{background-color: var(--mint-15per); color:var(--mint-600);}
.btn-mint-named:hover,.btn-mint-named.hover{color:var(--mint-600)}

.btn-mint:disabled{background-color:var(--mint-30per);color:rgba(255, 255, 255, 0.60)}
.btn-mint-outline:disabled{border-color:var(--mint-30per);color:var(--mint-30per);}
.btn-mint-subtitle:disabled{background-color: var(--mint-5per);color:var(--mint-30per)}
.btn-mint-named:disabled{color:var(--mint-30per)}
/*//*/
/**/
.btn-teal{background-color: var(--teal-500); color:#fff;}
.btn-teal-outline{border:1.5px solid var(--teal-500); color:var(--teal-500)}
.btn-teal-subtitle{background-color: var(--teal-10per); color:var(--teal-500);}
.btn-teal-named{color:var(--teal-500)}

.btn-teal:hover,.btn-teal.hover{background-color:var(--teal-600);}
.btn-teal-outline:hover,.btn-teal-outline.hover{border-color:var(--teal-600); color:var(--teal-600)}
.btn-teal-subtitle:hover,.btn-teal-subtitle.hover{background-color: var(--teal-15per); color:var(--teal-600);}
.btn-teal-named:hover,.btn-teal-named.hover{color:var(--teal-600)}

.btn-teal:disabled{background-color:var(--teal-30per);color:rgba(255, 255, 255, 0.60)}
.btn-teal-outline:disabled{border-color:var(--teal-30per);color:var(--teal-30per);}
.btn-teal-subtitle:disabled{background-color: var(--teal-5per);color:var(--teal-30per)}
.btn-teal-named:disabled{color:var(--teal-30per)}
/*//*/
/**/
.btn-cyan{background-color: var(--cyan-500); color:#fff;}
.btn-cyan-outline{border:1.5px solid var(--cyan-500); color:var(--cyan-500)}
.btn-cyan-subtitle{background-color: var(--cyan-10per); color:var(--cyan-500);}
.btn-cyan-named{color:var(--cyan-500)}

.btn-cyan:hover,.btn-cyan.hover{background-color:var(--cyan-600);}
.btn-cyan-outline:hover,.btn-cyan-outline.hover{border-color:var(--cyan-600); color:var(--cyan-600)}
.btn-cyan-subtitle:hover,.btn-cyan-subtitle.hover{background-color: var(--cyan-15per); color:var(--cyan-600);}
.btn-cyan-named:hover,.btn-cyan-named.hover{color:var(--cyan-600)}

.btn-cyan:disabled{background-color:var(--cyan-30per);color:rgba(255, 255, 255, 0.60)}
.btn-cyan-outline:disabled{border-color:var(--cyan-30per);color:var(--cyan-30per);}
.btn-cyan-subtitle:disabled{background-color: var(--cyan-5per);color:var(--cyan-30per)}
.btn-cyan-named:disabled{color:var(--cyan-30per)}
/*//*/
/**/
.btn-gray{background-color: var(--gray-500); color:#fff;}
.btn-gray-outline{border:1.5px solid var(--gray-500); color:var(--gray-500)}
.btn-gray-subtitle{background-color: var(--gray-10per); color:var(--gray-500);}
.btn-gray-named{color:var(--gray-500)}

.btn-gray:hover,.btn-gray.hover{background-color:var(--gray-600);}
.btn-gray-outline:hover,.btn-gray-outline.hover{border-color:var(--gray-600); color:var(--gray-600)}
.btn-gray-subtitle:hover,.btn-gray-subtitle.hover{background-color: var(--gray-15per); color:var(--gray-600);}
.btn-gray-named:hover,.btn-gray-named.hover{color:var(--gray-600)}

.btn-gray:disabled{background-color:var(--gray-30per);color:rgba(255, 255, 255, 0.60)}
.btn-gray-outline:disabled{border-color:var(--gray-30per);color:var(--gray-30per);}
.btn-gray-subtitle:disabled{background-color: var(--gray-5per);color:var(--gray-30per)}
.btn-gray-named:disabled{color:var(--gray-30per)}
/*//*/
/**/
.btn-charcoal{background-color: var(--charcoal-500); color:#fff;}
.btn-charcoal-outline{border:1.5px solid var(--charcoal-500); color:var(--charcoal-500)}
.btn-charcoal-subtitle{background-color: var(--charcoal-10per); color:var(--charcoal-500);}
.btn-charcoal-named{color:var(--charcoal-500)}

.btn-charcoal:hover,.btn-charcoal.hover{background-color:var(--charcoal-600);}
.btn-charcoal-outline:hover,.btn-charcoal-outline.hover{border-color:var(--charcoal-600); color:var(--charcoal-600)}
.btn-charcoal-subtitle:hover,.btn-charcoal-subtitle.hover{background-color: var(--charcoal-15per); color:var(--charcoal-600);}
.btn-charcoal-named:hover,.btn-charcoal-named.hover{color:var(--charcoal-600)}

.btn-charcoal:disabled{background-color:var(--charcoal-30per);color:rgba(255, 255, 255, 0.60)}
.btn-charcoal-outline:disabled{border-color:var(--charcoal-30per);color:var(--charcoal-30per);}
.btn-charcoal-subtitle:disabled{background-color: var(--charcoal-5per);color:var(--charcoal-30per)}
.btn-charcoal-named:disabled{color:var(--charcoal-30per)}
/*//*/
/**/
.btn-black{background-color: var(--black-500); color:#fff;}
.btn-black-outline{border:1.5px solid var(--black-500); color:var(--black-500)}
.btn-black-subtitle{background-color: var(--black-10per); color:var(--black-500);}
.btn-black-named{color:var(--black-500)}

.btn-black:hover,.btn-black.hover{background-color:var(--black-600);}
.btn-black-outline:hover,.btn-black-outline.hover{border-color:var(--black-600); color:var(--black-600);background: var(--black-5per);}
.btn-black-subtitle:hover,.btn-black-subtitle.hover{background-color: var(--black-15per); color:var(--black-600);}
.btn-black-named:hover,.btn-black-named.hover{color:var(--black-600)}

.btn-black:disabled{background-color:var(--black-30per);color:rgba(0, 0, 0, 0.15)}
.btn-black-outline:disabled{border-color:var(--black-30per);color:var(--black-30per);}
.btn-black-subtitle:disabled{background-color: var(--black-5per);color:var(--black-30per)}
.btn-black-named:disabled{color:var(--black-30per)}
/*//*/
/**/
.btn-white{background-color: var(--white-500); color:#000;}
.btn-white-outline{border:1.5px solid var(--white-500); color:var(--white-500)}
.btn-white-subtitle{background-color: var(--white-10per); color:var(--white-500);}
.btn-white-named{color:var(--white-500)}

.btn-white:hover,.btn-white.hover{background-color:var(--white-600);}
.btn-white-outline:hover,.btn-white-outline.hover{border-color:var(--white-600); color:var(--white-600)}
.btn-white-subtitle:hover,.btn-white-subtitle.hover{background-color: var(--white-15per); color:var(--white-600);}
.btn-white-named:hover,.btn-white-named.hover{color:var(--white-600)}

.btn-white:disabled{background-color:var(--white-30per);color:rgba(255, 255, 255, 0.20)}
.btn-white-outline:disabled{border-color:var(--white-30per);color:var(--white-30per);}
.btn-white-subtitle:disabled{background-color: var(--white-5per);color:var(--white-30per)}
.btn-white-named:disabled{color:var(--white-30per)}
/*//*/
}
/* .btn-glass-blue-outline{border:1.5px solid var(--blue-500); color:var(--blue-500)}
.btn-glass-blue-subtitle{background-color: var(--blue-10per); color:var(--blue-500);}
.btn-glass-blue-named{color:var(--blue-500)}

.btn-glass-blue:hover,.btn-glass-blue.hover{background-color:var(--blue-600);}
.btn-glass-blue-outline:hover,.btn-glass-blue-outline.hover{border-color:var(--blue-600); color:var(--blue-600)}
.btn-glass-blue-subtitle:hover,.btn-glass-blue-subtitle.hover{background-color: var(--blue-15per); color:var(--blue-600);}
.btn-glass-blue-named:hover,.btn-glass-blue-named.hover{color:var(--blue-600)}

.btn-glass-blue:disabled{background-color:var(--blue-30per);color:rgba(255, 255, 255, 0.60)}
.btn-glass-blue-outline:disabled{border-color:var(--blue-30per);color:var(--blue-30per);}
.btn-glass-blue-subtitle:disabled{background-color: var(--blue-5per);color:var(--blue-30per)}
.btn-glass-blue-named:disabled{color:var(--blue-30per)} */
/*//*/

/*input-icon-box*/
[class*='form-area-box']{position: relative;}
[class*='form-area-box']>label{
    display: block;
    text-align:left;
    position: absolute;
    left: 16px;
    top: -4px;
    padding: 0 3px;
    line-height: 1;
    display: flex;
    z-index:10;
}
[class*='form-area-box']>label>span{
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	line-height: 1; /* 12.1px */
	/* background: #fff; */
	color: var(--blue-500);
	z-index: 100;
	position: relative;
	display: inline-block;
}
[class*='form-area-box']>label:after{z-index: 0;content:"";width:100%;height: 1px;position:absolute;background:#fff;top: 50%;transform: translateY(-50%);left: 0;}
[class*='form-area-box']>label>em.start{
    background-color: var(--red-500);
    vertical-align: top;
    margin-left: 5px;
    font-size: 0;
    width: 5px;
    height: 5px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    top: 0px;
    z-index: 1;
}
[class*='form-area-box'] .ele-icon-box{
	/* border:1px solid var(--gray-500); */
	box-shadow: 0 0 0 1px var(--gray-500) inset;
	border-radius: 8px;
	display: flex;
	align-items: center;
	/* height: 40px; */
	padding: 0 10px;
	/* margin: 0 -4px; */
	flex-wrap: wrap;
	position: relative;
	background: #fff;
}
[class*='form-area-box'].bg-none-ver .ele-icon-box{background:none}
[class*='form-area-box-input'] .ele-icon-box{border-left: 0;border-right: 0;border-radius: 0;padding: 14px 8px;padding-right: 0;background: #fff0;}
.form-area-box-input.ver1 .ele-icon-box{
    box-shadow: 0 0 0 1px var(--gray-500) inset;
    height: auto;
}
.form-area-box-input.ver1.size-xl .ele-icon-box{border-radius: 8px !important;padding: 0 10px !important;}
.form-area-box-input.ver1.size-l .ele-icon-box{border-radius: 6px !important;padding: 0 8px !important;}
.form-area-box-input.ver1.size-m .ele-icon-box{border-radius: 5px !important;padding: 0 6px !important;}
.form-area-box-input.ver1.size-s .ele-icon-box{border-radius: 4px !important;padding: 0 4px !important;}
[class*='form-area-box'] .ele-icon-box input,
[class*='form-area-box'] .ele-icon-box select,
[class*='form-area-box'] .ele-icon-box textarea,
[class*='form-area-box'] .ele-icon-box .custom-selet {
	border:0;
	background: #fff0;
	height: 40px;
	padding: 0 4px;
	width: calc(100% - 26px);
	flex-grow: 1;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 115%; /* 13.8px */
}
[class*='form-area-box'] .ele-icon-box input:focus,
[class*='form-area-box'] .ele-icon-box select:focus,
[class*='form-area-box'] .ele-icon-box textarea:focus{outline:none;border: 0;}
[class*='form-area-box'] .ele-icon-box input::placeholder,
[class*='form-area-box'] .ele-icon-box .custom-selet{
font-size: inherit !important;
font-weight: 300;
line-height: 115%; /* 13.8px */
}
[class*='form-area-box'] .ele-icon-box>[class*="icon-"]{
	flex-grow:0;
	font-size:18px;
	color: var(--gray-200);
	color: var(--gray-600);
}
[class*='form-area-box'] .ele-icon-box>[class*="icon-"].icon-times-circle{color: var(--gray-200);}
[class*='form-area-box'] .ele-icon-box>[class*="icon-"].icon-search,
[class*='form-area-box'] .ele-icon-box>[class*="icon-"].icon-user,
[class*='form-area-box'] .ele-icon-box>[class*="icon-"].icon-lock{
	color: var(--gray-600);
}
[class*='form-area-box'] .ele-icon-box>[class*="icon-"]+input,
[class*='form-area-box'] .ele-icon-box>[class*="icon-"]+select,
[class*='form-area-box'] .ele-icon-box>[class*="icon-"]+.custom-selet{max-width: calc(100% - 52px);}
[class*='form-area-box'] .ele-icon-box>[class*="icon-"]+.custom-selet{
    max-width: calc(100% - 26px);
}
[class*='form-area-box'] .ele-icon-box>*:first-child{
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
[class*='form-area-box'] .ele-icon-box>*:last-child{
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
[class*='form-area-box'] .ele-icon-box>*{padding: 0 4px;}

[class*='form-area-box'] .day {}
[class*='form-area-box'] .day>.row {margin: -4px -3px;}
[class*='form-area-box'] .day>.row>div {padding: 4px 3px;}
[class*='form-area-box'] .day>.row>div.wave {
    flex-basis: 10px;
    padding: 0;
    max-width: 10px;
    text-align: center;
    display: inline-flex;
    align-self: center;
    justify-content: center;
    color: var(--gray-500);
}
[class*='form-area-box'] .multy>.row {margin: 0 -5px;}
[class*='form-area-box'] .multy>.row>div {padding:0 5px;}
/*custom select css*/
[class*='form-area-box'] .custom-selet{
	position: static;
	height: 30px;
}

[class*='form-area-box'] .custom-selet select{
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1000;
	width: 0;
	height: 0; 
}

[class*='form-area-box'] .custom-selet button,
[class*='form-area-box'] .custom-selet input{
	border: 0;
	background: #fff0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 13px;
	color: inherit;
}
[class*='form-area-box'] .custom-selet button{color: var(--gray-600);}
[class*='form-area-box'].size-m .custom-selet button{font-size:10px;}
[class*='form-area-box'] .custom-selet input+.icons,
[class*='form-area-box'] .custom-selet button:before{
		position: absolute;
		right: 8px;
		top: 50%;
		transform: translateY(-50%);
}
[class*='form-area-box'] .custom-selet ul {
	/* display: none; */
	max-height: 0;
	position: absolute;
	overflow: hidden;
	transition: max-height 0s;
}

[class*='form-area-box'] .custom-selet ul.select {
	display: block;
	position: absolute;
	top: calc(100% + 3px);
	max-height: 200px;
	transition: max-height .5s;
	min-width: 100%;
	padding: 0;
	left: 0;
	background: #fff;
	border: 2px solid var(--blue-500);
	border-radius: 8px;
	z-index:1000;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow:auto;
/* 기본 */
	box-shadow: 0px 4px 5px 0px var(--gray-10per);
}
[class*='form-area-box'].round999ver .ele-icon-box{border-radius:999px !important;}
[class*='form-area-box'].autoWord .custom-selet ul.select,
[class*='form-area-box'].round999ver .custom-selet ul.select{
    border-radius: 10px;
    top: calc(100% + 6px);
    padding: 8px;
}
[class*='form-area-box'] .custom-selet ul.bottom.select{
	top: auto;
	bottom: calc(100% + 3px);
	border-radius: 8px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
[class*='form-area-box'] .custom-selet ul li {
	display: flex;
	align-items: center;
	font-size: inherit;
	line-height: 1;
	padding: 6px 8px;
	margin-bottom:4px;
	border-radius: 6px;
}
[class*='form-area-box'] .custom-selet ul li span{flex-grow: 1;}
[class*='form-area-box'] .custom-selet ul li .close{font-size: 14px;}
[class*='form-area-box'] .custom-selet ul li:last-child{margin-bottom:0}
[class*='form-area-box'] .custom-selet ul li.bottomtxt{
    padding: 4px 8px;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    color: var(--blue-500);
	cursor:pointer
}
[class*='form-area-box'] .custom-selet ul li.bottomtxt:hover{background:none;}
[class*='form-area-box'] .custom-selet ul li.bottomtxt>i{
    font-size: 14px;
    width: auto;
    height: auto;
    border: 0;
    margin-left: 2px;
}
[class*='form-area-box'] .custom-selet ul li:hover,
[class*='form-area-box'] .custom-selet ul li.active {
	background: var(--blue-5per);
	/* color: var(--blue-500); */
	/* border-radius: 4px; */
	transition: all .5s;
}

[class*='form-area-box'] .custom-selet ul li [class*="icon-"]{
	padding: 0 4px;
	color: inherit;
	font-size: 10px;
	width: 18px;
	height: 18px;
	border: 1px solid var(--blue-500);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: var(--blue-500);
	margin-right: 6px;
}
[class*='form-area-box'].select>.ele-icon-box{
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	transition: all .5s;
}
[class*='form-area-box'].autoWord.select .ele-icon-box,
[class*='form-area-box'].round999ver.select .ele-icon-box{border-radius: 999px !important;}
[class*='form-area-box'].select .ele-icon-box.bottom {
	border-radius:8px !important;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
}
@media (max-width: 768px){
	
}
@media (min-width: 768px){
	
}
[class*='form-area-box'].focus label:after{height:3px;}
[class*='form-area-box'].focus .ele-icon-box{box-shadow: 0 0 0 2px var(--blue-500) inset;}
[class*='form-area-box'].focus .ele-icon-box>[class*="icon-"],
[class*='form-area-box'].focus .ele-icon-box>*::placeholder{color:var(--blue-500);}
[class*='form-area-box'].focus .ele-icon-box>[class*="icon-"]:first-child{color:var(--gray-950)}
[class*='form-area-box'].success label>span{color: var(--gray-950);}
[class*='form-area-box'].success label:after{height:3px;}
[class*='form-area-box'].success .ele-icon-box{box-shadow: 0 0 0 2px var(--green-500) inset;}

[class*='form-area-box'].success .ele-icon-box>[class*="icon-"],
[class*='form-area-box'].success .ele-icon-box>*::placeholder{color:var(--green-500);}

[class*='form-area-box'].error label>span{color: var(--gray-950);}
[class*='form-area-box'].error label:after{height:3px;}
[class*='form-area-box'].error .ele-icon-box{box-shadow: 0 0 0 2px var(--red-500) inset;}
[class*='form-area-box'].error .ele-icon-box>[class*="icon-"],
[class*='form-area-box'].error .ele-icon-box>*::placeholder{color:var(--red-500);}

[class*='form-area-box'].disabled label>span{color: var(--gray-300);}
[class*='form-area-box'].disabled label:after{height:3px;}
[class*='form-area-box'].disabled label .start{background-color: var(--gray-300);}
[class*='form-area-box'].disabled .ele-icon-box{box-shadow: 0 0 0 1px var(--gray-300) inset;}
[class*='form-area-box'].disabled .ele-icon-box>[class*="icon-"],
[class*='form-area-box'].disabled .ele-icon-box>*::placeholder,
[class*='form-area-box'].disabled .ele-icon-box .custom-selet{color:var(--gray-300);}
[class*='form-area-box'].disabled .ele-icon-box{background-color: var(--gray-15per);}

[class*='form-area-box'].size-l>label{top: -3px;left: 10px;}
[class*='form-area-box'].size-l >label>span{font-size: 9px;}
[class*='form-area-box'].size-l >label>em.start{}
[class*='form-area-box'].size-l .ele-icon-box{border-radius: 6px; padding: 0 8px;}
[class*='form-area-box-input'].size-l .ele-icon-box{padding: 12px 6px; padding-right: 0;}
[class*='form-area-box'].size-l .ele-icon-box input,
[class*='form-area-box'].size-l .ele-icon-box>select,
[class*='form-area-box'].size-l .ele-icon-box textarea,
[class*='form-area-box'].size-l .ele-icon-box .custom-selet{height: 32px;width: calc(100% - 22px);font-size: 12px;}
[class*='form-area-box'].size-l .ele-icon-box>a,
[class*='form-area-box'].size-l .ele-icon-box>[class*="icon-"]{font-size: 14px;}
[class*='form-area-box'].size-l .ele-icon-box>[class*="icon-"]+input,
[class*='form-area-box'].size-l .ele-icon-box>[class*="icon-"]+select{max-width: calc(100% - 44px);}

[class*='form-area-box'].size-m>label{top: -2px;left: 8px;}
[class*='form-area-box'].size-m >label>span{font-size: 7px;}
[class*='form-area-box'].size-m >label>em.start{}
[class*='form-area-box'].size-m .ele-icon-box{border-width: 1.4px;border-radius: 5px;padding: 0 6px;}
[class*='form-area-box-input'].size-m .ele-icon-box{padding: 10px 4px; padding-right: 0;}
[class*='form-area-box'].size-m .ele-icon-box input,
[class*='form-area-box'].size-m .ele-icon-box select,
[class*='form-area-box'].size-m .ele-icon-box textarea,
[class*='form-area-box'].size-m .ele-icon-box .custom-selet{height: 24px;width: calc(100% - 22px);font-size: 10px;}
[class*='form-area-box'].size-m .ele-icon-box>a,
[class*='form-area-box'].size-m .ele-icon-box>[class*="icon-"]{font-size: 14px;}
[class*='form-area-box'].size-m .ele-icon-box>[class*="icon-"]+input,
[class*='form-area-box'].size-m .ele-icon-box>[class*="icon-"]+select{max-width: calc(100% - 44px);}

[class*='form-area-box'].size-s>label{top: -2px;left: 7px;padding: 0 2px;}
[class*='form-area-box'].size-s >label>span{font-size: 6px;}
[class*='form-area-box'].size-s >label>em.start{}
[class*='form-area-box'].size-s .ele-icon-box{border-radius: 4px;padding: 0px 4px;border-width: 1px;}
[class*='form-area-box-input'].size-s .ele-icon-box{padding: 10px 4px; padding-right: 0;}
[class*='form-area-box'].size-s .ele-icon-box input,
[class*='form-area-box'].size-s .ele-icon-box select,
[class*='form-area-box'].size-s .ele-icon-box textarea,
[class*='form-area-box'].size-s .ele-icon-box .custom-selet{height: 20px;width: calc(100% - 18px);font-size: 10px;}
[class*='form-area-box'].size-s .ele-icon-box .custom-selet{max-width: inherit;}
[class*='form-area-box'].size-s .ele-icon-box>a,
[class*='form-area-box'].size-s .ele-icon-box>[class*="icon-"]{font-size: 10px;}
[class*='form-area-box'].size-s .ele-icon-box>[class*="icon-"]+input,
[class*='form-area-box'].size-s .ele-icon-box>[class*="icon-"]+select{max-width: calc(100% - 36px);}


@media (min-width: 768px){
	[class*='form-area-box'].size-md-xl .ele-icon-box{border-radius: 8px; padding: 0 10px;}
	[class*='form-area-box'].size-md-xl .ele-icon-box input,
	[class*='form-area-box'].size-md-xl .ele-icon-box>select,
	[class*='form-area-box'].size-md-xl .ele-icon-box textarea,
	[class*='form-area-box'].size-md-xl .ele-icon-box .custom-selet{height: 40px;width: calc(100% - 26px);font-size: 12px;}

	[class*='form-area-box'].size-md-l .ele-icon-box{border-radius: 6px; padding: 0 8px;}
	[class*='form-area-box'].size-md-l .ele-icon-box input,
	[class*='form-area-box'].size-md-l .ele-icon-box>select,
	[class*='form-area-box'].size-md-l .ele-icon-box textarea,
	[class*='form-area-box'].size-md-l .ele-icon-box .custom-selet{height: 32px;width: calc(100% - 22px);font-size: 12px;}

	[class*='form-area-box'].size-md-m .ele-icon-box{border-width: 1.4px;border-radius: 5px;padding: 0 6px;}
	[class*='form-area-box'].size-md-m .ele-icon-box input,
	[class*='form-area-box'].size-md-m .ele-icon-box select,
	[class*='form-area-box'].size-md-m .ele-icon-box textarea,
	[class*='form-area-box'].size-md-m .ele-icon-box .custom-selet{height: 24px;width: calc(100% - 22px);font-size: 10px;}
	
	[class*='form-area-box'].size-md-s .ele-icon-box{border-radius: 4px;padding: 0px 4px;border-width: 1px;}
	[class*='form-area-box'].size-md-s .ele-icon-box input,
	[class*='form-area-box'].size-md-s .ele-icon-box select,
	[class*='form-area-box'].size-md-s .ele-icon-box textarea,
	[class*='form-area-box'].size-md-s .ele-icon-box .custom-selet{height: 20px;width: calc(100% - 18px);font-size: 10px;}

	.form-area-box-input.ver1.size-md-xl .ele-icon-box{border-radius: 8px !important;padding: 0 10px !important;}
	.form-area-box-input.ver1.size-md-l .ele-icon-box{border-radius: 6px !important;padding: 0 8px !important;}
	.form-area-box-input.ver1.size-md-m .ele-icon-box{border-radius: 5px !important;padding: 0 6px !important;}
	.form-area-box-input.ver1.size-md-s .ele-icon-box{border-radius: 4px !important;padding: 0 4px !important;}
}

.form-area-box-input {
    height: 100%;
}
.form-area-box-input>label {
    position: static;
    padding: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 8px;
}
.form-area-box-input>label:after{display:none;}
.form-area-box-input>.ele-icon-box {
    border-radius: 0 !important;
    border: 0;
    box-shadow: none;
    padding: 0 !important;
    height: calc(100% - 18px);
}
.form-area-box-input>.ele-icon-box>.value-box{border-bottom:1px solid var(--gray-200);padding: 0;padding-bottom: 16px;width: 100%;height: 100%;font-size: 14px;}
/*//*/
.datepicker-dropdown:after,
.datepicker-dropdown:before{opacity:0}
  .datepicker table {
	width: auto;
}
.datepicker-dropdown {
	padding: 18px;
	z-index: 100000!important;
	min-width: auto;
	width: auto;
}

.datepicker table tr td,
.datepicker table tr th {
	background: none !important;
	vertical-align: middle;
}
.datepicker table tr td i,
.datepicker table tr th i{
	color: var(--Elements-Icon);
	background: #F9F9FA;
	position: relative;
	display: inline-block;
	border-radius: 200px;
	width: 32px;
	height: 32px;
	background-color: var(--light-gray);
	border-radius: 6px;
}
.datepicker table tr td i:before,
.datepicker table tr th i:before{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.datepicker .datepicker-switch {
	color: #2A2B2E;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
}

.datepicker table tr td.dow,
.datepicker table tr th.dow {
	color: var(--black);
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
}
.datepicker table>tr:nth-child(1){}
.datepicker .table-condensed thead tr:nth-child(2){
    border-bottom: 1px solid var(--gray-500);
}
.datepicker .table-condensed thead tr:nth-child(2)>th{
    padding-bottom: 8px;
}
.datepicker .table-condensed thead tr:nth-child(3)>th{padding-top:8px;}
.datepicker-days .table-condensed .day {
	color: var(--black);
	font-size: 15px;
	letter-spacing: 0;
	font-weight: 300;
	width: 25px;
	height: 25px;
	position:relative;
}
.datepicker-days .table-condensed .new.day,
.datepicker-days .table-condensed .old.day{
	color:var(--Elements-Text);
}
.datepicker-days .table-condensed .today,
.datepicker-days .table-condensed td:hover,
.datepicker-days .table-condensed td.active.day{
	/* background-color: var(--blue-500) !important; */
	border-radius: 30px;
	color: #fff;
	position: relative;
	z-index: 10;
}
.datepicker-days .table-condensed .today:after,
.datepicker-days .table-condensed td:hover:after,
.datepicker-days .table-condensed td.active.day:after{
	background-color: var(--blue-500) !important;
	content:'';
	width: 25px;
	height: 25px;
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 25px;
}
/*table*/
[class*="table-box-"] table {}
[class*="table-box-"] table .inherit{
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	line-height: inherit;
}
[class*="table-box-"] table td{}
[class*="table-box-"] table td,
[class*="table-box-"] table th{
    vertical-align: middle;
	border-collapse: collapse;
}
[class*="table-box-"] table tbody tr{
	
}
[class*="table-box-"] table th {
	font-size: 15px;
	background: #ffffff;
	text-align: center;
	/* font-weight: 600; */
	position: relative;
	/* padding: 0 0px; */
	/* line-height: 1.2; */
	font: var(--L-semibold-line-13);
}
[class*="table-box-"] table th:last-child{
	border-right:0;
}
[class*="table-box-"] table thead tr:first-child th{
	/* background-color:#fff;*/
	background-color: var(--green-5per);
	border: 1px solid var(--green-500);
	border-left: 0;
	border-right: 0;
	border-top-width: 1px;
	border-bottom-width: 2px;
	position: relative;
	overflow: visible;
	/* line-height: 1.2; */
}
[class*="table-box-"] table thead tr:first-child th:after,
[class*="table-box-"] table .after-in::after{
	background: linear-gradient(180deg, rgba(0, 122, 255, 0.15) 0%, rgba(0, 122, 255, 0.00) 83.33%);
	content: '';
	width: 100%;
	height: 7px;
	bottom: -9px;
	left: 0;
	top: auto;
	z-index: 10;
	display: block;
	position: absolute;
}
[class*="table-box-"] table .after-none::after{display: none !important;}
[class*="table-box-"] table .before-none::before{display: none !important;}
[class*="table-box-"] table tbody tr td{
	border-bottom: 1px solid var(--gray-500);
	/* font-weight: 300; */
	/* font-size: 14px; */
	position: relative;
	/* padding: 0 5px; */
	font: var(--L-light-line-15);
}
[class*="table-box-"] table tbody tr:last-child td {border-color:var(--green-500)}
[class*="table-box-"] table tbody tr:last-child th {border-color:var(--green-500)}
[class*="table-box-"] table tbody tr th{
	border-bottom: 1px solid var(--gray-500);
	/* font-weight:600; */
	background-color: var(--blue-2per);
	text-align: left;
	vertical-align: middle;
}
[class*="table-box-"] table tbody tr td [class*='txt-']{
	font-size:inherit;
	font-weight:600;						   
}
[class*="table-box-"] table tbody tr:hover td,
[class*="table-box-"] table tbody tr:hover th{
	border-color: var(--green-500);
	color: var(--green-500);
	/* font-weight:600; */
	background-color: var(--green-2per);
}
[class*="table-box-"] table tbody tr:hover td:after{
	background: linear-gradient(180deg, rgba(54, 54, 54, 0.15) 0%, rgba(54, 54, 54, 0) 83.33%);
	content: '';
	width: 100%;
	height: 7px;
	bottom: -7px;
	left: 0;
	z-index: 100;
	display: block;
	position: absolute;
}
[class*="table-box-"] table tbody tr:last-child:hover td:after{
	display: none;
}
[class*="table-box-"].no-hover table tbody tr:hover td,
[class*="table-box-"].no-hover table tbody tr:hover th{
	border-color: var(--gray-500);
	color: var(--black);
	font-weight: 300;
	background-color: var(--White);
}
[class*="table-box-"].no-hover table tbody tr:hover th{
    border-bottom: 1px solid var(--gray-500);
    font-weight: 600;
    background-color: var(--blue-2per);
}
[class*="table-box-"].no-hover table tbody tr:hover td:after{
	background: linear-gradient(180deg, rgba(54, 54, 54, 0.15) 0%, rgba(54, 54, 54, 0) 83.33%);
	content: '';
	width: 100%;
	height: 7px;
	bottom: -9px;
	left: 0;
	z-index: 100;
	display: block;
	position: absolute;
	display: none;
}
[class*="table-box-"] table thead.bs-1 th:before,
[class*="table-box-"] table tbody.bs-1 td:before,
[class*="table-box-"] table tbody.bs-1 th:before{
    content: "";
    position: absolute;
    top: 50%;
    background-color: var(--gray-400);
    width: 1px;
    height: calc(100% - 22px);
    transform: translateY(-50%);
    right: 0;
    /* max-height: 20px; */
}

[class*="table-box-"] table thead.bs-1 tr th:last-child:before,
[class*="table-box-"] table tbody.bs-1 tr td:last-child:before,
[class*="table-box-"] table tbody.bs-1 tr th:last-child:before{opacity: 0;}
[class*="table-box-"] table tbody.bs-1 tr td.before-in:before{opacity:1 !important;}
[class*="table-box-"] table tbody tr.total{}
[class*="table-box-"] table tbody tr.total td,
[class*="table-box-"].no-hover table tbody tr.total td{
    border-top: 1px solid var(--blue-500);
    border-bottom: 2px solid var(--blue-500);
    background-color: var(--blue-2per);
    font-weight: 600;
}
.table-box-2 {}

.table-box-2 table {}

.table-box-2 table thead tr:first-child th {
    background-color: #fff;
    border-top: 0;
}
.table-box-2 table tbody tr td{
    border-top: 1px solid var(--blue-500);
}
.table-box-1-1 table tbody tr td{
    color: var(--blue-500);
    background: var(--blue-2per);
    font-weight: 600;
}
.table-box-2-1 table tbody tr td{
    border-bottom: 1px solid var(--blue-500);
}
[class*="table-box-"] [class*="desigh-txt-"]{
	font-size:inherit;
	color:inherit;
	font-weight:inherit;
	line-height: inherit;
}
[class*="table-box-"] .desigh-txt-1{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
}
[class*="table-box-"] .text-start [class*="desigh-txt-"]{
    justify-content: flex-start;
}
[class*="table-box-"] .text-center [class*="desigh-txt-"]{}
[class*="table-box-"] .text-end [class*="desigh-txt-"]{
    justify-content: end;
}
[class*="table-box-"] .desigh-txt-1>*{
    /* padding: 0 5px; */
}

[class*="table-box-"] table thead.ts-xl tr{height: 56px; font-size:18px;}
[class*="table-box-"] table .ts-xl tr{height:56px; font-size:18px;}

[class*="table-box-"] table thead.ts-l tr{height: 48px;font-size: 16px;}
[class*="table-box-"] table .ts-l tr{height:48px;font-size: 16px;}

[class*="table-box-"] table thead.ts-m tr{height: 40px; font-size:14px;}
[class*="table-box-"] table .ts-m tr{height:40px; font-size:14px;}

[class*="table-box-"] table thead.ts-s tr{height: 32px; font-size:13px;}
[class*="table-box-"] table .ts-s tr{height:32px; font-size:12px;}

[class*="table-box-"] table [class*='ts-'] tr>*{font-size: inherit;}

[class*="table-box-"] table .px-v-none th,
[class*="table-box-"] table .px-v-none td{padding-left:0; padding-right:0;}
[class*="table-box-"] table .px-v-xl th,
[class*="table-box-"] table .px-v-xl td{padding-left:16px; padding-right:16px;}
[class*="table-box-"] table .px-v-l th,
[class*="table-box-"] table .px-v-l td{padding-left:12px; padding-right:12px;}
[class*="table-box-"] table .px-v-m th,
[class*="table-box-"] table .px-v-m td{padding-left:8px; padding-right:8px;}
[class*="table-box-"] table .px-v-s th,
[class*="table-box-"] table .px-v-s td{padding-left:6px; padding-right:6px;}
[class*="table-box-"] table .px-v-xs th,
[class*="table-box-"] table .px-v-xs td{padding-left:2px; padding-right:2px;}

[class*="table-box-"] table .py-v-none th,
[class*="table-box-"] table .py-v-none td{padding-top:0; padding-bottom:0;}
[class*="table-box-"] table .py-v-xl th,
[class*="table-box-"] table .py-v-xl td{padding-top:16px; padding-bottom:16px;}
[class*="table-box-"] table .py-v-xls th,
[class*="table-box-"] table .py-v-xls td{padding-top:15px; padding-bottom:15px;}
[class*="table-box-"] table .py-v-l th,
[class*="table-box-"] table .py-v-l td{padding-top:12px; padding-bottom:12px;}
[class*="table-box-"] table .py-v-m th,
[class*="table-box-"] table .py-v-m td{padding-top:8px; padding-bottom:8px;}
[class*="table-box-"] table .py-v-s th,
[class*="table-box-"] table .py-v-s td{padding-top:6px; padding-bottom:6px;}
[class*="table-box-"] table .py-v-xs th,
[class*="table-box-"] table .py-v-xs td{padding-top:2px; padding-bottom:2px;}

[class*="table-box-"] table .py-v-th-none th,
[class*="table-box-"] table .py-v-td-none td{padding-top:0; padding-bottom:0;}
[class*="table-box-"] table .py-v-th-xl th,
[class*="table-box-"] table .py-v-td-xl td{padding-top:16px; padding-bottom:16px;}
[class*="table-box-"] table .py-v-th-xls th,
[class*="table-box-"] table .py-v-td-xls td{padding-top:15px; padding-bottom:15px;}
[class*="table-box-"] table .py-v-th-l th,
[class*="table-box-"] table .py-v-td-l td{padding-top:12px; padding-bottom:12px;}
[class*="table-box-"] table .py-v-th-m th,
[class*="table-box-"] table .py-v-td-m td{padding-top:8px; padding-bottom:8px;}
[class*="table-box-"] table .py-v-th-s th,
[class*="table-box-"] table .py-v-td-s td{padding-top:6px; padding-bottom:6px;}
[class*="table-box-"] table .py-v-th-xs th,
[class*="table-box-"] table .py-v-td-xs td{padding-top:2px; padding-bottom:2px;}

[class*="table-box-"] table .px-v-th-none th,
[class*="table-box-"] table .px-v-td-none td{padding-left:0; padding-right:0;}
[class*="table-box-"] table .px-v-th-xl th,
[class*="table-box-"] table .px-v-td-xl td{padding-left:16px; padding-right:16px;}
[class*="table-box-"] table .px-v-th-xls th,
[class*="table-box-"] table .px-v-td-xls td{padding-left:15px; padding-right:15px;}
[class*="table-box-"] table .px-v-th-l th,
[class*="table-box-"] table .px-v-td-l td{padding-left:12px; padding-right:12px;}
[class*="table-box-"] table .px-v-th-m th,
[class*="table-box-"] table .px-v-td-m td{padding-left:8px; padding-right:8px;}
[class*="table-box-"] table .px-v-th-s th,
[class*="table-box-"] table .px-v-td-s td{padding-left:6px; padding-right:6px;}
[class*="table-box-"] table .px-v-th-xs th,
[class*="table-box-"] table .px-v-td-xs td{padding-left:2px; padding-right:2px;}

[class*="table-box-"] table .vt-t>tr>*{vertical-align:top;}
[class*="table-box-"] table .vt-m>tr>*{vertical-align:middle;}
[class*="table-box-"] table .vt-b>tr>*{vertical-align:bottom;}
[class*="table-box-"] table .vt-tb>tr>*{vertical-align:text-bottom;}
[class*="table-box-"] table .vt-tt>tr>*{vertical-align:text-top;}

[class*="table-box-"] table .t-t-l>tr>*{text-align:left;}
[class*="table-box-"] table .t-t-c>tr>*{text-align:center;}
[class*="table-box-"] table .t-t-r>tr>*{text-align:right;}

@media (min-width: 768px){
[class*="table-box-"] table thead.ts-md-xl tr{height: 56px; font-size:18px;}
[class*="table-box-"] table .ts-md-xl tr{height:56px; font-size:18px;}

[class*="table-box-"] table thead.ts-md-l tr{height: 48px;font-size: 16px;}
[class*="table-box-"] table .ts-md-l tr{height:48px;font-size: 16px;}

[class*="table-box-"] table thead.ts-md-m tr{height: 40px; font-size:14px;}
[class*="table-box-"] table .ts-md-m tr{height:40px; font-size:14px;}

[class*="table-box-"] table thead.ts-md-s tr{height: 32px; font-size:13px;}
[class*="table-box-"] table .ts-md-s tr{height:32px; font-size:12px;}

[class*="table-box-"] table [class*='ts-'] tr>*{font-size: inherit;}

[class*="table-box-"] table .px-md-v-none th,
[class*="table-box-"] table .px-md-v-none td{padding-left:0; padding-right:0;}
[class*="table-box-"] table .px-md-v-xl th,
[class*="table-box-"] table .px-md-v-xl td{padding-left:16px; padding-right:16px;}
[class*="table-box-"] table .px-md-v-l th,
[class*="table-box-"] table .px-md-v-l td{padding-left:12px; padding-right:12px;}
[class*="table-box-"] table .px-md-v-m th,
[class*="table-box-"] table .px-md-v-m td{padding-left:8px; padding-right:8px;}
[class*="table-box-"] table .px-md-v-s th,
[class*="table-box-"] table .px-md-v-s td{padding-left:6px; padding-right:6px;}
[class*="table-box-"] table .px-md-v-xs th,
[class*="table-box-"] table .px-md-v-xs td{padding-left:2px; padding-right:2px;}

[class*="table-box-"] table .py-md-v-none th,
[class*="table-box-"] table .py-md-v-none td{padding-top:0; padding-bottom:0;}
[class*="table-box-"] table .py-md-v-xl th,
[class*="table-box-"] table .py-md-v-xl td{padding-top:16px; padding-bottom:16px;}
[class*="table-box-"] table .py-md-v-xls th,
[class*="table-box-"] table .py-md-v-xls td{padding-top:15px; padding-bottom:15px;}
[class*="table-box-"] table .py-md-v-l th,
[class*="table-box-"] table .py-md-v-l td{padding-top:12px; padding-bottom:12px;}
[class*="table-box-"] table .py-md-v-m th,
[class*="table-box-"] table .py-md-v-m td{padding-top:8px; padding-bottom:8px;}
[class*="table-box-"] table .py-md-v-s th,
[class*="table-box-"] table .py-md-v-s td{padding-top:6px; padding-bottom:6px;}
[class*="table-box-"] table .py-md-v-xs th,
[class*="table-box-"] table .py-md-v-xs td{padding-top:2px; padding-bottom:2px;}

[class*="table-box-"] table .py-md-v-th-none th,
[class*="table-box-"] table .py-md-v-td-none td{padding-top:0; padding-bottom:0;}
[class*="table-box-"] table .py-md-v-th-xl th,
[class*="table-box-"] table .py-md-v-td-xl td{padding-top:16px; padding-bottom:16px;}
[class*="table-box-"] table .py-md-v-th-xls th,
[class*="table-box-"] table .py-md-v-td-xls td{padding-top:15px; padding-bottom:15px;}
[class*="table-box-"] table .py-md-v-th-l th,
[class*="table-box-"] table .py-md-v-td-l td{padding-top:12px; padding-bottom:12px;}
[class*="table-box-"] table .py-md-v-th-m th,
[class*="table-box-"] table .py-md-v-td-m td{padding-top:8px; padding-bottom:8px;}
[class*="table-box-"] table .py-md-v-th-s th,
[class*="table-box-"] table .py-md-v-td-s td{padding-top:6px; padding-bottom:6px;}
[class*="table-box-"] table .py-md-v-th-xs th,
[class*="table-box-"] table .py-md-v-td-xs td{padding-top:2px; padding-bottom:2px;}

[class*="table-box-"] table .px-md-v-th-none th,
[class*="table-box-"] table .px-md-v-td-none td{padding-left:0; padding-right:0;}
[class*="table-box-"] table .px-md-v-th-xl th,
[class*="table-box-"] table .px-md-v-td-xl td{padding-left:16px; padding-right:16px;}
[class*="table-box-"] table .px-md-v-th-xls th,
[class*="table-box-"] table .px-md-v-td-xls td{padding-left:15px; padding-right:15px;}
[class*="table-box-"] table .px-md-v-th-l th,
[class*="table-box-"] table .px-md-v-td-l td{padding-left:12px; padding-right:12px;}
[class*="table-box-"] table .px-md-v-th-m th,
[class*="table-box-"] table .px-md-v-td-m td{padding-left:8px; padding-right:8px;}
[class*="table-box-"] table .px-md-v-th-s th,
[class*="table-box-"] table .px-md-v-td-s td{padding-left:6px; padding-right:6px;}
[class*="table-box-"] table .px-md-v-th-xs th,
[class*="table-box-"] table .px-md-v-td-xs td{padding-left:2px; padding-right:2px;}

[class*="table-box-"] table .vt-md-t>tr>*{vertical-align:top;}
[class*="table-box-"] table .vt-md-m>tr>*{vertical-align:middle;}
[class*="table-box-"] table .vt-md-b>tr>*{vertical-align:bottom;}
[class*="table-box-"] table .vt-md-tb>tr>*{vertical-align:text-bottom;}
[class*="table-box-"] table .vt-md-tt>tr>*{vertical-align:text-top;}

[class*="table-box-"] table .t-md-t-l>tr>*{text-align:left;}
[class*="table-box-"] table .t-md-t-c>tr>*{text-align:center;}
[class*="table-box-"] table .t-md-t-r>tr>*{text-align:right;}

.form-area-box-input>.ele-icon-box>.value-box{font-size:15px;}

}
@media (min-width: 1216px){
[class*="table-box-"] table thead.ts-xl-xl tr{height: 56px; font-size:15px;}
[class*="table-box-"] table .ts-xl-xl tr{height:56px; font-size:15px;}

[class*="table-box-"] table thead.ts-xl-l tr{height: 48px; font-size:15px;}
[class*="table-box-"] table .ts-xl-l tr{height:48px;font-size: 14px;}

[class*="table-box-"] table thead.ts-xl-m tr{height: 40px; font-size:14px;}
[class*="table-box-"] table .ts-xl-m tr{height:40px; font-size:13px;}

[class*="table-box-"] table thead.ts-xl-s tr{height: 32px; font-size:13px;}
[class*="table-box-"] table .ts-xl-s tr{height:32px; font-size:13px;}

[class*="table-box-"] table [class*='ts-'] tr>*{font-size: inherit;}

[class*="table-box-"] table .px-xl-v-none th,
[class*="table-box-"] table .px-xl-v-none td{padding-left:0; padding-right:0;}
[class*="table-box-"] table .px-xl-v-xl th,
[class*="table-box-"] table .px-xl-v-xl td{padding-left:16px; padding-right:16px;}
[class*="table-box-"] table .px-xl-v-l th,
[class*="table-box-"] table .px-xl-v-l td{padding-left:12px; padding-right:12px;}
[class*="table-box-"] table .px-xl-v-m th,
[class*="table-box-"] table .px-xl-v-m td{padding-left:8px; padding-right:8px;}
[class*="table-box-"] table .px-xl-v-s th,
[class*="table-box-"] table .px-xl-v-s td{padding-left:6px; padding-right:6px;}
[class*="table-box-"] table .px-xl-v-xs th,
[class*="table-box-"] table .px-xl-v-xs td{padding-left:2px; padding-right:2px;}

[class*="table-box-"] table .py-xl-v-none th,
[class*="table-box-"] table .py-xl-v-none td{padding-top:0; padding-bottom:0;}
[class*="table-box-"] table .py-xl-v-xl th,
[class*="table-box-"] table .py-xl-v-xl td{padding-top:16px; padding-bottom:16px;}
[class*="table-box-"] table .py-xl-v-xls th,
[class*="table-box-"] table .py-xl-v-xls td{padding-top:15px; padding-bottom:15px;}
[class*="table-box-"] table .py-xl-v-l th,
[class*="table-box-"] table .py-xl-v-l td{padding-top:12px; padding-bottom:12px;}
[class*="table-box-"] table .py-xl-v-m th,
[class*="table-box-"] table .py-xl-v-m td{padding-top:8px; padding-bottom:8px;}
[class*="table-box-"] table .py-xl-v-s th,
[class*="table-box-"] table .py-xl-v-s td{padding-top:6px; padding-bottom:6px;}
[class*="table-box-"] table .py-xl-v-xs th,
[class*="table-box-"] table .py-xl-v-xs td{padding-top:2px; padding-bottom:2px;}

[class*="table-box-"] table .py-xl-v-th-none th,
[class*="table-box-"] table .py-xl-v-td-none td{padding-top:0; padding-bottom:0;}
[class*="table-box-"] table .py-xl-v-th-xl th,
[class*="table-box-"] table .py-xl-v-td-xl td{padding-top:16px; padding-bottom:16px;}
[class*="table-box-"] table .py-xl-v-th-xls th,
[class*="table-box-"] table .py-xl-v-td-xls td{padding-top:15px; padding-bottom:15px;}
[class*="table-box-"] table .py-xl-v-th-l th,
[class*="table-box-"] table .py-xl-v-td-l td{padding-top:12px; padding-bottom:12px;}
[class*="table-box-"] table .py-xl-v-th-m th,
[class*="table-box-"] table .py-xl-v-td-m td{padding-top:8px; padding-bottom:8px;}
[class*="table-box-"] table .py-xl-v-th-s th,
[class*="table-box-"] table .py-xl-v-td-s td{padding-top:6px; padding-bottom:6px;}
[class*="table-box-"] table .py-xl-v-th-xs th,
[class*="table-box-"] table .py-xl-v-td-xs td{padding-top:2px; padding-bottom:2px;}

[class*="table-box-"] table .px-xl-v-th-none th,
[class*="table-box-"] table .px-xl-v-td-none td{padding-left:0; padding-right:0;}
[class*="table-box-"] table .px-xl-v-th-xl th,
[class*="table-box-"] table .px-xl-v-td-xl td{padding-left:16px; padding-right:16px;}
[class*="table-box-"] table .px-xl-v-th-xls th,
[class*="table-box-"] table .px-xl-v-td-xls td{padding-left:15px; padding-right:15px;}
[class*="table-box-"] table .px-xl-v-th-l th,
[class*="table-box-"] table .px-xl-v-td-l td{padding-left:12px; padding-right:12px;}
[class*="table-box-"] table .px-xl-v-th-m th,
[class*="table-box-"] table .px-xl-v-td-m td{padding-left:8px; padding-right:8px;}
[class*="table-box-"] table .px-xl-v-th-s th,
[class*="table-box-"] table .px-xl-v-td-s td{padding-left:6px; padding-right:6px;}
[class*="table-box-"] table .px-xl-v-th-xs th,
[class*="table-box-"] table .px-xl-v-td-xs td{padding-left:2px; padding-right:2px;}

[class*="table-box-"] table .vt-xl-t>tr>*{vertical-align:top;}
[class*="table-box-"] table .vt-xl-m>tr>*{vertical-align:middle;}
[class*="table-box-"] table .vt-xl-b>tr>*{vertical-align:bottom;}
[class*="table-box-"] table .vt-xl-tb>tr>*{vertical-align:text-bottom;}
[class*="table-box-"] table .vt-xl-tt>tr>*{vertical-align:text-top;}

[class*="table-box-"] table .t-xl-t-l>tr>*{text-align:left;}
[class*="table-box-"] table .t-xl-t-c>tr>*{text-align:center;}
[class*="table-box-"] table .t-xl-t-r>tr>*{text-align:right;}

}

[class*='m-over-table-'].table-box-1 {overflow: auto;}
[class*='m-over-table-'].table-box-1 table {width: 930px;}
.m-over-table-2.table-box-1 table {width: 600px;}
[class*="table-box-"].detail-ver{
	border:2px solid var(--blue-500);
	border-left:0;
	border-right:0;
}
[class*="table-box-"] .bb-0>*{border-bottom:0;}
/*padding-box*/
.paging-box {}
.paging-box ul{
    margin: 0 -4px;
    display: flex;
    justify-content: center;
}
.paging-box ul>li{
    padding: 0 4px;
    display: flex;
    margin: 0 -2px;
}
.paging-box ul>li>a{
     width: 24px;
     display: inline-flex;
     height: 24px;
     align-items: center;
     justify-content: center;
     border-radius: 999px;
     margin: 0 2px;
     height: 24px;
     width: 24px;
}
.paging-box ul>li>a:hover{color:var(--blue-500)}
.paging-box ul>li>a.active{background:var(--blue-500);color:#fff}
.paging-box ul>li:first-child a,
.paging-box ul>li:last-child a{background: var(--gray-20per);}
.paging-box.small-ver {}
.paging-box.small-ver ul>li>a {
    width: 20px;
    height: 20px;
    font-size: 12px;
}
  /*navigation*/
  .navigation{}
  .navigation>.row{
	 align-items: center;
	 align-self: center;
	 margin: 0 -2px;
	 justify-content: end;
	}
  .navigation>.row>div{
	 flex-grow: 0;
	 white-space: nowrap;
	 padding: 2px;
	 display: inline-flex;
	 align-items: center;
	 color: var( --gray-600);
	 font-size: 12px;
	 line-height: 1;
	}
  .navigation>.row>div>*{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
}
  
  .navigation>.row>div.now{
    color: var(--blue-500);
    font-weight: 600;
}
  .navigation>.row>div.home{}
.navigation>.row>div.home>a{
    position: relative;
    /* padding-left: 20px; */
    /* line-height: 1; */
    font-weight: 600;
    display: flex;
    align-items: center;
}
.navigation>.row>div.home>a i{
    color: var(--gray-600);
    font-size: 12px;
}
  /*//*/

[class^='area-box-']{
    padding: 16px;
    border: 1px solid var(--gray-500);
    border-radius: 12px;
    background-color: var(--primary-t2);
}
[class^='area-box-'] .txt1{
    font: var(--R-semibold-line-1);
}
[class^='area-box-'] {}
[class^='area-box-'] .interval-1{
    margin: 0 -12px;
}
[class^='area-box-'] .interval-1>div{
    padding: 0 12px;
}
[class^='area-box-'] .interval-2{
    margin: 0 -4px;
}
[class^='area-box-'] .interval-2>div{
    padding: 0 4px;
}
.area-box-search-ver1 {
    border: 0;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    background-color: var(--White);
}
@media (min-width: 768px){
	[class^='area-box-'] .txt1 {
		font: var(--L-semibold-line-1);
	}
	[class^='area-box-'] {}
[class^='area-box-'] .interval-md-1{
    margin: 0 -12px;
}
[class^='area-box-'] .interval-md-1>div{
    padding: 0 12px;
}
[class^='area-box-'] .interval-md-2{
    margin: 0 -4px;
}
[class^='area-box-'] .interval-md-2>div{
    padding: 0 4px;
}
}
@media (min-width: 1216px){
	[class^='area-box-'] [class*='form-area-box'] [class*="ele-icon-box"]{min-height:32px;}
	[class^='area-box-'] {}
	[class^='area-box-'] .interval-xl-1{
		margin: 0 -12px;
	}
	[class^='area-box-'] .interval-xl-1>div{
		padding: 0 12px;
	}
	[class^='area-box-'] .interval-xl-2{
		margin: 0 -4px;
	}
	[class^='area-box-'] .interval-xl-2>div{
		padding: 0 4px;
	}
	.area-box-search-ver1{
		border: 1px solid var(--gray-500);
		box-shadow: none;
		background-color: var(--primary-t2);
	}
}
[class^="tabmenu"] {
	overflow: hidden;
	position: relative;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	/* 페이지 탭 그림자 */
	box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.25);
	margin-bottom: 24px;
	border: 1px solid var(--gray-500);
	padding: 0;
}

[class^="tabmenu"] ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

[class^="tabmenu"] li {
	vertical-align: top;
	padding: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	text-align: center;
}

[class^="tabmenu"] li a {
	height: 46px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 100%;
	position: relative;
	background: var(--DarkMode02);
	transition: all 0.5s;
	color: var(--DarkMode05-50);
}

[class^="tabmenu"] li a:before {
	content: "";
	width: 100%;
	height: 0px;
	bottom: 0;
	position: absolute;
	left: 0;
	background: var(--gray-500);
}

[class^="tabmenu"] li a:hover {
	background: var(--DarkMode04-25);
	font-weight: 600;
	color: #fff;
}

[class^="tabmenu"] li a:hover:before {
	height: 3px;
	background: var(--gray-500);
}

[class^="tabmenu"] li a.active {
	color: #fff;
	background: var(--primary-t20);
	font-weight: 600;
}

[class^="tabmenu"] li a.active:before {
	background: var(--blue-500);
	height: 3px;
}

[class^="tabmenu"].rounding-1 {}

[class^="tabmenu"].rounding-1>ul>li:first-child>a {
	border-radius: 8px 0px 0px 0px;
}

[class^="tabmenu"].rounding-1>ul>li:last-child>a {
	border-radius: 0px 8px 0px 0px;
}
.tabmenu2{box-shadow:none;}
.tabmenu2 li a {
	background: var(--light-gray);
	color: var(--gray-500);
}
.tabmenu2 li a:before {background: var(--gray-500);}
.tabmenu2 li a:hover {background: var(--black-t5);color: var(--black);}
.tabmenu2 li a:hover:before {background: var(--gray-500);}
.tabmenu2 li a.active {
	background: var(--primary-t15);
	color: var(--blue-500);
	font-weight: 600;
}
.tabmenu2 li a.active:before {}
[class^="tabmenu"] li a i {
	font-size: 18px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

[class^="tabmenu"] li.more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

[class^="tabmenu"] li.more a {
	line-height: 1;
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 3px 5px;
	border-radius: 10px;
}
[class^="tabmenu"].pop-in-ver{
	margin-left:-16px;/*parent 16px padding 값*/
	margin-right:-16px;
	margin-top:-16px;
	border-radius:0;
	border-left:0;
	border-right:0;
	max-width:inherit;
	width:calc(100% + 32px);
}
/*tree*/
.lev-tree-box {}

.lev-tree-box .lev1 {}

.lev-tree-box .lev1>li {
    position: relative;
}

.lev-tree-box .lev1>li>a {
	font-size: 14px;
	padding: 0;
	display: block;
	font-weight: 400;
	position: relative;
	padding-left: 21px;
	width: 100%;
	color: #1E1F20;
	line-height: 34px;
}
.lev-tree-box .lev1>li>a:before{
	content:'';
	background:#D6D6D6;
	position: absolute;
	bottom: 0;
	right: -20px;
	width: calc(100% - 15px);
	height: 1px;
	opacity: 0;
}
.lev-tree-box .lev1>li>a:hover,
.lev-tree-box .lev1>li.active>a{
	/* opacity: 1; */
}

.lev-tree-box .lev1>li>a:hover:before,
.lev-tree-box .lev1>li.active>a:before {

}

.lev-tree-box .lev1>li>a i,
.lev-tree-box .lev1>li i.arrow,
.lev-tree-box .lev2>li>a i,
.lev-tree-box .lev3>li>a i{
	margin-right: 0;
	position: absolute;
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
	font-size: inherit;
	color: inherit;
}

.lev-tree-box .lev1>li i.arrow {
	position: absolute;
	right: -20px;
	left: auto;
	top: 16px;
	z-index: 10;
	opacity: 0.5;
	color: #7B7B7B;
}
.lev-tree-box .lev2 {
	max-height: 0;
	overflow: hidden;
	padding-left: 32px;
}
.lev-tree-box .lev2>li:before{
	content:'';
	height:100%;
	width:1px;
	background: #ccc;
	position: absolute;
	left: -20px;
	top: 0;
}
.lev-tree-box .lev2>li:last-child:before{
	height:calc(100% - 17px);
}
.lev-tree-box .lev1>li.active>a,
.lev-tree-box .lev1>li>a:hover,
.lev-tree-box .lev2>li.active>a,
.lev-tree-box .lev2>li>a:hover,
.lev-tree-box .lev3>li.active>a,
.lev-tree-box .lev3>li>a:hover{
    color: var(--blue-500);
    font-weight: 600;
}

.lev-tree-box .lev1>li.active>a .arrow {}

.lev-tree-box .lev1>li.active .lev2 {
	max-height: 1000px;
}

.lev-tree-box .lev2>li {position: relative;}

.lev-tree-box .lev2>li>a {
	display: block;
	line-height: 33px;
	/* border-bottom: 1px solid #ccc; */
	position: relative;
	color: #1E1F20;
	font-size: 14px;
	font-weight: 300;
	/* padding-left: 46px; */
	letter-spacing: 0;
	padding-left: 14px;
}
.lev-tree-box .lev2>li>a:before,
.lev-tree-box .lev2>li>a:after{
	content:'';
	background: #ccc;
	position: absolute;
}
.lev-tree-box .lev2>li>a:before{
	width: 8px;
	height: 1px;
	left: -19px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev2>li>a:after{
	border-radius: 100%;
	width: 5px;
	height: 5px;
	left: -13px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev2>li>a i{
    left: -6px;
    font-size: inherit;
}
.lev-tree-box .lev3{
	max-height: 0;
	overflow: hidden;
	padding-left: 24px;
}
.lev-tree-box .lev2>li.active .lev3 {
	max-height: 1000px;
}
.lev-tree-box .lev3>li>a {
	display: block;
	line-height: 33px;
	/* border-bottom: 1px solid #ccc; */
	position: relative;
	color: #1E1F20;
	font-size: 14px;
	font-weight: 300;
	/* padding-left: 46px; */
	letter-spacing: 0;
	padding-left: 7px;
}
.lev-tree-box .lev3>li>a:before,
.lev-tree-box .lev3>li>a:after{
	content:'';
	background: #ccc;
	position: absolute;
}
.lev-tree-box .lev3>li>a:before{
	width: 8px;
	height: 1px;
	left: -24px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev3>li>a:after{
	border-radius: 100%;
	width: 5px;
	height: 5px;
	left: -17px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev3>li>a i{
    left: -10px;
    font-size: inherit;
}
.lev-tree-box .lev3>li{position:relative}
.lev-tree-box .lev3>li:before{
	content:'';
	height:100%;
	width:1px;
	background: #ccc;
	position: absolute;
	left: -25px;
	top: 0;
}
.lev-tree-box .lev3>li:last-child:before{
	height:calc(100% - 17px);
}
.lev-tree-box .lev3>li>a {
	display: block;
	line-height: 33px;
	/* border-bottom: 1px solid #ccc; */
	position: relative;
	color: #1E1F20;
	font-size: 14px;
	font-weight: 300;
	/* padding-left: 46px; */
	letter-spacing: 0;
	padding-left: 7px;
}
.lev-tree-box .lev3>li>a:before,
.lev-tree-box .lev3>li>a:after{
	content:'';
	background: #ccc;
	position: absolute;
}
.lev-tree-box .lev3>li>a:before{
	width: 8px;
	height: 1px;
	left: -24px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev3>li>a:after{
	border-radius: 100%;
	width: 5px;
	height: 5px;
	left: -17px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev3>li>a i{
    left: -10px;
    font-size: inherit;
}
.lev-tree-box .lev3>li{position:relative}
.lev-tree-box .lev3>li:before{
	content:'';
	height:100%;
	width:1px;
	background: #ccc;
	position: absolute;
	left: -24px;
	top: 0;
}
.lev-tree-box .lev3>li:last-child:before{
	height:calc(100% - 17px);
}
.lev-tree-box .lev4{padding-left: 16px;max-height: 0;
    overflow: hidden;}
.lev-tree-box .lev3>li.active .lev4{    max-height: 1000px;}
.lev-tree-box .lev4>li>a {
	display: block;
	line-height: 33px;
	/* border-bottom: 1px solid #ccc; */
	position: relative;
	color: #1E1F20;
	font-size: 14px;
	font-weight: 300;
	/* padding-left: 46px; */
	letter-spacing: 0;
	padding-left: 7px;
}
.lev-tree-box .lev4>li>a:before,
.lev-tree-box .lev4>li>a:after{
	content:'';
	background: #ccc;
	position: absolute;
}
.lev-tree-box .lev4>li>a:before{
	width: 8px;
	height: 1px;
	left: -24px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev4>li>a:after{
	border-radius: 100%;
	width: 5px;
	height: 5px;
	left: -17px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev4>li>a i{
    left: -10px;
    font-size: inherit;
}
.lev-tree-box .lev4>li{position:relative}
.lev-tree-box .lev4>li:before{
	content:'';
	height:100%;
	width:1px;
	background: #ccc;
	position: absolute;
	left: -25px;
	top: 0;
}
.lev-tree-box .lev4>li:last-child:before{
	height:calc(100% - 17px);
}
.lev-tree-box .lev4>li>a {
	display: block;
	line-height: 33px;
	/* border-bottom: 1px solid #ccc; */
	position: relative;
	color: #1E1F20;
	font-size: 14px;
	font-weight: 300;
	/* padding-left: 46px; */
	letter-spacing: 0;
	padding-left: 7px;
}
.lev-tree-box .lev4>li>a:before,
.lev-tree-box .lev4>li>a:after{
	content:'';
	background: #ccc;
	position: absolute;
}
.lev-tree-box .lev4>li>a:before{
	width: 8px;
	height: 1px;
	left: -16px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev4>li>a:after{
	border-radius: 100%;
	width: 5px;
	height: 5px;
	left: -9px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev4>li>a i{
    left: -10px;
    font-size: inherit;
}
.lev-tree-box .lev4>li{position:relative}
.lev-tree-box .lev4>li:before{
	content:'';
	height:100%;
	width:1px;
	background: #ccc;
	position: absolute;
	left: -16px;
	top: 0;
}
.lev-tree-box .lev4>li:last-child:before{
	height:calc(100% - 17px);
}
.lev-tree-box .lev5{
    padding-left: 24px;
    max-height: 0;
    overflow: hidden;
}
.lev-tree-box .lev4>li.active .lev5{    max-height: 1000px;}
.lev-tree-box .lev5>li>a {
	display: block;
	line-height: 33px;
	/* border-bottom: 1px solid #ccc; */
	position: relative;
	color: #1E1F20;
	font-size: 14px;
	font-weight: 300;
	/* padding-left: 46px; */
	letter-spacing: 0;
	padding-left: 7px;
}
.lev-tree-box .lev5>li>a:before,
.lev-tree-box .lev5>li>a:after{
	content:'';
	background: #ccc;
	position: absolute;
}
.lev-tree-box .lev5>li>a:before{
	width: 8px;
	height: 1px;
	left: -24px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev5>li>a:after{
	border-radius: 100%;
	width: 5px;
	height: 5px;
	left: -17px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev5>li>a i{
    left: -10px;
    font-size: inherit;
}
.lev-tree-box .lev5>li{position:relative}
.lev-tree-box .lev5>li:before{
	content:'';
	height:100%;
	width:1px;
	background: #ccc;
	position: absolute;
	left: -25px;
	top: 0;
}
.lev-tree-box .lev5>li:last-child:before{
	height:calc(100% - 17px);
}
.lev-tree-box .lev5>li>a {
	display: block;
	line-height: 33px;
	/* border-bottom: 1px solid #ccc; */
	position: relative;
	color: #1E1F20;
	font-size: 14px;
	font-weight: 300;
	/* padding-left: 46px; */
	letter-spacing: 0;
	padding-left: 7px;
}
.lev-tree-box .lev5>li>a:before,
.lev-tree-box .lev5>li>a:after{
	content:'';
	background: #ccc;
	position: absolute;
}
.lev-tree-box .lev5>li>a:before{
	width: 8px;
	height: 1px;
	left: -11px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev5>li>a:after{
	border-radius: 100%;
	width: 5px;
	height: 5px;
	left: -3px;
	top: 50%;
	transform: translateY(-50%);
}
.lev-tree-box .lev5>li>a i{
    left: -10px;
    font-size: inherit;
}
.lev-tree-box .lev5>li{position:relative}
.lev-tree-box .lev5>li:before{
	content:'';
	height:100%;
	width:1px;
	background: #ccc;
	position: absolute;
	left: -11px;
	top: 0;
}
.lev-tree-box .lev5>li:last-child:before{
	height:calc(100% - 17px);
}
.lev-tree-box .lev1>li.active>a>.icon-folder-plus::before,
.lev-tree-box .lev2>li.active>a>.icon-folder-plus::before,
.lev-tree-box .lev3>li.active>a>.icon-folder-plus::before,
.lev-tree-box .lev4>li.active>a>.icon-folder-plus::before{
    content: "\f0bb";
}

/*toggle*/
.toggle{
    display: flex;
    align-items: center;
}
.toggle>input{
    position: absolute;
    z-index: -100;
    width: 0;
    height: 0;
    overflow: hidden;
}
.toggle>input+label{position: relative;height: 18px;width: 32px;border-radius: 999px;background: var(--gray-400);cursor: pointer;}
.toggle>input+label:before{
	content:"";
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background:#FEFEFE;
	box-shadow: 0px 2px 2px 0px rgba(25, 29, 49, 0.10);
	display: flex;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 2px;
	transition: all 0.5s;
}
.toggle>input:checked+label{ background: var(--blue-500);}
.toggle>input:checked+label::before{left: calc(100% - 16px);}
/*//*/

.form-area-box .ele-icon-box.icon-angle-down {}
.form-area-box .ele-icon-box.icon-angle-down:before { position: absolute; z-index:0; right: 8px; }

.boundary { height:1px; margin-bottom: 16px; }