@charset "utf-8";

html, body, div, span, applet, object, iframe, table, caption, tbody,
	tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, abbr, acronym, address, big, cite, code, dl, dt, dd,
	ol, ul, li, fieldset, caption, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}

a {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}

html, body {
	-webkit-text-size-adjust: none;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #323232;
	line-height: 1.5em;
	font-family: 'nsk_dl';
	font-size: 14px;
	background-color: #fff;
	/*min-width: 1200px*/
}

html, body.popup {
	min-width: inherit
}
/* webkit-scrollbar 스크롤 */
.scroll_box {
	overflow: auto;
}

.consent_body .article::-webkit-scrollbar, .scroll_box::-webkit-scrollbar
	{
	width: 3px;
	height: 3px;
}

.consent_body .article::-webkit-scrollbar-thumb, .scroll_box::-webkit-scrollbar-thumb
	{
	background-color: #323232;
	border-radius: 3px
}

.consent_body .article::-webkit-scrollbar-track, .scroll_box::-webkit-scrollbar-track
	{
	background-color: #fff
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: center
}

blockquote:before, blockquote:after, q:before, q:after {
	content: ""
}

blockquote, q {
	quotes: "" ""
}

img, fieldset, button {
	border: 0;
	vertical-align: top;
}

ul, li, ol {
	list-style-type: none
}

em {
	font-style: normal
}

caption, legend {
	/*
	display: none;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999em;
	visibility: hidden;
	width: 0
	*/
	
}

legend {
	display: none;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999em;
	visibility: hidden;
	width: 0
}

caption {
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999em;
	width: 0;
	clip: rect(0, 0, 0, 0);
}

strong, b {
	font-weight: bold;
	font-family: "nsk_b"
}

.sr_only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

a, a:link, a:visited {
	color: #323232;
	text-decoration: none;
	cursor: pointer
}

a.point, a.point:link, a.point:visited {
	color: #f43f3f;
}

a:hover, a:active {
	color: #f43f3f
}

a.point:hover, a.point:active {
	color: #dd2222
}

.scroll_y {
	height: 100%;
	width: auto;
	overflow-y: auto
}

h2 {
	font-size: 30px;
	margin: 30px 0 30px 0
}

.float_left {
	float: left
}

.float_right {
	float: right
}

.text_right {
	text-align: right !important
}

.text_left {
	text-align: left !important
}

.text_center {
	text-align: center !important
}

.dis_inb {
	display: inline-block;
}

/*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	-webkit-transition: .1s ease-out !important;
	transition: .1s ease-out !important;
}

.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
	background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
	background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
	background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
	background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
	background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
	background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
	background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect input[type="button"], .waves-effect input[type="reset"],
	.waves-effect input[type="submit"] {
	border: 0;
	font-style: normal;
	font-size: inherit;
	text-transform: inherit;
	background: none;
}

.waves-effect img {
	position: relative;
	z-index: -1;
}

.waves-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

.waves-circle {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.waves-circle {
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
	-webkit-mask-image: none;
}

.waves-block {
	display: block;
}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
	z-index: -1;
}

.btns {
	display: inline-block;
	box-sizing: border-box;
	box-shadow: 0 0 2px rgba(0, 0, 0, .1);
	padding: 0 20px;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0px solid transparent;
	border-radius: 100px;
	font-family: "nsk_r";
	font-size: 15px;
	color: #323232;
	background-color: #FFFFFF;
	border: 1px solid #717273;
	min-width: 90px;
	height: 40px;
	line-height: 38px
}

.btns:focus, .btns:active:focus, .btns.active:focus, .btns.focus, .btns:active.focus,
	.btns.active.focus {
	/*outline: thin dotted;
    */
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -3px -2px;
}

.btns:hover, .btns:focus, .btns.focus {
	color: #f43f3f !important;
	text-decoration: none;
}

.btns_extn:hover, .btns_extn:focus, .btns_extn.focus, .btns_no:hover,
	.btns_no:focus, .btns_no.focus, .btns_ok:hover, .btns_ok:focus,
	.btns_ok.focus, .btns_front:hover, .btns_front:focus, .btns_front_s:hover,
	.btns_front_s:focus, .btns_front.focus {
	color: #DED200 !important;
	text-decoration: none;
}

.btns_l {
	padding: 0 30px;
	font-size: 20px;
	min-width: 180px;
	height: 60px;
	line-height: 56px
}

.btns_m {
	padding: 0 20px;
	font-size: 15px;
	min-width: 90px;
	height: 40px;
	line-height: 38px
}

.btns_s {
	padding: 0 15px;
	font-size: 13px;
	min-width: 25px;
	height: 28px;
	line-height: 25px;
}

.btns_xs {
	padding: 0 5px;
	font-size: 12px;
	min-width: 62px;
	height: 22px;
	line-height: 20px;
}

.btns_l+.btns_l {
	margin-left: 12px
}

.btns_m+.btns_m {
	margin-left: 8px
}

.btns_s+.btns_s {
	margin-left: 5px
}

.btns_front {
	padding: 0 100px 0 30px;
	border: 0px solid transparent;
	background-image: url(/asset/image/btn_bg.png);
	background-position: right;
	background-repeat: no-repeat;
	font-size: 22px;
	color: #fff !important;
	background-color: #000;
	border: 1px solid #000 !important;
	min-width: 178px;
}

.btns_back {
	padding: 0 30px 0 100px;
	background-image: url(/asset/image/btn_bg_back.png);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 22px;
}

.btns_back.btns_no {
	background-image: url(/asset/image/btn_bg_no.png);
}

.btns_ok {
	background-color: #003567;
	color: #FFFFFF !important
}

.btns_no {
	background-color: #727272;
	color: #FFFFFF !important
}

.btns_text {
	font-size: 15px;
	font-family: "nsk_b";
	border: none;
	text-decoration: underline;
	display: inline-block;
	vertical-align: middle;
}

.btns_text .icon {
	margin-left: 5px;
	position: relative;
}

.btns_more {
	font-size: 15px;
	font-family: "nsk_b";
	border: none;
	display: inline-block;
	vertical-align: middle;
	float: right
}

.btns_more .more {
	text-decoration: none !important;
	font-family: "nsk_t";
	font-size: 34px;
	position: relative;
	top: 7px;
	left: 2px;
}

.btns:active, .btns.active {
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btns.disabled, .btns[disabled], fieldset[disabled] .btns, fieldset[disabled]
	{
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity = 80);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .80;
}

.btns_extn {
	height: 22px;
	line-height: 19px;
	padding: 0 10px;
	min-width: 20px;
	background-color: #323232;
	color: #fff !important;
	position: relative;
	top: -2px;
}

.btn_bottom_box {
	text-align: center;
	margin: 60px 0
}

.btn_box:after, .btn_bottom_box:after {
	content: "";
	display: block;
	clear: both
}

.guide_box {
	padding: 20px
}

.cursor_no {
	cursor: default !important;
}

input[type="submit"].btns-block, input[type="reset"].btns-block, input[type="button"].btns-block
	{
	width: 100%;
}

