/* BASIC css start */
footer{
    padding:0 15px;
    margin-top:18.056vw;
    background-color: #F5F5F5;
}

.footerWrap .f_link_pool{

    padding:5.778vw 0 2.778vw;
    

}

.footerWrap .f_link_pool ul{
    display:flex;
    text-align:left;
    
}

.footerWrap .f_link_pool ul li{
    flex-grow:1;
}

.footerWrap .f_link_pool ul li a{
    font-size:3.333vw;
    line-height:5vw;
}

.footerWrap .f_company_info{
    padding:5.556vw 0 5.556vw;
    border-top: 1px solid #e0e0e0
}

.footerWrap .f_company_info dl dt{
    text-align:left;
    line-height:3.556vw;
}

.footerWrap .f_company_info dl dt a img{
    display:inline-block;
    width:22.222vw;
    margin-right:1.389vw;
    vertical-align:left;
}

.footerWrap .f_company_info dl dt a svg{
    width:2.778vw;
    vertical-align:left;
}

.footerWrap .f_company_info dl dt a.active svg{
    transform:rotate(180deg);
}

.footerWrap .f_company_info dl dd{
    padding-top:4.722vw;
}

.footerWrap .f_company_info dl dd span{
    display:block;
    font-size: 0.7rem;
    text-align:left;
    line-height:3.278vw;
    color:#707070;
}

.footerWrap .f_copy{
    padding:0vw 0 5.556vw;
    text-align:left;
}

.footerWrap .f_copy ul li{
    display:inline-block;
    margin:0 6.944vw 2.778vw 0;
    font-size: 0.8rem;
    line-height:3.278vw;
}

.footerWrap .f_copy ul li:last-child{
    margin-right:0;
}

.footerWrap .f_copy p{
    font-size:3.056vw;
    line-height:5vw;
}

.footerWrap .f_csCenter{
    padding:0 0 13.333vw;
    text-align:center;
}

.footerWrap .f_csCenter a{
    display:inline-block;
    font-size:3.333vw;
    line-height:5.278vw;
}

.footerWrap .f_csCenter strong{
    margin-left:0.833vw;
    font-size:3.889vw;
    font-weight:bold;
}

.footerWrap .f_familySite{
     padding:0 0 5.056vw;
     text-align:left;
}

.footerWrap .f_familySite select{
    height:9.722vw;
    /* 다른 스타일 속성들 */
    -webkit-appearance: none; /* Safari/Chrome */
       -moz-appearance: none; /* Firefox */
            appearance: none;
    
    background-image: url('//skin.makeshop.co.kr/skin/etashop/img/icon/icon_select_down.png');
    background-size:1.944vw;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 1.389vw 4.167vw 1.389vw 2.778vw;
    margin-right:8.333vw;
    border:none;
    font-size:3.056vw;
    line-height:6.944vw;
    cursor:pointer;
    border: 1px solid #d8d8d8;
}

.footerWrap .f_familySite a{
    display:inline-block;
    width:5.556vw;
    line-height:9.722vw;
    margin-right:5.556vw;
}

.footerWrap .f_familySite a:nth-of-type(2){
    margin-right:0px;
}

.footerWrap .f_familySite a img{
    width:100%;
    vertical-align:middle;
}



.toggleWrap {
    transition: all 0.3s ease; /* 애니메이션 효과 */
}
.toggleCon {
    display: none; /* 기본 닫힘 상태 */
}
.toggleWrap.open .toggleCon {
    display: block; /* 열림 상태에서 보이도록 설정 */
}


/* 하단 고정 버튼 */
.section_fixedFooter {
    position: fixed; /* 화면에 고정 */
    bottom:12vw; /* 하단 위치 고정 */
    right: 0; /* 오른쪽 정렬 */
    z-index: 9999; /* 우선순위 설정 */
    width: auto; /* 콘텐츠 크기에 맞게 */
}

.section_fixedFooter .btn_toggle_area {
    position: relative;
    display: flex; /* 버튼들을 세로로 정렬 */
    flex-direction: column; /* 세로 방향 정렬 */
    align-items: flex-end; /* 오른쪽 정렬 */
    padding: 10px;
}

.section_fixedFooter .btn_toggle_area a {
    width: 33px;
    height: 33px;
    line-height: 28px;
    border: 0;
    text-align: center;
    border-radius: 50%;
    color: #999;
    margin-bottom: 10px; /* 버튼 간 간격 */
    background-color: #fff;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #ddd;
    
}

.section_fixedFooter .btn_toggle_area img {
    width: 33px; /* 원하는 너비 */
    height: 33px; /* 원하는 높이 */
        border-radius: 50px;
    object-fit: contain; /* 이미지 비율 유지 */
}

/* 개별 버튼 위치 */
.btn_up1 {
    background-color: #6a7a8c; /* 버튼 별 색상 */
}

.btn_up2 {
    background-color: #7c8c9e;
}

.btn_up3 {
    background-color: #8a9caf;
}



/* BASIC css end */