@charset "UTF-8";

@media screen and (max-width: 768px){
	.find-pw-wrap,
	.join-wrap,
	.cng-pw-wrap {
		flex-direction: column;
	}
	.find-pw-wrap .logo-box,
	.join-wrap .logo-box,
	.cng-pw-wrap .logo-box {
		width: 55vw;
	}
	.find-pw-wrap .form-box,
	.join-wrap .form-box,
	.cng-pw-wrap .form-box {
		width: 90vw;
		margin-top: 1rem;
		padding: 3.6rem 2.4rem;
	}
	.find-pw-wrap .input-box + .btn-box {
	    margin-top: 1.2rem;
	}
	.login-wrap .input-box {
		width: 94vw;
	}
	.login-wrap .btn-box {
		flex-shrink: 0;
	}
	.join-wrap .label-group input,
	.cng-pw-wrap .label-group input {
		padding-right: 8rem;
	}
	.header-top {
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	.header-data .data-box {
		display: flex;
		flex-wrap: wrap;
	}
	.header-data .data-box .data {
		width: calc((100% - 0.8rem) / 2);
		padding: 1.2rem;
	}
	.header-data .data-box .data + .data {
		margin-left: 0;
	}
	.header-data .data-box .label {
		flex-shrink: 0;
	}
	.list-toolbar,
	.toolbar-right {
		align-items: flex-start;
		flex-direction: column;
	}
	.flatpickr-calendar {
		top: 0rem !important;
	}
}