progress {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

.progress {
	position: relative;
	height: 4px;
	display: block;
	width: 100%;
	background-color: #acece6;
	border-radius: 2px;
	margin: 0.5rem 0 1rem 0;
	overflow: hidden;
}

.progress .determinate {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: #4090cb;
	-webkit-transition: width .3s linear;
	transition: width .3s linear;
}

.progress .indeterminate {
	background-color: #4090cb;
}

.progress .indeterminate:before {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate 2.1s
		cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
		infinite;
}

.progress .indeterminate:after {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate-short 2.1s
		cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
		infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s;
}

@
-webkit-keyframes indeterminate { 0% {
	left: -35%;
	right: 100%;
}

60
%
{
left
:
100%;
right
:
-90%;
}
100
%
{
left
:
100%;
right
:
-90%;
}
}
@
keyframes indeterminate { 0% {
	left: -35%;
	right: 100%;
}

60
%
{
left
:
100%;
right
:
-90%;
}
100
%
{
left
:
100%;
right
:
-90%;
}
}
@
-webkit-keyframes indeterminate-short { 0% {
	left: -200%;
	right: 100%;
}

60
%
{
left
:
107%;
right
:
-8%;
}
100
%
{
left
:
107%;
right
:
-8%;
}
}
@
keyframes indeterminate-short { 0% {
	left: -200%;
	right: 100%;
}

60
%
{
left
:
107%;
right
:
-8%;
}
100
%
{
left
:
107%;
right
:
-8%;
}
}
.preloader-wrapper {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
}

.preloader-wrapper.small {
	width: 36px;
	height: 36px;
}

.preloader-wrapper.big {
	width: 64px;
	height: 64px;
}

.preloader-wrapper.active {
	/* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
	-webkit-animation: container-rotate 1568ms linear infinite;
	animation: container-rotate 1568ms linear infinite;
}

@
-webkit-keyframes container-rotate {to { -webkit-transform:rotate(360deg);
	
}

}
@
keyframes container-rotate {to { -webkit-transform:rotate(360deg);
	transform: rotate(360deg);
}

}
.spinner-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-color: #4090cb;
}

.spinner-blue, .spinner-blue-only {
	border-color: #4285f4;
}

.spinner-red, .spinner-red-only {
	border-color: #db4437;
}

.spinner-yellow, .spinner-yellow-only {
	border-color: #f4b400;
}

.spinner-green, .spinner-green-only {
	border-color: #0f9d58;
}

.active .spinner-layer.spinner-blue {
	/* durations: 4 * ARCTIME */
	-webkit-animation: fill-unfill-rotate 5332ms
		cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms
		cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both;
}

.active .spinner-layer.spinner-red {
	/* durations: 4 * ARCTIME */
	-webkit-animation: fill-unfill-rotate 5332ms
		cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms
		cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both;
}

.active .spinner-layer.spinner-yellow {
	/* durations: 4 * ARCTIME */
	-webkit-animation: fill-unfill-rotate 5332ms
		cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms
		cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both;
}

.active .spinner-layer.spinner-green {
	/* durations: 4 * ARCTIME */
	-webkit-animation: fill-unfill-rotate 5332ms
		cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms
		cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both;
}

.active .spinner-layer, .active .spinner-layer.spinner-blue-only,
	.active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only,
	.active .spinner-layer.spinner-green-only {
	/* durations: 4 * ARCTIME */
	opacity: 1;
	-webkit-animation: fill-unfill-rotate 5332ms
		cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both;
}

@
-webkit-keyframes fill-unfill-rotate { 12.5% {
	-webkit-transform: rotate(135deg);
}
/* 0.5 * ARCSIZE */
25
%
{
-webkit-transform
:
rotate(
270deg
);
}
/* 1 * ARCSIZE */
37
.5
 
%
{
-webkit-transform
:
 
rotate
(
405deg
)
;

	
}
/* 1.5 * ARCSIZE */
50
%
{
-webkit-transform
:
rotate(
540deg
);
}
/* 2 * ARCSIZE */
62
.5
 
%
{
-webkit-transform
:
 
rotate
(
675deg
)
;

	
}
/* 2.5 * ARCSIZE */
75
%
{
-webkit-transform
:
rotate(
810deg
);
}
/* 3 * ARCSIZE */
87
.5
 
%
{
-webkit-transform
:
 
rotate
(
945deg
)
;

	
}
/* 3.5 * ARCSIZE */
to {
	-webkit-transform: rotate(1080deg);
}
/* 4 * ARCSIZE */
}
@
keyframes fill-unfill-rotate { 12.5% {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* 0.5 * ARCSIZE */
25
%
{
-webkit-transform
:
rotate(
270deg
);
transform
:
rotate(
270deg
);
}
/* 1 * ARCSIZE */
37
.5
 
%
{
-webkit-transform
:
 
rotate
(
405deg
)
;

		
transform
:
 
rotate
(
405deg
)
;

	
}
/* 1.5 * ARCSIZE */
50
%
{
-webkit-transform
:
rotate(
540deg
);
transform
:
rotate(
540deg
);
}
/* 2 * ARCSIZE */
62
.5
 
%
{
-webkit-transform
:
 
rotate
(
675deg
)
;

		
transform
:
 
rotate
(
675deg
)
;

	
}
/* 2.5 * ARCSIZE */
75
%
{
-webkit-transform
:
rotate(
810deg
);
transform
:
rotate(
810deg
);
}
/* 3 * ARCSIZE */
87
.5
 
%
{
-webkit-transform
:
 
rotate
(
945deg
)
;

		
transform
:
 
rotate
(
945deg
)
;

	
}
/* 3.5 * ARCSIZE */
to {
	-webkit-transform: rotate(1080deg);
	transform: rotate(1080deg);
}
/* 4 * ARCSIZE */
}
@
-webkit-keyframes blue-fade-in-out {from { opacity:1;
	
}

25
%
{
opacity
:
1;
}
26
%
{
opacity
:
0;
}
89
%
{
opacity
:
0;
}
90
%
{
opacity
:
1;
}
100
%
{
opacity
:
1;
}
}
@
keyframes blue-fade-in-out {from { opacity:1;
	
}

25
%
{
opacity
:
1;
}
26
%
{
opacity
:
0;
}
89
%
{
opacity
:
0;
}
90
%
{
opacity
:
1;
}
100
%
{
opacity
:
1;
}
}
@
-webkit-keyframes red-fade-in-out {from { opacity:0;
	
}

15
%
{
opacity
:
0;
}
25
%
{
opacity
:
1;
}
50
%
{
opacity
:
1;
}
51
%
{
opacity
:
0;
}
}
@
keyframes red-fade-in-out {from { opacity:0;
	
}

15
%
{
opacity
:
0;
}
25
%
{
opacity
:
1;
}
50
%
{
opacity
:
1;
}
51
%
{
opacity
:
0;
}
}
@
-webkit-keyframes yellow-fade-in-out {from { opacity:0;
	
}

40
%
{
opacity
:
0;
}
50
%
{
opacity
:
1;
}
75
%
{
opacity
:
1;
}
76
%
{
opacity
:
0;
}
}
@
keyframes yellow-fade-in-out {from { opacity:0;
	
}

40
%
{
opacity
:
0;
}
50
%
{
opacity
:
1;
}
75
%
{
opacity
:
1;
}
76
%
{
opacity
:
0;
}
}
@
-webkit-keyframes green-fade-in-out {from { opacity:0;
	
}

65
%
{
opacity
:
0;
}
75
%
{
opacity
:
1;
}
90
%
{
opacity
:
1;
}
100
%
{
opacity
:
0;
}
}
@
keyframes green-fade-in-out {from { opacity:0;
	
}

65
%
{
opacity
:
0;
}
75
%
{
opacity
:
1;
}
90
%
{
opacity
:
1;
}
100
%
{
opacity
:
0;
}
}

/** * Patch the gap that appear between the two adjacent div.circle-clipper while the * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). */
.gap-patch {
	position: absolute;
	top: 0;
	left: 45%;
	width: 10%;
	height: 100%;
	overflow: hidden;
	border-color: inherit;
}

.gap-patch .circle {
	width: 1000%;
	left: -450%;
}

.circle-clipper {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
	border-color: inherit;
}

.circle-clipper .circle {
	width: 200%;
	height: 100%;
	border-width: 3px;
	/* STROKEWIDTH */
	border-style: solid;
	border-color: inherit;
	border-bottom-color: transparent !important;
	border-radius: 50%;
	-webkit-animation: none;
	animation: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.circle-clipper.left .circle {
	left: 0;
	border-right-color: transparent !important;
	-webkit-transform: rotate(129deg);
	transform: rotate(129deg);
}

.circle-clipper.right .circle {
	left: -100%;
	border-left-color: transparent !important;
	-webkit-transform: rotate(-129deg);
	transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
	/* duration: ARCTIME */
	-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both;
	animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
	/* duration: ARCTIME */
	-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1)
		infinite both;
	animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@
-webkit-keyframes left-spin {from { -webkit-transform:rotate(130deg);
	
}

50
%
{
-webkit-transform
:
rotate
(
-5
deg
);
}
to {
	-webkit-transform: rotate(130deg);
}

}
@
keyframes left-spin {from { -webkit-transform:rotate(130deg);
	transform: rotate(130deg);
}

50
%
{
-webkit-transform
:
rotate
(
-5
deg
);
transform
:
rotate
(
-5
deg
);
}
to {
	-webkit-transform: rotate(130deg);
	transform: rotate(130deg);
}

}
@
-webkit-keyframes right-spin {from { -webkit-transform:rotate(-130deg);
	
}

50
%
{
-webkit-transform
:
rotate
(
5
deg
);
}
to {
	-webkit-transform: rotate(-130deg);
}

}
@
keyframes right-spin {from { -webkit-transform:rotate(-130deg);
	transform: rotate(-130deg);
}

50
%
{
-webkit-transform
:
rotate
(
5
deg
);
transform
:
rotate
(
5
deg
);
}
to {
	-webkit-transform: rotate(-130deg);
	transform: rotate(-130deg);
}

}
#spinnerContainer.cooldown {
	/* duration: SHRINK_TIME */
	-webkit-animation: container-rotate 1568ms linear infinite, fade-out
		400ms cubic-bezier(0.4, 0, 0.2, 1);
	animation: container-rotate 1568ms linear infinite, fade-out 400ms
		cubic-bezier(0.4, 0, 0.2, 1);
}

@
-webkit-keyframes fade-out {from { opacity:1;
	
}

to {
	opacity: 0;
}

}
@
keyframes fade-out {from { opacity:1;
	
}

to {
	opacity: 0;
}

}
.materialbox-caption {
	position: fixed;
	display: none;
	color: #fff;
	line-height: 50px;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 0% 15%;
	height: 50px;
	z-index: 1000;
	-webkit-font-smoothing: antialiased;
}

select:focus {
	outline: 1px solid #c9f3ef;
}

button:focus {
	outline: none;
	background-color: #2ab7a9;
}

label {
	/* font-size: 0.8rem;
     color: #9e9e9e;
     */
	
}

/* Text Inputs + Textarea ========================================================================== */

/* Style Placeholders */
::-webkit-input-placeholder {
	color: #757575;
}

::-moz-placeholder {
	color: #757575;
}

:-ms-input-placeholder {
	color: #757575;
}

::-ms-input-placeholder {
	color: #757575;
}

::placeholder {
	color: #757575;
}

/* Text inputs */
input[type=text], 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 {
	background-color: #fff;
	border: none;
	border-: 1px solid #9e9e9e;
	border-radius: 0;
	outline: none;
	height: 45px;
	width: 100%;
	color: #888888;
	font-size: 16px;
	margin: 0;
	box-sizing: border-box !important;
	padding: 0 18px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: border .3s, -webkit-box-shadow .3s;
	transition: border .3s, -webkit-box-shadow .3s;
	transition: box-shadow .3s, border .3s;
	transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

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: rgba(0, 0, 0, 0.42);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
}

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: rgba(0, 0, 0, 0.42);
}

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 #4090cb;
	-webkit-box-shadow: 0 1px 0 0 #4090cb;
	box-shadow: 0 1px 0 0 #4090cb;
}

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: #4090cb;
}

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: #4090cb;
}

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 #4090cb;
	-webkit-box-shadow: 0 1px 0 0 #4090cb;
	box-shadow: 0 1px 0 0 #4090cb;
}

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: #4090cb;
}

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;
}

