@charset "utf-8";
/* Info
 ========================================================================== */
/**
    * 1. Writer: Lee A Jin. (Weaverloft Corp.)
    * 2. Production Date: 2025-10
    * 3. Client: 한국면세점협회
    * 4. Description: Japanese Style
 */

/*========== 공통 ==========*/
:lang(ja) * {word-break: break-all !important;}
:lang(ja) .badge-wrap.flex1 {flex: initial !important;}
:lang(ja) .flex-wrap.col2.f-wrap {flex-wrap: initial !important;flex-direction: column;gap: 10px;}
:lang(ja) .flex-wrap.col2 > span {flex: auto; margin: 0 !important;}
@media screen and (min-width: 861px) {
    :lang(ja) .nav-dep1-list span::after {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 0%;height: 3px;background-color: var(--point_red);transform: translateX(-50%);font-size: inherit;}
    :lang(ja) .nav-dep1-list a:focus-visible {color: var(--point_red);}
    :lang(ja) .nav-dep1-list.active a {color: var(--point_red);}
    :lang(ja) .nav-dep1-list.active a span::after {width: 110%;transition: width 400ms;}
    @media (hover: hover) {
        :lang(ja) .nav-dep1-list a:hover {color: var(--point_red);}
    }
}
@media screen and (max-width: 920px) {
    :lang(ja) .flex-wrap.col2.f-wrap {gap: 4px;}
}

/*========== Map ==========*/  
:lang(ja) .map-swiper .list-style > li.list-text.column {flex-wrap: wrap; gap: 4px;}
:lang(ja) .map-slide-title {margin: 0 30px 30px;}
:lang(ja) .map-slide-conts {margin: 0 30px;}
:lang(ja) .mapMoPop .map-slide-title {margin: 0 16px;}
:lang(ja) .map-point-btn.seoul {top: 13%;left: 36%;} 
:lang(ja) .map-point-btn.incheon {left: 11%;} 
:lang(ja) .map-point-btn.ulsan {right: -12%;}
:lang(ja) .map-point-btn.busan {right: -16%;}
:lang(ja) .map-point-btn.jeju {bottom: 6%;right: -20%;}

@media screen and (max-width: 1380px) {
    :lang(ja) .map-point-btn.seoul {top: 15%;left: 37%;} 
    :lang(ja) .map-point-btn.pyeongtaek {top: 27%;left: 37%;}
    :lang(ja) .map-point-btn.cheongju {top: 38%;left: 42%;}
    :lang(ja) .map-point-btn.daegu {left: 77%;}
    :lang(ja) .map-point-btn.busan {right: -19%;}
}
@media screen and (max-width: 1280px) {
    :lang(ja) .map-content {gap: 40px;}
}
@media screen and (max-width: 920px) {
    :lang(ja) .map-slide-conts {margin: 0 16px;}
}
@media screen and (max-width: 580px) {
    :lang(ja) .map-point-btn.seoul {top: 13%;left: 40%;} 
    :lang(ja) .map-point-btn.incheon {left: 7%;}
    :lang(ja) .map-point-btn.cheongju {left: 44%;}
    :lang(ja) .map-point-btn.daegu {left: 77%;}
    :lang(ja) .map-point-btn.ulsan {right: -20%;}
    :lang(ja) .map-point-btn.busan {right: -29%;}
    :lang(ja) .map-point-btn.jeju {bottom: 4%;right: -30%;}
}

/*========== Footer ==========*/
:lang(ja) .footer-sec .min-inner .left figure img {max-width: 280px;}
:lang(ja) .footer-sec .min-inner .left figure figcaption {font-size: 15px;}
:lang(ja) .footer-sec .min-inner .right ul li + li {padding-left: 20px;margin-left: 20px;}
:lang(ja) .footer-sec .min-inner .right ul li span {min-width: 50px; font-size: 15px;}
:lang(ja) .footer-sec .min-inner .right ul li:nth-child(1) a {max-width: 100px;}
:lang(ja) .footer-sec .min-inner .right ul li:nth-child(2) a {max-width: 210px;}

@media screen and (max-width: 1520px) {
    :lang(ja) .footer-sec .min-inner > .flex-wrap.between {flex-direction: column;gap: 40px;}
}
@media screen and (max-width: 920px) {
    :lang(ja) .footer-sec .min-inner .left figure figcaption {font-size: 13px; text-align: center;}
    :lang(ja) .footer-sec .min-inner .right ul li span {min-width: 30px; font-size: 14px;}
    :lang(ja) .footer-sec .min-inner .right ul li a {width: 154px;}
    :lang(ja) .footer-sec .min-inner .right ul li + li a {width: 226px;}
    :lang(ja) .footer-sec .min-inner .right ul li + li {padding-left: 0; margin-left: 0;}
    :lang(ja) .footer-sec .min-inner .right ul li + li::before {display: none;}
    :lang(ja).footer-sec .min-inner .right > .flex-wrap {flex-wrap: wrap;gap: 20px;}
}