/* 제출서류관리 */

.box-buttons-wrap {
	display: flex;
	gap: 8px;
}

.section-docs.home .box-buttons {
	display: flex;
	align-items: center;
	gap: 12px;
}

.section-docs.home .box-buttons .button-print {
	background-color: #ffffff;
	font-weight: 600;
}

.section-docs.home .box-buttons .button-download,
.section-docs.home .box-buttons .button-print {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 121px;
	height: 44px;
	gap: 4px;
	border-radius: 22px;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
}

.section-docs.home .box-buttons .button-print {
	color: #4696ff;
	border: 1px solid #4696ff;
	background: #fff;
}

.section-docs.home .box-buttons .button-download {
	color: #fff;
	border: 1px solid #333;
	background: #333;
}

.section-docs.home .box-buttons .button-download,
.section-docs.home .box-buttons .button-download svg {
	color: #fff;
	fill: currentColor;
}

.section-docs.home .box-buttons .button-download svg,
.section-docs.home .box-buttons .button-print svg {
	width: 16px;
	height: 16px;
}

.section-docs.home .box-buttons .button-download svg {
	transform: scaleY(-1);
}

.section-docs.home .box-buttons .button-download,
.section-docs.home .box-buttons .button-print {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	height: 40px;
	padding: 0 14px;
	border-radius: 20px;
	border: 1px solid #ddd;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	color: inherit;
	gap: 6px;
	box-sizing: border-box;
}

.section-docs.home .box-buttons .button-download svg,
.section-docs.home .box-buttons .button-print svg {
	width: 18px;
	height: 18px;
}

.section-docs.home .box-buttons .button-download,
.section-docs.home .box-buttons .button-print {
	width: 121px !important;
	height: 44px !important;
	font-size: 16px !important;
	border-radius: 22px !important;
	padding: 0 14px !important;
	line-height: 1 !important;
}

.section-docs.home .box-buttons .button-print {
	color: #4696ff !important;
	border: 1px solid #4696ff !important;
	background: #fff !important;
}

.section-docs.home .box-buttons .button-download {
	color: #fff !important;
	border: 1px solid #333 !important;
	background: #333 !important;
}


.section-docs.submission .ui-table th {
	font-size: 16px;
	padding: 12px 8px !important;
}

.section-docs.submission .ui-table td {
	padding: 12px 8px !important;
}

.section-docs.submission .ui-table .status {
	font-size: 16px;
}

.section-docs.submission .ui-table .description {
	margin-top: 4px;
}

.section-docs.submission .ui-table .status.fail {
	color: #d72828;
}

.section-docs.submission .ui-table .status.pass {
	color: #1946b9;
}

.section-docs.submission .ui-table .status.reviewing {
	color: #666666;
}

.section-docs.submission .ui-table .button-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 37px;
	padding: 0 15px;
	font-size: 18px;
	line-height: 35px;
	border: 1px solid #000;
	border-radius: 10px;
	text-decoration: none;
	color: #000;
	background: transparent;
	box-sizing: border-box;
}

.section-docs.submission .ui-table .button-check.confirm {
	color: #fff;
	border-color: #4696ff;
	background: #4696ff;
}

.section-docs.submission .ui-table .button-check.submit {
	color: #000;
	border-color: #ffd700;
	background: #ffd700;
}

.section-docs.submission .ui-table .button-check.revise {
	color: #fff;
	border-color: #d72828;
	background: #d72828;
}


@media (max-width: 1023px) {
  .section-docs.home .box-buttons {

		position: static;
		transform: unset;
	}
}

/* /제출서류관리 */

/* 알림함 */
.section-mypage.inbox .description {
	font-size: 18px;
	line-height: 36px;
}

.section-mypage.inbox .group-inbox-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.section-mypage.inbox .group-inbox-head .group-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.section-mypage.inbox .group-inbox-head .unread-info {
	font-weight: 600;
	color: #555;
	white-space: nowrap;
}

.tabs-inbox {
	display: flex;
	margin-top: 20px;
	gap: 10px;
}

.tabs-inbox button {
	height: 46px;
	padding: 0 18px;
	border: 1px solid #000;
	border-radius: 23px;
}

