/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/* 푸터: 1:1문의/FAQ 제거 후 정보 영역 확장 */
.footer-inner .footer-main-col {
	width: 100%;
	max-width: 100%;
}

.footer-inner .footer-f-wrap {
	width: 100%;
}

.footer-inner .footer-info {
	width: 100%;
}

.footer-inner .footer-info address {
	line-height: 1.75;
	word-break: keep-all;
}

.footer-inner .footer-info .copyright {
	margin-top: 4px;
}

@media (min-width: 992px) {
	.footer-inner .footer-f-wrap {
		align-items: flex-start;
		gap: 56px;
	}

	.footer-inner .footer-logo {
		flex: 0 0 auto;
		min-width: 140px;
	}

	.footer-inner .footer-info {
		flex: 1;
		min-width: 0;
		max-width: none;
	}

	.footer-inner .footer-info .footer-menu {
		margin-bottom: 14px;
	}

	.footer-inner .footer-info address {
		margin-bottom: 12px;
		font-size: var(--normal-font-size);
	}

	.footer-inner .footer-info address br {
		display: none;
	}

	.footer-inner .footer-info address span + span {
		margin-left: 0;
	}

	.footer-inner .footer-info address span:not(:last-child)::after {
		content: "";
		display: inline-block;
		width: 1px;
		height: 12px;
		margin: 0 14px;
		vertical-align: middle;
		background-color: var(--border-color-light);
	}
}

@media (max-width: 991px) {
	.footer-inner .footer-info address br {
		display: block;
	}
}

/* ========== Header: 흰 영역을 로고까지 확장 (PC) ========== */
@media (min-width: 992px) {
	.header .header-inner {
		align-items: flex-start;
		background-color: rgba(255, 255, 255, .9);
		border-radius: 30px;
		padding: 0 10px 0 20px;
		box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
	}

	.header .header-logo {
		display: flex;
		align-items: center;
		flex: 0 0 auto;
		height: 60px;
		margin: 0;
		padding: 0 18px 0 6px;
		position: relative;
	}

	.header .header-logo::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 14px;
		background-color: var(--border-color);
	}

	.header .header-logo a {
		display: flex;
		align-items: center;
		height: 100%;
	}

	.header .gnb-wrap {
		display: flex;
		flex: 1 1 auto;
		justify-content: flex-end;
		align-items: flex-start;
		gap: 0;
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		box-shadow: none;
	}

	/* 메뉴를 로그인 영역 바로 왼쪽에 붙임 */
	.header .gnb-wrap > .gnb {
		flex: 0 0 auto;
		width: auto !important;
		margin-left: auto;
	}

	.header .gnb-wrap .gnb-nav {
		justify-content: flex-end;
	}

	.header .top-bar {
		flex: 0 0 auto;
		padding-left: 8px;
	}
}

/* ========== Header: 흰 영역을 로고까지 확장 (모바일) ========== */
@media (max-width: 991px) {
	.header .header-inner {
		align-items: center;
		background-color: rgba(255, 255, 255, .9);
		border-radius: 30px;
		padding: 4px 6px 4px 14px;
		box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
	}

	.header .header-logo {
		display: flex;
		align-items: center;
		flex: 1 1 auto;
		min-width: 0;
		margin: 0;
		height: 40px;
	}

	.header .header-logo a {
		display: flex;
		align-items: center;
		height: 100%;
	}

	.header .header-logo a img {
		height: 22px;
	}

	.header .gnb-wrap {
		flex: 0 0 auto;
		box-shadow: none;
	}

	/* header-inner가 이미 흰 배경이므로 top-bar 단독 알약은 제거 */
	.header .top-bar {
		background-color: transparent;
		border-radius: 0;
	}

	.header .top-bar .top-bar-list {
		padding: 0;
		height: 40px;
	}
}