/* BASIC css start */

    #footer{position: relative; box-sizing: border-box; width: 100%; margin:0; overflow:clip;}
    #footer .ftr_top{background: var(--gray-bg02);position: static;z-index: 3;}
    #footer .ftr_top .w_custom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;padding: 15px 0;min-height: 50px;align-items: center;position: static;}
    #footer .link_list{display: flex;gap: 24px;font-size: 0;align-items: center;justify-content: center;width: 100%;}
    #footer .link_list a{display: block;font-size: 15px;font-weight: 400;color: var(--black-color03);}
    #footer .link_list strong{font-weight: 600;}
    #footer .family_site{position: absolute;width: 100%;left: 15px;bottom: 80px;z-index: 5;}
    #footer .family_site dt span{position: relative;display: flex;width: calc(100% - 30px);padding: 11px 20px;box-sizing: border-box;font-size: 15px;font-weight: 600;color: var(--black-color03);cursor: pointer;border: 1px solid var(--border-color01);border-radius: 30px;}
        #footer .family_site dt span:before{position: absolute;content:'';width: 1px;height: 72%;background: var(--border-color01);top:50%;left:0;transform: translateY(-50%);display: none;}
        #footer .family_site dt span:after{position: absolute;content:'';border: 4px solid var(--trans-color);border-top: 4px solid var(--black-color05);top:50%;right: 20px;transform:translateY(-50%);transition: all 0.4s;}
        #footer .family_site dt.on span:after{transform: translateY(-50%) scale(-1,-1);top: 42%;}
    #footer .family_site dd{position: absolute;bottom: calc(100% + 10px);left:0;width: 100%;box-sizing: border-box;background: var(--point-white);border:1px solid var(--border-color01);padding:10px 0;opacity: 0;pointer-events: none;transition: all 0.4s;}
        #footer .family_site dt.on + dd{opacity: 1; pointer-events: all;}
    #footer .family_site dd a{display: block;padding: 6px 20px;font-size: 14px;font-weight: 400;color: var(--black-color06);}
    #footer .cont{padding: 40px 0 150px;box-sizing: border-box;}
    #footer .cont .w_custom{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 30px;}
    #footer .logo{font-size: 0;width: 180px;margin-bottom: 20px;}
    #footer .addr_list > li{display: flex;flex-wrap: wrap;gap: 0 20px;}
    #footer .addr_list .desc{display:flex; gap: 4px;}
    #footer .addr_list .desc :where(dt, dd){font-size: 14px;font-weight: 500;color: var(--black-color06);line-height: 1.625;}
    #footer .addr_list .desc dt{flex-shrink: 0;}
    #footer .copy{display: flex;flex-wrap: wrap;gap: 0 15px;margin-top: 10px;}
    #footer .copy :where(dt, dd){font-size: 13px;font-weight: 300;color: var(--black-color09);line-height: 1.625;}
    #footer .cs_wrap{padding: 25px 0;border-top: 1px solid var(--black-color02);}
    #footer .cs_list{display: flex;flex-wrap: wrap;gap: 15px;}
    #footer .cs_list > li{position: relative;width: calc(100% / 2 - 7.5px);padding: 0;box-sizing: border-box;}
    #footer .cs_list > li + li:before{position:absolute; content:''; width:1px; height:100%; background:var(--border-color01); top:0; left:-15px}
    #footer .cs_list .desc dt{font-size: 14px;font-weight: 500;color: var(--point-color01);}
        #footer .cs_list .desc dt + dd{margin-top: 15px;}
    #footer .cs_list .desc dd{font-size: 13px;font-weight: 400;color: var(--black-color08);line-height: 1.46;}
    #footer .cs_list .desc dd strong{font-size: 17px;font-weight: 400;color: var(--black-color03);line-height: 1;}
        #footer .cs_list .desc dd strong + span{margin-top: 10px;}
    #footer .cs_list .desc dd strong a{display:block; font-weight:600;}
    #footer .cs_list .desc dd span{display: block;}


/* BASIC css end */