/**
 * Contact 페이지 전용
 */
#scroll_cue {
	display: none;
}

/**
 * Section1 - desktop
 */
@media (min-width: 768px) {
	.section1 {
		padding-top: calc(100vw / 1440 * 180);
		padding-left: calc(100vw / 1440 * 120);
		padding-right: calc(100vw / 1440 * 120);
		padding-bottom: calc(100vw / 1440 * 80);
		box-sizing: border-box;
		display: flex;
		align-items: flex-start;
		gap: calc(100vw / 1440 * 60);
	}
	.section1 .col-left {
		flex: 1;
		min-width: 0;
	}
	.section1 .col-right {
		flex: 1;
		min-width: 0;
	}
	.section1 .title {
		font-family: brandon-grotesque;
	}
	.section1 textarea {
		font-family: "Noto Sans KR";
	}
	.section1 .user_info {
		margin-top: calc(100vw / 1440 * 64);
	}
	.section1 .row {
		display: flex;
		width: 100%;
	}
	.section1 .row:not(:first-child) {
		margin-top: calc(100vw / 1440 * 24);
	}
	.section1 .input_container {
		flex: 1;
		height: calc(100vw / 1440 * 48);
		border: 1px solid #999999;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		min-width: 0;
	}
	.section1 .input_container:not(:first-child) {
		margin-left: calc(100vw / 1440 * 24);
	}
	.section1 .input_container .label {
		width: calc(100vw / 1440 * 64);
		min-width: calc(100vw / 1440 * 64);
		padding-left: calc(100vw / 1440 * 14);
		box-sizing: border-box;
		font-size: calc(100vw / 1440 * 14);
	}
	.section1 .input_container.phone .label {
		width: calc(100vw / 1440 * 72);
		min-width: calc(100vw / 1440 * 72);
	}
	.section1 .input_container span {
		font-size: calc(100vw / 1440 * 14);
	}
	.section1 .input_container .input_field {
		width: 100%;
		border: none;
		box-sizing: border-box;
		padding-top: 0;
		margin-left: calc(100vw / 1440 * 8);
		margin-right: calc(100vw / 1440 * 8);
		min-width: 0;
		font-size: calc(100vw / 1440 * 14);
	}

	.section1 .textarea_container {
		width: 100%;
		height: calc(100vw / 1440 * 144);
		padding-top: calc(100vw / 1440 * 17);
		padding-bottom: calc(100vw / 1440 * 16);
		border: 1px solid #999999;
		box-sizing: border-box;
		display: flex;
	}
	.section1 .textarea_container .label {
		width: calc(100vw / 1440 * 64);
		min-width: calc(100vw / 1440 * 64);
		padding-left: calc(100vw / 1440 * 14);
		box-sizing: border-box;
		font-size: calc(100vw / 1440 * 14);
		line-height: calc(100vw / 1440 * 14);
		align-self: flex-start;
	}
	.section1 .textarea_container span {
		font-size: calc(100vw / 1440 * 14);
		line-height: calc(100vw / 1440 * 14);
		align-self: flex-start;
	}
	.section1 .textarea_container .textarea_field {
		width: 100%;
		border: none;
		resize: none;
		box-sizing: border-box;
		padding-top: 0;
		margin-top: calc(100vw / 1440 * -4);
		margin-left: calc(100vw / 1440 * 8);
		margin-right: calc(100vw / 1440 * 8);
		font-size: calc(100vw / 1440 * 14);
	}
	.section1 .send_button {
		margin-top: calc(100vw / 1440 * 40);
		width: calc(100vw / 1440 * 164);
		height: calc(100vw / 1440 * 80);
		cursor: pointer;
		background-image: url(../images/contact/contact_desktop_btn.svg);
		background-size: contain;
		background-repeat: no-repeat;
		transition: 0.3s;
	}
	.section1 .send_button:hover {
		background-image: url(../images/contact/contact_desktop_hover_btn.svg);
		transition: 0.3s;
	}
	.section1 .send_button:hover::before {
		right: 0;
	}
	.section1 .send_button.disabled {
		background-image: url(../images/contact/contact_desktop_disabled_btn.svg);
		cursor: none;
		pointer-events: none;
		transition: 0.3s;
	}
	.section1 .address {
		margin-top: 0;
	}
	.section1 .col-right .address_title {
		font-size: calc(100vw / 1440 * 18);
		line-height: calc(100vw / 1440 * 18);
	}
	.section1 .col-right .address_container {
		display: flex;
		flex-direction: column;
		gap: calc(100vw / 1440 * 10);
	}
	.section1 .text_wrap {
		display: inline-flex;
		align-items: center;
	}
	.section1 .address_container .icon {
		width: calc(100vw / 1440 * 18);
		height: calc(100vw / 1440 * 18);
		margin-right: calc(100vw / 1440 * 8);
		flex-shrink: 0;
	}

	.section2 {
		cursor: pointer;
		position: relative;
		margin-top: 0;
	}

	.section2 .alert_address {
		display: none;
		position: absolute;
		z-index: 30;
		left: 50%;
		transform: translateX(-50%);
		bottom: calc(100vw / 1440 * 40);
		justify-content: center;
		align-items: center;
		background: #000000;
		width: calc(100vw / 1440 * 320);
		height: calc(100vw / 1440 * 56);
		border-radius: calc(100vw / 1440 * 4);
		white-space: nowrap;
	}

	.section2 .root_daum_roughmap {
		pointer-events: none;
	}

	.section2 .root_daum_roughmap .wrap_btn_zoom {
		display: none;
	}
}

