@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@font-face {
	font-family: 'JalnanGothic';
	src: url('https://cdn.jsdelivr.net/gh/webdesignfarm/font2/JalnanGothic.woff') format('woff2');
}

@font-face {
	font-family: 'Jalnan';
	src: url('https://cdn.jsdelivr.net/gh/wizfile/font/Jalnan.eot');
	src:url('https://cdn.jsdelivr.net/gh/wizfile/font/Jalnan.woff') format('woff');
	font-style: normal;
}

*{
	font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Nova Round', sans-serif;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

:root{
	--dng-white:#FFF;
	--dng-blue:#1F3A93;
	--dng-grey:#F5F6FA;
	--dng-yellow:#F9D342;
	--dng-orange:#D97618;
	--dng-mint:#00BFA6;
	--dng-button:#0099FF;

	/*	Text	*/
	--dng-color-disabled:#F3F1F3;
	--dng-color-converse:#E6E6E6;
	--dng-color-form:#D9D9D9;
	--dng-color-bright:#CCC;
	--dng-color-dim:#B3B3B3;
	--dng-color-light:#999999;
	--dng-color-glowing:#808080;
	--dng-color-main:#333;
	--dng-color-bold:#1A1A1A;

	/*	Face	*/
	--dng-face-hazy:#F5F6FA;
	--dng-face-fale:#EDEEF1;
	--dng-face-light:#D7D8DA;
	--dng-face-main:#CBCCCF;
	--dng-face-dim:#AAABAD;
	--dng-face-dusky:#89898B;

	/*	Radius	*/
	--dng-radius-wrapper: 1.5rem;	/*	24px	*/
	--dng-radius-button: 0.75rem;	/*	12px	*/
	--dng-radius-form: 0.5rem;		/*	8px		*/
	--dng-radius-inline: 0.25rem;	/*	4px		*/

	/*	Scroll	*/
	--dng-scroll-bg:transparent;
	--dng-scroll-thumb:rgba(31,58,147,0.2);
	--dng-scroll-hover:rgba(31,58,147,0.4);
}

html{
	font-size:16px;
}

body{
	font-size:0.875rem;
	color:var(--dng-color-main);
	background-color:var(--dng-white);
	letter-spacing:-0.05em;
	word-spacing:0.1em;
}

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

.material-icons,
.material-icons-round,
.material-icons-outlined,
i{
	vertical-align:middle;
}

a{
	text-decoration:none;
	color:#595959;
}

ul, dl, ol, li, dd, dt{list-style: none;}

caption{overflow:hidden;font-size:0;line-height:0;}

button, input, optgroup, select, textarea{
	font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Nova Round', sans-serif;
}

/******************************************************************
	MATERIALIZE CUSTOMIZED
******************************************************************/
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav{
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.03), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.09);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.03), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.09);
}
.row {margin-bottom: 0;}
.form_container{overflow:hidden;}

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
display:inline-block;
background-color: transparent;
border: none;
border-bottom: 1px solid #d8eaf3;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
line-height:160%;
font-size: 0.875rem;
margin: 0 0 6px 0;
padding-left: 12px;
padding-right:12px;
}

input:not([type]):disabled, input:not([type])[readonly="readonly"],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly="readonly"],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly="readonly"],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly="readonly"],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly="readonly"],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly="readonly"],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly="readonly"],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly="readonly"],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly="readonly"],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly="readonly"],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
color: #c4e0ed;
border-bottom: 1px solid #d8eaf3;
}

input:not([type]):disabled + label,
input:not([type])[readonly="readonly"] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly="readonly"] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly="readonly"] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly="readonly"] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly="readonly"] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly="readonly"] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly="readonly"] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
 color: #c4e0ed;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
		border-bottom: 1px solid #9dcbe1;
 -webkit-box-shadow: 0 1px 0 0 #9dcbe1;
				box-shadow: 0 1px 0 0 #9dcbe1;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
color: #3687b0;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
color: #3687b0;
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
color: #F44336;
}

input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
width: 100%;
}

/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
	 border-bottom: 1px solid #4CAF50;
-webkit-box-shadow: 0 1px 0 0 #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
}

input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
	border-bottom: 1px solid #F44336;
-webkit-box-shadow: 0 1px 0 0 #F44336;
		box-shadow: 0 1px 0 0 #F44336;
}

input:not([type]).valid ~ .helper-text[data-success],
input:not([type]):focus.valid ~ .helper-text[data-success],
input:not([type]).invalid ~ .helper-text[data-error],
input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
textarea.materialize-textarea.valid ~ .helper-text[data-success],
textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
textarea.materialize-textarea.invalid ~ .helper-text[data-error],
textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success],
.select-wrapper.invalid ~ .helper-text[data-error] {
color: transparent;
-webkit-user-select: none;
	 -moz-user-select: none;
		-ms-user-select: none;
				user-select: none;
pointer-events: none;
}

input:not([type]).valid ~ .helper-text:after,
input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
content: attr(data-success);
color: #4CAF50;
}

input:not([type]).invalid ~ .helper-text:after,
input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {
content: attr(data-error);
color: #F44336;
}

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after, .select-wrapper + label:after {
display: block;
content: "";
position: absolute;
top: 100%;
left: 0;
opacity: 0;
-webkit-transition: .2s opacity ease-out, .2s color ease-out;
transition: .2s opacity ease-out, .2s color ease-out;
}

.form-field {
margin-top: 1.125rem;
margin-bottom: 0rem;
}

[type="checkbox"]+span:not(.lever){
	position: relative;
	padding-left: 32px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	color:#595959;
	line-height: 24px;
	font-size: 0.875rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[type="checkbox"]+span:not(.lever):hover{color:#1A1700;}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
	height: 24px;
	width: 24px;
	background-color: transparent;
	border: 2px SOLID #797979;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
	top: 0;
	width: 24px;
	height: 24px;
	border: 2px solid #2CACED;
	background-color: #2CACED;
}

[type="checkbox"].filled-in:checked+span:not(.lever):before {
	top: -1px;
	left: 1px;
	width: 10px;
	height: 16px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

.form_element_list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.form_element_list li{margin-bottom:6px;}
.form_element_list.sp2 li{width:50%;}
.form_element_list.sp3 li{width:33.33%;}
.form_element_list.sp4 li{width:25%;}
.form_element_list.sp5 li{width:20%;}

.form-field .helper-text {
display:inline-block;
position: relative;
width:100%;
min-height: 1rem;
display: block;
font-size: 0.75rem;
color: #9ac4e5;
}

.input-field {
margin-top: 1.125rem;
margin-bottom: 0rem;
}

.form-field > label {
top: 0;
left: 0;
font-size: 0.875rem;
color: #b5acb9;
}

.input-field.inline {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}

.input-field.inline input,
.input-field.inline .select-dropdown {
margin-bottom: 0rem;
}

.input-field.col label {
left: 0.75rem;
}

.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
width: calc(100% - 3rem - 1.5rem);
}

.input-field > label {
top: 0;
left: 0;
font-size: 0.875rem;
color: #b5acb9;
}

.input-field .helper-text {
position: relative;
min-height: 1rem;
display: block;
font-size: 0.75rem;
color: #9ac4e5;
}

.input-field .helper-text::after {
opacity: 1;
position: absolute;
top: 0;
left: 0;
}
.input-field .helper-text .material-icons{font-size:0.9375rem !important;padding-right:0.375rem;}

.input-field .prefix {
position: absolute;
width: 3rem;
font-size: 2rem;
-webkit-transition: color .2s;
transition: color .2s;
top: 0.5rem;
}

.input-field .prefix.active {
color: #26a69a;
}

.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem);
}

