.elementor-1547 .elementor-element.elementor-element-0e71851{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-d35f969 */.ml_link_wrap{
  display: flex; 
}

.ml_link{
margin: 0;
padding: 0;
list-style: none;
border: 0;
overflow: hidden;
display: flex;
gap: 5px;
background: transparent;
/*width: 100%;*/
}

.ml_link li{
display: inline-block;
zoom: 1;
margin: 0;
border: 0;
list-style: none;
width: 100%;
position: relative;
align-content: center;
text-align: center;
background: #f8fafb;
padding: 20px 35px;
color: #666;
transition: all 0.3s ease-in-out;
white-space: nowrap;
cursor:pointer;
}

.ml_link li a{
display: block;
font-size: 18px;
line-height: 26px;
border: 0;
text-decoration: none;
text-shadow: none;
box-shadow: none;
transition: all 0.3s ease-in-out;
padding: 0;
font-weight: 400;
color:#05363c;
}

.ml_link li:hover{
color: #fff;
background: #05363c;
font-weight:600;
}

.ml_link li:hover a
{
font-weight: 400;
color: #fff;
}

/* --- 반응형 코드 수정 --- */

@media screen and (max-width: 1300px) {
    .ml_link {
        width: 100%;
        display: flex;
        flex-wrap: wrap;       /* 세로로 쌓이는 대신 옆으로 흐르다 넘치면 줄바꿈 */
        flex-direction: row;   /* 컬럼 모드 해제 */
        gap: 10px;             /* 항목 사이 간격 (원하는 대로 조절) */
        justify-content: center;
    }

    .ml_link li {
        /* 간격(gap)이 10px일 때, 한 줄에 2개를 꽉 채우는 계산식 */
        width: calc(50% - 5px); 
        padding: 15px 10px;    /* 모바일 대응 패딩 축소 */
        box-sizing: border-box; /* 패딩이 너비에 영향을 주지 않도록 설정 */
    }
}

@media screen and (max-width: 776px) {
    /* 776px 이하에서도 2열을 유지하되, 폰트와 여백만 추가 조정 */
    .ml_link_wrap {
        gap: 10px;
    }

    .ml_link {
        gap: 6px; /* 모바일에서 간격 살짝 더 줄임 */
    }

    .ml_link li {
        width: calc(50% - 3px); /* 줄어든 간격에 맞춰 너비 재계산 */
        padding: 12px 5px;
    }

    .ml_link li a {
        font-size: 15px;
        line-height: 22px;
    }
}

@media screen and (max-width: 410px) {
    .ml_link li {
        /* 1. 텍스트 줄바꿈 허용 */
        white-space: normal !important; 
        
        /* 2. 단어가 너무 길 경우 강제 줄바꿈 (선택사항) */
        word-break: keep-all; /* 한글의 경우 단어 단위로 예쁘게 끊김 */
        
        /* 3. 2열 유지 시 글자가 겹치지 않도록 높이값 유동적으로 변경 */
        height: auto;
        min-height: 50px; 
        
        /* 4. 위아래 여백 살짝 조정 */
        padding: 10px 5px;
    }

    .ml_link li a {
        /* 줄바꿈 시 줄 간격 확보 */
        line-height: 1.2;
        font-size: 14px;
    }
}/* End custom CSS */