@charset "utf-8";
/*tab-navs*/
.tab-navs-box{
    margin:15px;
    overflow-x: auto;
}
.tab-navs-box .-tab-nav{
    margin-left:36px;
    text-align:center;
}
.tab-navs-box .-tab-nav .-nav {
    position: relative;
    width: fit-content;
    margin-bottom:10px;
    line-height: 20px;
    white-space: nowrap;
}
.tab-navs-box .-tab-nav .-nav::after {
    content: "";
    position: absolute;
    opacity: 0;
    width: 86%;
    left: 7%;
    bottom: -10px;
    height: 1px;
    background-color: #1B1818;
    z-index: 1;
    transition: transform .45s cubic-bezier(.835, -.005, .06, 1) 0s, opacity .1s ease 1s;
    transform-origin: right;
    transform: scaleX(0);
}
.tab-navs-box .-tab-nav .-nav:hover::after {
    transition: transform .45s cubic-bezier(.835, -.005, .06, 1) 0s, opacity .45s ease 0s;
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
}
.tab-navs-box .-tab-nav .-nav.on::after {
    transition: transform .45s cubic-bezier(.835, -.005, .06, 1) 0s, opacity .45s ease 0s;
    transform-origin: left;
    transform: scaleX(1);
    opacity: 1;
}

/*tab-contents*/
.tab-contents-box .-btn-box .-btn-more-article{
    color:#1B1818;
    letter-spacing: 0.2em;
    padding:16px 36px;
    border: 1px solid #1B1818;
}
.tab-contents-box .-btn-box .-btn-more-product{
    color:#1B1818;
    border-bottom: 1px solid #1B1818;
}