input:-internal-autofill-selected {
	background-color: rgb(0, 0, 0) !important;
	background-image: none !important;
	color: -internal-light-dark-color(black, white) !important;
}

.input-field {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.input_group {
	min-height: 30px;
	line-height: 30px
}

.input_group+.input_group {
	padding-top: 10px !important
}

.input_box input {
	border: 1px solid #ccc;
	background-color: #fff !important
}

.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 {
	color: #9e9e9e;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1rem;
	cursor: text;
	-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
	transition: color .2s ease-out, -webkit-transform .2s ease-out;
	transition: transform .2s ease-out, color .2s ease-out;
	transition: transform .2s ease-out, color .2s ease-out,
		-webkit-transform .2s ease-out;
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	text-align: initial;
	-webkit-transform: translateY(12px);
	transform: translateY(12px);
	z-index: -1
}

.input-field>label:not (.label-icon).active {
	-webkit-transform: translateY(-14px) scale(0.8);
	transform: translateY(-14px) scale(0.8);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.input-field>input[type]:-webkit-autofill:not (.browser-default):not ([type="search"])+label,
	.input-field>input[type=date]:not (.browser-default)+label,
	.input-field>input[type=time]:not (.browser-default)+label {
	-webkit-transform: translateY(-14px) scale(0.8);
	transform: translateY(-14px) scale(0.8);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.input-field .helper-text {
	position: relative;
	min-height: 18px;
	display: block;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54);
}

.input-field .helper-text::after {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
}

.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: #4090cb;
}

.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;
}

.form_btn {
	position: relative;
	width: 72px
}

td .info {
	font-family: "nsk_dl";
	font-size: 15px;
	margin: 10px 0 3px 0;
	color: #888888;
	line-height: 1.2em
}

.radio_box label.radio {
	padding: 0;
	display: block;
	background-color: #fff;
	width: 100%;
	position: relative;
	top: -12px;
	height: 45px;
	width: 130px;
	text-align: center;
	overflow: visible;
}

input, select, textarea {
	
}

@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);
	}
}

/* Search Field */
.input-field input[type=search] {
	display: block;
	line-height: inherit;
	-webkit-transition: .3s background-color;
	transition: .3s background-color;
}

