/*!

__/\\\\\\\\\\\\\\\_______/\\\\\_________/\\\\\\\\\______/\\\________/\\\______/\\\\\\\\\____
 _\/\\\///////////______/\\\///\\\_____/\\\///////\\\___\/\\\_____/\\\//_____/\\\///////\\\__
  _\/\\\_______________/\\\/__\///\\\__\/\\\_____\/\\\___\/\\\__/\\\//_______/\\\______\//\\\_
   _\/\\\\\\\\\\\______/\\\______\//\\\_\/\\\\\\\\\\\/____\/\\\\\\//\\\______\//\\\_____/\\\\\_
    _\/\\\///////______\/\\\_______\/\\\_\/\\\//////\\\____\/\\\//_\//\\\______\///\\\\\\\\/\\\_
     _\/\\\_____________\//\\\______/\\\__\/\\\____\//\\\___\/\\\____\//\\\_______\////////\/\\\_
      _\/\\\______________\///\\\__/\\\____\/\\\_____\//\\\__\/\\\_____\//\\\____/\\________/\\\__
       _\/\\\________________\///\\\\\/_____\/\\\______\//\\\_\/\\\______\//\\\__\//\\\\\\\\\\\/___
        _\///___________________\/////_______\///________\///__\///________\///____\///////////_____

This file contains custom modifications by FORK9
https://fork9.com
*/

@media (max-width: 1200px) {
    body {
        /*border: 1px solid red;*/
    }
    .main .page-inner {
        margin-bottom: 1.875rem  /* 30/16 */;
    }
    .container {
        width: 100%;
        max-width: 100%;
        padding: 0 30px;
    }

    /* gnb */
    #mainMenu .nav-gnb > li > a {
        padding: 0 13px;
    }

    /* Header */
    #mainMenu.menu-creative nav>ul>li.menu-vline {
        margin-left: 1.2rem !important;
    }
    #mainMenu.menu-lines nav>ul>li>a i {
        display: none;
    }

    /* 페이지 제목 */
    .heading-text.heading-section {
        margin-bottom: 50px;
    }
    .heading-text.heading-section .lb {
        display: inline-block;
    }
    .page-main-title {
        padding: 0 0 3rem 0;
    }

    .page-wrap.page-grid-2 {
        flex-direction: column;
    }

    /* page submenu */
    .page-lnb-left {
        display: none;
    }
    .page-lnb-top {
        display: block;
    }
    .page-sub-lnb .page-lnb .lnb-content {
        justify-content: flex-start;
    }
    .page-sub-lnb .page-lnb .lnb-content .swiper-slide:first-child a {
        padding-left: 0;
    }

    /* footer */
    #footer .footer-extra .domain {
        font-size: 1.125rem  /* 18/16 */;
    }
}