.tabs-inbox .button-filter-all {
	font-weight: 700;
	color: #fff;
	border-color: #1946b9;
	background: #1946b9;
}

.tabs-inbox button.button-filter {
	height: 46px;
	padding: 0 18px;
	border: 1px solid #000;
	border-radius: 23px;
	font-weight: 500;
	color: #000;
	background: #fff;
}

.tabs-inbox button.button-filter.is-active {
	font-weight: 700;
	color: #fff;
	border-color: #1946b9;
	background: #1946b9;
}

.section-mypage.inbox .button-mark-all {
	font-weight: 700;
	color: #fff;
	border-color: #000;
	background: #000;
	height: 40px;
	padding: 0 14px;
	border-radius: 20px;
}

.list-inbox {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	gap: 20px;
}

.list-inbox li {
	display: flex;
	align-items: center;
	padding: 28px 40px;
	background: #f7f8fd;
	gap: 40px;
	border-radius: 20px;
}

.list-inbox .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 72px;
	height: 72px;
	flex: 0 0 72px;
	flex-shrink: 0;
	color: #fff;
	border-radius: 50%;
	position: relative;
}

.list-inbox li > div:last-child {
	flex: 1;
	min-width: 0;
}

.list-inbox .icon svg {
	width: 24px;
	height: 24px;
}

.list-inbox .icon .badge-unread {
	position: absolute;
	top: -8px;
	left: -8px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: #ff0000;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
	border: 2px solid #fff;
	z-index: 1;
}

.list-inbox .type-payment .icon {
	background: #16c9ab;
}

.list-inbox .type-shipping .icon {
	background: #efa147;
}

.list-inbox .type-notice .icon {
	background: #4c63af;
}

.list-inbox .type-notice .icon svg {
	width: 30px;
	height: 20px;
}

.list-inbox .type-prescription .icon {
	background: #4caf50;
}

.list-inbox .type-customer .icon {
	background: #4c63af;
}

.list-inbox .group-status {
	display: flex;
	align-items: center;
	gap: 10px;
}

.list-inbox .label {
	display: flex;
	align-items: center;
	height: 34px;
	padding: 0 15px;
	font-size: 14px;
	color: #4696ff;
	border: 1px solid #4696ff;
	border-radius: 6px;
}

.list-inbox .date {
	font-weight: 500;
}

