/* EMS 배송비 계산기 — 2023년 원래 페이지 디자인을 계산기 영역 안에만 적용되도록 옮긴 것 */

.emsc-wrap {
	max-width: 600px;
	margin: 0 auto;
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}

.emsc-wrap label,
.emsc-wrap .emsc-label {
	display: block;
	font-size: 16px;
	line-height: 23px;
	color: rgb(66, 65, 61);
	letter-spacing: -0.1px;
	font-weight: 700;
	margin-bottom: 4px;
}

.emsc-wrap select,
.emsc-wrap input[type="number"] {
	display: block;
	width: 100%;
	padding: 13px 14px !important;
	font-family: inherit;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px !important;
	color: rgb(66, 65, 61);
	background: rgb(252, 252, 250);
	border: 1px solid rgb(235, 233, 230) !important;
	box-sizing: border-box;
	border-radius: 6px;
	margin: 0 0 20px;
}

.emsc-wrap .emsc-dims {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

.emsc-wrap .emsc-dims input[type="number"] {
	flex: 1 1 0;
	min-width: 0;
}

.emsc-wrap input[type="submit"],
.emsc-wrap input[type="submit"]:active,
.emsc-wrap input[type="submit"]:hover {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	padding: 0 24px !important;
	background: rgb(4, 184, 124) !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px, rgba(0, 0, 0, 0.06) 0 2px 4px -1px;
	font-family: inherit;
	font-size: 18px;
	line-height: 27px;
	color: rgb(255, 255, 254) !important;
	letter-spacing: -0.1px;
	font-weight: 700;
	border: 0 !important;
	border-radius: 6px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.emsc-wrap input[type="submit"]:disabled {
	opacity: 0.7;
	cursor: wait;
}

/* 결과 팝업 */
.emsc-popup {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.3);
	z-index: 500;
}

.emsc-popup-content {
	display: block;
	width: 40vw;
	min-width: 320px;
	max-width: 400px;
	margin: 0 20px;
	padding: 18px;
	background: rgb(255, 255, 255);
	border-radius: 10px;
	box-sizing: border-box;
}

.emsc-popup-content h3 {
	margin: 0 0 12px;
	font-family: inherit;
	font-size: 24px;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
}

.emsc-row {
	display: flex !important;
	justify-content: space-around;
	padding: 5px 0;
}

.emsc-row > div {
	flex: 1 1 0;
	text-align: center;
}

.emsc-row-title {
	border-bottom: 1px solid #ddd;
}

.emsc-row .ems {
	font-weight: 700;
}

.emsc-note {
	margin: 12px 0 0;
	font-size: 14px;
	line-height: 1.5;
	color: #b42318;
	text-align: center;
}

.emsc-popup .emsc-close {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 45px;
	margin-top: 30px;
	padding: 0 24px;
	background: rgb(4, 184, 124);
	box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px, rgba(0, 0, 0, 0.06) 0 2px 4px -1px;
	border: 0 !important;
	border-radius: 4px;
	font-family: inherit;
	font-size: 18px;
	line-height: 27px;
	color: rgb(255, 255, 254) !important;
	letter-spacing: -0.1px;
	font-weight: 700;
	cursor: pointer;
}