@charset "utf-8";

/* common */
.inner { width: calc(100% - 40px); max-width: 1600px; margin: 0 auto; }
.button__wrap { display: flex; justify-content: center; align-items: center; }
.btn { display: flex; justify-content: center; align-items: center; }
.btn-link-02 { border: 2px solid #EEEEEE; border-radius: 100px; padding: 17px 34px; font-size: 20px; font-weight: 600; color: #343D42; background-color: #fff; transition: 0.4s ease-out; }
.btn-link-02::after { content: ""; display: block; width: 36px; height: 36px; margin-left: 10px; background: url("/img/common/icon_link_more_02.svg") no-repeat center center/contain; transition: 0.4s ease-out; }
.btn-link-02:hover { border-color: #343D42; background-color: #343D42; color: #fff; }
.btn-link-02:hover::after { background-image: url("/img/common/icon_link_more_02_on.svg"); }
.btn-link-03 { width: 220px; height: 55px; padding: 0; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 17px; color: #fff; font-weight: 500; background-color: transparent; transition: 0.4s ease-out;  }
.btn-link-03::after { content: ""; display: block; width: 14px; height: 14px; margin-left: 10px; border-radius: 0; background: url("/img/common/icon_link_more_03.svg") no-repeat center center/contain; transition: 0.4s ease-out; }
.btn-link-03:hover { color: #333; background-color: var(--main-color2); }
.btn-link-03:hover::after { background-image: url("/img/common/icon_link_more_03_gray.svg"); }
.btn-list{ width: 200px; height: 70px; font-size: 20px; font-weight: 600; color: #333; border: 2px solid #EEEEEE; border-radius: 100px; background-color: #fff; transition: 0.4s ease-out; }
.btn-list::after { content: ""; display: block; width: 36px; height: 36px; margin-left: 10px; border-radius: 50%; background: url("/img/common/icon_list.svg") no-repeat center center/contain; }
.btn-list:hover { border-color: var(--main-color2); background-color: var(--main-color2); color: #333; }
.btn-submit { height: 70px; padding: 0 30px; border: 2px solid #EEEEEE; border-radius: 100px; background-color: #fff; font-size: 20px ;font-weight: 600; color: #333; }
.btn-submit::after { content: ""; display: block; width: 36px; height: 36px; margin-left: 10px; border-radius: 50%; background: url("/img/common/icon_link_more_03.svg") no-repeat center center/10px #333333; }
.btn-radius { height: 60px; background-color: #fff; padding: 0 32px; border-radius: 10px; font-size: 18px; font-weight: 600; }
.btn-radius.icon-call { gap: 10px; background-color: var(--main-color2); }
.btn-radius.icon-call > span { font-weight: 300; color: rgba(17, 17, 17, 0.8); }
.btn-radius.icon-call::before { content: ""; display: block; width: 20px; height: 20px; background: url("/img/common/icon_call.svg") no-repeat center center/contain; }
.mo-br { display: none; }
.mo-show { display: none; }
.over-x-hidden { overflow-x: hidden; }

/* header */
.header { position: absolute; left: 0; top: 0; width: 100%; height: var(--header-H); transition: 0.4s ease-out; z-index: 900; }
.header__inner { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 40px); max-width: 1820px; height: var(--header-H); margin: 0 auto; }
.logo a { display: block; }
.logo a img { width: 100%; }
.header .logo { width: 243px; }
.header .logo a { display: flex; }
.header .logo a svg { width: 100%; }
.header .gnb { display: flex; align-items: center; height: 100%; transition: 0.4s ease-out;}
.header .gnb__list { display: flex; align-items: center; }
.header .gnb__list > li { width: 180px; transition: 0.4s ease-out;}
.header .gnb__list > li.hide-menu { display: none; }
.header .gnb__list > li > a { display: flex; justify-content: center; align-items: center; text-align: left; font-size: 20px; font-weight: 600; }
.header .gnb__list > li.all > a::after { content: ""; display: block; width: 26px; height: 26px; margin-left: 10px; border: 1px solid #111; border-radius: 50%; background: url("/img/common/gnb_arrow_s.svg") no-repeat center calc(50% - 1px)/auto; transform: rotateX(180deg); transition: 0.4s ease-out; } 
.lnb__wrap { overflow: hidden; position: absolute; left: 0; top: var(--header-H); width: 100%; height: 0; background-color: #fff; box-sizing: content-box; opacity: 0; transition: 0.4s ease-out; }
.lnb__wrap.on { display: block; height: var(--lnb-H); padding: 10px 0 50px; opacity: 1; }
.lnb__wrap::before{ content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff;}
.lnb__wrap .header__inner { position: relative; height: auto; justify-content: left; z-index: 5; }
.lnb__wrap .left { width: calc(27.47% - 50px); }
.lnb__wrap .right { width: calc(72.53% + 50px); max-width: 1320px; }
.lnb__area { display: flex; }
.lnb__title { display: block; width: fit-content; font-size: 30px; font-weight: 600; color: #ccc; border: none; background-color: transparent; transition: padding 0.4s ease-out, font-weight 0.4s ease-out; }
.lnb__title + .lnb__title { margin-top: 30px; }
.lnb__title.on { position: relative; padding-left: 0.58em; font-size: 50px; font-weight: 700; color: #000; }
.lnb__title::before { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 4px; height: 48px; background: linear-gradient(180deg,var(--main-color) 50%, var(--main-color2) 50%); transform: translateY(-50%); visibility: hidden; opacity: 0; transition: opacity 0.4s ease-out; transition-delay: 0.1s; }
.lnb__title.on::before { visibility: visible; opacity: 1; }
.lnb__area { display: none; }
.lnb__area.on { display: flex; }
.lnb__area .box { width: calc((100% - 120px)/4); max-width: 300px; }
.lnb__area .box + .box { margin-left: 40px; }
.lnb__area .title { position: relative; display: flex; align-items: flex-end; height: 120px; border-radius: 10px; padding: 20px 25px; background: no-repeat center center/cover; font-size: 24px; font-weight: 600; }
.lnb__area .title::before { position: absolute; top: 50%; transform: translateY(-50%); transition: 0.4s ease-out; z-index: 1; }
.lnb__area [data-lnb="support"] .title { background-image: url("/img/common/bg_lnb_01.png"); color: var(--point-color); }
.lnb__area [data-lnb="support"] .title::before{ content: ""; display: block; width: 27%; height: 112px; background: url("/img/common/icon_lnb_01.svg") no-repeat center center/contain; right: 16%; }
.lnb__area [data-lnb="space"] .title { background-image: url("/img/common/bg_lnb_02.png"); color: #FF7979; }
.lnb__area [data-lnb="space"] .title::before{ content: ""; display: block; width: 29.6%; height: 106px; background: url("/img/common/icon_lnb_02.svg") no-repeat center center/contain; right: 10%; }
.lnb__area [data-lnb="care"] .title { background-image: url("/img/common/bg_lnb_03.png"); color: #8183D7; }
.lnb__area [data-lnb="care"] .title::before{ content: ""; display: block; width: 42%; height: 74px; background: url("/img/common/icon_lnb_03.svg") no-repeat center center/contain; right: 11.66%; }
.lnb__area [data-lnb="cs"] .title { background-image: url("/img/common/bg_lnb_04.png"); color: #77B28A; }
.lnb__area [data-lnb="cs"] .title::before{ content: ""; display: block; width: 25.67%; height: 94px; background: url("/img/common/icon_lnb_04.svg") no-repeat center center/contain; right: 18%; }
.lnb__area [data-lnb="company"] .title { background-image: url("/img/common/bg_lnb_05.png"); color: #5E96AD; }
.lnb__area [data-lnb="company"] .title::before{ content: ""; display: block; width: 46.3%; height: 94px; background: url("/img/common/icon_lnb_05.svg") no-repeat center center/contain; right: 4.33%; }
.lnb__area .title span { position: relative; z-index: 3; }
.lnb__area .lnb__list { margin-top: 35px; }
.lnb__area .lnb__list > li + li { margin-top: 20px; }
.lnb__area .lnb__list > li > a { font-size: 18px; font-weight: 500; }
.lnb__area [data-lnb="support"] .title:hover::before{ transform: translateY(-50%) rotate(15deg); }
.lnb__area [data-lnb="space"] .title:hover::before{ transform: translateY(-50%) rotate(-24deg); }
.lnb__area [data-lnb="care"] .title:hover::before{ transform: translateY(-50%) rotate(15deg); }
.lnb__area [data-lnb="cs"] .title:hover::before{ transform: translateY(-50%) rotate(-15deg); }
.lnb__area [data-lnb="company"] .title:hover::before{ transform: translateY(-50%) rotate(-15deg); }
.lnb__list > li > a.icon-link { position: relative; }
.lnb__list > li > a.icon-link::after { content: ""; position: absolute; right: -5px; top: 50%; display: block; width: 15px; height: 15px; background: url("/img/common/icon_blank_link.svg") no-repeat center center/contain; transform: translate(100%, -50%); }
.header-about { position: relative; display: flex; align-items: flex-end; width: calc(100% - ((100% - 120px)/4) - 20px); height: 100%; margin-left: 20px; }
.header-about .img-box { overflow: hidden; border-radius: 20px; width: 64%; height: 360px;}
.header-about .img-box img { width: 100%; min-height: 100%; object-fit: cover; }
.header-about .link-box { width: fit-content; }
.header-about .link-box .text { position: absolute; right: 0; bottom: 60px; width: 420px; border: 1px solid #EEEEEE; border-radius: 10px; padding: 40px; margin-bottom: 30px; background-color: #fff; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.07); font-size: 19px; line-height: 1.7; font-weight: 500; color: #555; }
.header-about .link-box .text b { margin-right: 0.32em; font-size: 1.43em; line-height: 1.6; color: var(--point-color); }
.header-about .link-box .text::after { content: ""; position: absolute; right: 5px; top: 5px; width: 90px; height: 90px; background: url("/img/common/pin_img.svg") no-repeat center center/contain; transform: translateY(-50%); }
.header-about .link-box a { display: flex; align-items: center; margin-left: 40px; margin-bottom: 30px; font-size: 18px; font-weight: 500; color: #555; }
.header-about .link-box a::after { content: ""; display: block; width: 26px; height: 26px; margin-left: 10px; border: 1px solid #111; border-radius: 50%; background: url("/img/common/gnb_arrow_s.svg") no-repeat center calc(50% - 1px)/auto; transform: rotate(90deg); transition: 0.4s ease-out; } 
.header-about .link-box a:hover::after { margin-left: 15px; border-color: var(--main-color2); background-color: var(--main-color2); }
#btn-mo-menu { display: none; position: relative; width: 40px; height: 40px; border: none; background-color: transparent; }
#btn-mo-menu > span { display: inline-block; position: absolute; right: 0; top: calc(50% - 6px); width: 100%; height: 3px; border-radius: 3px; background-color: #111; transform: translateY(-50%); }
#btn-mo-menu > span:nth-child(2) { width: 80%; top: calc(50% + 6px); }
.dim-layer { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 900; }
#mo-menu { position: fixed; right: 0; top:0; display: none; width: 100%; max-width: 500px; height: 100vh; transform: translateX(100%); background-color: #FFF7D8; z-index: 900; transition: transform 0.6s; }
#mo-menu.on { transform: translateX(0); }
#btn-menu-close { position: relative; width: 40px; height: 40px; border: none; background-color: transparent; }
#btn-menu-close > span { display: inline-block; position: absolute; left: 50%; top: 50%; width: 70%; height: 3px; border-radius: 3px; background-color: #111; }
#btn-menu-close > span:nth-child(1) { transform: translate(-50%,-50%) rotate(45deg); }
#btn-menu-close > span:nth-child(2) { transform: translate(-50%,-50%) rotate(-45deg); }
.menu__top { display: flex; justify-content: right; align-items: center; height: var(--header-H); padding: 0 20px; }
.menu__inner { overflow-y: auto; display: flex; flex-direction: column; row-gap: 30px; height: calc(100% - var(--header-H) - 40px); padding: 0 20px; }
.menu__inner::before { content: ""; position: absolute; right: -10%; bottom: -10%; display: block; width: 70%; aspect-ratio: 1/1; border-radius: 50%; background-color: #FFE2B4; z-index: -1; }
.menu__inner .box[data-lnb="company"] { order: -1; }
.menu__inner .box .title { position: relative; width: fit-content; padding-left: 10px; font-size: 20px; font-weight: 600; cursor: pointer; }
.menu__inner .box .title::before { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 4px; height: 20px; background: linear-gradient(180deg,var(--main-color) 50%, var(--main-color2) 50%); transform: translateY(-50%); }
.menu__inner .box .lnb__list { display: none; margin-top: 10px; padding: 14px; border: 1px solid #FFE2B4; border-radius: 10px; background-color: #fff; }
.menu__inner .box .lnb__list > li + li { margin-top: 10px; }
.menu__inner .box .lnb__list > li > a { font-size: 14px; }
.menu__inner .box .lnb__list > li > a.icon-link::after { width: 12px; height: 12px; }
.header.on { background-color: #fff; }
.header.on .gnb { padding-right: 100px; }
.header.on .gnb__list > li { margin-left: 80px; }
.header.on .gnb__list > li:first-child { margin-left: 0; }
.header.on .gnb__list > li.all > a::after { border-color: var(--main-color2); background-color: var(--main-color2); transform: none; }

/* footer */
.btn-quick__box { position: fixed; right: 20px; bottom: 20px; width: 74px; height: 74px; z-index: 100; }
.btn-quick__box .btn-quick { width: 100%; height: 100%; border-radius: 50%; border: none; background: url("/img/common/icon_quick.svg") no-repeat center center/auto var(--main-color2); }
.btn-quick__box .btn-quick__link { position: absolute; right: 100%; bottom: 2px; display: flex; justify-content: center; align-items: center; padding: 0 34px; height: calc(100% - 4px); border: 1px solid var(--main-color2); border-radius: 70px; background-color: #fff; font-size: 20px; font-weight: 600; color: #333; visibility: hidden; opacity: 0; transform: translateX(-10px); transition: 0.6s ease-out; }
.btn-quick__box .btn-quick__link::after { content: ""; display: block; width: 14px; height: 14px; margin-left: 10px; background: url("/img/common/icon_quick_arrow.svg") no-repeat center center/contain; }
.btn-quick__box:hover .btn-quick__link { visibility: visible; opacity: 1; transform: translateX(0);}
.footer { padding: 100px 0 60px; background-color: #2A2B2B; color: #fff; }
.footer .logo { width: 395px; }
.footer__inner { width: calc(100% - 40px); max-width: 1720px; margin: 0 auto; }
.footer__top { position: relative; display: flex; justify-content: space-between; padding-bottom: 40px; }
.footer__top .left { padding-top: 20px; }
.footer__top .btn-top { position: absolute; right: 0; bottom: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 130px; height: 130px; padding-bottom: 4px; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 50%; background-color: transparent; font-size: 20px; font-weight: 500; color: #fff; transition: 0.4s ease-out; }
.footer__top .btn-top::before { content: ""; width: 30px; height: 30px; background: url("/img/common/icon_top_arrow.svg") no-repeat center center/contain; transform: translateY(4px); transition: 0.4s ease-out; }
.footer__top .btn-top:hover { border-color: var(--main-color2); background-color: var(--main-color2); color: #333; }
.footer__top .btn-top:hover::before { background-image: url("/img/common/icon_top_arrow_dark.svg"); }
.footer-address { margin-top: 192px; margin-bottom: 70px; }
.footer-address .name { margin-bottom: 1em; font-size: 20px; font-weight: 500; }
.footer-address .row + .row { margin-top: 10px; }
.footer-address .row dl { position: relative; display: flex; gap: 15px; }
.footer-address .row dt { font-size: 18px; font-weight: 500; }
.footer-address .row dd { font-size: 18px; font-weight: 200; color: rgba(255, 255, 255, 0.8); }
.footer-address .row.flex { display: flex; gap: 10px 40px; }
.footer-address .row.flex dl:not(:first-child)::before { content: ""; position: absolute; left: -20px; top: 50%; display: block; width: 1px; height: 12px; background-color: rgba(255, 255, 255, 0.2); transform: translateY(-50%); }
.footer-info .btn__area { display: flex; gap: 20px; }
.f-site { position: relative; }
.f-site .btn-f-site { width: 180px; height: 55px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100px; background-color: transparent; cursor: pointer; font-size: 17px; font-weight: 500; color: #fff; transition: 0.4s ease-in; }
.f-site .btn-f-site::after{ content: ""; display: block; width: 24px; height: 24px; margin-left: 10px; background: url("/img/common/icon_f_select_arrow.svg") no-repeat center center/contain; transition: 0.4s ease-in; }
.f-site .btn-f-site.on::after { transform: rotateX(180deg); }
.f-site .f-site__list { position: absolute; left: 0; bottom: calc(100% + 12px); display: none; width: 100%; padding: 0 20px; border-radius: 20px; background-color: #fff; z-index: 3; }
.f-site .f-site__list > li { padding: 20px 0; border-bottom: 1px solid #D9D9D9; }
.f-site .f-site__list > li:last-child { border-bottom: none; }
.f-site .f-site__list > li > a { font-size: 16px; font-weight: 500; color: #333; }
.site-map { display: flex; gap: 30px; }
.site-map .box { width: 200px; }
.site-map .box[data-lnb="company"] { order: -1; }
.site-map .box:nth-last-child(2) { width: fit-content; }
.site-map .box .title {margin-bottom: 25px; font-size: 20px; font-weight: 600; }
.site-map .lnb__list > li + li { margin-top: 12px; }
.site-map .lnb__list > li > a { font-size: 17px; font-weight: 200; color: rgba(255, 255, 255, 0.7); }
.site-map .lnb__list > li > a.icon-link::after { -webkit-filter: invert(1); filter: invert(1); opacity: 0.7; }
.footer__bottom { padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer__bottom .copyright { font-size: 17px; font-weight: 200; letter-spacing: -0.01em; color: rgba(255, 255, 255, 0.6); text-align: center; }


/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; font-size:18px; word-break:break-all; }
.privacy * { line-height: 1.5; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; font-size: 1.11em; }
.privacy > p+dl { margin-top: 1.67em; }
.privacy > dl { padding-bottom: 1.11em;}
.privacy > dl > dt{ color:#FFA514;font-weight:700;padding-bottom:5px; font-size: 1.11em;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; }
.privacy > dl > dd ul, .privacy > dl > dd ol{ padding:10px; }
.privacy > dl > dd ul li{ margin-top: 0.55em; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin-bottom: 0.55em; }
.privacy > dl > dd ul li div { padding-left: 10px; }
.privacy > dl > dd ul li div + div { margin-top: 0.55em; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

@media screen and (max-width:1640px) {
    .header .gnb__list > li { width: 160px; }
    .header .gnb__list > li > a { font-size: 18px; }
    .header.on .gnb { padding-right: 40px; }
    .header.on .gnb__list > li { margin-left: 40px; }
    .header-about .link-box .text { width: max-content; }

    .footer .logo { width: 300px; }
    .footer-address { margin-top: 100px; }
    .site-map .box { width: 140px; } 
    .site-map .box .title { font-size: 18px; }
    .site-map .lnb__list > li > a { font-size: 14px; }
    .site-map .lnb__list > li > a.icon-link::after { width: 12px; height: 12px; }
}
@media screen and (max-width:1400px) {
    .header .logo { width: 200px; }
    .header .gnb__list > li { width: 140px; }
    .header .gnb__list > li > a { font-size: 18px; }
    .header.on .gnb__list > li { margin-left: 40px; }
    .lnb__title { font-size: 24px; }
    .lnb__title.on { font-size: 36px; }
    .lnb__title::before { height: 36px; }
    .lnb__area .box { width: calc((100% - 60px)/4); }
    .lnb__area .box + .box { margin-left: 20px; }
    .lnb__area .title { height: 80px; font-size: 20px; padding: 10px 15px; }
    .lnb__area .lnb__list > li + li { margin-top: 12px; }
    .lnb__area .lnb__list > li > a { font-size: 16px; }
    .lnb__list > li > a.icon-link::after { width: 14px; height: 14px; }
    .lnb__area [data-lnb="care"] .title::before { right: 5%; }
    .header-about { width: calc(100% - ((100% - 60px) / 4)); }
    .header-about .img-box { height: 265px; }
    .header-about .link-box .text { padding: 20px; font-size: 16px; }
    .header-about .link-box .text::after { width: 60px; height: 60px; }
    .header-about .link-box a { font-size: 16px; }

    .footer__top .left { padding-top: 0; }
    .footer-address { margin-top: 40px; }
    .site-map { display: none; }
}
@media screen and (max-width:1200px) {
    :root {
        --header-H: 70px;
    }
    .header { position: fixed; background-color: #fff; border-bottom: 1px solid #F8F8F8; } 
    .header .logo { width: 170px; }
    .header .gnb { display: none; }
    #btn-mo-menu { display: block; }
    #mo-menu { display: block; }
    .dim-layer.menu { display: block; }
}

@media screen and (max-width:1024px) {
    .btn-link-02 {  padding: 10px 20px; font-size: 16px; }
    .btn-link-02::after { width: 20px; height: 20px; }
    .btn-list { width: 140px; height: 55px; font-size: 16px; }
    .btn-list::after { width: 24px; height: 24px; }
    .btn-submit { height: 55px; font-size: 16px; }
    .btn-submit::after { width: 24px; height: 24px; background-size: 41%; }
    .btn-radius { height: 50px; padding: 0 20px; font-size: 16px; }
    .btn-radius.icon-call { gap: 5px; }

    .btn-quick__box { position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; }
    .btn-quick__box .btn-quick { background-size: 45%; }
    .btn-quick__box .btn-quick__link { padding: 0 20px; font-size: 14px; }
    .btn-quick__box .btn-quick__link::after { width: 10px; height: 10px; margin-left: 6px; }
    .footer { padding: 60px 0 30px; }
    .footer__top { padding-bottom: 30px; }
    .footer__top .btn-top { bottom: 30px; width: 80px; height: 80px; border-width: 1px; font-size: 14px; }
    .footer__top .btn-top::before { width: 20px; height: 20px; }
    .footer .logo { width: 200px; }
    .footer-address{ margin-bottom: 60px; }
    .footer-address .name { font-size: 16px; }
    .footer-address .row dt, .footer-address .row dd { font-size: 14px; }
    .btn-link-03 { width: 160px; height: 45px; font-size: 14px; }
    .btn-link-03::after { width: 12px; height: 12px; margin-left: 8px; }
    .footer__bottom { padding-top: 20px; }
    .footer__bottom .copyright { font-size: 14px; }
    .footer-info .btn__area { gap: 10px; }
    .f-site .btn-f-site { width: 160px; height: 45px; font-size: 14px; }
    .f-site .btn-f-site::after { width: 20px; height: 20px; margin-left: 6px; }
    .f-site .f-site__list { padding: 0 15px; }
    .f-site .f-site__list > li { padding: 15px 0 ; }
    .f-site .f-site__list > li > a { font-size: 14px; }

    .privacy { font-size: 16px; }
    .privacy > dl > dd ul li div { padding-left: 5px; }
    .privacy > dl > dd ul, .privacy > dl > dd ol { padding: 5px; }
}
@media screen and (max-width:768px) {
    .pc-br { display: none; }
    .mo-br { display: inline; }
    .pc-show { display: none; }
    .mo-show { display: inline-block; }
    .btn-radius { height: 35px; padding: 0 15px; border-radius: 5px; font-size: 14px; }
    .btn-radius.icon-call::before { width: 16px; height: 16px; }
    
    .footer__top .btn-top { top: 0; bottom: auto; width: 60px; height: 60px; padding-bottom: 6px; }
    .footer__bottom .copyright { font-size: 13px; }

    .privacy { font-size: 14px; }
}