.list-inbox .title {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.list-inbox .text {
	margin-top: 10px;
	font-size: 18px;
	line-height: 28px;
	overflow-wrap: anywhere;
}

.section-mypage.inbox .ui-list-pagination {
	margin-top: 20px;
}

@media (max-width: 1023px) {
	.section-mypage.inbox .ui-card {
		padding: 0;
		background: none;
	}

	.section-mypage.inbox .description {
		font-size: 16px;
	}

	.list-inbox li {
		padding: 20px;
		gap: 20px;
	}

	.list-inbox .icon {
		width: 50px;
		height: 50px;
		flex: 0 0 50px;
	}

	.list-inbox .label {
		height: 25px;
	}

	.list-inbox .title {
		margin-top: 5px;
		font-size: 16px;
	}

	.list-inbox .text {
		margin-top: 5px;
		font-size: 14px;
		line-height: 22px;
	}
}
/* /알림함 */

/* 대시보드 팝업 위치 조정 - 이미지와 버튼 영역 너비 맞추기 */
.modal-event .block-event {
	align-items: center;
}

.modal-event .block-event .image {
	display: block;
	width: fit-content;
	max-width: 600px;
}

.modal-event .block-event .image img,
.modal-event .block-event .image > * {
	max-width: 100%;
	display: block;
}

/* JavaScript가 너비를 설정하지만, 기본적으로 이미지 너비에 맞춤 */
/* dashboard.css의 .modal-event .group-buttons 스타일을 덮어쓰기 위해 더 구체적인 선택자 사용 */
.modal-event .block-event .group-buttons {
	width: 600px; /* JavaScript가 동적으로 조정함 - 인라인 스타일이 이 값을 덮어씀 */
	max-width: 600px;
	box-sizing: border-box;
}

@media (max-width: 1023px) {
	.modal-event .block-event .image {
		max-width: 335px;
	}

	.modal-event .block-event .group-buttons {
		width: 335px; /* JavaScript가 동적으로 조정함 - 인라인 스타일이 이 값을 덮어씀 */
		max-width: 335px;
		box-sizing: border-box;
	}
}

/* 전자서명 관리 */
.ui-group-input .box-signature {
	display: none;
	flex-direction: column;
}

.ui-group-input .box-signature.is-visible {
	display: flex !important;
}

.ui-group-input .box-direct {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	height: 200px;
	position: relative;
	border: 1px dashed #dfdfdf;
	border-radius: 4px;
}

.ui-group-input .box-direct canvas {
	width: 100%;
	height: 100%;
}

.ui-group-input .box-direct .placeholder {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 18px;
	transform: translate(-50%, -50%);
}

.ui-group-input .box-upload {
	width: 100%;
	margin: 0;
}

.ui-group-input.signature {
	margin-bottom: 24px;
}

.section-mypage.basic-info #section-signature .ui-group-input.signature .image-sign img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* 모달 내부 탭 구조 - 왼쪽/오른쪽 배치 */
/* .ui-modal .sign-type {
	display: flex;
	justify-content: space-between;
	gap: 0;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 20px;
}

.ui-modal .sign-type > div {
	flex: 1;
	text-align: center;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 500;
	color: #666;
	background: #f5f5f5;
	border: none;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	transition: all 0.2s;
}

.ui-modal .sign-type > div:first-child {
	border-top-left-radius: 4px;
	border-right: 1px solid #dfdfdf;
}

.ui-modal .sign-type > div:last-child {
	border-top-right-radius: 4px;
}

.ui-modal .sign-type > div.active {
	color: #333;
	background: #fff;
	border-bottom-color: #333;
	font-weight: 700;
}

.ui-modal .sign-type > div:hover:not(.active) {
	background: #f9f9f9;
} */
/* 
.ui-group-input.signature .signature-wrap {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.ui-group-input.signature .image-sign {
	height: 120px;
	width: 120px;
	min-width: 120px;
	background: #f3f3f3;
	flex: 0 0 120px;
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ui-group-input.signature .image-sign img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.ui-group-input.signature .signature-button-wrap {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	flex: 1;
	gap: 8px;
	justify-content: flex-start;
}

.ui-group-input.signature .signature-button-wrap label {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	white-space: nowrap;
	margin-right: 0;
	margin-bottom: 0;
	line-height: 24px;
}

.ui-group-input.signature .signature-input-group {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 8px;
	flex-wrap: nowrap;
	width: 100%;
}

.ui-group-input.signature .signature-input-group input[type="text"] {
	flex: 0 0 200px !important;
	min-width: 180px;
	height: 44px;
	padding: 0 16px;
	font-size: 14px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	width: auto !important;
}

.ui-group-input.signature .button-direct {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 24px;
	font-size: 14px;
	font-weight: 500;
	color: #999;
	background: #f3f3f3;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	cursor: not-allowed;
	white-space: nowrap;
	flex-shrink: 0;
	opacity: 0.7;
	width: auto !important;
}

.ui-group-input.signature .button-direct:hover {
	background: #f3f3f3;
}

.ui-group-input.signature .button-insert {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 24px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background: #ff6b35;
	border: 1px solid #ff6b35;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0;
	width: auto !important;
}

.ui-group-input.signature .button-insert:hover {
	background: #ff5722;
	border-color: #ff5722;
}

.ui-group-input.signature .button-delete-inline {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 24px;
	font-size: 14px;
	font-weight: 500;
	color: #ff4444;
	background: transparent;
	border: 1px solid #ff4444;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0;
	width: auto !important;
}

.ui-group-input.signature .button-delete-inline:hover {
	background: #ff4444;
	color: #fff;
}

.ui-group-input.signature .button-delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	padding: 0 12px;
	font-size: 13px;
	font-weight: 500;
	color: #ff4444;
	background: transparent;
	border: 1px solid #ff4444;
	border-radius: 4px;
	cursor: pointer;
	margin-left: 8px;
}

.ui-group-input.signature .button-delete:hover {
	background: #ff4444;
	color: #fff;
}

@media (max-width: 1023px) {
	.ui-group-input.signature {
		gap: 8px;
	}

	.ui-group-input.signature .box-input {
		align-items: flex-start;
	}

	.ui-group-input.signature .signature-wrap {
		flex-direction: column;
		gap: 12px;
	}

	.ui-group-input.signature .image-sign {
		width: 100%;
		min-width: unset;
		flex: 0 0 auto;
		max-width: 100%;
	}

	.ui-group-input.signature .signature-button-wrap {
		flex-direction: column !important;
		flex-wrap: wrap;
		gap: 8px;
	}

	.ui-group-input.signature .signature-button-wrap label {
		font-size: 16px;
		margin-right: 0;
		margin-bottom: 0;
		line-height: 24px;
	}

	.ui-group-input.signature .signature-input-group {
		flex-direction: column !important;
		width: 100%;
	}

	.ui-group-input.signature .signature-input-group input[type="text"] {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: unset;
	}

	.ui-group-input.signature .signature-input-group button {
		width: 100% !important;
	}

	.ui-group-input.signature .button-direct,
	.ui-group-input.signature .button-insert {
		flex: 1 1 auto;
		width: 100% !important;
		min-width: 100px;
	}

	.ui-group-input.signature .button-delete-inline {
		margin-left: 0;
		flex: 0 0 auto;
	}

	.ui-group-input.signature .group-buttons {
		flex-direction: column;
	}

	.ui-group-input.signature .button-add {
		flex: auto;
	}
} */
/* /전자서명 관리 */

/* 회원정보수정 - 의료기관주소 필드 레이아웃 */
.section-mypage.basic-info #section-medical-info .ui-group-input:nth-of-type(2) .box-input {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.section-mypage.basic-info #section-medical-info .ui-group-input:nth-of-type(2) .box-input .input-addr1 {
	flex: 1;
	min-width: 250px;
	max-width: 400px;
}