/**
 * Section1 - mobile
 */
@media (max-width: 767.98px) {
	.section1 {
		padding-top: calc(100vw / 360 * 120);
		padding-left: calc(100vw / 360 * 24);
		padding-bottom: calc(100vw / 360 * 40);
		box-sizing: border-box;
	}
	.section1 .title {
		font-family: brandon-grotesque;
	}
	.section1 .description {
		margin-top: calc(100vw / 360 * 8);
	}

	.section1 textarea {
		font-family: "Noto Sans KR";
	}

	.section1 .user_info {
		margin-top: calc(100vw / 360 * 40);
	}
	.section1 .input_container {
		width: calc(100vw / 360 * 312);
		height: calc(100vw / 360 * 42);
		border: 1px solid #999999;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}
	.section1 .input_container:not(:first-child) {
		margin-top: calc(100vw / 360 * 16);
	}
	.section1 .input_container .label {
		width: calc(100vw / 360 * 75);
		padding-left: calc(100vw / 360 * 10);
		box-sizing: border-box;
	}
	.section1 .input_container .input_field {
		width: 100%;
		border: none;
		box-sizing: border-box;
		padding-top: calc(100vw / 360 * 3);
		margin-left: calc(100vw / 360 * 4);
		margin-right: calc(100vw / 360 * 4);
	}

	.section1 .textarea_container {
		margin-top: calc(100vw / 360 * 16);
		width: calc(100vw / 360 * 312);
		height: calc(100vw / 360 * 96);
		padding-top: calc(100vw / 360 * 8);
		padding-bottom: calc(100vw / 360 * 8);
		border: 1px solid #999999;
		box-sizing: border-box;
		display: flex;
	}
	.section1 .textarea_container .label {
		width: calc(100vw / 360 * 75);
		padding-left: calc(100vw / 360 * 10);
		box-sizing: border-box;
	}
	.section1 .textarea_container .textarea_field {
		width: 100%;
		border: none;
		resize: none;
		box-sizing: border-box;
		padding-top: calc(100vw / 360 * 5);
		margin-left: calc(100vw / 360 * 8);
		margin-right: calc(100vw / 360 * 8);
	}

	.section1 .send_button_wrap {
		display: flex;
		justify-content: right;
		padding-right: calc(100vw / 360 * 24);
	}

	.section1 .send_button {
		margin-top: calc(100vw / 360 * 32);
		width: calc(100vw / 360 * 167);
		height: calc(100vw / 360 * 42);
		cursor: pointer;
		background-image: url(../images/contact/contact_mobile_btn.svg);
		background-size: contain;
		background-repeat: no-repeat;
		transition: 0.3s;
	}

	.section1 .send_button.disabled {
		background-image: url(../images/contact/contact_mobile_disabled_btn.svg);
		cursor: none;
		pointer-events: none;
		transition: 0.3s;
	}

	.section1 .address {
		margin-top: calc(100vw / 360 * 174);
	}

	.section1 .text_wrap {
		display: flex;
		align-items: center;
	}

	.section1 .text_wrap:first-child {
		align-items: baseline;
	}

	.section1 .address_container .icon {
		width: calc(100vw / 360 * 14);
		height: calc(100vw / 360 * 14);
		margin-right: calc(100vw / 360 * 8);
	}
}

