/* 퀵 메뉴 전체 컨테이너 */
.quick-menu {
	position: fixed;
	bottom: 80px;
	right: 20px; /* 기본값: 화면 오른쪽에서 20px */
	width: 85px;
	background-color: #ffffff;
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	z-index: 10000;
	box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.41);
	transition: left 0.3s ease, right 0.3s ease; /* 부드러운 전환 */
}

/* 상단 전화 상담 영역 */
.section-phone {
    background-color: #2c313c; /* 어두운 네이비 계열 */
    color: #ffffff;
    padding: 20px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-phone {
    margin-bottom: 10px;
}

.section-phone a{color:white;}
.section-phone .label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 15px;
}

.phone-number {
    font-size: 16px;
    font-weight: 500;
    line-height: 1; /* 요청하신 1.x 형식 */
}

/* 하단 링크 영역 */
.section-links {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 35px; /* 아이템 간 간격 */
    align-items: center;
}

.link-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

/* 아이콘 공통 (이미지 대신 텍스트/도형 처리) */
.icon-kakao, .icon-blog, .icon-qna {
	text-align:center;
    margin-bottom: 6px;
}

/* 상담문의 아이콘은 별도 사각형 느낌 반영 */
.icon-qna {
    border-radius: 8px;
}

.link-text {
    font-size: 13px;
    font-weight: 600;
    color: #232323;
    line-height: 1.2;
}

.mQuick{display:none;position:fixed;bottom:0px;left:0px;width:100%;background-color:#0d1522;color:white;}
.mQuick ul{display:grid;grid-template-columns: repeat(3, 1fr);}
.mQuick ul li a{height:60px;display:flex;align-items:center;justify-content:center;font-size:16px; color:white;}
.mQuick ul li a .icon{margin-right:7px;}
.mQuick ul li a .icon img{height:23px;}
.mQuick ul li:nth-child(2) a .icon img{height:18px;}
.mQuick ul li a .text{color:white;}
.mQuickPadding{display:none;height:60px;}

@media (max-width: 650px) {
	.mQuick ul li a{font-size:15px}
}
@media (max-width: 500px) {
	.mQuick ul li a{font-size:14px;}
}
@media (max-width: 400px) {

}

/* 반응형: 1630px 이상일 때 중앙에서 오른쪽으로 710px 위치 */
@media (min-width: 1630px) {
	.quick-menu {
		left: calc(50% + 710px); /* 중앙에서 오른쪽으로 630px + 80px */
		right: auto;
	}
}

@media (max-width: 890px){
	.quick-menu{display:none;}
	.mQuick{display:block;z-index:999;}
	.mQuickPadding{display:block;}
}