.section-mypage.basic-info #section-medical-info .ui-group-input:nth-of-type(2) .box-input .input-addr2 {
	width: 250px;
	max-width: 250px;
}

.section-mypage.basic-info #section-medical-info .ui-group-input:nth-of-type(2) .box-input .input-zipcode {
	width: 100px;
	max-width: 100px;
}

.section-mypage.basic-info #section-medical-info .ui-group-input:nth-of-type(2) .box-input .button-action {
	flex-shrink: 0;
}

@media (max-width: 768px) {
	.section-mypage.basic-info #section-medical-info .ui-group-input:nth-of-type(2) .box-input .input-addr1 {
		min-width: 100%;
	}
	
	.section-mypage.basic-info #section-medical-info .ui-group-input:nth-of-type(2) .box-input .input-addr2 {
		width: 100%;
		max-width: 100%;
	}
	
	.section-mypage.basic-info #section-medical-info .ui-group-input:nth-of-type(2) .box-input .input-zipcode {
		width: 100%;
		max-width: 100%;
	}
}

/* 의료기관 정보 관리 - 사업자등록번호 모바일 가독성 개선 */
@media (max-width: 768px) {
	.section-mypage.basic-info #section-medical-info .ui-group-input.is-row-2 .box-row:first-child .box-input {
		display: grid;
		grid-template-columns: 1fr auto 1fr auto 1fr;
		align-items: center;
		gap: 8px;
	}

	.section-mypage.basic-info #section-medical-info .ui-group-input.is-row-2 .box-row:first-child .box-input input[type="text"] {
		min-width: 0;
		text-align: center;
	}

	.section-mypage.basic-info #section-medical-info .ui-group-input.is-row-2 .box-row:first-child .box-input .button-action {
		grid-column: 1 / -1;
		width: 100%;
		margin-top: 6px;
	}
}
/* /의료기관 정보 관리 - 사업자등록번호 모바일 가독성 개선 */
/* /회원정보수정 - 의료기관주소 필드 레이아웃 */

