.elementor-1803 .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: 1이 우선순위를 가집니다 */
        flex-wrap: nowrap; 
        gap: 10px;
        justify-content: center;
    }

    .ml_link li {
        /* 핵심: 고정 너비 대신 flex-grow를 1로 설정하여 한 줄에 꽉 차게 배분 */
        flex: 1; 
        width: auto; /* 기존 width 값 초기화 */
        min-width: 0; /* flex 박스 내 텍스트 넘침 방지 */
        padding: 15px 10px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 776px) {
    .ml_link {
        gap: 6px;
    }

    .ml_link li {
        padding: 12px 5px;
    }

    .ml_link li a {
        font-size: 15px;
        line-height: 22px;
    }
}

@media screen and (max-width: 410px) {
    /* 아주 작은 화면에서만 글자가 겹칠 수 있으므로 
       글자 크기를 줄이거나, 이때만 2열 혹은 세로 정렬로 변경 고려 */
    .ml_link li a {
        font-size: 13px;
        letter-spacing: -0.5px; /* 글자 간격을 좁혀 한 줄 유지 유도 */
    }
}/* End custom CSS */