.ec-base-tab { position:relative; }
.ec-base-tab .menu { margin:0 0 20px; border-bottom:1px solid #ececec; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.ec-base-tab .menu:after { content:""; display:block; clear:both; }
.ec-base-tab .menu li { float:left; background:#eee; box-sizing:border-box; overflow:hidden; }
.ec-base-tab .menu li a { display:block; min-width:187px; font-size:14px; margin:0 0 0 -1px; padding:10px 5px 10px; color:#000; text-decoration:none; outline:0; text-align:center; background:#f8f8f8; margin-left:1px; }
.ec-base-tab .menu li:first-child a { margin-left:0; }
.ec-base-tab .menu li.selected a { position:relative; color:#fff; background:#333; }
.ec-base-tab .menu li.selected:first-child a { }

.ec-base-tab .menu li span.review_count { display:inline-block; line-height:24px; background:#333; color:#fff; border:1px solid #333; padding:0 7px; border-radius:5px; }
.ec-base-tab .menu li span.qna_count { display:inline-block; line-height:24px; background:#333; color:#fff; border:1px solid #333; padding:0 7px; border-radius:5px; }


.ec-base-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }

/* typeLight */
.ec-base-tab.typeLight .menu li.selected a { margin:0 0 -2px; border-bottom:1px solid #fff; color:#404040; background:#fff; }

/* grid (2~7) */
.ec-base-tab[class*="grid"] .menu { display:table; table-layout:fixed; width:100%; }
.ec-base-tab[class*="grid"] .menu li { float:none; display:table-cell; vertical-align:middle; border:0; }
.ec-base-tab[class*="grid"] .menu li a { display:inline-block; width:100%; min-width:0; padding:11px 0; background:#fafafa; border:0; }
.ec-base-tab[class*="grid"] .menu li.selected { position:relative; border-top-left-radius:10px; border-top-right-radius:10px; box-shadow: 0px -8px 10px -5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -8px 10px -5px rgba(0,0,0,0.1); top:1px; background:#fff; border:1px solid #ccc; border-bottom:0;}
.ec-base-tab[class*="grid"] .menu li:first-child.selected { right:0; }
.ec-base-tab[class*="grid"] .menu li.selected a { position:static; background:none; color:#000; border-bottom:0;}
.ec-base-tab.grid2 .menu li { width:50.5%; }
.ec-base-tab.grid3 .menu li { width:34%; }
.ec-base-tab.grid4 .menu li { width:25.5%; }
.ec-base-tab.grid5 .menu li { width:20.5%; }
.ec-base-tab.grid6 .menu li { width:17%; }
.ec-base-tab.grid7 .menu li { width:14.8%; width:15% \0/; }
.ec-base-tab.grid7 .menu li:first-child { width:13% \0/; }

/* gFlex */
.ec-base-tab.gFlex .menu { display:flex; border-bottom:1px solid #ccc; }
.ec-base-tab.gFlex .menu:after { display:none; }
.ec-base-tab.gFlex .menu li { display:flex; align-items: center; float:none; flex:1; position:relative; border:0; background:#fafafa; }  
.ec-base-tab.gFlex .menu li:last-child { border:0; }  
.ec-base-tab.gFlex .menu li a { width:100%; min-width:0; background:none; word-break:break-all; border:none; margin:0 0 -1px 0;}
.ec-base-tab.gFlex .menu li a:hover { color:#000; font-weight:bold;}
.ec-base-tab.gFlex .menu li a:after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; }
.ec-base-tab.gFlex .menu li.selected { border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0px -8px 10px -5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -8px 10px -5px rgba(0,0,0,0.1); border:1px solid #ccc; border-bottom:none; background:#fff;}
.ec-base-tab.gFlex .menu li.selected a { left:0; color:#222; position: initial; background:#fff; border-top-left-radius: 10px; border-top-right-radius: 10px;}