/* 1:1 문의 - 모바일 빈 메시지 텍스트 가로 표시 */
@media (max-width: 1023px) {
	.section-mypage.inquiry .ui-table td[colspan="4"],
	.section-mypage.inquiry .ui-table td[colspan="5"] {
		grid-column: 1 / 5;
		grid-row: 1;
		width: 100%;
		box-sizing: border-box;
		white-space: nowrap;
		text-align: center;
		padding: 40px 20px;
		min-width: 0;
		max-width: 100%;
		word-break: keep-all;
	}
	
	.section-mypage.inquiry .ui-card {
		overflow-x: hidden;
		width: 100%;
		box-sizing: border-box;
	}
	
	.section-mypage.inquiry .ui-table {
		width: 100%;
		max-width: 100%;
		table-layout: fixed;
		box-sizing: border-box;
	}

	/* 메타 정보: 상태 | 날짜 | 글쓴이 순으로 배치 */
	.section-mypage.inquiry .ui-table tr {
		grid-template-columns: auto 1fr auto auto;
	}

	.section-mypage.inquiry .ui-table td:nth-child(2) {
		grid-column: 2 / span 3;
	}

	.section-mypage.inquiry .ui-table td:nth-child(3) {
		grid-column: 2;
	}

	.section-mypage.inquiry .ui-table td:nth-child(5) {
		padding: 0 0 10px 0;
		grid-column: 3;
		min-width: 70px;
		color: #767676;
		text-align: right;
		border-bottom: 1px solid #dfdfdf;
	}

	.section-mypage.inquiry .ui-table td:nth-child(4) {
		padding: 0 10px 10px 0;
		grid-column: 4;
		min-width: 64px;
		color: #767676;
		text-align: right;
		border-bottom: 1px solid #dfdfdf;
	}
	
	.section-mypage.inquiry .ui-table tr:has(td[colspan="4"]),
	.section-mypage.inquiry .ui-table tr:has(td[colspan="5"]) {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
}
/* /1:1 문의 - 모바일 빈 메시지 텍스트 가로 표시 */

/* 약침 상세 페이지 - 이미지 갤러리 */
.section-detail .box-detail li {
	cursor: pointer;
	transition: opacity 0.3s;
}

.section-detail .box-detail li:hover {
	opacity: 0.7;
}

.section-detail .box-detail li.is-active {
	opacity: 1;
	border: 2px solid #1946b9;
	border-radius: 4px;
}

@media (max-width: 1023px) {
	.section-detail .box-detail li.is-active {
		border: 2px solid #1946b9;
		border-radius: 4px;
	}
}
/* /약침 상세 페이지 - 이미지 갤러리 */

/* 약침소개 - 접근 제한 카드 */
.section-yakchim .card.is-locked {
	cursor: not-allowed;
}

.section-yakchim .card.is-locked:hover {
	background: #f3f3f3;
}

.section-yakchim .card.is-locked:hover .name {
	color: inherit;
}

.section-yakchim .card.is-locked:hover .arrow {
	color: #999;
	background: transparent;
}
/* /약침소개 - 접근 제한 카드 */

/* 약침소개 - 모바일 페이지네이션 클릭 영역 보정 */
.section-yakchim .block-list {
	position: relative;
	z-index: 1;
}

.section-yakchim .ui-list-pagination {
	position: relative;
	z-index: 2;
}
/* /약침소개 - 모바일 페이지네이션 클릭 영역 보정 */

/* 공지사항 디테일 페이지 - 첨부파일 레이아웃 수정 */
/* /공지사항 디테일 페이지 - 첨부파일 레이아웃 수정 */


/*20260110 추가*/
@media screen and (max-width:768px){
  .tabs-inbox {gap:8px;}
  .tabs-inbox button.button-filter {padding: 0 14px;}
}

/* 알림 설정 저장 버튼 비활성화 스타일 */
.ui-button-primary.is-disabled {
	color: #999;
	border-color: #ccc;
	background: #ccc;
	pointer-events: none;
}

/* 고객센터 공지사항 상세 - 첨부파일 위치/간격 보정 */
.section-detail-view .ui-list-archive.is-detail .group-meta {
	margin-bottom: 12px;
}

.section-mypage .section-detail-view .ui-block-detail .box-attachment {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 0 !important;
	margin-bottom: 32px !important;
}

.section-mypage .section-detail-view .ui-block-detail .notice-content {
	clear: both;
}

.section-mypage .section-detail-view .ui-block-detail .notice-content::after {
	content: "";
	display: block;
	clear: both;
}

.page-guide .section-detail-view .ui-block-detail img {
	margin: 0 auto 20px;
}
/* /고객센터 공지사항 상세 - 첨부파일 위치/간격 보정 */

/* 인사이트 뉴스룸 상세 - 이미지 비율 유지 */
.section-detail-view .ui-block-detail img {
	max-width: 100% !important;
	height: auto !important;
}
/* /인사이트 뉴스룸 상세 - 이미지 비율 유지 */

/* 공지사항 리스트 - '공지' 가로 고정 */
.section-notice .list-notice .number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	white-space: nowrap;
	word-break: keep-all;
}

