/* 모든 스타일은 css 충돌방지를 위해 .quickmenu을 기준으로 작성 하시면 됩니다. 예) .quickmenu .box {} */
  .quickmenu{}  
  .quickmenu ul {margin: 0;}

        .fixed_quick {
            position: fixed;
            z-index: 99999;
            bottom: 400px; /* 위치 */
            right: 2em; /* 위치 */
        }
@media (max-width: 940px) {
  .fixed_quick {
     right: 1em; /* 위치 */
	 bottom: 200px; /* 위치 */
	  width: 180px; /* 크기 */
  }
}

.quick2 .f56
{padding: 12px 0px;}


        .quick {
            border-radius: 20%;
            text-align: center;
            height: 100px; /* 크기 */
            width: 180px; /* 크기 */
            box-sizing: border-box;
        
            cursor: pointer;
            transition: all 350ms cubic-bezier(0.50, 1, 0.07, 1);
           
        }
        .quick svg {transition: all 350ms cubic-bezier(0.50, 1, 0.07, 1);}

        .quick:hover svg {fill: #000;} /* 마우스오버시 svg 아이콘의 fill 변경 */

        /* 퀵메뉴 개별 스타일 */
        .quick1 { display-: none;}
        .quick1 svg {margin-top: 13px;}
        
        .quick2 {background-color: #fff; margin-top: 8px; display-: none;}
        .quick2 svg {margin-top: 13x;}
        
        .quick3 {background-color: #23418d; margin-top: 8px; display-: none;}
        .quick3 svg {margin-top: 13px;}
        
        .quick4 {background-color: #fff; margin-top: 8px;}
        .quick4 svg {margin-top: 13px;}









/* [추가] PC 버전에서는 모바일 퀵메뉴를 아예 숨깁니다. */
.mobile_quick {
    display: none;
}

/* PC용 메뉴는 그대로 유지 */
.fixed_quick {
    position: fixed;
    z-index: 99999;
    bottom: 400px;
    right: 2em;
}

/* 모바일 전용 스타일 */
@media (max-width: 940px) {
    /* 모바일에서 PC용 퀵메뉴 숨기기 */
    .fixed_quick {
        display: none !important;
    }

    /* 모바일용 퀵메뉴: 오른쪽 상단 고정 */
    .mobile_quick {
        display: block; /* 모바일에서만 다시 보이게 설정 */
        position: fixed;
        top: 90px;   /* 위에서부터의 거리 */
        right: 10px;  /* 오른쪽에서부터의 거리 */
        z-index: 99999;
    }

    .mobile_quick ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column; /* 위아래로 나열 */
        gap: 8px; /* 이미지 사이의 간격 */
    }

    .mobile_quick img {
        width: 55px; /* 모바일에서의 가로 크기 */
        height: auto;
        display: block;
    }
}