/* =========================================================
   PC 퀵메뉴
   - 전화: 레이어 팝업
   - 제작문의: 제작만 문의 신청서 이동
========================================================= */

.pc-quick-menu{
	position:fixed;
	right:50px;
	top:58%;
	transform:translateY(-50%);
	z-index:9000;

	width:86px;
	background:rgba(255,255,255,0.96);
	border:1px solid rgba(20,50,60,0.12);
	border-radius:12px;
	box-shadow:0 6px 20px rgba(20,40,50,0.15);
	overflow:hidden;

	font-family:'Gothic A1', sans-serif;
}

.pc-quick-menu__item{
	width:100%;
	height:62px;
	padding:0;
	margin:0;
	border:0;
	background:transparent;
	box-sizing:border-box;

	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:5px;

	color:#263238;
	font-family:'Gothic A1', sans-serif;
	font-size:13px;
	font-weight:700;
	line-height:1;
	text-decoration:none;
	cursor:pointer;

	transition:
		background-color .18s ease,
		color .18s ease,
		transform .18s ease;
}

.pc-quick-menu__item + .pc-quick-menu__item{
	border-top:1px solid rgba(0,0,0,0.08);
}

.pc-quick-menu__item:link,
.pc-quick-menu__item:visited{
	color:#263238;
	text-decoration:none;
}

.pc-quick-menu__item:hover{
	background:#245040;
	color:#ffffff;
	text-decoration:none;
}

.pc-quick-menu__icon{
	width:22px;
	height:22px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.pc-quick-menu__icon svg{
	width:22px;
	height:22px;
	fill:currentColor;
}

.pc-quick-menu__text{
	display:block;
	white-space:nowrap;
}


/* =========================================================
   전화 레이어
========================================================= */

.pc-quick-layer{
	position:fixed;
	inset:0;
	z-index:10000;
	display:none;
	align-items:center;
	justify-content:center;
	font-family:'Gothic A1', sans-serif;
}

.pc-quick-layer.is-open{
	display:flex;
}

.pc-quick-layer__dim{
	position:absolute;
	inset:0;
	background:rgba(18,27,32,0.42);
	backdrop-filter:blur(1.5px);
	-webkit-backdrop-filter:blur(1.5px);
}

.pc-quick-layer__box{
	position:relative;
	z-index:1;
	width:390px;
	padding:34px 34px 36px;
	box-sizing:border-box;

	background:#ffffff;
	border:1px solid rgba(18,91,124,0.10);
	border-radius:18px;
	box-shadow:
		0 24px 70px rgba(17,39,49,0.22),
		0 3px 10px rgba(17,39,49,0.08);

	text-align:center;
	overflow:hidden;
}


.pc-quick-layer__close{
	position:absolute;
	top:13px;
	right:15px;

	width:34px;
	height:34px;
	padding:0;
	border:0;
	border-radius:50%;

	background:#f4f6f7;
	color:#6b757a;

	font-size:23px;
	font-weight:300;
	line-height:31px;
	cursor:pointer;

	transition:background-color .15s ease, color .15s ease;
}

.pc-quick-layer__close:hover{
	background:#e9edef;
	color:#1d2b31;
}

.pc-quick-layer__eyebrow{
	margin-bottom:7px;

	color:#7b898f;
	font-size:10px;
	font-weight:700;
	letter-spacing:2.2px;
	line-height:1;
}

.pc-quick-layer__title{
	color:#17252b;
	font-size:24px;
	font-weight:700;
	letter-spacing:-1px;
	line-height:1.3;
	font-family:'Gothic A1', sans-serif;
}

.pc-quick-layer__colorbar{
	display:flex;
	justify-content:center;

	width:104px;
	height:3px;
	margin:14px auto 0;
	overflow:hidden;
}

.pc-quick-layer__colorbar span{
	display:block;
	width:26px;
	height:3px;
}


.pc-quick-layer__colorbar span:nth-child(1){
	background:#CD1E25;
}

.pc-quick-layer__colorbar span:nth-child(2){
	background:#FDCE12;
}

.pc-quick-layer__colorbar span:nth-child(3){
	background:#6DBA4A;
}

.pc-quick-layer__colorbar span:nth-child(4){
	background:#9ED8F6;
}

.pc-quick-layer__line{
	width:320px; /* 이 숫자로 선 길이 조절 */
	height:1px;
	margin:0 auto;

	background:linear-gradient(
		to right,
		rgba(120,135,142,0) 0%,
		rgba(120,135,142,0.42) 18%,
		rgba(120,135,142,0.42) 82%,
		rgba(120,135,142,0) 100%
	);
}

.pc-quick-layer__copy{
	margin:20px 0 17px;

	color:#4d5b61;
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.5px;
	line-height:1.5;
	font-family:'Gothic A1', sans-serif
}

.pc-quick-layer__tel{
	width:100%;
	min-height:82px;
	padding:15px 18px;
	box-sizing:border-box;

	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:5px;

	background:#f2f8fa;
	border:1px solid #d8e9ee;
	border-radius:12px;
	font-family:'Gothic A1', sans-serif
	text-decoration:none;

	transition:
		background-color .18s ease,
		border-color .18s ease,
		transform .18s ease,
		box-shadow .18s ease;
}

.pc-quick-layer__tel:link,
.pc-quick-layer__tel:visited{
	text-decoration:none;
}

.pc-quick-layer__tel:hover{
	background:#eaf5f8;
	border-color:#bcdde6;
	transform:translateY(-1px);
	box-shadow:0 7px 18px rgba(0,104,142,0.10);
	text-decoration:none;
}

.pc-quick-layer__tel-label{
	color:#6a7d84;
	font-size:11px;
	font-weight:700;
	letter-spacing:-0.2px;
	font-family:'Gothic A1', sans-serif
}

.pc-quick-layer__tel-number{
	color:#00688e;
	font-size:31px;
	font-weight:800;
	letter-spacing:0.3px;
	line-height:1.1;
	font-family:'Gothic A1', sans-serif
}


/* 모바일에서는 기존 모바일 퀵메뉴만 사용 */
@media (max-width:768px){
	.pc-quick-menu,
	.pc-quick-layer{
		display:none !important;
	}
}