/* 고객센터 공지사항 - 중요/일반 굵기 구분 */
.section-notice .list-notice .notice-box .title {
	font-weight: 500;
}

.section-notice .list-notice .notice-box.is-important .title {
	font-weight: 700;
}
/* /공지사항 리스트 - '공지' 가로 고정 */

/* 회원가입 - 이메일 도메인 셀렉트 텍스트 겹침 방지 */
.section-signup .ui-select {
	max-width: 100%;
	padding-right: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* /회원가입 - 이메일 도메인 셀렉트 텍스트 겹침 방지 */

/* 회원가입 - 중복확인/연동하기 버튼 한줄 유지 */
.section-signup.basic-info .ui-group-input .button-action {
	flex: 0 0 auto;
	min-width: 96px;
	white-space: nowrap;
}
/* /회원가입 - 중복확인/연동하기 버튼 한줄 유지 */

/* 회원가입 - 주소 필드 레이아웃 */
.section-signup.basic-info .ui-group-input.address .box-input {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.section-signup.basic-info .ui-group-input.address .box-input .input-zipcode {
	flex: 0 0 180px !important;
	width: 180px !important;
	max-width: 180px !important;
	min-width: 180px !important;
}

.section-signup.basic-info .ui-group-input.address .box-input .input-addr1 {
	flex: 1 1 360px !important;
	width: auto !important;
	min-width: 260px !important;
}

.section-signup.basic-info .ui-group-input.address .box-input .input-addr2 {
	flex: 0 0 340px !important;
	width: 340px !important;
	max-width: 340px !important;
	min-width: 340px !important;
}

@media (max-width: 768px) {
	.section-signup.basic-info .ui-group-input.address .box-input .input-zipcode,
	.section-signup.basic-info .ui-group-input.address .box-input .input-addr1,
	.section-signup.basic-info .ui-group-input.address .box-input .input-addr2 {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
	}
}
/* /회원가입 - 주소 필드 레이아웃 */

/* 회원가입 - 휴무일 안내 문구 위치 */
.section-signup.basic-info .ui-group-input.day-off .box-input {
	flex-wrap: wrap;
	gap: 10px 12px;
}

.section-signup.basic-info .ui-group-input.day-off .day-off-note {
	font-size: 12px;
	color: #666;
	white-space: nowrap;
}
/* /회원가입 - 휴무일 안내 문구 위치 */

/* 대표자 서명 - 업로드 서명완료 버튼 항상 표시 */
#ceo_sign_list .box-signature-buttons {
	display: flex !important;
	justify-content: center;
	gap: 10px;
}
#ceo_sign_list .btn-ceo-sign-upload-complete,
#ceo_sign_list .btn-ceo-sign-upload-clear {
	display: inline-flex !important;
}
/* /대표자 서명 - 업로드 서명완료 버튼 항상 표시 */

/* 푸터 링크 - 모바일에서 두 줄 줄바꿈 방지 */
@media (max-width: 1023px) {
	.ui-footer .list-links a {
		white-space: nowrap;
	}
}
/* /푸터 링크 - 모바일에서 두 줄 줄바꿈 방지 */

/* 모바일 햄버거 메뉴 - 하단 잘림 방지 */
@media (max-width: 1023px) {
	.ui-my-sidebar {
		height: calc(100dvh - 72px);
		padding-bottom: calc(40px + env(safe-area-inset-bottom));
	}
}
/* /모바일 햄버거 메뉴 - 하단 잘림 방지 */