@media (max-width: 1024px) {
    body {
        /*border: 1px solid yellow;*/
    }

    .page-wrap-hero {
        margin: 0 auto 0;
    }
    .container-small {
        width: 70%;
        max-width: 70%;
    }
    .container-mini {
        width: 56%;
        max-width: 56%;
    }

    /* 페이지 제목 */
    #page-title .page-title .title {
        margin-bottom: 0.3125rem  /* 5/16 */;
    }

    #page-title[data-bg-parallax] .breadcrumb ul li a {
        font-size: 0.875rem  /* 14/16 */;
    }

    .heading-text.heading-section {
        margin-bottom: 50px;
    }
    .heading-text.heading-section .title {
        font-size: 1.5rem  /* 24/16 */;
    }
    /*.heading-1.loc-title {*/
    /*    font-size: 1.333rem !* 20/15 *!;*/
    /*    letter-spacing: -1px;*/
    /*    margin-bottom: 0;*/
    /*    line-height: 1;*/
    /*}*/

    /* Header */
    #header[data-transparent=true]+#page-title {
        padding: 150px 0 60px;
    }
    #header.header-sticky.sticky-active #mainMenuMobile {
        /*display: none;*/
    }
    #headerUtil .header-mypage .item span {
        /*display: none;*/
    }
    #headerUtil .header-mypage {
        gap: 0 14px;
    }
    #headerUtil .header-search {
        flex: 2;
    }

    /* pc gnb */
    #mainMenu {
        display: none !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
    }

    /* mobile gnb */
    #mainMenuBg {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        display: none;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.6);
    }

    #mainMenuMobile {
        display: block;
        width: 100%;
        height: 50px;
        padding: 13px 0;
        border: 0;
        border-top: 1px solid var(--color-lightborder);
        /*border-bottom: 1px solid #e0e0e0;*/
    }
    #mainMenuMobile .main-menu-mobile {
        position: relative;
        z-index: 10;
        width: 100%;
        /*height: 100vh;*/
    }
    #mainMenuMobile .main-menu-mobile:after {
        content: '';
        position: absolute;
        top: -10px;
        left: 0;
        z-index: 1;
        width: 40px;
        height: 38px;
        background-color: #fff;
        box-shadow: 5px 2px 6px #fff;
    }
    #mainMenuMobile .main-menu-mobile .btn-side-menu {
        position: absolute;
        top: -8px;
        left: 0;
        z-index: 11;
        width: 30px;
        height: 38px;
        background-color: transparent;
        border: 0;
        transition: all 0.2s ease;
    }
    #mainMenuMobile .main-menu-mobile .btn-side-menu span {
        position: relative;
        display: block;
        width: 22px;
        height: 2px;
        background: #000;
        transition: all 0.2s ease;
        animation: motion .5s linear 0s 2 alternate;
    }
    #mainMenuMobile .main-menu-mobile .btn-side-menu span::before, #mainMenuMobile .main-menu-mobile .btn-side-menu span::after {
        height: 2px;
    }
    #mainMenuMobile .main-menu-mobile .btn-side-menu span::before {
        content: '';
        position: absolute;
        top: -10px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #252525;
        transition: all 0.2s ease;
    }
    #mainMenuMobile .main-menu-mobile .btn-side-menu span::after {
        content: '';
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #252525;
        transition: all 0.2s ease;
    }
    #mainMenuMobile .menu-gnb {
        position: relative;
        width: 100%;
        margin-bottom: 0;
        padding-left: 8%;
        overflow: hidden;
        line-height: 1;
    }
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide {
        position: relative;
        z-index: 1;
        width: auto;
        height: 100%;
        padding: 0;
    }
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide a {
        position: relative;
        padding: 0.667rem  /* 10/15 */ 0.667rem  /* 10/15 */;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1;
        color: #252525;
        transition: all 0.5s;
    }
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide a.em::before {
        content: '';
        position: absolute;
        top: 8px;
        right: 7px;
        width: 5px;
        height: 5px;
        background-color: var(--color-red);
        border-radius: 50%;
    }
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide:first-child a {
        padding-left: 0.933rem  /* 14/15 */;
    }
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide:hover a,
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide.active a,
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide a.active {
        color: var(--color-blue) !important;
    }
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide a:hover:after,
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide.active:after,
    #mainMenuMobile .menu-gnb .gnb-content .swiper-slide a.active:after {
        width: 100%;
        transition: all 0.5s;
    }

    /* 모바일 사이드 메뉴 */
    #mainSideMenu {
        position: fixed;
        top: 0;
        left: -476px;
        z-index: 100;
        display: block !important;
        width: 476px;
        max-width: 476px;
        height: 100%;
        padding: 0 10px;
        overflow-y: scroll;
        background-color: #fff;
        transition: all 0.2s ease;
    }
    #mainSideMenu.on {
        left: 0;
    }
    #mainSideMenu::-webkit-scrollbar {
        width: 1px;
    }
    #mainSideMenu::-webkit-scrollbar-thumb {
        background-color: #e5e5e5;
        border-radius: 0;
        transition: all 0.5s;
    }
    #mainSideMenu::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.5);
        border-radius: 0;
    }
    #mainSideMenu.on {
        left: 0;
        width: 100%;
    }
    #mainSideMenu .heading {
        padding-top: 20px;
        font-size: 1rem;
        font-weight: 600;
        border-top: 1px solid var(--color-line);
        color: #000;
        margin-bottom: 0.625rem  /* 10/16 */;
    }
    #mainSideMenu .side-menu-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #mainSideMenu .side-menu-top .brand-logo {
        margin: 0;
    }
    #mainSideMenu .side-menu-top .brand-logo img {
        height: 3.125rem  /* 50/16 */;
    }
    #mainSideMenu .side-menu-top .btn-menu-close {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 60px;
        background-color: #fff;
        border: 0;
    }
    #mainSideMenu .side-menu-top .btn-menu-close::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 1px;
        margin-left: -20px;
        background: #262626;
        transform: rotate(-45deg);
    }
    #mainSideMenu .side-menu-top .btn-menu-close::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 1px;
        margin-left: -20px;
        background: #262626;
        transform: rotate(45deg);
    }

    #mainSideMenu .member-menu {
        position: relative;
    }
    #mainSideMenu .member-menu .member-content {
        display: flex;
        /*border-bottom: 1px solid var(--color-line);*/
        margin: -5px;
        padding: 10px 0 20px 0;
        justify-content: space-between;
        align-items: center;
    }
    #mainSideMenu .member-menu .member-content .item {
        margin: 5px;
        flex: 0 0 calc(33.333% - 10px);
    }
    #mainSideMenu .member-menu .member-content .item a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 5px 15px;
        font-size: 0.875rem  /* 14/16 */;
        font-weight: 400;
        letter-spacing: -1px;
        text-align: center;
        background-color: #fff;
        border: 1px solid var(--color-border);
        color: var(--color-black);
        transition: all .4s ease-out;
    }
    #mainSideMenu .member-menu .member-content .item a i {
        padding-right: 6px;
    }
    #mainSideMenu .member-menu .member-content .item .member-login {
        background-color: var(--color-primary);
        border: 1px solid var(--color-primary);
        color: #fff !important;
    }

    #mainSideMenu .main-prd-category {
    }
    #mainSideMenu .prd-category {
        display: flex;
        margin: -5px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #mainSideMenu .prd-category .item {
        margin: 5px;
        flex: 0 0 calc(50% - 10px);
    }
    #mainSideMenu .prd-category .item a {
        display: inline-block;
        width: 100%;
        padding: 10px 10px;
        font-size: 0.9375rem  /* 15/16 */;
        background-color: #eaeaea;
        border: 1px solid #eaeaea;
        /*letter-spacing: -1px;*/
        color: var(--color-black);
    }
    #mainSideMenu .prd-category .item a:hover, #mainSideMenu .prd-category .item a:focus {
        background-color: #fff;
        /*border: 1px solid var(--color-border);*/
        border: 1px solid var(--color-primary);
        color: var(--color-primary);
    }
    #mainSideMenu .main-cs-category {
        padding-top: 15px;
    }
    #mainSideMenu .main-cs-category .customer-category {
        display: flex;
        margin: -5px;
        padding-top: 10px;
        padding-bottom: 15px;
    }
    #mainSideMenu .main-cs-category .customer-category .item {
        margin: 5px;
        padding: 0 15px;
        flex: 0 0 calc(25% - 10px);
    }
    #mainSideMenu .main-cs-category .customer-category .item a {
        display: flex;
        flex-direction: column;
        gap: 2px 0;
        font-size: 0.8125rem  /* 13/16 */;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
    }
    #mainSideMenu .main-cs-category .customer-category .item a:hover,
    #mainSideMenu .main-cs-category .customer-category .item a:focus {
        color: var(--color-primary);
    }
    #mainSideMenu .main-cs-category .customer-category .item i {
        font-size: 1.4375rem  /* 23/16 */;
        font-weight: 400;
    }

    /* header search box */
    #hd_sch {
        width: 340px;
        margin-left: 35px;
    }
    #logo object, #logo img {
        width: auto;
        height: 3.75rem  /* 60/16 */;
        max-height: 3.75rem  /* 60/16 */;
    }

    /* page nav */
    .page-menu nav {
        width: 17.5rem  /* 280/16 */;
        border: 1px solid var(--color-border);
    }
    .page-menu nav > ul li a {
        padding: 10px;
    }

    /* button */

    /* footer */
    #footer .footer-copyright .copyright-text {
        font-size: 0.75rem  /* 12/16 */;
    }
    #footer .widget .btn-list {
        gap: 0 5px;
    }
    #footer .widget-address {
        display: block;
        width: 100%;
    }
    #footer .widget-menu {
        display: none;
    }
    #footer .footer-extra .domain {
        font-size: 1.2rem  /* 18/15 */;
    }
    #footer .footer-extra .address {
        font-size: 0.933rem  /* 14/15 */;
    }

    #hd_pop {
        position: absolute !important;
        top: 0  !important;;
        left: 0  !important;;
        width: 100%  !important;;
        width: 100%  !important;;
        max-width: 100%  !important;;
        height: auto  !important;;
        transform: none  !important;;
    }
    #hd_pop .hd_pops_con {
        width: 100% !important;
        height: auto !important;
    }
    #hd_pop .hd_pops_con img {
        width: 100%  !important;;
        max-width: 100%  !important;;
    }
}

