@charset "UTF-8";
.modal-slide {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		max-height: calc(100% - 80px);
		border-radius: 40px 40px 0 0;
		background: var(--white);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px -35px 50px rgba(5, 21, 46, 0.26);
		backface-visibility: hidden;
}
.modal-slide-inner {
		overflow: hidden;
		overflow-y: auto;
		height: 100%;
		border-radius: inherit;
		backface-visibility: hidden;
		transform: translateZ(0);
}
.modal-slide .handler {
		cursor: s-resize;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		height: 36px;
		border-radius: 40px 40px 0 0;
}
.modal-slide .handler:before {
		content: '';
		position: absolute;
		top: 16px;
		left: 50%;
		width: 120px;
		height: 4px;
		background: #7D91B3;
		border-radius: 2px;
		margin: 0 -60px;
}
.mfp-slide .modal-slide, .mfp-side .modal-side {
		opacity: 0;
		transition-property: transform, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: translate3d(0, 100%, 0);
}
.mfp-slide.mfp-ready .modal-slide, .mfp-side.mfp-ready .modal-side {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}
.mfp-slide.mfp-removing .modal-slide, .mfp-side.mfp-removing .modal-side {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
}
.mfp-slide.mfp-bg, .mfp-side.mfp-bg {
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		background: #061523;
}
.mfp-slide.mfp-ready.mfp-bg, .mfp-side.mfp-ready.mfp-bg {
		opacity: 0.6;
}
.mfp-slide.mfp-removing.mfp-bg, .mfp-side.mfp-removing.mfp-bg {
		opacity: 0;
}
.mfp-slide .mfp-container, .mfp-side .mfp-container {
		padding: 0 !important;
		overflow: hidden !important;
		height: 100% !important;
}
.mfp-slide .mfp-container:before, .mfp-side .mfp-container:before {
		display: none;
}
.mfp-slide .mfp-content, .mfp-side .mfp-content {
		vertical-align: bottom;
		height: 100% !important;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		overflow: hidden !important;
		touch-action: none;
		user-select: none;
}
.modal-side {
		flex: 0 0 auto;
		width: 100%;
		margin: auto 0 0 auto;
		position: relative;
		max-height: calc(100% - 80px);
		background: var(--white);
		box-shadow: -5px 0px 25px rgba(0, 0, 0, 0.25);
		backface-visibility: hidden;
}
.modal-side-scroll {
		max-height: 100%;
		position: relative;
		overflow: hidden;
		overflow-y: auto;
}
.modal-slide-close {
		position: absolute;
		top: 0;
		right: 0;
		width: 66px;
		height: 66px;
		cursor: pointer;
		user-select: none;
		display: none;
		z-index: 30;
}
.modal-slide-close:before, .modal-slide-close:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		height: 2px;
		width: 24px;
		border-radius: 1px;
		background: var(--sec-dark);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.modal-slide-close:before {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.modal-slide-close:after {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
@media (pointer:fine) {
		.modal-slide-close:hover:before, .modal-slide-close:hover:after {
				background: var(--hover-dark);
		}
}
.modal-side-close {
		position: absolute;
		left: auto;
		right: 100%;
		width: 52px;
		height: 52px;
		border-radius: 3px 0 0 3px;
		top: 50%;
		transform: translate3d(0, -50%, 0);
		background: var(--white);
		cursor: pointer;
		user-select: none;
		display: none;
}
.modal-side-close:before, .modal-side-close:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		height: 3px;
		width: 17px;
		border-radius: 1.5px;
		background: var(--sec-dark);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.modal-side-close:before {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.modal-side-close:after {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
@media (pointer:fine) {
		.modal-side-close:hover:before, .modal-side-close:hover:after {
				background: var(--hover-dark);
		}
}
.modal-slide-inner {
		overflow: hidden;
		overflow-y: auto;
		height: 100%;
		border-radius: inherit;
		backface-visibility: hidden;
		transform: translateZ(0);
}
.modal-form-title {
		text-align: center;
		font: 900 24px/40px var(--fontg);
		letter-spacing: -0.01em;
		color: #657CA4;
		margin: 0 0 25px 0;
}
.modal-form .modal-slide-inner {
		padding: 46px 25px 35px 25px;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {

		.modal-slide .handler {
				display: none;
		}
		.mfp-slide .modal-slide {
				transform: translate3d(0, -60px, 0);
				opacity: 0;
		}
		.mfp-slide.mfp-ready .modal-slide {
				opacity: 1;
				transform: translate3d(0, 0, 0);
		}
		.mfp-slide.mfp-removing .modal-slide {
				transform: translate3d(0, -60px, 0);
				opacity: 0;
		}
		.mfp-side .modal-side, .mfp-slide .modal-side-slide {
				transform: translate3d(100%, 0, 0);
				opacity: 0;
		}
		.mfp-side.mfp-ready .modal-side, .mfp-slide.mfp-ready .modal-side-slide {
				opacity: 1;
				transform: translate3d(0, 0, 0);
		}
		.mfp-side.mfp-removing .modal-side, .mfp-slide.mfp-removing .modal-side-slide {
				opacity: 0;
				transform: translate3d(100%, 0, 0);
		}
		.mfp-slide .mfp-content, .mfp-side .mfp-content {
				justify-content: center;
		}
		.modal-slide {
				margin: auto;
				box-shadow: 0px 0px 2px rgba(38, 73, 141, 0.14), 0px 30px 80px rgba(9, 66, 153, 0.12);
				border-radius: 7px;
		}
		.modal-side, .modal-side-slide {
				margin: auto 0 auto auto;
				max-height: 100%;
				width: calc(100% - 62px);
				border-radius: 0;
		}
		.modal-slide-close, .modal-side-close {
				display: block;
		}
		.modal-form {
				max-width: 580px;
		}
		.modal-form .modal-slide-inner {
				padding: 40px 40px 45px 40px;
		}
		.modal-form-title {
				text-align: left;
		}
		.modal-info {
				max-width: 750px;
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.modal-slide-close {
				margin: 7px;
		}
}


.modal-submit-mini .modal-slide-inner {
		text-align: center;
		font: 900 24px/32px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--title);
}
.modal-submit-mini .btns {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
		margin: 25px 0 0 0;
}
.modal-submit-mini .btns .btn {
		flex: 1 1 auto;
		font-size: 16px;
		padding-left: 20px;
		padding-right: 20px;
}
@media only screen and (max-width: 767px) {
		.modal-submit-mini .modal-slide-inner {
				padding: 55px 35px 35px 35px;
		}
}
@media only screen and (min-width: 768px) {
		.modal-submit-mini {
				max-width: 450px;
		}
		.modal-submit-mini .modal-slide-inner {
				padding: 40px 54px;
		}
}

/*map in order*/
.modal-map-frame{max-width:1270px;}
.modal-map-frame.modal-slide .modal-slide-close:before, .modal-map-frame.modal-slide .modal-slide-close:after{
height: 2px;
width: 18px;
background: #475C81;
}
.modal-map-frame .modal-slide-close{
    background: #ECF2F8;
    margin: 0;
    height: 44px;
    border-radius: 50%;
    width: 44px;
    right: -40px;
    top: -40px;
    border: 1px solid #E2E8F0;
}

.mfp-side .modal-map-frame {
		opacity: 0;
		transition-property: transform, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: translate3d(0, 100%, 0);
}
.mfp-side.mfp-ready .modal-map-frame {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}
.mfp-side.mfp-removing .modal-map-frame {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
}
.mfp-side.mfp-ready .modal-map-frame .modal-slide-inner{
	padding: 8px 8px 0px 8px;
}