/* 모바일 햄버거 메뉴 - 실제 높이 기준 스크롤 보정 */
@media (max-width: 1023px) {
	.overlay-navigation {
		height: 100dvh;
	}

	.overlay-navigation .ui-my-sidebar {
		max-height: calc(100dvh - 72px);
		overflow-y: auto;
	}
}
/* /모바일 햄버거 메뉴 - 실제 높이 기준 스크롤 보정 */

/* 고객센터 공지사항 상세 - 제목 말줄임 */
.page-guide .ui-list-archive.is-detail .title {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* /고객센터 공지사항 상세 - 제목 말줄임 */

/* 개인정보 취급방침 모달 - 모바일 하단 여백 제거 */
@media (max-width: 1023px) {
	.modal-ui-policy.modal-privacy.ui-modal.is-large {
		height: 100dvh;
		max-height: 100dvh;
	}

	.modal-ui-policy.modal-terms.ui-modal.is-large {
		height: 100dvh;
		max-height: 100dvh;
	}
}

/* 자료제출 - 모바일 STEP 표시 고정 */
@media (max-width: 1023px) {
	.section-docs .docs-step-label {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 0 14px;
		border: 1px solid #e5e5e5;
		border-radius: 8px;
		background-color: #fff;
		color: #222;
		font-size: 14px;
		font-weight: 500;
	}
}
/* /자료제출 - 모바일 STEP 표시 고정 */

/* 필수 입력 표시 (*) */
.required-star {
	color: #e53935;
	font-weight: 700;
}

/* 주민등록번호 입력란 - 한 줄 표시 (마스킹 * 입력 시 줄바꿈 방지) */
.section-docs.sharing-record .input-resident-number {
	white-space: nowrap;
	min-width: 160px;
	flex-shrink: 0;
}

/* 탕전실 공동이용 내역서 - 모바일 입력칸 세로 정렬 */
@media (max-width: 1023px) {
	.section-docs.sharing-record .docs-mobile-title {
		margin: 0 0 6px;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		color: #111;
	}

	.section-docs.sharing-record .table-record.type-write th {
		width: 74px;
		padding: 0 10px;
		font-size: 15px;
	}

	.section-docs.sharing-record .table-record.type-write td {
		padding: 0;
	}

	.section-docs.sharing-record .table-record.type-write .ui-group-input.is-row-2 {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.section-docs.sharing-record .table-record.type-write .ui-group-input .box-row {
		align-items: flex-start;
		flex-direction: column;
		padding: 10px 20px;
		gap: 10px;
	}

	.section-docs.sharing-record .table-record.type-write .ui-group-input .box-row:nth-child(2) {
		border-top: 1px solid #a4a4a4;
	}

	.section-docs.sharing-record .table-record.type-write .outsource td {
		padding: 10px 20px;
		font-size: 15px;
	}

	.section-docs.sharing-record .table-record.type-write .worker .box-row {
		align-items: center;
		flex-direction: row;
	}

	.section-docs.sharing-record .table-record.type-write .worker .box-title {
		justify-content: center;
		width: 26px;
	}

	.section-docs.sharing-record .table-record.type-write .worker .box-count input {
		width: 40px;
		padding: 0 6px;
		text-align: center;
	}

	.section-docs.sharing-record .table-record.type-write .worker .box-input {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.section-docs.sharing-record .table-record.type-write .worker .group-count,
	.section-docs.sharing-record .table-record.type-write .worker .group-info {
		display: contents;
	}

	.section-docs.sharing-record .table-record.type-write .worker .box-count,
	.section-docs.sharing-record .table-record.type-write .worker .box-info {
		justify-content: center;
	}

	.section-docs.sharing-record .table-record.type-write .worker .box-count {
		flex-wrap: nowrap;
	}

	.section-docs.sharing-record .table-record.type-write .worker .box-count label,
	.section-docs.sharing-record .table-record.type-write .worker .box-count p {
		white-space: nowrap;
	}

	.section-docs.sharing-record .table-record.type-write .worker .box-info ul {
		display: flex;
	}

	.section-docs.sharing-record .table-record.type-write .worker .box-info li {
		margin: 0;
	}

	.section-docs.sharing-record .table-record.type-write .date p {
		font-size: 16px;
	}

	.section-docs.sharing-record .table-record.type-write .date p:first-child {
		flex-basis: 100%;
		margin-bottom: 30px;
		font-size: 18px;
		font-weight: 500;
		text-align: center;
	}

	.section-docs.sharing-record .table-record.type-write .date .box-row {
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		padding: 0;
	}

	.section-docs.sharing-record .table-record.type-write .date .box-row > p {
		white-space: nowrap;
	}

	.section-docs.sharing-record .table-record.type-write .date input {
		width: 52px;
		min-width: 52px;
		padding: 0 6px;
		text-align: center;
		font-size: 16px;
	}

	.section-docs.sharing-record .table-record.type-write .date .year {
		width: 78px;
		min-width: 78px;
		margin-left: 0;
	}
}
/* /탕전실 공동이용 내역서 - 모바일 입력칸 세로 정렬 */

/* 보건소 신고자료 다운로드 - 모바일 여백 보정 */
@media (max-width: 1023px) {
	.section-docs.home .list-docs .date {
		margin-bottom: 12px;
	}
}
/* /보건소 신고자료 다운로드 - 모바일 여백 보정 */

/* 제출서류관리 - 모바일 버튼 상단 여백 */
@media (max-width: 1023px) {
	.section-docs.home .box-buttons {
		margin-top: 12px;
	}
}
/* /제출서류관리 - 모바일 버튼 상단 여백 */

/* 고객센터 > 심평원 안내 - 모바일 다운로드 버튼 텍스트 깨짐 보정 */
@media (max-width: 1023px) {
	.section-mypage.prescription-check.reporting .box-has-btn-row .ui-button-primary {
		width: 100%;
		height: auto;
		min-height: 54px;
		padding: 12px 16px;
		font-size: 16px;
		line-height: 1.4;
		display: flex;
		align-items: center;
		justify-content: center;
		white-space: normal;
		word-break: keep-all;
		overflow: visible;
		text-align: center;
	}
}
/* /고객센터 > 심평원 안내 - 모바일 다운로드 버튼 텍스트 깨짐 보정 */

/* 약침소개 - 전체 리스트 4열 그리드 */
.section-yakchim .yakchim-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 40px;
	/* 카드 하단 돌출 이미지(.image bottom)에 맞춘 행 간격 */
	row-gap: 154px;
}

.section-yakchim .yakchim-grid .card {
	width: 100%;
	margin: 0;
}
/* /약침소개 - 전체 리스트 4열 그리드 */

/* 회원정보수정 - 생년월일/휴대폰번호 readonly 수정 불가 표시 */
.section-mypage.basic-info #section-member-info input[readonly] {
	color: #999;
	background-color: #f3f3f3;
	cursor: not-allowed;
}

/* 회원정보수정 - SNS 구글 연결/해지 */
.ui-group-input .box-sns.google {
	color: #333;
	background-color: #fff;
	border: 1px solid #dadce0;
}

.ui-group-input .box-sns.google .logo {
	background-image: url("../../images/icon_logo_google.png");
	background-size: 20px;
}

/* 회원정보수정 - SNS 한 줄 배치 (네이버, 카카오, 구글) */
.ui-group-input.sns .box-sns-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ui-group-input.sns .box-sns-row .box-sns {
	flex: 1;
	min-width: 140px;
	height: 48px;
	padding-right: 12px;
}

.ui-group-input.sns .box-sns-row .box-sns .logo {
	width: 40px;
	height: 40px;
	background-size: 18px;
}

.ui-group-input.sns .box-sns-row .box-sns.kakao .logo {
	background-size: 22px 20px;
}

.ui-group-input.sns .box-sns-row .box-sns .text {
	padding-left: 8px;
	font-size: 14px;
}

/* 공지사항 상세 - 긴 URL 줄바꿈 */
@media (max-width: 1023px) {
	.section-detail-view .ui-block-detail,
	.section-detail-view .ui-block-detail a,
	.section-detail-view .ui-block-detail p,
	.section-detail-view .ui-block-detail span,
	.section-detail-view .ui-block-detail li {
		overflow-wrap: anywhere;
		word-break: break-word;
	}
}
/* /공지사항 상세 - 긴 URL 줄바꿈 */