body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body::-webkit-scrollbar-track-piece {
    background-color: var(--line_04);
}
body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: var(--colmain);
}
body::-webkit-scrollbar-button:start {
    display: none;
}
body::-webkit-scrollbar-button:end {
    display: none;
}

._scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    padding-left: 10px;
}
._scroll::-webkit-scrollbar-track-piece {
    background-color: #f2f2f2;
}
._scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #d9d9d9;
}
._scroll::-webkit-scrollbar-button:start {
    display: none;
}
._scroll::-webkit-scrollbar-button:end {
    display: none;
}

@media screen and (min-width: 721px) {
    .headerWrap header nav:hover + .menuSub + .menuList {
        display: block;
    }
    .headerWrap header .menuList:hover {
        display: block;
    }
    ._con {
        width: 1200px;
        position: relative;
        min-height: 800px;
        margin: 0 auto;
        border-top: 1.5px solid var(--colBl);
        padding-top: 60px;
    }
    .headerWrap .closeBtnMo {
        display: none;
    }
    .headerWrap header .menuList ul li.set {
        display: none;
    }
    .headerWrap header .menuSub .receive {
        display: none;
    }
    ._pageTop .wrap .btn {
        display: none;
    }
    ._bottomMenu {
        display: none;
    }
    .moFooter {
        display: none;
    }
    .headerWrap {
        padding: 0 30px;
        border-bottom: 1px solid var(--line_03);
        display: flex;
        width: 100%;
        position: relative;
    }
    .headerWrap header {
        height: 72px;
        width: 100%;
    }
    .headerWrap header h1 {
        float: left;
        cursor: pointer;
    }
    .headerWrap header:after {
        content: "";
        display: block;
        clear: both;
    }
    .headerWrap header h1 {
        background-image: url(../../img/logo/logo_areum.png);
        width: 160px;
        font-size: 0;
        background-size: 160px;
        height: 100%;
        float: left;
    }
    .headerWrap header nav {
        position: absolute;
        display: flex;
        height: 100%;
        align-items: center;
        left: 50%;
        transform: translateX(-50%);
    }
    .headerWrap header nav .menuTop {
        display: flex;
        justify-content: center;
    }
    .headerWrap header nav .menuTop li {
        height: 100%;
        cursor: pointer;
        text-align: center;
        width: 160px;
    }
    .headerWrap header nav .menuTop li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 0 10px;
        font-size: 18px;
        font-weight: 600;
        cursor: pointer;
        line-height: 36px;
    }

    .headerWrap header .menuSub {
        float: right;
        height: 100%;
    }
    .headerWrap header .menuSub .login {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .headerWrap header .menuSub .login > div {
        display: flex;
    }
    .headerWrap header .menuSub .login span a {
        font-size: 16px;
        font-weight: 500;
    }
    .headerWrap header .menuSub .login span {
        cursor: pointer;
        line-height: 36px;
        position: relative;
        margin-left: 10px;
        padding-left: 10px;
    }
    .headerWrap header .menuSub .login span:after {
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        background-color: var(--line_03);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
    .headerWrap header .menuSub .login span:first-child:after {
        display: none;
        margin-left: 0;
    }
    .headerWrap header .menuSub .login .userLogOut .login a {
        background-color: var(--colmain);
        color: #fff;
        padding: 0 16px;
        border-radius: 36px;
        line-height: 36px;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
    }
    .headerWrap header .menuSub .login .userLogOut .login:after {
        display: none;
    }
    .headerWrap header .menuSub .login > div.userLogin {
        flex-wrap: wrap;
        justify-content: right;
        align-items: center;
        padding-top: 10px;
    }
    .headerWrap header .menuSub .login > div.userLogin .point {
        width: 100%;
        text-align: right;
        line-height: 16px;
        font-size: 14px;
        color: var(--colmain);
        font-weight: 600;
        padding: 0;
        margin: 0;
    }
    .headerWrap header .menuSub .login > div.userLogin .logout:after {
        display: none;
    }
    .headerWrap header .menuSub .login > div.userLogin .mypage {
        font-size: 14px;
        font-weight: 600;
    }
    .headerWrap header .menuSub .login > div.userLogin .logout a {
        color: var(--txt_02);
    }
    .headerWrap header .menuSub .login > div.userLogin .user {
        color: var(--colmain);
        font-weight: 600;
        line-height: 16px;
        margin: 0;
        width: 100%;
        padding-left: 0;
        text-align: right;
    }
    .headerWrap header .menuSub .login > div.userLogin .user .name {
        padding-left: 0;
    }
    .headerWrap header .menuSub .login > div.userLogin .user span:after {
        display: none;
    }
    .headerWrap header .menuSub .login > div.userLogin .user .type {
        border: 1px solid var(--colmain);
        padding: 0;
        border-radius: 50px;
        margin-left: 5px;
        padding: 2px 10px;
    }
    .headerWrap header .menuSub .login > div.userLogin .user .point {
        margin: 0;
        padding: 0;
    }
    .headerWrap header .menuSub .login > div.userLogin .user span {
        font-size: 14px;
        line-height: 16px;
    }
    .headerWrap header .menuSub .login > div.userLogin .user span:after {
        background-color: var(--colmain);
        height: 10px;
    }
    .headerWrap header .menuSub .login > div.userLogin .mypage {
        padding: 0;
        margin: 0;
    }
    .headerWrap header .menuSub .login > div.userLogin .mypage:after {
        display: none;
    }
    .headerWrap header .menuList {
        display: none;
        border-top: 1px solid var(--line_04);
        background-color: var(--colW);
        z-index: 10;
        position: absolute;
        width: 100%;
        left: 0;
        top: 72px;
        box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
    }
    .headerWrap header .menuList ul {
        margin: 0 auto;
    }
    .headerWrap header .menuList ul {
        display: flex;
        border-right: 1px solid var(--line_04);
        border-left: 1px solid var(--line_04);
        padding: 20px 0;
        justify-content: center;
    }
    .headerWrap header .menuList ul li {
        border-right: 1px solid var(--line_04);
        width: 160px;
        padding: 8px 0;
    }
    .headerWrap header .menuList ul li .tit {
        display: none;
    }
    .headerWrap header .menuList ul li .sub div {
        transition: 0.2s all;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        font-weight: 600;
        line-height: 36px;
    }
    .headerWrap header .menuList ul li .sub div:hover {
        color: var(--colmain);
    }
    ._pageTop {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    ._pageTop .wrap {
        padding-top: 32px;
        padding-bottom: 18px;
    }
    ._pageTop .wrap:after {
        content: "";
        display: block;
        clear: both;
    }
    ._pageTop .wrap .pageName {
        float: left;
        font-size: 28px;
        font-weight: 200;
    }
    ._pageTop .moLogo {
        display: none;
    }
    ._pageTop .btnWrap {
        position: absolute;
        height: 56px;
        display: flex;
        display: flex;
        align-items: center;
        right: 0;
        bottom: 0;
    }
    ._pageTop .btnWrap button {
        width: 140px;
        font-weight: 600;
        height: 40px;
        font-size: 16px;
        margin-left: 10px;
    }

    .headerWrap.fix {
        height: 52px;
    }
    .headerWrap.fix header .menuSub {
        display: none;
    }
    .headerWrap.fix h1 {
        display: none;
    }
    .headerWrap.fix header {
        position: fixed;
        width: 100%;
        z-index: 10;
        left: 0;
        top: 0;
    }
    .headerWrap.fix header nav {
        justify-content: center;
        animation-name: headerFix;
        animation-duration: 0.05s;
        position: absolute;
        top: 0;
        float: initial;
        background-color: #fff;
        width: 100%;
        height: 52px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
        margin-left: 0;
    }
    .headerWrap.fix header .menuList {
        top: 52px;
    }
    .headerWrap.fix header nav .menuTop {
        height: 52px;
    }
    .headerWrap.fix header nav .menuTop li a {
        line-height: 52px;
    }
    .headerWrap.fix header .menuList {
        top: 52px;
        width: 100%;
    }

    ._sideMenu {
        position: fixed;
        right: 30px;
        background-color: #fff;
        top: 120px;
        z-index: 10;
        padding: 10px 0;
        padding-bottom: 0;
        border-top: 2px solid var(--colmain);
        border-bottom: 2px solid var(--colmain);
        width: 92px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    }
    ._sideMenu ul li {
        text-align: center;
        padding: 10px;
    }
    ._sideMenu ul li img {
        width: 36px;
        overflow: hidden;
        border-radius: 36px;
        margin-bottom: 10px;
    }
    ._sideMenu ul li.line {
        padding: 0 10px;
    }
    ._sideMenu ul li.line.txt {
        border-top: 2px solid var(--colmain);
        margin-top: 10px;
    }
    ._sideMenu span {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        line-height: 14px;
    }
    ._sideMenu div {
        border-bottom: 1px solid var(--line_02);
        line-height: 50px;
        font-weight: 600;
    }

    @keyframes headerFix {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    footer {
        width: 100%;
        background-color: var(--bg_03);
        margin-top: 72px;
    }
    footer .wrap:after { 
        content: "";
        display: block;
        clear: both;
    }
    footer .wrap {
        width: 1200px;
        margin: 0 auto;
        padding: 40px 0 48px;
        position: relative;
    }
    footer .wrap h2 {
        opacity: 0.5;
        filter: grayscale(100%);
        background-image: url(../../img/logo/logo_areum.png);
        background-position: left;
        width: 160px;
        font-size: 0;
        height: 64px;
        background-size: 160px;
        margin-bottom: 10px;
    }
    footer .wrap .companyTerm {
        display: flex;
    }
    footer .wrap .companyTerm li {
        position: relative;
    }
    footer .wrap .companyTerm li span {
        padding: 10px 16px;
        color: var(--txt_01);
        font-size: 14px;
    }
    footer .wrap .companyTerm li:after {
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--line_02);
    }
    footer .wrap .companyTerm li:first-child span {
        padding-left: 0;
    }
    footer .wrap .companyTerm li:last-child:after {
        display: none;
    }
    footer .wrap .companyInfor {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    footer .wrap .companyInfor input {
        display: none;
    }
    footer .wrap .companyInfor div.txt {
        font-size: 12px;
        color: var(--txt_01);
        line-height: 20px;
    }
    footer .wrap .companyInfor div.txt span:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 10px;
        background-color: var(--line_02);
    }
    footer .wrap .companyInfor div.txt span:last-child::after {
        display: none;
    }
    footer .wrap .companyInfor div.txt span:nth-child(3):after {
        display: none;
    }
    footer .wrap .companyInfor div.txt span {
        font-size: 12px;
        color: var(--txt_01);
        padding-right: 5px;
        margin-right: 5px;
        position: relative;
    }
    footer .wrap .companyInfor div.txt .mobr {
        display: none;
    }
    footer .wrap .companyInfor div .tit {
        display: none;
    }
    footer .wrap .copy {
        font-size: 12px;
        color: #2b2b2b;
        margin-top: 10px;
        line-height: 26px;
    }
    footer .wrap .callCenter {
        position: absolute;
        right: 0;
        top: 60px;
        text-align: right;
    }
    footer .wrap .callCenter .callNumber {
        font-size: 24px;
        font-weight: 800;
        letter-spacing: -1px;
    }
    footer .wrap .callCenter .callTime {
        font-size: 14px;
        line-height: 20px;
        color: var(--txt_01);
        margin: 10px 0;
    }
    footer .wrap .callCenter .email {
        color: var(--txt_02);
    }

    footer .wrap .callCenter .callBtn {
        display: flex;
        flex-wrap: wrap;
        margin-top: 16px;
        width: 210px;
        justify-content: space-between;
    }
    footer .wrap .callCenter .callBtn button {
        width: 100px;
        height: 36px;
    }
} /*721px*/

@media screen and (max-width: 1200px) {
    .headerWrap {
        width: 1200px;
    }
    .headerWrap header .menuList {
        width: 1200px;
    }
    footer {
        width: 1200px;
    }
    .wrapper {
        width: 1200px;
    }
} /*1200px*/

@media screen and (max-width: 720px) {
    .headerWrap header .menuList {
        width: 100%;
        padding-top: var(--48);
    }
    .wrapper {
        padding-top: var(--100);
        width: 100%;
    }

    ._pageTop ._tab {
        padding: 0;
        margin-bottom: 0;
    }
    ._pageTop {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background-color: #fff;
        z-index: 10;
    }
    ._pageTop .wrap:after {
        content: "";
        display: block;
        clear: both;
    }
    ._pageTop .wrap {
        height: var(--100);
        position: relative;
        padding: 0 var(--12);
        border-bottom: 1px solid var(--line_04);
    }

    ._pageTop .wrap .btn {
        float: left;
        width: var(--76);
        height: var(--100);
        font-size: 0;
    }
    ._pageTop .wrap .pageName {
        width: var(--380);
        height: 100%;
        font-size: var(--38);
        font-weight: 600;
        text-align: center;
        position: absolute;
        line-height: var(--100);
        left: 50%;
        transform: translateX(-50%);
    }
    ._pageTop .wrap .btn.back {
        background-image: url(../../img/common/icon_back.png);
        background-size: var(--32);
    }
    ._pageTop .wrap .btn.home {
        background-image: url(../../img/common/icon_home.png);
        background-size: var(--38);
    }
    ._pageTop .wrap .btn.menuSub {
        background-image: url(../../img/common/icon_menu.png);
        background-size: var(--32);
        float: right;
    }
    ._pageTop .wrap .moLogo {
        background-size: var(--260);
        background-image: url(/logo);
        width: var(--300);
        float: left;
        font-size: 0;
        height: var(--100);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    ._pageTop .btnWrap {
        display: none;
    }

    ._sideMenu {
        display: none;
    }
    .headerWrap {
        display: none;
        z-index: 100;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .headerWrap .moDim {
        background-color: var(--dim);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .headerWrap .closeBtnMo {
        background-image: url(../../img/common/icon_x_w.png);
        position: absolute;
        left: 0;
        top: 0;
        width: var(--110);
        height: var(--92);
        font-size: 0;
        background-size: var(--24);
    }
    .headerWrap header {
        background-color: var(--colW);
        padding-top: var(--20);
        width: calc(100% - var(--110));
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        overflow-y: scroll;
    }
    .headerWrap nav {
        display: none;
    }
    .headerWrap header h1 {
        background-image: url(../../img/logo/logo_areum.png);
        width: var(--240);
        font-size: 0;
        background-size: var(--240);
        height: var(--110);
        margin-left: var(--52);
    }
    .headerWrap header .cartBtn {
        display: none;
    }
    .headerWrap header .menuSub .receive {
        padding-right: var(--42);
        padding-left: var(--42);
    }
    .headerWrap header .menuSub .receive:after {
        content: "";
        display: block;
        clear: both;
    }
    .headerWrap header .menuSub .receive div {
        background-color: var(--bg_03);
        height: var(--210);
        width: calc((100% - var(--20)) / 2);
        background-size: var(--100);
        text-align: center;
        padding-top: var(--150);
        border-radius: var(--10);
        background-position: center var(--42);
    }
    .headerWrap header .menuSub .receive div span {
        font-size: var(--30);
        font-weight: 500;
    }
    .headerWrap header .menuSub .receive div.icon_delivery {
        float: left;
    }
    .headerWrap header .menuSub .receive div.icon_visit {
        float: right;
    }
    .headerWrap header .menuSub .login {
        position: absolute;
        right: 0;
        top: 0;
    }
    .headerWrap header .menuSub .login .userLogOut {
        padding-right: var(--12);
    }
    .headerWrap header .menuSub .login .userLogOut:after {
        content: "";
        display: block;
        clear: both;
    }
    .headerWrap header .menuSub .login .userLogOut a {
        font-size: var(--26);
        position: relative;
        float: left;
        padding: var(--42) var(--30);
    }
    .headerWrap header .menuSub .login .userLogOut a span {
        font-size: var(--26);
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .headerWrap header .menuSub .login .userLogOut a:after {
        content: "";
        display: block;
        width: 1px;
        background-color: var(--line_04);
        height: var(--28);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .headerWrap header .menuSub .login .userLogOut a:first-child {
        margin: 0;
    }
    .headerWrap header .menuSub .login .userLogOut a:first-child:after {
        display: none;
    }
    .headerWrap header .menuSub .login .userLogin .userName {
        background-image: url(../../img/arrow/arrow_right_bf.png);
        padding-right: var(--24);
        background-size: var(--10);
        background-position: right;
        font-size: var(--30);
        margin-top: var(--42);
        margin-right: var(--42);
    }
    .headerWrap header .menuSub .login .userLogin .userName span {
        font-size: var(--30);
        font-weight: 700;
    }
    .headerWrap header .menuSub .login .userLogin {
        color: var(--colmain);
        text-align: right;
        padding-top: var(--30);
        padding-right: var(--30);
    }
    .headerWrap header .menuSub .login .userLogin .point {
        width: 100%;
        display: inline-block;
        padding-bottom: var(--10);
    }
    .headerWrap header .menuSub .login .userLogin .mypage {
        display: none;
    }
    .headerWrap header .menuSub .login .userLogin .name {
        color: #000;
        font-weight: 600;
    }
    .headerWrap header .menuSub .login .userLogin .type {
        color: #595959;
    }
    .headerWrap header .menuSub .login .userLogin .logout {
        width: 100%;
        display: block;
        margin-top: var(--30);
    }
    .headerWrap header .menuSub .login .userLogin .logout a {
        color: var(--txt_02);
        background-color: var(--bg_01);
        padding: var(--10) var(--16);
        border-radius: var(--36);
    }
    .headerWrap header .menuList ul li {
        border-bottom: 1px solid var(--line_02);
    }
    .headerWrap header .menuList ul li .tit:after {
        content: "";
        display: block;
        clear: both;
    }
    .headerWrap header .menuList ul li .tit {
        padding-left: var(--42);
    }
    .headerWrap header .menuList ul li .tit span {
        display: inline-block;
        font-size: var(--28);
        font-weight: 700;
        width: 100%;
        height: 100%;
    }
    .headerWrap header .menuList ul li .tit div.txt {
        float: left;
        line-height: var(--100);
        font-size: var(--32);
        font-weight: 600;
        width: calc(100% - var(--110));
    }
    .headerWrap header .menuList ul li .tit div.btn {
        background-image: url(../../img/arrow/arrow_down_bf.png);
        background-position: calc(100% - var(--42));
        background-size: var(--20);
        float: right;
        width: var(--100);
        height: var(--100);
    }
    .headerWrap header .menuList ul li.on .tit .btn {
        background-image: url(../../img/arrow/arrow_up_bf.png);
    }
    .headerWrap header .menuList ul li .sub {
        display: none;
        padding-left: var(--42);
    }
    .headerWrap header .menuList ul li .sub div {
        line-height: var(--100);
        border-bottom: 1px solid var(--line_03);
        font-size: var(--28);
        font-weight: 400;
    }
    .headerWrap header .menuList ul li .sub div:first-child {
        border-top: 1px solid var(--line_03);
    }
    .headerWrap header .menuList ul li .sub div:last-child {
        border-bottom: 0;
    }

    ._bottomMenu {
        z-index: 30;
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: var(--100);
        background-color: var(--colW);
        box-shadow: 0px -0.6944vw var(--10) rgba(0, 0, 0, 0.05);
    }
    ._bottomMenu ul {
        padding: 0 var(--12);
    }
    ._bottomMenu ul:after {
        content: "";
        display: block;
        clear: both;
    }
    ._bottomMenu ul li {
        float: left;
        width: calc((100% - var(--140)) / 4);
        text-align: center;
        background-size: var(--42);
        background-position: center var(--18);
        font-size: var(--22);
        padding-top: var(--64);
        height: 100%;
        line-height: var(--22);
        font-weight: 500;
    }
    ._bottomMenu ul li.send {
        width: var(--140);
        height: var(--140);
        border-radius: var(--140);
        transform: translateY(-30%);
        border: var(--10) solid rgba(0, 0, 0, 0.05);
        padding: 0;
    }
    ._bottomMenu ul li.send div {
        background-color: var(--colmain);
        width: 100%;
        border-radius: var(--120);
        background-size: var(--42);
        height: 100%;
        font-size: var(--20);
        padding-top: var(--76);
        color: var(--colW);
        background-position: center var(--20);
        background-image: url(../../img/common/icon_send_w.png);
    }
    ._bottomMenu ul li.my {
        background-image: url(../../img/common/icon_my.png);
    }
    ._bottomMenu ul li.addr {
        background-image: url(../../img/common/icon_addr.png);
    }
    ._bottomMenu ul li.history {
        background-image: url(../../img/common/icon_history.png);
    }
    ._bottomMenu ul li.point {
        background-image: url(../../img/common/icon_point.png);
    }

    footer {
        background-color: var(--bg_01);
        width: 100%;
        margin-top: var(--100);
    }
    footer .wrap:after {
        content: "";
        display: block;
        clear: both;
    }
    footer .wrap {
        padding: var(--42) 0;
        padding-bottom: 0;
        padding-top: var(--30);
    }
    footer .wrap h2 {
        opacity: 0.5;
        filter: grayscale(100%);
        background-image: url(../../img/logo/logo_areum.png);
        font-size: 0;
        width: 100%;
        height: var(--100);
        margin-bottom: var(--10);
        background-position: var(--56);
        background-size: var(--200);
    }
    footer .wrap .companyTerm {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: var(--36);
        padding-top: 0;
    }
    footer .wrap .companyTerm li {
        margin: var(--10) var(--20);
    }
    footer .wrap .companyTerm li span {
        font-size: var(--22);
        color: var(--txt_01);
        line-height: var(--30);
        display: inline-block;
    }
    footer .wrap .companyInfor {
        background-color: var(--bg_03);
        clear: both;
        padding: 0 var(--36);
        position: relative;
    }
    footer .wrap .companyInfor .box .txt {
        display: none;
    }
    footer .wrap .companyInfor input {
        opacity: 0;
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: var(--90);
    }
    footer .wrap .companyInfor input:checked + .box .txt {
        display: block;
        border-bottom: 1px solid var(--line_03);
        padding-bottom: var(--20);
    }
    footer .wrap .companyInfor input:checked + .box .tit {
        background-image: url(../../img/arrow/arrow_up_bl.png);
    }
    footer .wrap .companyInfor .box .tit {
        padding-right: var(--30);
        font-size: var(--22);
        font-weight: 600;
        background-image: url(../../img/arrow/arrow_down_bl.png);
        background-size: var(--12);
        background-position: right;
        line-height: var(--90);
    }
    footer .wrap .companyInfor .box {
        border-bottom: 1px solid var(--line_03);
    }
    footer .wrap .companyInfor .box .txt {
        font-size: var(--20);
        line-height: var(--36);
        padding-top: var(--10);
        color: var(--txt_01);
    }
    footer .wrap .companyInfor .box .txt a {
        font-size: var(--20);
        line-height: var(--36);
        color: var(--txt_01);
    }
    footer .wrap .companyInfor .box .txt span {
        display: block;
        color: var(--txt_01);
        font-weight: 300;
        padding: 0 var(--8);
        font-size: var(--20);
        line-height: var(--36);
    }
    footer .wrap .companyInfor .box .txt span.mo {
        display: none;
    }
    footer .wrap .companyInfor .box .txt .mobr {
        display: block;
    }
    footer .wrap .callCenter {
        background-color: var(--bg_03);
        padding: var(--36);
        padding-bottom: var(--120);
    }
    footer .wrap .callCenter:after {
        content: "";
        display: block;
        clear: both;
    }
    footer .wrap .callCenter li {
        float: left;
        width: 50%;
    }
    footer .wrap .callCenter li .tit {
        font-size: var(--20);
        line-height: var(--20);
    }
    footer .wrap .callCenter li .callNumber {
        font-size: var(--26);
        line-height: var(--26);
        font-weight: 800;
        margin: var(--14) 0;
    }
    footer .wrap .callCenter li .txt {
        font-size: var(--20);
        line-height: var(--20);
        color: var(--txt_02);
    }
    footer .wrap .copy {
        background-color: var(--bg_03);
        text-align: center;
        line-height: var(--20);
        padding: var(--30) 0;
        border-top: 1px solid var(--line_02);
        font-size: var(--20);
        color: var(--txt_02);
    }
    footer .wrap .callCenter .callNumber {
        font-size: var(--36);
        font-weight: 800;
        letter-spacing: -0.1vw;
    }
    footer .wrap .callCenter .callTime {
        font-size: var(--24);
        line-height: var(--30);
        color: var(--txt_01);
        margin: var(--10) 0;
    }
    footer .wrap .callCenter .email {
        color: var(--txt_02);
    }
    footer .wrap .callCenter .callBtn {
        display: flex;
        flex-wrap: wrap;
        margin-top: var(--20);
        width: 100%;
        justify-content: space-between;
    }
    footer .wrap .callCenter .callBtn button {
        width: calc(50% - var(--10));
        height: var(--64);
    }
    footer .wrap .callCenter .callBtn button.colB {
        background-color: #fff;
        border: 1px solid var(--colmain);
        color: var(--colmain);
    }
    footer .wrap .callCenter .callBtn button.colBl {
        background-color: #fff;
        border: 1px solid var(--colBl);
        color: var(--colBl);
    }
    ._bottomM {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .moFooter {
        display: block;
    }
    footer {
        display: none;
    }
} /*720*/