/* BASIC css start */
#footer{position:relative;margin:0px 0 0;border-top:1px solid #ddd;padding-bottom:67px;}

#footer .footerInfo {position:relative;overflow:hidden;padding: 10px 0;}
#footer .infoArea{padding: 10px 0 0;text-align:center;color:#999;}
#footer .infoArea:after { display:block; clear:both; content:'' }
#footer .infoArea dt {color:#373737;padding-bottom:2px;}
#footer .infoArea dd{line-height:19px;}
#footer .infoArea .tel { color:#111; font-size:16px;line-height:21px;display:inline-block;}

#footer .snsArea{text-align:center;font-size:0;}
#footer .snsArea .list{display:inline-block;}
#footer .snsArea .link{color:#373737;display:block;padding:10px;font-size:0;}
#footer .snsArea .link i{vertical-align:top;font-size:16px;line-height:1;}

#footer .footerMiddle {display:table; width:100%;height:32px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#footer .footerMiddle a{display:table-cell; height:32px;text-align:center; line-height:32px; color:#373737;width:23%;}
#footer .footerMiddle .longTxtLink{width:31%;}

#footer .footerAddress{padding-top:25px;color:#373737;text-align:center;line-height:1.2;}

#footer .footerCopy {padding-top:10px;text-align:center; color:#999;line-height:1.1;}


.btn_toggle_area .moveBtn{display:block;width: 45px;height: 45px;font-size: 22px;color:#111;line-height: 45px;text-align:center;margin-top:1px;border:1px solid #ddd;background: rgba(255,255,255,0.8);}
.btn_toggle_area .kakaoBtn {display:block;width: 45px;height: 45px;font-size: 26px; background: #f7e41f;color: #391e1e; line-height: 45px;text-align:center;}
.btn_toggle_area .kakaoBtn img{width:45px}

.ftInst{display:none;padding:10px; margin-top:30px; border-top:1px solid #eee;}
.ftInst p{text-align:center  ;  font-size: 16px;
    padding-bottom: 10px;}

.ftInst p i{font-size: 16px;}

.mobile_bottom_tab {
    display: flex;           /* 가로로 나열 */
    position: fixed;         /* 화면 아래에 고정 */
    bottom: 0;
    left: 0;
    width: 100%;             /* 전체 너비 */
    height: 60px;            /* 높이 */
    background: #fff;        /* 배경색 흰색 */
    border-top: 1px solid #ddd;
    z-index: 1000;           /* 다른 요소보다 위에 배치 */
    padding-bottom: env(safe-area-inset-bottom); /* 아이폰 하단 바 간격 대응 */
}

.tab_item {
    flex: 1;                 /* 5개 버튼이 똑같은 너비 점유 */
    display: flex;
    flex-direction: column;  /* 아이콘 아래 텍스트 배치 */
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #333;             /* 글자색 */
}

.tab_item i {
    font-size: 20px;         /* 아이콘 크기 */
    margin-bottom: 4px;
}

.tab_item span {
    font-size: 11px;         /* 글자 크기 */
    font-weight: bold;
}

/* 기존 카카오톡 버튼 위치 조정 (탭 바에 가려지지 않게 위로 올림) */
.btn_toggle_area {
    display: block !important;
    position: fixed !important;
    bottom: 75px !important;
    right: 10px !important;
    z-index: 999 !important;
}


/* 5개 아이템이 꽉 차게 정렬 */
.mobile_bottom_tab .tab_item {
    flex: 1 !important;
    min-width: 0 !important; /* 글자가 깨지지 않게 방지 */
}

.tab_item i {
    font-size: 20px !important; /* 5개이므로 아이콘 크기를 아주 살짝 조절 */
}

.tab_item span {
    font-size: 10px !important; /* 글자 크기 유지 */
    white-space: nowrap !important; /* 글자가 두 줄로 넘어가지 않게 */
}

/* 홈 버튼 강조 및 5단 배열 정렬 */
.mobile_bottom_tab .tab_item {
    flex: 1 !important;
}

/* 홈 버튼 아이콘을 다른 것보다 살짝 더 진하게 혹은 크게 */
.main_home_btn i {
    font-size: 24px !important; /* 홈 아이콘만 살짝 더 크게 */
    color: #111 !important;    /* 선명한 검정색 */
}

.main_home_btn span {
    color: #111 !important;
    font-weight: 700 !important; /* '홈' 글씨를 더 두껍게 */
}

/* 탭 바 배경 투명도 유지 */
.mobile_bottom_tab {
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(10px);
    border-top: 1px solid #eee !important;
}
/* BASIC css end */