/* mobile */
@media (max-width: 768px) {
    body {
        /*border: 1px solid blue;*/
    }
    html, body {
        font-size: 15px;
    }
    body.single .switch-top-btns {
        display: flex;
        margin-bottom: 0;
        padding: 14px 0;
        justify-content: center;
        align-items: center;
        gap: 0 20px;
        text-align: center;
        background: #fff;
        border-bottom: 1px solid #ddd;
        color: var(--color-dark);
    }
    body.single .switch-top-btns .logo {
        height: 1.2rem /* 18/15 */;
    }
    body.single .switch-top-btns .logo-shop {
        height: 1.2rem /* 18/15 */;
    }
    body.single .main.single {
        padding: 18px 0 40px 0;
    }
    .main {
        min-height: auto;
    }
    .main.item-info {
        /*padding: 20px 0 0 0;*/
        padding: 0 0 0 0;
    }
    .main .page-inner {
        margin-bottom: 2rem /* 30/15 */;
    }

    .container-box,  .container-line {
        border-radius: 0;
    }
    .container-small {
        width: 80%;
        max-width: 80%;
    }
    .container-mini {
        width: 70%;
        max-width: 70%;
    }

    /* heading text */
    .heading-text {
        margin-bottom: 1.5rem;
        line-height: var(--line-height);
    }

    .heading-1, .heading-text h1, .heading-text .h1, #page-title .page-title .title {
        font-size: 1.2rem  /* 18/15 */;
        line-height: var(--line-height);
    }
    .heading-2, .heading-text h2, .heading-text .h2  {
        margin-bottom: .5rem;
        font-size: 1.067rem  /* 16/15 */;
    }
    .heading-3, .heading-text h3, .heading-text .h3 {
        margin-bottom: .5rem;
        font-size: 1rem  /* 15/15 */;
        line-height: var(--line-height);
    }
    .heading-4, .heading-text h4, .heading-text .h4 {
        margin-bottom: .5rem;
        font-size: 0.933rem  /* 14/15 */;
        line-height: var(--line-height);
    }

    /* 검색 */
    #hd_sch form {
        justify-content: space-between;
    }
    #hd_sch #sch_stx {
        width: 100%;
    }

    /* form */
    .btn-submit, .btn-primary, .btn-secondary, .btn-action, .btn-outline {
        font-size: 0.933rem  /* 14/15 */;
        /*border-radius: 0 !important;*/
    }

    .btn {
        padding: 0.6rem  /* 9/15 */ 1.067rem  /* 16/15 */;
        font-size: 0.933rem  /* 14/15 */;
    }
    .btn, .form-btn, textarea, select, .frm_input, .frm_file, input[type='text'], input[type='password'], button, .bo_sch, .bo_sch .sch_bar, .card, .mng-btn {
        /*border-radius: 0 !important;*/
    }
    #sch_stx {
        border-radius: 0 !important;
    }
    #captcha #captcha_reload, #captcha #captcha_key, #captcha #captcha_img {
        border-radius: 0 !important;
    }
    .inner-box {
        border-radius: 0;
    }

    /* table */
    .table tbody td {
        padding-right: 0;
        padding-left: 0;
    }
    .table.table-borderless tr:last-child td {
        border-bottom: 0 !important;
    }
    .table.table-borderless > tbody {
        border-top: 0;
        border-bottom: 0;
    }
    .table.table-type-default th, .table.table-type-default td {
        display: block;
        padding: .5rem .9rem !important;
    }
    .table.table-type-default th {
        font-weight: 500;
        color: var(--color-dark);
    }
    .table .td-md, .div-md {
        display: none;
    }
    .table .td-sm, .div-sm {
        display: inline-block;
    }

    /* list */
    .list-group-item {
        padding: 1rem 1rem;
    }
    .list-icon li {
        padding-left: 1.2rem  /* 18/15 */;
        line-height: var(--line-height);
    }
    .list-icon li:before {
        margin-top: 0;
        margin-left: -2rem  /* -30/15 */;
    }

    /* main layout */
    .main {
        padding: 2rem  /* 30/15 */ 0 1.333rem  /* 20/15 */ 0;
    }
    .main.single {
        padding: 2rem  /* 30/15 */ 0 2rem  /* 30/15 */ 0;
    }
    .main .page-inner {
        margin-bottom: 2rem  /* 30/15 */;
    }

    /* header */
    #header[data-transparent=true] + main {
        top: 6.25rem  /* 100/16 */;
        margin-bottom: 0;
    }
    #header.header-sticky.sticky-active .header-util {
        /*border: 1px solid red !important;*/
        /*display: none;*/
    }
    #header.header-sticky.sticky-active #logo,  #header.header-sticky.sticky-active .mobile {
        /*display: none;*/
    }

    /* header util */
    #headerUtil {
        position: relative;
        display: flex;
        padding: 0.625rem  /* 10/16 */ 0 0.625rem  /* 10/16 */ 0;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 1.75rem  /* 28/16 */ 0;
    }
    #headerUtil .header-top {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #headerUtil .header-top .lang-switch {
        display: block;
        padding-top: 0.625rem  /* 10/16 */;
    }
    #headerUtil #logo {
        float: none !important;
        width: auto;
        height: 2rem  /* 32/16 */;
        flex: 0 0 auto;
    }
    #headerUtil #logo img {
        width: auto;
        height: 1.5rem  /* 24/16 */;
        max-height: 1.867rem  /* 28/15 */;
    }
    #headerUtil .header-search {
        width: 100%;
        flex: 0;
    }
    #headerUtil .header-mypage {
        display: none;
        flex: 0;
    }
    #headerUtil .header-mypage.mobile {
        position: absolute;
        top: 9px;
        right: 0;
        display: flex;
        height: auto;
        gap: 0 1.25rem  /* 20/16 */;
    }
    #headerUtil .header-mypage .item .icon {
        width: auto;
        max-width: 100%;
        margin-bottom: 0;
        line-height: 1;
    }
    #headerUtil .header-mypage .item .count {
    }

    /* header search box */
    #hd_sch {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }
    #hd_sch form {
        display: flex;
        align-items: center;
    }
    #hd_sch #sch_str {
        width: 100%;
        border: 2px solid var(--color-primary)  !important;
        border: 1px solid red;;
        border-right: 0 !important;
    }
    #hd_sch #sch_stx {
        width: 100%;
        border: 2px solid var(--color-primary) !important;
        border-right: 0 !important;
    }
    #hd_sch #sch_submit {
        border: 2px solid var(--color-primary);
        /*border-radius: 0 10px 10px 0;*/
        border-radius: 0;
        border-left: 0;
        color: var(--color-primary);
    }

    /* page menu  */
    .page-sub-lnb {
        position: relative;
    }
    .page-sub-lnb .page-lnb .lnb-content .swiper-slide a {
        padding: 14px 14px;
        /*display: block;*/
    }
    .page-sub-lnb .page-lnb .lnb-content .swiper-slide a:after {
        top: 37px;
    }
    .page-sub-lnb .page-lnb {
        position: relative;
        height: 40px;
        margin-bottom: 30px;
    }

    /* tab menu */
    .nav-tabs .nav-link {
        font-size: 0.875rem  /* 13.125/15 */;
    }

    .empty_table .title {
        font-size: 1rem  /* 15/15 */;
    }

    /* pagination */
    .pg_wrap {
        padding: 0 0 10px 0;
    }
    .pg_page, .pg_current {
        width: 25px;
        min-width: 25px;
        height: 25px;
        font-size: 0.8rem  /* 12/15 */;
        line-height: 1.9;
    }

    /* */
    .category-hs-container .btn {
        font-size: 0.867rem  /* 13/15 */;
        display: block;
        width: 100%;
    }
    .category-hs-container .btn:not(:last-child)  {
        margin-bottom: 10px;
    }

    /* footer */
    #footer .top-nav {
        margin: 1.333rem  /* 20/15 */ 0;
        text-align: center;
    }
    #footer .top-nav li {
        padding: 0 0.533rem  /* 8/15 */;
    }
    #footer .top-nav li a {
        font-size: 0.867rem  /* 13/15 */;
    }
    #footer .footer-content {
        padding: 1.875rem  /* 30/16 */ 0;
    }
    #footer .widget {
        padding-bottom: 2rem  /* 30/15 */;
    }
    #footer .footer-extra {
        padding: 20px 0 10px 0;
    }
    #footer .footer-extra .domain {
        font-size: 1.067rem  /* 16/15 */;
    }
    #footer .contact-us {
        font-size: 1.333rem  /* 20/15 */;
    }
    #footer .phone {
        font-size: 1.333rem  /* 20/15 */;
    }

    #footer .widget-address .area .area-wrap {
        justify-content: center;
        flex-direction: column;
        margin: 0;
        gap: 20px 0;
    }
    #footer .widget-address .area .area-wrap .area-item {
        flex: 0 0 calc(100%);
        margin: 0;
    }
    #footer .widget-address .area .area-wrap .area-item .area-item-title {
        text-align: left;
        font-size: 1.071rem  /* 15/14 */;
        margin-bottom: 0.625rem  /* 10/16 */;
    }
    #footer .widget-address .area .area-wrap .area-item .area-item-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: -0.125rem  /* -2/16 */;
    }
    #footer .widget-address .area .area-wrap .area-item .area-item-list li {
        font-size: 0.875rem  /* 14/16 */;
        text-align: left;
        color: #666;
        flex: 0 0 calc(50% - 0.25rem  /* 4/16 */);
        margin: 0.125rem  /* 2/16 */;
        position: relative;
        padding-left: 0.75rem  /* 12/16 */;
    }

}