.input-field .prefix ~ label {
margin-left: 3rem;
}

.title-field{
margin-top: 1.125rem;
margin-bottom: 0rem;
}

.title-field > label {
top: 0;
left: 0;
font-size: 0.875rem;
color: #b5acb9;

}
.title-field > label .button{padding-left:12px;}
.title-field > label .button button{height:20px; font-size:12px;line-height:12px;color:#FFF;background-color:#282828;padding-left:12px;padding-right:12px;}
.title-field > label .button button:hover{background-color:#C94402;}
.field-border_bottom{
border-bottom: 1px solid #d8eaf3;
padding-top:16px;
margin-bottom:6px;
}

@media only screen and (max-width: 992px) {
.input-field .prefix ~ input {
	width: 86%;
	width: calc(100% - 3rem);
}
}

@media only screen and (max-width: 600px) {
.input-field .prefix ~ input {
	width: 80%;
	width: calc(100% - 3rem);
}
}

/*
.btn, .btn-large, .btn-small{background-color:#0287CA;}
*/
.btn, .btn-large, .btn-small{background-color:#C94402;}

.btn:hover, .btn-large:hover, .btn-small:hover {
background-color: #C94402;
}

.btn:focus, .btn-large:focus, .btn-small:focus,
.btn-floating:focus {
background-color: #C94402;
}


/******************************************************************
	SWAL
******************************************************************/
.swal2-popup .swal2-title{color:#1A1A1A;margin:0 !important; }
.swal2-popup .swal2-title .warning_color,
.swal2-popup .swal2-title .confirm_color{display:flex;}
.swal2-popup .swal2-title .material-icons{height:32px;font-size:2rem;line-height:32px;}
.swal2-popup .swal2-title .text{display:inline-block;height:32px;line-height:32px;font-size:1.25rem;padding-left:8px;}
.swal2-popup .swal2-content{font-size:1rem !important;color:#1A1A1A;padding-top:24px !important;padding-bottom:24px !important;}

.swal2-popup .swal2-actions{margin:0 !important}
.swal2-popup .swal2-styled.swal2-confirm{font-size:1rem;font-weight:700;color:#FFF;background-color:#0099FF !important;border-radius:0; }
.swal2-popup .swal2-styled.swal2-confirm:hover{color:#1A1700;background-color:#FFCC00 !important;}

.swal2-popup #swal2-content {padding-bottom:12px;}
.swal2-input{
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box !important;
}


/************************************************
PLACEHOLDER

WebKit, Blink, Edge			::-webkit-input-placeholder
Mozilla Firefox 4 to 18		:-moz-placeholder
Mozilla Firefox 19+			::-moz-placeholder
Internet Explorer 10-11		:-ms-input-placeholder
Microsoft Edge				::-ms-input-placeholder
************************************************/
.placeholder{color:var(--dng-color-bright);}
::-webkit-input-placeholder{font-size:0.875rem;color:var(--dng-color-bright);}
:-moz-placeholder{font-size:0.875rem;color:var(--dng-color-bright);}
::-moz-placeholder{font-size:0.875rem;color:var(--dng-color-bright);}
:-ms-input-placeholder{font-size:0.875rem;color:var(--dng-color-bright);}
::-ms-input-placeholder{font-size:0.875rem;color:var(--dng-color-bright);}


/******************************************************************
	SCROLL
******************************************************************/
body::-webkit-scrollbar { width: 12px;}
body::-webkit-scrollbar-track { background-color: var(--dng-scroll-bg); }
body::-webkit-scrollbar-thumb { background: var(--dng-scroll-thumb); border-radius:6px;}
body::-webkit-scrollbar-thumb:hover { background: var(--dng-scroll-hover); }
body::-webkit-scrollbar-thumb:active { background: var(--dng-scroll-hover); }
body::-webkit-scrollbar-button { display: none; }

.term_box::-webkit-scrollbar { width: 6px;}
.term_box::-webkit-scrollbar-track { background-color: var(--dng-scroll-bg); }
.term_box::-webkit-scrollbar-thumb { background: var(--dng-scroll-thumb); border-radius:3px;}
.term_box::-webkit-scrollbar-thumb:hover { background:  var(--dng-scroll-hover); }
.term_box::-webkit-scrollbar-thumb:active { background: var(--dng-scroll-hover); }
.term_box::-webkit-scrollbar-button { display: none; }

.gnb::-webkit-scrollbar { width: 6px;}
.gnb::-webkit-scrollbar-track { background-color: var(--ytt-bg-croll); }
.gnb::-webkit-scrollbar-thumb { background:var(--dng-scroll-thumb); border-radius:3px;}
.gnb::-webkit-scrollbar-thumb:hover { background: var(--dng-scroll-hover); }
.gnb::-webkit-scrollbar-thumb:active { background: var(--dng-scroll-hover); }
.gnb::-webkit-scrollbar-button { display: none; }


/************************************************
	SELECT2
************************************************/
.req_place{color:#c4ccd4 !important;}

.select2-default{color:#c4ccd4 !important;}
.select2-results::-webkit-scrollbar{width:6px;background-color:transparent;}
.select2-results::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(15, 135, 166, 0.4);}
.select2-results::-webkit-scrollbar-track{background-color:transparent;}

.select2-results__options::-webkit-scrollbar{width:6px;background-color:transparent;}
.select2-results__options::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(45, 94, 185, 0.4);}
.select2-results__options::-webkit-scrollbar-track{background-color:transparent;}

.select2-container, .select2-dropdown, .select2-search, .select2-results {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.select2-search input[type="search"]{
	background-color:#FFF;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1xp SOLID var(--dng-face-fale);
	margin:0;
	padding:0 12px;
	line-height:46px;
}


/******************************************************************
	FORM
******************************************************************/
input:focus,textarea:focus{outline:none;}
.input_form{
	display:inline-block;
	height:48px;
	font-size:0.875rem !important;
	line-height:46px;
	border-radius:var(--dng-radius-inline);
	padding:0 12px;
}

.input_form:not([disabled]),
.textarea_form:not([disabled]){
	border:1px SOLID var(--dng-color-form);
	background-color:transparent;
}

.input_form:disabled,.textarea_form:disabled{
	background-color:var(--dng-color-form);
}

.input_box:focus, .input_form:focus, .textarea_form:focus{
	background-color:#ffffe6;
	border:2px SOLID #0099FF;

}

.input_form:read-only,
.input_form:read-only:focus{
	background:var(--dng-color-disabled);
}

.form_box .input_form:not([disabled]), 
.form_box .textarea_form:not([disabled]){
	background-color:#FFF;
}

.form_box .input_form:disabled,
.form_box .textarea_form:disabled{
	background-color:var(--dng-color-disabled);
}

.form_box .input_form:read-only,
.form_box .input_form:read-only:focus{
	background:var(--dng-color-disabled);
}

.date_form{
	width:120px;
}

.input_form:not(.date_form){
	width:100%;
}

.textarea_form{
	display:inline-block;
	width:100%;
	font-size:0.875rem !important;
	line-height:160%;
	padding:12px !important;
	border:1px SOLID var(--dng-color-form);
	background-color:#F2F2F2;
}

.form_label{
	display:inline-flex;
	align-items:center;
	overflow:hidden;
	padding-left:6px;
	padding-bottom:3px;
}

.form_label .label{
	display:inline-block;
	font-size:0.75rem !important;
	font-weight:500;
	color:var(--dng-color-dim);
	white-space:nowrap;
	padding-right:6px;
}

.form_label .material-icons-outlined,
.form_label .material-icons-round,
.form_label .material-icons{
	display:inline-block;
	height:16px;
	line-height:16px;
	font-size:0.875rem;
	vertical-align:middle;
	padding:0
}

.form_label .required{height:24px;line-height:24px;color:#FF1B19;padding-right:8px;}
.form_label .annotation{display:inline-block;height:20px;vertical-align:top;margin-left:4px;color:#00CC69;font-weight:normal;}
.form_label .button{display:inline-block;height:20px;vertical-align:top;margin-left:4px;}
.form_label .button button{
	height:20px;
	font-size:0.75rem;
	color:#FFF;
	border-radius:var(--dng-radius-inline);
	background-color:var(--dng-color-main);
}

.article_label{display:flex;justify-content:space-between;width:100%;padding-top:12px;padding-bottom:6px;}
.article_label .label{color:#1A1A1A;}
.article_label .annotation{flex-grow:1;text-align:right;color:#00CC69;}
.article_label .required{color:#00CC69;padding-left:6px;}

.form_spacer{line-height:48px;text-align:center;}

.form_pattern_list{display:flex;justify-content:space-between;}
.form_pattern_list > li:not(.spacer){flex-grow:1;flex-shrink:1;}
.form_pattern_list > li.spacer{flex-grow:0;flex-shrink:0;text-align:center;line-height:48px;}

.search_form_list > li{display:flex;justify-content:space-between;padding-top:24px;}
.search_form_list > li:first-child{padding-top:0}
.search_form_list .section_label{font-size:0.875rem;font-weight:600;color:#1A1A1A;padding-bottom:3px;padding-left:6px;}


/******************************************************************
	BUTTON, LINK
******************************************************************/
button:focus{
	background-color: inherit;
}

button:disabled{
	cursor:default;
	background-color:transparent !important;
	border:1px SOLID var(--dng-color-form);
	color:var(--dng-color-bright) !important;
}

a.disabled, span.disabled{
	cursor:default;
	border:none;
	color:var(--dng-color-bright) !important;
}

button:not([disabled]){
	cursor:pointer;border:none;
}

.btn{
	color:var(--dng-white);
	background-color:var(--dng-button);
}

.btn:not([disabled]):hover{
	color:var(--dng-color-bold);
	background-color:var(--dng-yellow);
}

.inline_button{
	cursor:pointer;
	font-size: 0.8125rem;
	line-height:100%;
	border:1px SOLID var(--dng-color-form) !important;
	background-color:var(--dng-color-converse);
	border-radius:var(--dng-radius-form);
	padding:4px 9px;
}

.title_button{
	height:36px;
	line-height:0;
}

.title_button span{
	display:inline-block;
	height:34px;
	font-size:0.9375rem;
	line-height:34px;
	padding-left:6px;
	padding-right:4px;
}

.title_button .material-icons-outlined,
.title_button .material-icons-round,
.title_button .material-icons{
	display:inline-block;
	height:34px;
	line-height:34px;
	vertical-align:top;
}

.grid_button{
	height:48px;
	font-size:0.875rem;
	border-radius:var(--dng-radius-inline);
	padding:0 1rem;
}

.form_button{
	height:48px;
	font-size:1rem;
	line-height:48px;
	border-radius:var(--dng-radius-inline);
	padding:0 1rem;
}

.submit_button{
	height:72px;
	border-radius:var(--dng-radius-inline);
	font-size:1.125rem;
	font-weight:500;
	padding:0 1.25rem;
}

.general_button,
.general_button:active,
.general_button:focus{
	color:var(--dng-white);
	background-color:var(--dng-button) !important;
	border:none;
	border-radius:var(--dng-radius-inline);
}

.general_button:not([disabled]):hover{
	color:var(--dng-color-bold);
	background-color:var(--dng-yellow) !important;
}

.border_button,
.border_button:active,
.border_button:focus{
	color:#7F7F7F;
	background-color:transparent !important;
	border:1px SOLID var(--dng-face-light) !important;
	border-radius:var(--dng-radius-inline);
}

.border_button:not([disabled]):hover{
	color:var(--dng-color-bold);
	background-color:var(--dng-yellow) !important;
	border:1px SOLID var(--dng-yellow) !important;
}


/******************************************************************
	TAB
******************************************************************/
.tab_head{display:flex;height:3.75rem;border-bottom:1px SOLID #1A1A1A;}
.tab_head > span{display:inline-block;height:3.75rem;margin-left:0.125rem;}
.tab_head > span:not(.selected){background:#F2F2F2;border:1px SOLID #D9D9D9;border-bottom:1px SOLID #1A1A1A;}
.tab_head .selected{cursor:default;color:#000 !important;font-weight:600;background:#FFF;border:1px SOLID #1A1A1A;border-bottom:1px SOLID #FFF;}
.tab_head > span:first-child{margin-left:0;}

.tab_head > span a{display:inline-block;font-size:1rem;line-height:3.75rem;color:#CCC;padding:0 3.75rem;}
.tab_head > span:not(.selected) a{cursor:pointer;}
.tab_head > span:not(.selected):hover{background-color:#282828;}
.tab_head > span:not(.selected):hover a{color:#FFF;}

.tab_head > li{flex-grow:1;flex-shrink: 1;font-size:1rem;line-height:3.75rem;padding:0 3.75rem;text-align:center;height:3.75rem;line-height:3.75rem;border-bottom:1px SOLID #1A1A1A;}
.tab_head > li:not(.selected){cursor:pointer;}
.tab_head > li:not(.selected):hover{color:#FFF;background-color:#282828;}


.sub_tab_head{display:flex;}
.sub_tab_head > span{display:inline-block;height:2.25rem;margin-left:0.125rem;}
.sub_tab_head > span:not(.selected){border-left:1px SOLID #D9D9D9;border-right:1px SOLID #D9D9D9;border-top:1px SOLID #D9D9D9;border-bottom:1px SOLID #1A1A1A;background:#F2F2F2;}
.sub_tab_head .selected{border-left:1px SOLID #1A1A1A;border-right:1px SOLID #1A1A1A;border-top:1px SOLID #1A1A1A;border-bottom:1px SOLID #fff;background:#fff;}
.sub_tab_head > span:first-child{border-left:none !important;margin-left:0;}

.sub_tab_head > span a{display:inline-block;font-size:0.875rem;line-height:2.25rem;color:#CCC;padding:0 2.25rem;}
.sub_tab_head .selected a{cursor:default;color:#1A1A1A !important;}
.sub_tab_head > span:not(.selected) a{cursor:pointer;}

.sub_tab_body{border-top:1px SOLID #1A1A1A;margin-top:-1px;}

@media only screen and (max-device-width: 719px){
	.tab_head{width:100%;	height:2.25rem;padding-left:0.75rem;}
	.tab_head > li{height:2.25rem;line-height:2.25rem;font-size:0.875rem;padding:0 2.25rem;}

	.tab_head > span{height:2.25rem;}
	.tab_head > span a{font-size:0.875rem;line-height:2.25rem;color:#CCC;padding:0 0.75rem;}
}

/******************************************************************
	DOCUMENT ARTICLE
******************************************************************/
.dom_wrapper{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}

.wrapper_width_form{width:360px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_chart{width:480px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_clip{width:600px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_card{width:720px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_slim{width:840px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_simple{width:960px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_container{width:1080px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_nav{width:1128px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_pad{width:1152px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_max{width:1176px; max-width:100%; margin-left:auto; margin-right:auto;}

.wrapper_border_t{border-top:1px SOLID #E6E6E6;}
.wrapper_border_b{border-bottom:1px SOLID #E6E6E6;}

.wrapper_padding_none{padding-top:0px;padding-bottom:0px;}
.wrapper_padding_wd{padding-top:60px;padding-bottom:60px;}

main h1, main h2, main h3, main h4, main h5, main h6{color:var(--dng-color-bold);font-weight:700;margin:0; padding:0;}
main h1{font-size:2.25rem;}
main h2{font-size:2rem;}
main h3{font-size:1.75rem;}
main h4{font-size:1.25rem;}
main h5{font-size:1rem;}
main h6{font-size:0.875rem;}

.modal_terms{
	padding-top:24px;
}
.modal_terms h1,
.modal_terms h2,
.modal_terms h3,
.modal_terms h4,
.modal_terms h5,
.modal_terms h6{color:var(--dng-color-bold);font-weight:700;margin:0; padding:0;}
.modal_terms h1{font-size:2.25rem;}
.modal_terms h2{font-size:2rem;}
.modal_terms h3{font-size:1.75rem;}
.modal_terms h4{font-size:1.25rem;padding-bottom:6px;}
.modal_terms h4:not(:first-child){
	padding-top:24px;
}
.modal_terms h5{font-size:1rem;padding-bottom:3px;}
.modal_terms h5:not(:first-child){
	padding-top:24px;
}

.modal_terms h6{font-size:0.875rem;}

.document_container h4 {
	padding-top: 48px;
	padding-bottom: 8px;
}

.duration_container .date_duration .spacer{
	text-align:center;
	line-height:48px;
}

.duration_container .search_button,
.duration_container .duration_button{
	height:48px;
	line-height: 46px;
	border-radius: var(--dng-radius-inline);
	padding: 0 12px;
	background-color:transparent;
}

.duration_container .search_button{
	cursor:pointer;
	width:100%;
	border: 1px SOLID var(--dng-color-form);	
}

.duration_container .search_button:hover{
	color: var(--dng-white);
	background-color: var(--dng-button);	
	border: 1px SOLID var(--dng-burtton);	
}

.duration_container .duration_button:not(.selected){
	cursor:pointer;
	border: 1px SOLID var(--dng-color-form);	
}

.duration_container .duration_button:not(.selected):hover{
	border: 1px SOLID var(--dng-button);	
}

.duration_container .duration_button.selected{
	cursor:default;
	line-height: 44px;
	border: 2px SOLID var(--dng-button);	
}

@media only screen and (max-device-width: 719px){
	main h1{font-size:1.75rem;}
	main h2{font-size:1.5rem;}
	main h3{font-size:1.25rem;}
	main h4{font-size:1rem;}
	main h5{font-size:0.875rem;}
	main h6{font-size:0.8125rem;}

	.modal-body h1{font-size:1.75rem;}
	.modal-body h2{font-size:1.5rem;}
	.modal-body h3{font-size:1.25rem;}
	.modal-body h4{font-size:1rem;}
	.modal-body h5{font-size:0.875rem;}
	.modal-body h6{font-size:0.8125rem;}
}


/*
	Title
*/
.title_1{font-size:2.25rem;font-weight:700;color:#1A1A1A;padding-top:60px;padding-bottom:60px;}
.title_3{font-size:1.75rem;color:#1A1A1A;}

.title_block .label{font-size: 2.25rem;font-weight:700;color:#1A1A1A;}
.page_title_61{text-align:center;padding-bottom:48px;}

@media only screen and (max-device-width: 719px){
	.title_block .label{font-size: 1.25rem;}
	.page_title_61{padding-bottom:24px;}
}


/*
	CONTENT
*/
.content_block{padding-top:48px;}
.content_block .title_article{display:flex;justify-content:space-between;padding-left:6px;padding-bottom:9px;}
.content_block .title_article .label{flex-grow:0;flex-shrink:0;font-size:1.5rem;line-height:36px;color:#1A1A1A;}
.content_block .title_article
.icon_indent{padding-left:26px;}

.curtain{position:absolute;width:100%;background-color:rgba(62,62,64,0.6);}

.document_container p,
.remark_container p{line-height:210%;}

.form_row{padding-top:0.375rem;display:flex;justify-content:space-between;}

.section_box{border:1px SOLID #D9D9D9;}
.remark_box{border:1px SOLID #E6E6E6;background-color:#F2F2F2;}
.document_box{border:1px SOLID #E6E6E6;}
.form_box{border:1px SOLID var(--dng-color-form);border-radius:var(--dng-radius-form);padding:24px;}
.announce_box{border:1px SOLID #D9D9D9;background-color:#F2F2F2;padding-top:60px;padding-bottom:60px;}

.line_nn_top{border-top:none !important;}
.line_nn_bottom{border-bottom:none !important;}
.line_nn_both{border-top:none !important;border-bottom:none !important;}

.line_tp_top{border-top:1px SOLID transparent !important;}
.line_tp_bottom{border-bottom:1px SOLID transparent !important;}
.line_tp_both{border-top:1px SOLID transparent !important;border-bottom:1px SOLID transparent !important;}

.line_gn_top{border-top:1px SOLID #E6E6E6;}
.line_gn_bottom{border-bottom:1px SOLID #E6E6E6;}
.line_gn_both{border-top:1px SOLID #E6E6E6;border-bottom:1px SOLID #E6E6E6;}

.line_gn_left{border-left:1px SOLID #E6E6E6;}
.line_gn_right{border-right:1px SOLID #E6E6E6;}

.ln_border{border-left:none !important;}
.rn_border{border-right:none !important;}

.required{color:#FF1B19;}
.inform{color:#B3B3B3 !important;}
.attention{color:#00CC69 !important;}
.expatiate{color:#00CC69 !important;}

.currency:after{content:'원';padding-left:3px;}

.bgc_white{background-color:#FFF;}
.bgc_fine{background-color:#F8F8F8;}
.bgc_light{background-color:#F2F2F2;}
.bgc_gray{background-color:#E6E6E6;}
.bgc_dark{background-color:#DCDBDB;}

.parentheses:before{content:'(';padding-left:6px;padding-right:4px;}
.parentheses:after{content:')';padding-left:4px;padding-right:6px;}
.square_bracket:before{content:'[';padding-left:6px;padding-right:4px;}
.square_bracket:after{content:']';padding-left:4px;padding-right:6px;}
.curly_bracket:before{content:'{';padding-left:6px;padding-right:4px;}
.cursy_bracket:after{content:'}';padding-left:4px;padding-right:6px;}
.angle_bracket:before{content:'<';padding-left:6px;padding-right:4px;}
.angle_bracket:after{content:'>';padding-left:4px;padding-right:6px;}

.list_container,.decimal_list,.square_list,.circle_list,.disc_list,.alpha_b_list,.alpha_list{padding-left: 24px !important;}
.spacer_form{display:inline-block;height:3rem;font-size:0.875rem;line-height:3rem;margin:0 0 6px 0;vertical-align:top;}
.warning_color{color:#FF1B19;}
.confirm_color{color:#0099FF;}

.empty_block{background-color:#F8F8F8;border:3px SOLID #D9D9D9;padding-top:60px;padding-bottom:60px;}
.empty_block .icon,.empty_block .message{text-align:center;}
.empty_block .icon .material-icons{font-size:4rem;color:#CCCCCC;}
.empty_block .message{font-size:1rem;color:#CCCCCC;padding-top:6px;}

.empty_row{padding-top:60px !important;padding-bottom:60px !important;}
.empty_row .icon,.empty_row .message{text-align:center;}
.empty_row .icon .material-icons{font-size:4rem;color:#CCCCCC;}
.empty_row .message{font-size:1rem;color:#CCCCCC;padding-top:6px;}

.cell_sort{cursor:pointer;}
.cell_button{text-align:center;line-height:0;}

.label_block{display:inline-flex;height:24px;font-size:0.8125rem;}
.label_block .label{line-height:24px;font-weight:700;color:#1A1A1A;}
.label_block .label:after{content:'|';line-height:24px;color:#CCC;padding-left:9px;padding-right:9px;}
.label_block .cont{line-height:24px;}

.announce_block{padding-top:3px;}
.announce_block .announce_row{display: flex;justify-content: space-between;color:#FF1B19;padding-top:3px;}
.announce_block .announce_row .icon{flex-grow: 0;flex-shrink: 0; width:24px;line-height:0;}
.announce_block .announce_row .icon .material-icons{line-height:24px;}
.announce_block .announce_row .message{flex-grow: 1;flex-shrink: 1; line-height:24px;padding-left:3px;}

.popup{position:fixed;width:100%;height:100%;;left:0;top:0;right:0;bottom:0; background-color:rgba(0,0,0,0.8);z-index:99999900;}
.popup_wrapper{position:absolute;left:50%;top:50%;
	transform: translate(-50%, -50%);
	overflow:hidden;
}

.popup_wrapper .popup_container_head{height:36px;font-size:1rem;line-height:36px;color:#FFF;text-align:center;white-space:nowrap;}
.popup_wrapper .popup_container_body{overflow:auto;border:1px SOLID #1A1700;background-color:#FFF;}
.popup_wrapper .popup_container_body::-webkit-scrollbar { width: 6px;}
.popup_wrapper .popup_container_body::-webkit-scrollbar-track { background-color:#D9D9D9; }
.popup_wrapper .popup_container_body::-webkit-scrollbar-thumb { background:rgba(0,153,255,0.6); border-radius:3px;}
.popup_wrapper .popup_container_body::-webkit-scrollbar-thumb:hover { background: #1A1A1A; }
.popup_wrapper .popup_container_body::-webkit-scrollbar-thumb:active { background: #FFCC00; }
.popup_wrapper .popup_container_body::-webkit-scrollbar-button { display: none; }

.popup_wrapper .popup_container_foot{display:flex;height:36px;justify-content:space-between;background-color:#1A1700;}
.popup_wrapper .popup_container_foot > span{width:50%;height:36px; text-align:center;}
.popup_wrapper .popup_container_foot > span{border-left:1px SOLID #FFF;}
.popup_wrapper .popup_container_foot > span:first-child{border-left:none;}

.popup_wrapper .popup_container_foot .toggle_cookie{line-height:36px;cursor:pointer;color:#FFF;}
.popup_wrapper .popup_container_foot .toggle_cookie:hover{color:#1A1700;background-color:#FFCC00;}

.popup_wrapper .popup_container_foot .toggle_button button{width:100%;height:36px;text-align:center;color:#FFF;;background-color:transparent;}
.popup_wrapper .popup_container_foot .toggle_button button:hover{color:#1A1700;background-color:#FFCC00;}


/******************************************************************
	GRID
******************************************************************/
.loading{text-align:center;background-image:url('/common/system/virtualdesk2/images/spinner.svg');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.loading:after{content:'Loading...';font-size:12px;font-weight:bold;line-height:120px;color:#99DDFF;}

.loading_icon{text-align:center;background-image:url('/common/system/virtualdesk2/images/spinner.svg');background-repeat:no-repeat;background-position:center center;background-size:contain;}

.empty_article{font-size:1rem;text-align:center; color:#BAC2C6;padding-top:60px;padding-bottom:60px;}
.empty_article .icon .material-icons{font-size:4rem;color:#BAC2C6;}
.empty_article .message{font-size:1rem;padding-top:6px;}

.no_data{text-align:center;padding:36px 0;}
.no_data p{text-align:center;color:#CCC;}
.no_data .material-icons{font-size:2rem;line-height:140%;}
.no_data:after{content:'검색된 자료가 없습니다';font-size:1rem;color:#CCC;}


.form_list{
	display:flex;
	flex-direction: column;
	row-gap:32px;
}

.form_list > li{display:flex;flex-direction: column;}
.form_list > li .attention{
	padding-top:6px;
	padding-left:6px;
}

.grid_table{border-top:2px SOLID #1A1A1A;border-bottom:1px SOLID #A6A6A6;}
.grid_table thead{text-align:center;border-bottom:1px SOLID #A6A6A6;}
.grid_table thead th{background-color:#F8F8F8;padding:12px 0; }
.grid_table thead th:not(.first_cell),
.grid_table tbody td:not(.first_cell){border-left:1px SOLID #D9D9D9}
.grid_table tbody tr:not(.first_row) td{border-top:1px SOLID #D9D9D9;}

.grid_list{border-top:2px SOLID #1A1A1A;border-bottom:1px SOLID #A6A6A6;}
.grid_list .head_row{background-color:#F8F8F8;border-bottom:1px SOLID #A6A6A6;}
.grid_list .row_article{display:flex;justify-content:space-between;width:100%;border-top:1px SOLID #D9D9D9;padding-top:12px;padding-bottom:12px;}
.grid_list .article_row{display:grid;width:100%;border-top:1px SOLID #D9D9D9;padding-top:12px;padding-bottom:12px;}

.grid_list .head_row .article_cell,
.grid_list .head_row .list_cell{font-weight:700;color:#1A1A1A;text-align:center;}
.grid_list .head_row .row_article:first-child, .grid_list .body_row .row_article:first-child,
.grid_list .head_row .row_article:first-child, .grid_list .body_row .row_article:first-child{border-top:none;}

.grid_list .table_row_article{display:flex;justify-content:space-between;width:100%;border-top:1px SOLID #D9D9D9;}
.grid_list .table_row_article:first-child{border-top:none;}
.grid_list .table_row_article .list_cell{padding-top:9px;padding-bottom:9px;}
.grid_list .article_row > .article_cell:not(:first-child){border-left:1px SOLID #D9D9D9;}
.grid_list .list_cell:not(.first_cell){border-left:1px SOLID #D9D9D9;}

.grid_list .text_cell{line-height:24px;padding-left:9px;padding-right:9px;}
.grid_list .button_cell{line-height:0;}
.grid_list .button_cell label{line-height:0;}
.grid_list .form_cell{padding-left:2px;padding-right:2px;}
.grid_list .form_cell input[type="text"]{border:none;}

.grid_list .sum_row{background-color:#E6FFF3;}
.grid_list .sum_row .emphasis_cell{font-weight:bold;color:#1A1700;}
.grid_list .foot_row{background-color:#F8F8F8;}
.grid_list .foot_row .emphasis_cell{font-weight:bold;color:#1A1700;}

.sortable_list > li{border-top:1px SOLID #D9D9D9;}
.sortable_list > li:first-child{border-top:none !important;}

.table_list:not(.no_border){border-top:1px SOLID #D9D9D9;border-bottom:1px SOLID #D9D9D9;}
.table_list > li{display:flex;justify-content:space-between;border-top:1px SOLID #D9D9D9;}
.table_list > li:first-child{border-top:none;}
.table_list > .active_row:hover{background-color:#F2F2F2;}

.chart_list:not(.n_t_border){border-top:1px SOLID #D9D9D9;}
.chart_list:not(.n_b_border){border-bottom:1px SOLID #D9D9D9;}
.chart_list > li{display:flex;justify-content:space-between;width:100%;border-top:1px SOLID #D9D9D9;padding-top:12px;padding-bottom:12px;}
.chart_list > li:first-child{border-top:none;}
.chart_list .chart_label{flex-grow:0;flex-shrink: 0;color:#D9D9D9;line-height:24px;padding-left:12px;padding-right:12px;}
.chart_list .chart_content{flex-grow:1;flex-shrink: 1;line-height:24px;;border-left:1px SOLID #D9D9D9;padding-left:12px;padding-right:12px;}

.block_chart_list > li{width:100%;border-top:1px SOLID #D9D9D9;}
.block_chart_list > li:first-child{border-top:none;}
.block_chart_list .row_article{display:flex;justify-content:space-between;width:100%;border-top:1px SOLID #F2F2F2;padding-top:12px;padding-bottom:12px;}
.block_chart_list li .row_article:first-child{border-top:none}

.block_chart_list .row_article section{display:flex;justify-content:space-between;}
.block_chart_list .chart_label{flex-grow:0;flex-shrink: 0;font-weight:600;color:#1A1A1A;line-height:24px;padding-left:12px;padding-right:12px;}
.block_chart_list .chart_content{flex-grow:1;flex-shrink: 1;line-height:24px;border-left:1px SOLID #D9D9D9;padding-left:12px;padding-right:12px;}

.grid_chart{border-top:2px SOLID #1A1A1A;border-bottom:1px SOLID #A6A6A6;}
.grid_chart .chart_row{display:flex;justify-content:space-between;padding-top:12px;padding-bottom:12px;}
.grid_chart .chart_row:not(.first_row){border-top:1pX SOLID #D9D9D9;}

.grid_chart .row_article{display:flex;justify-content:space-between;}
.grid_chart .row_article .cell_label{flex-grow:0;flex-shrink: 0;font-weight:700;color:#1A1A1A;line-height:24px;padding-left:12px;padding-right:12px;}
.grid_chart .row_article .cell_content{flex-grow:1;flex-shrink: 1;line-height:24px;border-left:1px SOLID #D9D9D9;padding-left:12px;padding-right:12px;}

.list_table{border-top:1px SOLID #98C2E6;border-bottom:1px SOLID #98C2E6;}
.list_table thead th{font-size:0.9375rem;font-weight:400;color:#1A1A1A;background-color:#F9F9F9;border-bottom:1px SOLID #E9E9E9;border-left:1px SOLID #E1E6EA;padding-top:12px;padding-bottom:12px;}

.list_table tbody td{border-top:1px SOLID #E1E6EA;border-left:1px SOLID #E1E6EA;padding:6px;}

.list_table .first_row td{border-top:none;}
.list_table .first_cell{border-left:none;}

.clean_row{display:flex;justify-content:space-between;font-size:0.9375rem;;padding-top:6px;padding-bottom:6px;}
.clean_row .label{display:inline-block;color:#2D4652;background:url('/common/source/picture/line_v_14_c9c9c9.png') no-repeat right 4px;}
.clean_row .cell{display:inline-block;flex-grow:1;padding-left:12px;}
.clean_row .label_c{display:inline-block;color:#2D4652;}

.question_list .cell{line-height:24px;}
.question_list .state{display:inline-block;width:100%;text-align:center;}
.question_list .state.answer{border:1px SOLID #0287CA; color:#0287CA;}
.question_list .state.question{border:1px SOLID #FC0341; color:#FC0341;}
.question_list .state_sign{font-size:2rem;font-weight:bold;}
.question_list .questioned{color:#FD688D;}
.question_list .answered{color:#35BAFD;}

.board_list .subject_row,
.board_list .question_row,
.board_list .answer_row{display:flex;justify-content:space-between;}

.board_list .cell_state{flex-grow:0; flex-shrink: 0;width:80px;text-align:center;}
.board_list .cell_susbject{flex-grow:1; flex-shrink: 1;padding-left:12px;padding-right:12px;}
.board_list .cell_writer{flex-grow:0; flex-shrink: 0;text-align:center;width:120px;}
.board_list .cell_date{flex-grow:0; flex-shrink: 0;width:100px;text-align:center;color:#BAC2C6;}

.board_list a{cursor:pointer;}
.board_list a:hover{text-decoration: underline;}

.board_list .content_row{background-color:#F2F6F8;border:1px SOLID #DEE8ED;padding:12px 0;margin-top:12px;}
.board_list .answer_row{border-top:1px SOLID #DEE8ED;padding:12px 0;}



.main_article_body .search_category_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom:12px;
}

.main_article_body .search_category_list li{
	overflow:hidden;
	margin-top:6px;
}

.main_article_body .search_category_list li:not(.selected){
	height:24px;
	border:1px solid var(--dng-color-dim);
	border-radius:var(--dng-radius-button);
}

.main_article_body .search_category_list li:not(:first-child){
	margin-left:6px;
}

.main_article_body .search_category_list a{
	display:inline-block;
	width:100%;
	line-height:22px;
	padding:0 18px; 
}

.main_article_body .search_category_list li:not(.selected):hover{
	border:1px solid var(--dng-color-main);
	background-color:var(--dng-color-main);
}

.main_article_body .search_category_list li:not(.selected):hover a{
	color:var(--dng-white);
}


.grid_container .function_section{
	display:flex;
	justify-content: space-between;
	padding-bottom:16px;
}

.grid_container .function_section .grid_count{
	flex-grow: 1;
	flex-shrink: 1;
}

.grid_container .function_section .grid_count span{
	font-size:1.5rem;
	font-weight:500;
	color:var(--dng-color-bold)
}

.grid_container .function_section .grid_count span:after{
	content:'개의 상품이 있습니다.';
	font-size:1rem;
	font-weight:500;
	color:var(--dng-color-bold);
	padding-left:3px;
}

.grid_container .function_section .grid_sort,
.grid_container .function_section .grid_style{
	flex-grow: 0;
	flex-shrink: 0;
	padding-left:16px;
	padding-top:8px;
}

.grid_container .function_section .sort_list{
	display:flex;
}

.grid_container .function_section .sort_list > li:not(:first-child):before{
	content:'|';
	color:var(--dng-color-bright);
	padding-left:6px;
	padding-right:6px;
}

.grid_container .function_section .sort_list button{
	height:24px;
	border:none;
	background-color: transparent;
}

.grid_container .function_section .sort_list button:not(.selected){
	color:var(--dng-color-light);
}

.grid_container .function_section .sort_list button:not(.selected):hover{
	color:var(--dng-color-bold);
}

.grid_container .function_section .style_list{
	display:flex;
	border:1px SOLID var(--dng-face-light);
}

.grid_container .function_section .style_list > li{
	width:24px;
	height:24px;
	line-height:0
}

.grid_container .function_section .style_list > li:not(.selected){
	cursor:pointer;
	color:var(--dng-color-dim);
}

.grid_container .function_section .style_list > li.selected{
	color:var(--dng-orange);
}

.grid_container .function_section .style_list > li:not(:first-child){
	border-left:1px SOLID var(--dng-face-light);
}

.grid_container .function_section .style_list .material-icons-outlined,
.grid_container .function_section .style_list .material-icons-round,
.grid_container .function_section .style_list .material-icons{
	font-size:1.125rem;
	text-align:center;
	width:22px;
	height:22px;
	line-height:24px;
}

.goods_list .btn_detail{
	cursor:pointer;
}

.goods_container .thumbnail_grid{
	display:flex;
	flex-wrap: wrap;
	border-top:1px SOLID var(--dng-face-light);
}

.goods_container .thumbnail_grid > li{
	width:20%;
	border-right:1px SOLID var(--dng-face-light);
	border-bottom:1px SOLID var(--dng-face-light);
	padding:24px;
}

.goods_container .thumbnail_grid > li:nth-child(5n) {
	border-right:none;
}

.goods_card{
	aspect-ratio: 1/1.8;
}

.goods_card a{
	display:inline-block;
	width:100%;
	height:100%;
}

.goods_list .goods_thumb{
	position:relative;
	width:100%;
	aspect-ratio: 1/1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.goods_list .goods_thumb .picture_label_icon{
	display: flex;
	align-items: center;
	position:absolute;
	top: 0;
	left:0;
	width:60px;
	height:60px;
	background-image:url(/common/source/picture/picture_icon3.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.goods_list .goods_thumb .picture_label_icon span{
	display:inline-block;
	width:100%;
	text-align:center;
	color:#000;
	font-weight:600;
	font-size:0.875rem;
	line-height:110%;

}

.goods_card .goods_subject{
	height:96px;
	font-size:1rem;
	font-weight:500;
	color:var(--dng-color-bold);
	line-height:120%;
	padding-top:16px;
}

.goods_list .goods_price .sales_price{font-size:1.5rem;font-weight:700;color:#17394a;}
.goods_list .goods_price .sales_price:before{content:'판매가격';font-size:0.875rem;font-weight:normal;padding-right: 8px;}
.goods_list .goods_price .sales_price:after{content:'원';font-size:0.875rem;font-weight:normal;padding-left: 3px;}

.goods_list .goods_price .oops_price{font-size:1.25rem;font-weight:600;color:#C9C9C9;}
.goods_list .goods_price .oops_price:before{content:'일시품절';font-size:1.25rem;font-weight:600;color:#FF1B19;padding-right: 6px;}
.goods_list .goods_price .oops_price:after{content:'원';font-size:0.875rem;font-weight:normal;padding-left: 3px;}

.goods_list .goods_price .guest_price{font-size:1.25rem;font-weight:600;color:#C9C9C9;}
.goods_list .goods_price .guest_price:before{content:'회원전용';font-size:1.25rem;font-weight:600;color:#FF1B19;padding-right: 6px;}
.goods_list .goods_price .guest_price:after{content:'로그인 후 표시';font-size:0.875rem;font-weight:normal;padding-left: 3px;}

.goods_list .goods_shipping .shipping_fee{font-size:0.875rem;font-weight:600;color:var(--dng-color-light);}
.goods_list .goods_shipping .shipping_fee:before{content:'배송비';font-size:0.875rem;font-weight:normal;padding-right: 12px;}
.goods_list .goods_shipping .shipping_fee .currency:after{content:'원';font-size:0.875rem;font-weight:normal;padding-left: 3px;}

.goods_container .goods_list.list_grid{
	border-top:1px SOLID var(--dng-face-light);
	border-bottom:1px SOLID var(--dng-face-light);
}

.goods_container .goods_list.list_grid > li:not(:first-child){
	border-top:1px SOLID var(--dng-face-light);
}

.goods_container .goods_list.list_grid .goods_panel{
	display:grid;
	grid-template-columns: 180px auto 180px;
	column-gap: 24px;
	padding:12px;
}

.goods_container .goods_list.list_grid .goods_panel .photo_section .goods_thumb{
	width:180px;
	height:180px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-image:url('/system/images/goods.jpg');
}

.goods_container .goods_list.list_grid .goods_panel .content_section{
	flex-grow:1; 
	flex-shrink:1;
	display:flex;
	flex-direction: column;
	justify-content: center;
	padding-left:24px; 
	padding-right:24px;
}

.goods_list.thumbnail_grid .goods_subject{
	height:96px;
	padding-top:16px;
}

.goods_list.thumbnail_grid .goods_subject .title_label{
	font-size:1rem;
	font-weight:500;
	color:var(--dng-color-bold);
	line-height:120%;
}

.goods_list.list_grid .goods_subject{
	height:60px;
}

.goods_list.list_grid .goods_subject .title_label{
	font-size:1.25rem;
	font-weight:500;
	color:var(--dng-color-bold);
	line-height:120%;
}

.goods_list .goods_subject .title_label_icon{
	display:inline-block;
	height:18px;
	font-size:0.75rem;
	color:#000;
	font-weight:500;
	line-height:18px;
	background-color:#E6B800;
	border-radius:3px;
	vertical-align:top;
	white-space:nowrap;
	word-break : break-all;
	padding: 0 6px;
	margin-right:6px;
}


.goods_list.list_grid .goods_subject .title_label_icon{
	vertical-align:text-bottom;
	margin-right:8px;
}

.goods_container .goods_list.list_grid .goods_panel .button_section{
	display:flex;
	flex-direction: column;
	justify-content: center;
}

.goods_container .goods_list.list_grid .goods_panel .button_section button:not(:first-child){
	margin-top:12px;
}

.page_section{display:flex;justify-content:center;align-items:center;padding-top:24px;}
.page_section .btn_pager{font-size:0.875rem;margin-left:0.1875rem;margin-right:0.1875rem;}
.page_section .material-icons{font-size:2rem !important;}
.page_section .arrow:not(.disabled){cursor:pointer;color:#A6A6A6;}
.page_section .arrow:not(.disabled):hover{color:#1A1A1A;}
.page_section .disabled{color:#F2F2F2;}

.page_section .num{height:36px;line-height:34px;padding-left:0.5rem; padding-right:0.5rem;}
.page_section .num:not(.selected){cursor:pointer;border:1px SOLID #D9D9D9;}
.page_section .num:not(.selected):hover{color:#1A1700;background-color:#FFCC00;border:1px SOLID #FFCC00;}
.page_section .selected{cursor:default;color:#FFF;background-color:#1A1A1A;border:1px SOLID #1A1A1A;}



/******************************************************************
	MATERIALIZE CUSTOMIZED
******************************************************************/
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav{
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.03), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.09);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.03), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.09);
}
.row {margin-bottom: 0;}
.form_container{overflow:hidden;}

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
display:inline-block;
background-color: transparent;
border: none;
border-bottom: 1px solid #d8eaf3;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
line-height:160%;
font-size: 0.875rem;
margin: 0 0 6px 0;
padding-left: 12px;
padding-right:12px;
}

input:not([type]):disabled, input:not([type])[readonly="readonly"],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly="readonly"],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly="readonly"],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly="readonly"],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly="readonly"],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly="readonly"],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly="readonly"],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly="readonly"],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly="readonly"],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly="readonly"],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
color: #c4e0ed;
border-bottom: 1px solid #d8eaf3;
}

input:not([type]):disabled + label,
input:not([type])[readonly="readonly"] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly="readonly"] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly="readonly"] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly="readonly"] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly="readonly"] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly="readonly"] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly="readonly"] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
 color: #c4e0ed;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
		border-bottom: 1px solid #9dcbe1;
 -webkit-box-shadow: 0 1px 0 0 #9dcbe1;
				box-shadow: 0 1px 0 0 #9dcbe1;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
color: #3687b0;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
color: #3687b0;
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
color: #F44336;
}

input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
width: 100%;
}

/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
	 border-bottom: 1px solid #4CAF50;
-webkit-box-shadow: 0 1px 0 0 #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
}

input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
	border-bottom: 1px solid #F44336;
-webkit-box-shadow: 0 1px 0 0 #F44336;
		box-shadow: 0 1px 0 0 #F44336;
}

input:not([type]).valid ~ .helper-text[data-success],
input:not([type]):focus.valid ~ .helper-text[data-success],
input:not([type]).invalid ~ .helper-text[data-error],
input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
textarea.materialize-textarea.valid ~ .helper-text[data-success],
textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
textarea.materialize-textarea.invalid ~ .helper-text[data-error],
textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success],
.select-wrapper.invalid ~ .helper-text[data-error] {
color: transparent;
-webkit-user-select: none;
	 -moz-user-select: none;
		-ms-user-select: none;
				user-select: none;
pointer-events: none;
}

input:not([type]).valid ~ .helper-text:after,
input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
content: attr(data-success);
color: #4CAF50;
}

input:not([type]).invalid ~ .helper-text:after,
input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {
content: attr(data-error);
color: #F44336;
}

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after, .select-wrapper + label:after {
display: block;
content: "";
position: absolute;
top: 100%;
left: 0;
opacity: 0;
-webkit-transition: .2s opacity ease-out, .2s color ease-out;
transition: .2s opacity ease-out, .2s color ease-out;
}

.form-field {
margin-top: 1.125rem;
margin-bottom: 0rem;
}

[type="checkbox"]+span:not(.lever){
	position: relative;
	padding-left: 32px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	color:#595959;
	line-height: 24px;
	font-size: 0.875rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[type="checkbox"]+span:not(.lever):hover{color:#1A1700;}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
	height: 24px;
	width: 24px;
	background-color: transparent;
	border: 2px SOLID #797979;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
	top: 0;
	width: 24px;
	height: 24px;
	border: 2px solid #2CACED;
	background-color: #2CACED;
}

[type="checkbox"].filled-in:checked+span:not(.lever):before {
	top: -1px;
	left: 1px;
	width: 10px;
	height: 16px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}


.form_element_list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.form_element_list li{margin-bottom:6px;}
.form_element_list.sp2 li{width:50%;}
.form_element_list.sp3 li{width:33.33%;}
.form_element_list.sp4 li{width:25%;}
.form_element_list.sp5 li{width:20%;}

.form-field .helper-text {
display:inline-block;
position: relative;
width:100%;
min-height: 1rem;
display: block;
font-size: 0.75rem;
color: #9ac4e5;
}

.input-field {
margin-top: 1.125rem;
margin-bottom: 0rem;
}

.form-field > label {
top: 0;
left: 0;
font-size: 0.875rem;
color: #b5acb9;
}

.input-field.inline {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}

.input-field.inline input,
.input-field.inline .select-dropdown {
margin-bottom: 0rem;
}

.input-field.col label {
left: 0.75rem;
}

.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
width: calc(100% - 3rem - 1.5rem);
}

.input-field > label {
top: 0;
left: 0;
font-size: 0.875rem;
color: #b5acb9;
}

.input-field .helper-text {
position: relative;
min-height: 1rem;
display: block;
font-size: 0.75rem;
color: #9ac4e5;
}

.input-field .helper-text::after {
opacity: 1;
position: absolute;
top: 0;
left: 0;
}
.input-field .helper-text .material-icons{font-size:0.9375rem !important;padding-right:0.375rem;}

.input-field .prefix {
position: absolute;
width: 3rem;
font-size: 2rem;
-webkit-transition: color .2s;
transition: color .2s;
top: 0.5rem;
}

.input-field .prefix.active {
color: #26a69a;
}

.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem);
}

.input-field .prefix ~ label {
margin-left: 3rem;
}

.title-field{
margin-top: 1.125rem;
margin-bottom: 0rem;
}

.title-field > label {
top: 0;
left: 0;
font-size: 0.875rem;
color: #b5acb9;

}
.title-field > label .button{padding-left:12px;}
.title-field > label .button button{height:20px; font-size:12px;line-height:12px;color:#FFF;background-color:#282828;padding-left:12px;padding-right:12px;}
.title-field > label .button button:hover{background-color:#C94402;}
.field-border_bottom{
	border-bottom: 1px solid #d8eaf3;
	padding-top:16px;
	margin-bottom:6px;
}

@media only screen and (max-width: 992px) {
	.input-field .prefix ~ input {
		width: 86%;
		width: calc(100% - 3rem);
	}
}

@media only screen and (max-width: 600px) {
	.input-field .prefix ~ input {
		width: 80%;
		width: calc(100% - 3rem);
	}
}

/******************************************************************
	SWAL
******************************************************************/
.swal2-popup .swal2-title{color:#1A1A1A;margin:0 !important; }
.swal2-popup .swal2-title .warning_color,
.swal2-popup .swal2-title .confirm_color{display:flex;}
.swal2-popup .swal2-title .material-icons{height:32px;font-size:2rem;line-height:32px;}
.swal2-popup .swal2-title .text{display:inline-block;height:32px;line-height:32px;font-size:1.25rem;padding-left:8px;}
.swal2-popup .swal2-content{font-size:1rem !important;color:#1A1A1A;padding-top:24px !important;padding-bottom:24px !important;}

.swal2-popup .swal2-actions{margin:0 !important}
.swal2-popup .swal2-styled.swal2-confirm{font-size:1rem;font-weight:700;color:#FFF;background-color:#0099FF !important;border-radius:0; }
.swal2-popup .swal2-styled.swal2-confirm:hover{color:#1A1700;background-color:#FFCC00 !important;}

.swal2-popup #swal2-content {padding-bottom:12px;}
.swal2-input{
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box !important;
}


/******************************************************************
	MODAL POPUP
******************************************************************/
.modal{
	background-color:var(--dng-white);
	max-height:100%;
	top:50% !important;
	left:50% !important;
	transform:translate(-50%, -50%) !important;
	margin:0;
}

.modal-content::-webkit-scrollbar { width: 6px;}
.modal-content::-webkit-scrollbar-track { background-color:#D9D9D9; }
.modal-content::-webkit-scrollbar-thumb { background:rgba(0,153,255,0.6); border-radius:3px;}
.modal-content::-webkit-scrollbar-thumb:hover { background: #1A1A1A; }
.modal-content::-webkit-scrollbar-thumb:active { background: #FFCC00; }
.modal-content::-webkit-scrollbar-button { display: none; }

.modal-content{
	padding:60px 60px !important;
}

.modal-content h1{
	font-size:1.75rem;
	font-weight:700;
	color:#1A1A1A;
	text-align:center;
	border-bottom:1px SOLID #1A1A1A;
	padding-bottom:24px;
}

.modal-content .modal-body{
	padding-top:24px;
}

.modal.modal-fixed-footer .modal-content {
	height: calc(100% - 72px);
}

.modal .modal-footer {
	height: 72px;
	width: 100%;
	text-align: center;
	background-color: #F8F8F8;
	border-radius: 0 ;
	border-top:1px SOLID #D9D9D9;
	padding: 0;
	padding-top:12px;
}

.modal .modal-footer button{
	font-size:1rem;
	height:48px;
	color:#FFF;
	background-color:var(--dng-button) !important;
	border-radius:var(--dng-radius-inline);
	margin-left:3px;
	margin-right:3px;
	padding-left:16px;
	padding-right:16px;
}

.modal .modal-footer button:hover{
	color:var(--dng-color-bold);
	background-color:var(--dng-yellow) !important;
}