/* BASIC css start */
/* ================================================================
   S'WELL 푸터 (리뉴얼)
   - 기존 하단 소스(#footer / .footerInner / .footerPocket / .homeBox
     / .left_footer_top / .sub_footer) 구조 위에서 수정
   - 흰 배경 / 검정 글씨
   - 폭 기준은 swell_common.css 의 --contW / --contPad 공유
   ================================================================ */

#footer{
    position:relative;
    width:100%;
    margin-top:100px;
    background:#fff;
    color:#111;
    font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Noto Sans KR', sans-serif;
}

/* 상단 짧은 구분선 */
#footer .line{
    width:30px;
    height:2px;
    margin:0 0 40px;
    background:#111;
}

#footer .footerInner{
    position:relative;
    width:var(--contW, 1500px);
    max-width:calc(100% - (var(--contPad, 20px) * 2));
    min-width:1200px;
    margin:0 auto;
    padding-bottom:90px;
    box-sizing:border-box;
}

#footer .footerInner:after{
    content:'';
    display:block;
    clear:both;
}

#footer .footerInner .footerPocket{
    padding:0 0 20px;
}


/* ----------------------------------------------------------------
   고객문의
---------------------------------------------------------------- */
#footer .footerInner .footerPocket > h3{
    padding-bottom:8px;
    color:#111;
    font-size:14px;
    font-weight:700;
    line-height:1.4;
}

#footer .footerInner .footerPocket .footer_info .tel{
    display:inline-block;
    color:#111;
    font-size:26px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:-0.01em;
    vertical-align:baseline;
}

#footer .footerInner .footerPocket .footer_info .csTime{
    display:block;
    margin-top:8px;
    color:#888;
    font-size:13px;
    font-weight:400;
}


/* ----------------------------------------------------------------
   약관 링크
---------------------------------------------------------------- */
#footer .footerInner .footerPocket .homeBox:after{
    content:'';
    display:block;
    clear:both;
}

#footer .footerInner .footerPocket .homeBox li{
    float:left;
    height:12px;
    padding:0 12px;
    border-left:1px solid #d5d5d5;
}

#footer .footerInner .footerPocket .homeBox li:first-of-type{
    padding-left:0;
    border-left:0;
}

#footer .footerInner .footerPocket .homeBox li a{
    display:block;
    color:#111;
    font-size:13px;
    line-height:11px;
    transition:color .25s;
}

#footer .footerInner .footerPocket .homeBox li a:hover{
    color:#888;
}


/* ----------------------------------------------------------------
   사업자 정보
---------------------------------------------------------------- */
#footer .footerInner .footerPocket .left_footer_top{
    margin:22px 0 0;
}

#footer .footerInner .footerPocket .left_footer_top p,
#footer .footerInner .footerPocket .left_footer_top p a{
    margin-bottom:0;
    color:#777;
    font-size:12px;
    font-weight:300;
    line-height:22px;
}

#footer .footerInner .footerPocket .left_footer_top p a:hover{
    text-decoration:underline;
}

/* 카피라이트 + SNS : 같은 줄 양끝 정렬 */
#footer .footerInner .footerPocket .copyRow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:22px;
}

#footer .footerInner .footerPocket .left_footer_top .copyright{
    margin-top:0;
    color:#999;
}


/* ----------------------------------------------------------------
   SNS
---------------------------------------------------------------- */
#footer .footerInner .sub_footer{
    position:static;
    flex-shrink:0;
}

#footer .footerInner .sub_footer:after{
    content:'';
    display:block;
    clear:both;
}

#footer .footerInner .sub_footer .snsBox{
    display:flex;
    align-items:center;
    gap:18px;
}

#footer .footerInner .sub_footer .snsBox li{
    float:none;
    margin:0;
}

#footer .footerInner .sub_footer .snsBox li a{
    display:block;
    color:#111;
    font-size:21px;
    line-height:1;
    transition:opacity .25s;
}

#footer .footerInner .sub_footer .snsBox li a:hover{
    opacity:.5;
}


/* ----------------------------------------------------------------
   공통 : 전체 화면 마스크
---------------------------------------------------------------- */
#mask{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:200;
}
/* BASIC css end */