@media (max-width: 576px) {
    body {
        /*border: 1px solid black;*/
    }
    .container {
        padding: 0 0.667rem  /* 10/15 */;
    }

    .btn {
        min-width: auto;
        /*border: 1px solid red !important;*/
    }

    /* footer */
    #footer .top-nav .menu {
        width: 100%;
        margin: -5px;
        padding: 0;
        align-items: center;
    }
    #footer .top-nav .menu .list-inline-item {
        width: calc(33.3333% - 10px);
        margin: 5px;
        padding: 5px 0 5px 0;
        flex: 0 0 auto;
    }
    #footer .top-nav .menu .list-inline-item:after {
        display: none !important;
    }
    #footer .top-nav .menu .list-inline-item a {
        display: block;
        text-align: left;
    }
    #footer .top-nav li a:before {
        height: 0;
    }

    #footer .footer-top {
        padding-top: 0;
    }
    #footer .footer-top .logo {
        max-width: 6rem  /* 90/15 */;
    }
    #footer .contact-us {
        font-size: 1.067rem  /* 16/15 */;
        padding: 0 0;
    }
    #footer .phone {
        font-size: 1.067rem  /* 16/15 */;
    }
    #footer .wiget-nav {
    }
    #footer .wiget-nav .sns-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 0.667rem  /* 10/15 */;
        margin-left: 0;
    }
    #footer .wiget-nav .sns-icon .vseparator {
        display: none;
    }
    #footer .btn-mini {
        font-size: 0.8rem  /* 12/15 */;
    }
    #footer .widget-address .area {
        padding: 0.667rem  /* 10/15 */ 2rem  /* 30/15 */;
        text-align: justify;
        word-break: keep-all;
    }
}

@media (max-width: 480px) {
    body {
        /*border: 1px solid green;*/
    }
    html, body {
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scrollbar-gutter: stable;
    }
    body::-webkit-scrollbar {
        display: none;
    }

    #page-title {
        padding: 20px 0 0 0;
    }

    .container-small {
        width: 100%;
        max-width: 100%;
    }
    .container-mini {
        width: 100%;
        max-width: 100%;
    }

    #footer .top-nav .menu {
        width: 100%;
        margin: -5px;
        padding: 0;
        align-items: center;
        justify-content: flex-start;
    }
    #footer .top-nav .menu .list-inline-item {
        width: calc(50% - 10px);
        margin: 5px;
        padding: 5px 0 5px 0;
        flex: 0 0 auto;
    }
    #footer .top-nav .menu .list-inline-item:after {
        display: none !important;
    }
    #footer .top-nav .menu .list-inline-item a {
        display: block;
    }
    #footer .footer-extra .area {
        margin-top: 10px;
        font-size: 0.875rem /* 14/16 */;
        text-align: left;
    }
}

@media (max-width: 360px) {
    #mainSideMenu .prd-category .item a {
        font-size: 0.75rem  /* 12/16 */
    }
}