.nav-wrapper .input-field input[type=search] {
	height: inherit;
	padding-left: 4rem;
	width: calc(100% - 4rem);
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.input-field input [type=search] :focus :not ( .browser-default) {
	background-color: #fff;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #444;
}

.input-field input[type=search]:focus:not (.browser-default)+label i,
	.input-field input[type=search]:focus:not (.browser-default) ~.mdi-navigation-close,
	.input-field input[type=search]:focus:not (.browser-default) ~.material-icons
	{
	color: #444;
}

.input-field input[type=search]+.label-icon {
	-webkit-transform: none;
	transform: none;
	left: 1rem;
}

.input-field input[type=search] ~.mdi-navigation-close, .input-field input[type=search]
	~.material-icons {
	position: absolute;
	top: 0;
	right: 1rem;
	color: transparent;
	cursor: pointer;
	font-size: 2rem;
	-webkit-transition: .3s color;
	transition: .3s color;
}

/* Textarea */
textarea {
	width: 100%;
	height: 3rem;
	background-color: transparent;
}

textarea.materialize-textarea {
	line-height: normal;
	overflow-y: hidden;
	/* prevents scroll bar flash */
	padding: .8rem 0 .8rem 0;
	/* prevents text jump on Enter keypress */
	resize: none;
	min-height: 3rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.hiddendiv {
	visibility: hidden;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-wrap: break-word;
	/* future version of deprecated 'word-wrap' */
	padding-top: 1.2rem;
	/* prevents text jump on Enter keypress */
	position: absolute;
	top: 0;
	z-index: -1;
}

/* Autocomplete */
.autocomplete-content li .highlight {
	color: #444;
}

.autocomplete-content li img {
	height: 40px;
	width: 40px;
	margin: 5px 15px;
}

/* Character Counter */
.character-counter {
	min-height: 18px;
}

/* Radio Buttons
   ========================================================================== */
[type="radio"]:not(:checked), [type="radio"]:checked {
	/*position: absolute;
	opacity: 0;
	pointer-events: none;*/
	    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-left: 3px;
}

[type="radio"]:not(:checked)+span, [type="radio"]:checked+span {
	position: relative;
	padding-left: 32px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	font-family: 'nsk_r';
	-webkit-transition: .28s ease;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[type="radio"]+span:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	margin: 0px;
	width: 24px;
	height: 24px;
	z-index: 0;
	border-radius: 24px;
	-webkit-transition: .28s ease;
	transition: .28s ease;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #d9d9d9
}

[type="radio"]+span:before {
	content: '';
	position: absolute;
	left: 7px;
	top: 7px;
	margin: 0px;
	width: 10px;
	height: 10px;
	z-index: 0;
	border-radius: 24px;
	-webkit-transition: .28s ease;
	transition: .28s ease;
	background-color: #bcbcbc;
	box-sizing: border-box;
	z-index: 2;
}

/* Checked styles */
[type="radio"]:checked+span:before {
	background-color: #fff
}

[type="radio"]:checked+span:after, [type="radio"]:checked+span:before {
	border: none;
}

[type="radio"]:checked+span:after {
	background-color: #003668
}

label.radiobox {
	display: inline-block;
}

label.radiobox+label.radiobox {
	margin-left: 10px
}

/* Focused styles 
[type="radio"].tabbed:focus+span:before {
	-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}*/

/* Disabled style */
[type="radio"]:disabled:not(:checked)+span:before {
	background-color: #CDCDCD
}

[type="radio"]:disabled:checked+span:before {
	background-color: #fff
}

[type="radio"]:disabled:not(:checked)+span:before {
	border-color: #EFEFEF;
	background-color: #CDCDCD
}

[type="radio"]:disabled:checked+span:after {
	border-color: #EFEFEF;
	background-color: #CDCDCD
}

[type="radio"]:disabled:not(:checked)+span:after {
	border-color: #EFEFEF;
	background-color: #F5F5F5
}

/**/
.radiobox_l[type="radio"]:not(:checked)+span, .radiobox_l[type="radio"]:checked+span
	{
	padding-left: 42px;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	font-family: "nsk_b"
}

.radiobox_l[type="radio"]+span:after {
	width: 32px;
	height: 32px;
	border-radius: 16px;
}

.radiobox_l[type="radio"]+span:before {
	left: 9px;
	top: 9px;
	width: 14px;
	height: 14px;
}

/* Checkboxes
   ========================================================================== */

/* Remove default checkbox */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

[type="checkbox"] {
	/* checkbox aspect */
	
}

[type="checkbox"]+span:not(.lever) {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	display: inline-block;
	height: auto;
	line-height: 1em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	font-family: "nsk_r"
}

[type="checkbox"]+span:not(.lever):before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	width: 20px;
	height: 20px;
	z-index: 0;
	border-radius: 4px;
	margin-top: 4px;
	-webkit-transition: .2s;
	transition: .2s;
	background-color: #fff;
	border: 2px solid #d9d9d9
}

[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
	content: '';
	position: absolute;
	border-radius: 2px;
	z-index: 2;
	text-align: center;
	top: 4px;
	left: 1px;
	width: 4px;
	height: 9px;
	border-top: 3px solid transparent;
	border-left: 3px solid transparent;
	border-right: 3px solid #d9d9d9;
	border-bottom: 3px solid #d9d9d9;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

[type="checkbox"]:checked+span:not(.lever):before {
	background-color: #003466;
	border: 2px solid #023769
}

[type="checkbox"]:checked:not(.filled-in)+span:not(.lever):after {
	border-right-color: #fff;
	border-bottom-color: #fff;
}

[type="checkbox"]:checked:disabled+span:before {
	border-right: 2px solid #d9d9d9;
	border-bottom: 2px solid #d9d9d9
}

[type="checkbox"]:not(:checked):disabled+span:not(.lever):before {
	border-color: #efefef;
	background-color: #f5f5f5;
}

/*[type="checkbox"].tabbed:focus+span:not(.lever):after {
	width: 100%;
	height: inherit;
	border: 2px solid #000;
	margin-top: -6px;
	transform: none;
}*/

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate+span:not(.lever):before {
	top: -11px;
	left: -12px;
	width: 10px;
	height: 22px;
	border-top: none;
	border-left: none;
	border-right: 2px solid #4090cb;
	border-bottom: none;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

[type="checkbox"]:indeterminate:disabled+span:not(.lever):before {
	border-right: 2px solid rgba(0, 0, 0, 0.42);
	background-color: transparent;
}

[type="checkbox"].filled-in+span:not(.lever):after {
	border-radius: 2px;
}

[type="checkbox"].filled-in+span:not(.lever):before, [type="checkbox"].filled-in+span:not(.lever):after
	{
	content: '';
	left: 0;
	position: absolute;
	/* .1s delay is for check animation */
	-webkit-transition: border .25s, background-color .25s, width .20s .1s,
		height .20s .1s, top .20s .1s, left .20s .1s;
	transition: border .25s, background-color .25s, width .20s .1s, height
		.20s .1s, top .20s .1s, left .20s .1s;
	z-index: 1;
}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):before {
	width: 0;
	height: 0;
	border: 3px solid transparent;
	left: 6px;
	top: 10px;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

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

[type="checkbox"].filled-in:checked+span:not(.lever):before {
	top: 0;
	left: 1px;
	width: 8px;
	height: 13px;
	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%;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #4090cb;
	background-color: #4090cb;
	z-index: 0;
}
/*
[type="checkbox"].filled-in.tabbed:focus+span:not(.lever):after {
	border-radius: 2px;
	border-color: #5a5a5a;
	background-color: rgba(0, 0, 0, 0.1);
}
[type="checkbox"].filled-in.tabbed:checked:focus+span:not(.lever):after
	{
	border-radius: 2px;
	background-color: #4090cb;
	border-color: #4090cb;
}*/

[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):before
	{
	background-color: transparent;
	border: 2px solid transparent;
}

[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):after
	{
	border-color: transparent;
	background-color: #949494;
}

[type="checkbox"].filled-in:disabled:checked+span:not(.lever):before {
	background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked+span:not(.lever):after {
	background-color: #949494;
	border-color: #949494;
}

input.checkbox_l[type="checkbox"]+span:not(.lever) {
	padding-left: 40px;
	font-size: 18px;
	font-family: "nsk_eb"
}

input.checkbox_l[type="checkbox"]+span:not(.lever):before {
	top: -8px;
	width: 28px;
	height: 28px;
}

input.checkbox_l[type="checkbox"]:not(.filled-in)+span:not(.lever):after
	{
	border-radius: 4px;
	top: 1px;
	left: 2px;
	width: 5px;
	height: 12px;
	border-width: 4px;
}

/* Switch ========================================================================== */
.switch, .switch * {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.switch label {
	cursor: pointer;
}

.switch label input[type=checkbox] {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch label input[type=checkbox]:checked+.lever {
	background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked+.lever:before, .switch label input[type=checkbox]:checked+.lever:after
	{
	left: 18px;
}

.switch label input[type=checkbox]:checked+.lever:after {
	background-color: #4090cb;
}

.switch label .lever {
	content: "";
	display: inline-block;
	position: relative;
	width: 36px;
	height: 14px;
	background-color: rgba(0, 0, 0, 0.38);
	border-radius: 15px;
	margin-right: 10px;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	vertical-align: middle;
	margin: 0 16px;
}

.switch label .lever:before, .switch label .lever:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	left: 0;
	top: -3px;
	-webkit-transition: left 0.3s ease, background .3s ease,
		-webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
	transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s
		ease, -webkit-transform .1s ease;
	transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease,
		transform .1s ease;
	transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease,
		transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform
		.1s ease;
}

.switch label .lever:before {
	background-color: rgba(38, 166, 154, 0.15);
}

.switch label .lever:after {
	background-color: #F1F1F1;
	-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
/*
input[type=checkbox]:checked:not (:disabled) ~.lever:active::before,
	input[type=checkbox]:checked:not (:disabled).tabbed:focus ~.lever::before
	{
	-webkit-transform: scale(2.4);
	transform: scale(2.4);
	background-color: rgba(38, 166, 154, 0.15);
}

input[type=checkbox]:not (:disabled) ~.lever:active:before, input[type=checkbox]:not (:disabled).tabbed:focus
	~.lever::before {
	-webkit-transform: scale(2.4);
	transform: scale(2.4);
	background-color: rgba(0, 0, 0, 0.08);
}*/

.switch input[type=checkbox][disabled]+.lever {
	cursor: default;
	background-color: rgba(0, 0, 0, 0.12);
}

.switch label input[type=checkbox][disabled]+.lever:after, .switch label input[type=checkbox][disabled]:checked+.lever:after
	{
	background-color: #949494;
}

/* Select Field ========================================================================== */
select {
	/* display: none; */
	
}

select.browser-default {
	display: block;
}

select {
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	padding: 5px;
	border: 1px solid #D9D9D9;
	border-radius: 2px;
	height: 3rem;
	white-space: nowrap;
	text-overflow: ellipsis;
}

select:focus {
	outline: 1px solid #000
}

.select-label {
	position: absolute;
}

.line_select  select {
	border: none;
	border-bottom: 2px solid #000;
}

.select-wrapper {
	position: relative;
}

.select-wrapper.valid+label, .select-wrapper.invalid+label {
	width: 100%;
	pointer-events: none;
}

.select-wrapper input.select-dropdown {
	position: relative;
	cursor: pointer;
	background-color: transparent;
	border: none;
	outline: none;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
	font-family: "nsk_r";
	height: 40px;
	line-height: 40px;
	border: none;
	border-bottom: 2px solid #323232;
	padding-left: 0;
	min-width: 172px;
	font-size: 15px;
	outline: none;
	box-sizing: border-box;
	padding: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 24px;
	text-align: left
}

.box_select .select-wrapper input.select-dropdown {
	position: relative;
	cursor: pointer;
	background-color: transparent;
	border: none;
	outline: none;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
	font-family: "nsk_r";
	height: 40px;
	line-height: 40px;
	border: none;
	border: 1px solid #D9D9D9;
	padding-left: 0;
	min-width: 172px;
	font-size: 15px;
	outline: none;
	box-sizing: border-box;
	padding: 0 20px;
	color: #323232 !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 35px;
	text-align: left
}

.box_select .select-wrapper input.select-dropdown:focus, .box_select .select-wrapper input.select-dropdown:active
	{
	border-color: #323232
}

.box_select .select-wrapper .caret {
	right: 10px;
}

.box_select .select-wrapper input.select-dropdown:disabled {
	border-color: #efefef;
	background-color: #f5f5f5;
	color: #bcbcbc !important;
}

.box_select .select-wrapper input.select-dropdown:disabled+.caret {
	z-index: 1;
	fill: rgba(0, 0, 0, 0.2);
}

.box_select .select-wrapper input.select-dropdown:disabled+.caret,
	.readonly_selet .select-wrapper .caret {
	z-index: 1;
	fill: rgba(0, 0, 0, 0.2);
}

.readonly_selet .select-wrapper input.select-dropdown {
	cursor: default;
	position: relative;
	z-index: 0;
	border-color: #efefef;
	background-color: none;
}

.box_select.readonly_selet .select-wrapper input.select-dropdown {
	background-color: #f5f5f5;
}

.readonly_selet .select-wrapper {
	position: relative;
}

.readonly_selet .select-wrapper:after {
	content: "";
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	height: 100%;
	position: absolute;
	lefT: 0;
	z-index: 2
}

.inline_block {
	display: inline-block
}

.inline_block .btns {
	margin-top: -4px
}

.inline_block+.inline_block {
	margin-left: 8px
}

.form_inline+.form_inline {
	margin-left: 12px !important
}

.select-wrapper input.select-dropdown:focus {
	/*  border-bottom: 1px solid #26a69a; */
	
}

.select-wrapper .caret {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 0;
	fill: rgba(0, 0, 0, 0.87);
}

.footer_tool .select-wrapper .caret {
	position: absolute;
	right: 3px;
	top: 1px;
	bottom: 0;
	margin: auto 0;
	z-index: 0;
	fill: rgba(255, 255, 244, 1);
}

.select-wrapper+label {
	position: absolute;
	top: -26px;
	font-size: 0.8rem;
}

select:disabled {
	color: rgba(0, 0, 0, 0.42);
}

.select-wrapper.disabled+label {
	color: rgba(0, 0, 0, 0.42);
}

.select-wrapper.disabled .caret {
	fill: rgba(0, 0, 0, 0.42);
}

.select-wrapper input.select-dropdown:disabled {
	color: rgba(0, 0, 0, 0.42);
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.select-wrapper i {
	color: rgba(0, 0, 0, 0.3);
}

.select-dropdown li.disabled, .select-dropdown li.disabled>span,
	.select-dropdown li.optgroup {
	color: rgba(0, 0, 0, 0.3);
	background-color: transparent;
}

body.keyboard-focused .select-dropdown.dropdown-content li:focus {
	background-color: rgba(0, 0, 0, 0.08);
}

.select-dropdown.dropdown-content li:hover {
	background-color: rgba(0, 0, 0, 0.08);
}

.select-dropdown.dropdown-content li.selected {
	background-color: rgba(0, 0, 0, 0.03);
}

.prefix ~.select-wrapper {
	margin-left: 3rem;
	width: 92%;
	width: calc(100% - 3rem);
}

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

.select-dropdown li img {
	height: 40px;
	width: 40px;
	margin: 5px 15px;
	float: right;
}

.select-dropdown li.optgroup {
	border-top: 1px solid #eee;
}

.select-dropdown li.optgroup.selected>span {
	color: rgba(0, 0, 0, 0.7);
}

.select-dropdown li.optgroup>span {
	color: rgba(0, 0, 0, 0.4);
}

.select-dropdown li.optgroup ~li.optgroup-option {
	padding-left: 1rem;
}

.dropdown-content {
	background-color: #fff;
	margin: 0;
	display: none;
	min-width: 100px;
	overflow-y: auto;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 45px !important;
	z-index: 9999;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	border: 1px solid #323232;
	box-sizing: border-box;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
	/*width:auto !important;*/
}

.dropdown-content:focus {
	outline: 0;
}

.dropdown-content li {
	clear: both;
	color: rgba(0, 0, 0, 0.87);
	cursor: pointer;
	min-height: 40px;
	line-height: 40px;
	width: 100%;
	text-align: left;
	font-size: 15px;
	padding: 5px 0
}

.dropdown-content li:hover, .dropdown-content li.active {
	background-color: #eee;
}

.dropdown-content li:focus {
	outline: none;
}

.dropdown-content li.divider {
	min-height: 0;
	height: 1px;
}

.dropdown-content li>a, .dropdown-content li>span {
	font-size: 15px;
	color: #323232;
	display: block;
	line-height: 1.2em;
	padding: 8px 18px;
	white-space: nowrap;
}

.dropdown-content li>span>label {
	top: 1px;
	left: 0;
	height: 18px;
}

.dropdown-content li>a>i {
	height: inherit;
	line-height: inherit;
	float: left;
	margin: 0 24px 0 0;
	width: 24px;
}

body.keyboard-focused .dropdown-content li:focus {
	background-color: #dadada;
}

.input-field.col .dropdown-content [type="checkbox"]+label {
	top: 1px;
	left: 0;
	height: 18px;
	-webkit-transform: none;
	transform: none;
}

.dropdown-trigger {
	cursor: pointer;
	color: #999 !important
}

/* File Input ========================================================================== */
.file-field {
	position: relative;
}

.file-field .file-path-wrapper {
	overflow: hidden;
	padding-left: 10px;
}

.file-field input.file-path {
	width: 100%;
}

.file-field .btn, .file-field .btn-large, .file-field .btn-small {
	float: left;
	height: 3rem;
	line-height: 3rem;
}

.file-field span {
	cursor: pointer;
}

.file-field input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.file-field input[type=file]::-webkit-file-upload-button {
	display: none;
}

/* Range ========================================================================== */
.range-field {
	position: relative;
}

input[type=range], input[type=range]+.thumb {
	cursor: pointer;
}

input[type=range] {
	position: relative;
	background-color: transparent;
	border: none;
	outline: none;
	width: 100%;
	margin: 15px 0;
	padding: 0;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]+.thumb {
	position: absolute;
	top: 10px;
	left: 0;
	border: none;
	height: 0;
	width: 0;
	border-radius: 50%;
	background-color: #4090cb;
	margin-left: 7px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

input[type=range]+.thumb .value {
	display: block;
	width: 30px;
	text-align: center;
	color: #4090cb;
	font-size: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

input[type=range]+.thumb.active {
	border-radius: 50% 50% 50% 0;
}

input[type=range]+.thumb.active .value {
	color: #fff;
	margin-left: -1px;
	margin-top: 8px;
	font-size: 10px;
}

input[type=range] {
	-webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
	height: 3px;
	background: #c2c0c2;
	border: none;
}

input[type=range]::-webkit-slider-thumb {
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #4090cb;
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s;
	-webkit-appearance: none;
	background-color: #4090cb;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	margin: -5px 0 0 0;
}

.keyboard-focused input[type=range]:focus:not (.active)::-webkit-slider-thumb
	{
	-webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
	box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

input[type=range] {
	/* fix for FF unable to apply focus style bug */
	border: 1px solid white;
	/*required for proper track sizing in FF*/
}

input[type=range]::-moz-range-track {
	height: 3px;
	background: #c2c0c2;
	border: none;
}

input[type=range]::-moz-focus-inner {
	border: 0;
}

input[type=range]::-moz-range-thumb {
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #4090cb;
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s;
	margin-top: -5px;
}

input[type=range]:-moz-focusring {
	outline: 1px solid #fff;
	outline-offset: -1px;
}

.keyboard-focused input[type=range]:focus:not (.active)::-moz-range-thumb
	{
	box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

input[type=range]::-ms-track {
	height: 3px;
	background: transparent;
	border-color: transparent;
	border-width: 6px 0;
	/*remove default tick marks*/
	color: transparent;
}

input[type=range]::-ms-fill-lower {
	background: #777;
}

input[type=range]::-ms-fill-upper {
	background: #ddd;
}

input[type=range]::-ms-thumb {
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #4090cb;
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s;
}

.keyboard-focused input[type=range]:focus:not (.active)::-ms-thumb {
	box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

/*그라데이션*/
.aqua-gradient {
	background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
}

.scroll {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	overflow: auto
}

/*로딩*/
.loading_text {
	display: block;
	position: fixed;
	font-size: 12px;
	color: #fff;
	width: 200px;
	height: 20px;
	left: 50%;
	top: 50%;
	margin-top: 40px;
	margin-left: -100px;
	text-align: center;
	font-family: sans-serif;
}

.lds-roller {
	display: block;
	position: fixed;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: -40px;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
	margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}

@
keyframes lds-roller { 0% {
	transform: rotate(0deg);
}

100
%
{
transform
:
rotate(
360deg
);
}
}
.loading_box {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000000;
	background-color: rgba(0, 0, 0, .8);
}

.hide {
	display: none !important
}

/* 경고창 */
.modal_box {
	text-align: left;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	overflow: hidden;
	display: none
}

.modal_bg {
	position: absolute;;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
}

.local_modal_box {
	position: absolute;
	z-index: 10;
}

.modal {
	width: 400px;
	position: relative;
	margin: 150px auto;
	background-color: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
	border-radius: 10px;
	border: 1px solid #d9d9d9;
}

.modal_l {
	width: 972px
}

.modal_s {
	width: 455px !important
}

.local_modal_box .modal {
	margin: 0
}

.modal_header {
	font-size: 22px;
	font-family: "ns_eb";
	color: #101010;
	margin-top: 36px;
	margin-left: 26px;
	margin-right: 26px;
	margin-bottom: 8px;
	padding-bottom: 20px;
}

.modal_header .modal_title {
	font-size: 17px;
	font-family: "ns_b";
	font-weight: 700;
	padding: 0 10px
}

.modal_header .btn_close {
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 10px;
	font-size: 17px
}

.modal_header .more {
	font-family: "nsk_t";
	font-size: 32px;
	position: absolute;
	right: 30px;
	top: 30px
}

.modal_body {
	text-align: left;
	padding: 0px 30px 20px 30px;
	word-break: keep-all;
	min-height: 80px;
}

.modal_footer {
	height: 50px;
	line-height: 46px;
	border-top: 1px solid #003668;
	border-bottom: 1px solid #003668;
	background-color: #003668;
	border-radius: 0 0 8px 8px;
	padding: 0;
	text-align: right;
	margin: -1px
}

.modal_footer a {
	width: auto;
	text-align: center;
	font-size: 17px;
	font-family: "ns_b";
	display: block;
	height: 50px;
	box-sizing: border-box;
	display: block;
	color: #fff
}

.modal_footer a:hover {
	color: ##f43f3f
}

.modal_footer .left_btn {
	width: 50%;
	float: left;
	background-color: #717273;
	margin-top: -1px;
	border-radius: 0 0 0 8px;
}

.modal_footer .right_btn {
	width: 50%;
	float: right
}

.modal_footer:after {
	content: "";
	display: block;
	clear: both
}

.noti_modal .modal {
	width: 372px;
}

.noti_modal {
	right: 10px;
	top: 30px;
	display: none
}

.search_modal {
	right: 90px;
	top: 30px;
	display: none
}

.search_modal .line_input {
	width: 256px;
	margin-right: 10px;
}

.search_modal .modal {
	width: 532px;
	padding-top: 34px
}

body.vi .search_modal .modal {
	width: 602px
}

.modal .consent_title {
	font-family: "ns_eb";
	font-size: 20px;
	padding: 20px 0;
	border-bottom: 3px solid #000;
	text-align: center;
}

.consent_box .modal {
	width: 600px
}

.consent_body {
	font-size: 13px;
	font-family: "nsk_r";
	line-height: 1.6em;
	padding: 0 0 20px 0px;
	word-break: keep-all;
}

.consent_body .head {
	color: #666
}

.consent_body .article {
	margin: 0;
	max-height: 120px;
	height: auto;
	overflow-y: auto;
	padding: 25px 30px;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
	background: #fff;
	white-space: pre-line;
	font-size: 15px;
	line-height: 22px
}

.consent_body .article h3 {
	font-family: "ns_eb";
	font-size: 19px;
	margin: 25px 0 10px 0
}

.consent_body+.agree {
	font-size: 18px;
	font-family: "ns_b";
	text-align: left;
	padding: 0px 0 5px 0
}

.agree+h4.sub_title {
	margin-top: 50px;
	padding-bottom: 20px
}

.apply_info .agree span {
	line-height: 1.3em
}

.contents .agree+h3.h3_title {
	margin-top: 20px !important
}

.error_box {
	background-color: #EAE2E2;
	padding: 10px 15px;
	border-radius: 20px;
	width: 100%;
	display: inline-block;
	color: red;
	box-sizing: border-box;
	margin: 15px 0;
}

[class*=" xi-"], [class^=xi-] {
	position: relative;
	top: 2px;
}

span.help_modal {
	display: inline-block;
	position: relative;
	border-radius: 30px;
	border: none;
	background-color: #fff;
	height: auto;
	line-height: 31px;
	color: #000;
	font-size: 18px;
	font-family: "nsk_b";
	text-align: center;
	text-decoration: underline;
	margin-left: 10px
}

span.help_modal b {
	display: block;
	position: relative;
	padding-right: 20px
}

span.help_modal b:after {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	background-image: url(/asset/image/16x16_info.png);
	display: block;
	right: 0;
	top: 8px;
}

span.help_acitve {
	background-color: #f9f9f9;
	cursor: help
}

.help_desc {
	position: absolute;
	top: 40px;
	background-color: #fff;
	min-width: 150px;
	min-height: 50px;
	width: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	display: none;
	padding: 3px;
	border-radius: 4px;
	padding: 3px;
	right: 0;
	top: 31px;
	z-index: 100;
	border: 4px solid #003567;
	padding: 10px 20px 20px 20px
}

span.help_modal_left .help_desc {
	right: auto;
	left: 0
}

.help_desc .help_title {
	white-space: nowrap;
	font-size: 16px;
	font-family: "nsk_b"
}

.help_desc .help_body {
	width: 350px;
	font-size: 14px;
	font-family: "nsk_dl";
	line-height: 1.3em
}

.help_desc ul li {
	white-space: nowrap;
	text-align: left;
	margin: 0px 10px;
	padding-left: 20px;
	position: relative;
	font-size: 14px;
	font-family: "nsk_m";
	color: #0e0e0e;
	height: 23px;
}

.help_desc ul li:before {
	content: "·";
	position: absolute;
	font-size: 30px;
	left: 0
}

.help_desc .close {
	position: absolute;
	right: 3px;
	top: 3px;
	background-color: #fff;
	border-radius: 30px;
	padding: 5px;
	z-index: 3;
	color: #000;
	font-size: 20px;
	font-weight: bold;
}

.help_desc a.help_btns {
	height: 30px;
	padding: 0 20px 2px 20px;
	text-align: center;
	margin: auto;
	display: inline-block;
	background-color: #DED200;
	font-size: 16px;
	font-family: "nsk_m";
	line-height: 30px;
	color: #fff;
	border-radius: 20px
}

.help_desc a.help_btns:hover, .help_desc a.help_btns:active {
	background-color: #CCC100
}

span.help_acitve .help_desc {
	display: block;
}

.site_search {
	padding: 60px 0 10px 0;
	text-align: center
}

.site_search img {
	position: relative;
	top: -17px;
	margin-right: 15px;
}

.site_search .input-field {
	margin-right: 20px
}

.site_search .input-field {
	width: 237px
}

.site_search .select-wrapper input.select-dropdown {
	border-width: 2px;
	font-size: 18px;
	letter-spacing: -1px
}

td.regit {
	width: 38%;
	position: relative;
	padding-right: 132px !important;
	text-align: right !important;
	font-family: "ns_b" !important
}

td.regit a, td.regit a:link, td.regit a:visited {
	color: #0076A2
}

td.regit a:active, td.regit a:hover {
	color: #000
}

.badge {
	background: #5B7CA4;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	border-radius: 0px;
	min-width: 22px;
	text-align: center;
	font-family: "nsk_m";
	display: inline-block;
	padding: 0 8px
}

.badge_pbt {
	background-color: #CB702A;
	color: #ffffff
}

.badge_ibt {
	background-color: #0475be;
	color: #ffffff
}

.badge_speak {
	background-color: #924597;
	color: #ffffff
}

.badge_point {
	background-color: #f43f3f;
	color: #ffffff
}

.badge_topik1 {
	background-color: #0475be;
	color: #ffffff
}

.badge_topik2 {
	background-color: #f43f3f;
	color: #ffffff
}

.badge_finish {
	min-width: 22px;
	background-color: #717273;
	color: #ffffff
}

.badge_new {
	line-height: 20px;
	background-color: #ffffff;
	color: #f43f3f;
	border: 1px solid #f43f3f;
	position: relative;
	top: 0px
}

.badge_l {
	min-width: 62px;
	padding: 0
}

.badge_l.badge_speak {
	letter-spacing: -1px
}

a.badge_closed {
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-family: "ns_b";
	font-size: 18px;
	width: 74px;
	height: 31px;
	border-radius: 20px;
	text-align: center;
	line-height: 31px;
}

a.badge_closed:hover, a.badge_closed:active {
	color: #DED200
}

input.line_input {
	font-family: "nsk_r";
	height: 40px;
	line-height: 40px;
	border: none;
	border-bottom: 2px solid #323232;
	padding-left: 0;
	min-width: 172px;
	font-size: 15px;
	outline: none;
	box-sizing: border-box;
	padding: 0s;
	display: block;
	width: 100%
}
/*
input.line_input:focus {
	outline: none
}*/

input.line_input:disabled {
	outline: none;
	border-color: #EFEFEF;
	color: #BCBCBC;
	background-color: #fff
}

input.line_input[readonly="readonly"] {
	outline: none;
	border-color: #EFEFEF;
	background-color: #fff
}

input.box_input {
	font-family: "nsk_r";
	height: 40px;
	line-height: 40px;
	border: none;
	border: 1px solid #D9D9D9;
	padding-left: 0;
	font-size: 15px;
	outline: none;
	box-sizing: border-box;
	padding: 0 20px;
	display: block;
	width: 100%
}

input.box_input:focus {
	outline: none;
	border: 1px solid #323232;
}

input.box_input:disabled {
	outline: none;
	border: 1px solid #EFEFEF;
	background-color: #F5F5F5;
	color: #BCBCBC
}

input.box_input[readonly="readonly"] {
	outline: none;
	border: 1px solid #EFEFEF;
	background-color: #F5F5F5;
}

.form_inline .input-field, .form_inline .select-wrapper {
	display: inline-block;
}

table.bbs_table {
	width: 100%;
	border-top: 1px solid #323232;
	margin: 30px auto
}

table.bbs_table td, table.bbs_table th {
	color: #323231;
	font-family: "nsk_r";
	font-size: 15px;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	text-align: center;
	line-height: 1.2em
}

table.bbs_table td {
	padding: 25px 5px 24px 5px
}

table.bbs_table thead th {
	font-family: "nsk_eb";
	text-align: center;
	background-color: #FAFAFA;
	border-bottom: 1px solid #BCBCBC;
	padding: 25px 5px 20px 5px
}

table.bbs_table td.title {
	text-align: left;
	padding-left: 30px;
	padding-right: 30px
}

table.bbs_table tbody tr td:last-child, table.bbs_table thead tr th:last-child
	{
	border-right: none
}

.icon_clip {
	background-image: url(/asset/image/18x18_icon_clip.png);
	width: 18px;
	height: 18px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}

.pagination_box {
	text-align: center;
	height: 30px
}

.pagination_box a {
	height: 30px;
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
}

.pagination_box a.first {
	background-image: url(/asset/image/page_first.png);
	width: 22px;
}

.pagination_box a.prve {
	background-image: url(/asset/image/page_prve.png);
	width: 22px;
}

.pagination_box a.next {
	background-image: url(/asset/image/page_next.png);
	width: 22px;
}

.pagination_box a.end {
	background-image: url(/asset/image/page_end.png);
	width: 22px;
}

.pagination_box .page {
	display: inline-block;
	vertical-align: middle;
}

.pagination_box .page a {
	min-width: 30px;
	line-height: 28px;
	margin: 0 2px;
	width: auto;
	padding: 0 5px
}

.pagination_box .page a.active {
	background-color: #003668;
	color: #fff;
	border-radius: 15px
}

.pagination_box .page a.active:link, .pagination_box .page a.active:visited
	{
	color: #fff !important;
}

.block {
	display: block
}

hr.line {
	border-top: 1px solid #D9D9D9;
	clear: both;
	display: block;
	height: 0px;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 60px;
	outline: none
}

.clear {
	clear: both
}

.form_text {
	line-height: 40px;
	height: 40px;
}

.modal_body iframe {
	width: 100%;
	min-height: 300px;
	border: none
}

.popup_body {
	padding: 35px 10px 10px 10px;
}

.popup_body .inner {
	width: 100% !important
}

.mobile_view {
	display: none !important
}

.modal {
	width: 400px;
}

.modal_l {
	width: 972px
}

.modal_scroll {
	margin-top: 100px;
	margin-bottom: 100px;
	top: 0px;
	bottom: 0px;
	position: fixed;
	left: 50%;
	margin-left: -200px
}

.modal_l.modal_scroll {
	margin-left: -486px
}

.modal_scroll .modal_body {
	overflow-y: auto;
	height: calc(100% - 133px);
	margin-bottom: 1px;
	padding-right: 20px;
	position: relative;
}

.modal_scroll .modal_body:before {
	content: "";
	display: block;
	height: 1px;
	background-color: #323232;
	width: auto;
	position: sticky;
	top: 0px;
	left: 30px;
	right: 20px;
}

.modal_scroll .modal_body .left {
	text-align: left;
}

.modal_scroll .modal_body .center {
	text-align: center;
}

.modal_scroll .modal_body .right {
	text-align: right;
}

.modal_scroll .modal_body .table_no_req {
	margin-top: -1px
}

.mobile_gnb {
	display:
}
/*select  기본횽*/
select {
	font-size: 15px;
	box-sizing: border-box;
	height: 40px
}

.input-field.vertical_mid {
	vertical-align: top;
}

.tab_menu .inner:empty {
	display: none
}

#container  .tab_menu {
	margin-top: 40px !important;
}

.btn_box .btns_back {
	float: left
}

.btn_box .btns_front {
	float: right
}

.btn_box:after {
	content: "";
	display: block;
	clear: both;
}

#btnPrev {
	float: none
}

.btn_box.text_center .btns {
	float: none
}

body.en .sitemap_body .over_menu li:last-child .menu {
	background: url(/asset/image/12x12_link.png) no-repeat 126px;
}

body.jp .sitemap_body .over_menu li:last-child .menu {
	background: url(/asset/image/12x12_link.png) no-repeat 97px;
}

body.vi .sitemap_body .over_menu li:last-child .menu {
	background: url(/asset/image/12x12_link.png) no-repeat 90px;
}

.empty {
	border-bottom: 1px solid #ccc;
	padding: 0 0 30px 0;
	margin-bottom: 30px;
	display: block;
	text-align: center
}

/* css추가 2022-05-11 */
.ex_info {
	text-align: center;
	padding-top: 45px;
	border-top: 1px solid #383838;
}

.ex_info h3 {
	font-size: 28px;
	line-height: 28px;
}

.ex_info p {
	font-size: 15px;
	line-height: 15px;
	margin-top: 20px;
}

.searchBox {
	display: flex;
	padding: 40px;
	margin-top: 45px;
	background: #fafafa;
	border: 1px solid #d9d9d9;
	box-sizing: border-box
}

.searchBox>div>p {
	font-size: 15px;
	line-height: 15px;
	font-family: "ns_eb";
}

.searchBox .left {
	width: 600px;
	margin-right: 60px;
}

.searchBox ul {
	display: flex;
	flex-flow: wrap;
	margin-top: 15px;
}

.searchBox ul li {
	width: 100px;
	margin-top: -1px;
	margin-left: -1px;
}

.searchBox ul li button {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #efefef;
	border: 1px solid #d9d9d9;
	font-size: 15px;
	color: #717273;
	cursor: pointer
}

.searchBox ul li button.active {
	background: #fff;
	color: #0475be;
	position: relative;
}

.searchBox ul li button.active:before {
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid #0475be;
	position: absolute;
	top: -1px;
	left: -1px;
}

.searchBox .right {
	flex: auto;
	width: 430px;
	position: relative;
}

.searchBox .right #btnSearch {
	position: absolute;
	top: 29px;
	right: 0;
}

.info_txt {
	font-size: 14px;
	line-height: 14px;
	color: #717273;
	margin-top: 20px;
}

.mt60 {
	margin-top: 60px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.accept_photo_box ul li.sample_box {
	width: 390px;
	height: 468px;
	box-sizing: border-box;
	border: #d9d9d9 4px solid;
	margin-right: 28px;
}

.accept_photo_box ul li.sample_box .photo_regis {
	width: 325px;
	height: 350px;
	margin: 50px auto 15px;
	background: url(/asset/image/photo_sample.png) #f5f5f5 no-repeat center
		center;
}

.accept_photo_box ul li.sample_box .bottom p {
	text-align: center;
}

.mt50 {
	margin-top: 50px !important;
}

.photo_upload_box ul li .pop_photo_box .pop_photo_sample {
	width: 330px !important;
}
button:focus,
input:focus {
	outline: 2px solid #000;
}
input#searchText::placeholder {
	color: #fff !important;
}
label.checkbox {
	position: relative;
}
[type="checkbox"]:focus {
    outline: 2px solid #000;
    width: 28px;
    height: 28px;
    opacity: 1;
    position: absolute;
    top: -8px;
    left: -2px;
}
.login_box [type="checkbox"]:focus {
    outline: 2px solid #000;
    width: 20px;
    height: 20px;
    opacity: 1;
    position: absolute;
    top: -1px;
    left: -2px;
}