@charset "utf-8";

/* tab css */
.summary-tab {padding-top:50px;white-space: nowrap; overflow:hidden; width:100%; margin-bottom:15px }
.fix-banner-wrap.scroll .summary-tab {padding-top:10px; margin-bottom:0}
.summary-tab ul {overflow-y:auto; border-bottom:1px solid #d2d2d2;-ms-overflow-style: none;  scrollbar-width: none;}
.summary-tab ul::-webkit-scrollbar { display: none;}

.summary-tab ul li {display:inline-block; padding: 10px; font-size:1.5rem; position:relative; font-weight:600;cursor:pointer; transition:color .3s ease }
.summary-tab ul li.select-categ,
.summary-tab ul li:hover:not(.disabled-categ) {color:var(--theme-color);}
.summary-tab ul li.select-categ {font-weight:700;}
.summary-tab ul li.select-categ .material-icons { background: -webkit-linear-gradient(90deg, #37eaff, var(--theme-color) 110%);color: transparent; -webkit-background-clip: text; font-weight:bold;}
.summary-tab ul li:after {transition: background .3s ease}
.summary-tab ul li.select-categ:after,
.summary-tab ul li:hover:not(.disabled-categ):after {position:absolute;bottom:0px; left:2px; width:100%; background:var(--theme-color); height:3px; content:'';z-index:2}
.summary-tab ul li:hover:not(.disabled-categ):after {bottom:-2px}
.summary-tab ul li.disabled-categ {color:#b0b0b0; cursor:no-drop}


@media(max-width:768px) {
    .summary-tab {padding-top:20px}
    .summary-tab ul li {font-size:1.4rem;}
    .summary-tab ul li .material-icons {font-size:17px}
}


@media(max-width:500px) {
    .summary-tab ul li {font-size:1.2rem; padding:5px 10px 8px}
}