#header>.mid>.f.prodcenter{background:var(--semiBar_fg);}
.main-ctnr{}

.main-ctnr>.cate>.ttl{font-size:calc(var(--fontSize)*1.2);padding:8px 0px;font-weight:bold;}
.main-ctnr>.cate>.ttl::before{content:'\e90f';font-family:mosfont;animation:ttlIcon 1s infinite;margin-right:4px;font-weight:normal;}  

.main-ctnr>.cate>.prods{display:flex;flex-wrap:wrap;gap:16px;padding:0px 16px;}
.main-ctnr>.cate>.prods>.prod{display:flex;width:calc(50% - 8px);border-radius:4px;gap:8px;padding:16px;background:var(--boxBG);border-width:1px;overflow:hidden;}
.main-ctnr>.cate>.prods>.prod:hover{background:var(--boxHovBG);}
.main-ctnr>.cate>.prods>.prod>.l>a>img{width:50px;height:50px;}

.main-ctnr>.cate>.prods>.prod>.r{display:flex;flex-direction:column;max-width:calc(100% - 50px);}
.main-ctnr>.cate>.prods>.prod>.r>*{display:flex;gap:8px;align-items:center;margin-bottom:4px;max-width:100%;}
.main-ctnr>.cate>.prods>.prod>.r>.ttl{margin-bottom:4px;max-width:100%;overflow:hidden;}
.main-ctnr>.cate>.prods>.prod>.r>.ttl>.n{font-size:calc(var(--fontSize)*1.2);font-weight:bold;color:var(--actFG);white-space:nowrap;}
.main-ctnr>.cate>.prods>.prod>.r>.ttl .price{background:var(--green);}
.main-ctnr>.cate>.prods>.prod>.r>.ttl .authed{display:flex;align-items:center;color:var(--green);background:none;white-space:nowrap;text-overflow:ellipsis;}
.main-ctnr>.cate>.prods>.prod>.r>.ttl .authed::before{content:' ';display:block;background-image:url("../_img/tick.png");background-size:cover;width:calc(var(--fontSize)*1.2);height:calc(var(--fontSize)*1.2);}

.main-ctnr>.cate>.prods>.prod>.r .sb, .main-ctnr>.cate>.prods>.prod>.r .sb *{display:flex;align-items:center;background:var(--blue);padding:2px 4px;border-radius:2px;color:var(--white1);font-size:calc(var(--fontSize)*0.86);user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-ctnr>.cate>.prods>.prod>.r .sb *{background:none;height:20px;white-space:nowrap;}

.main-ctnr>.cate>.prods>.prod>.r>.req .sb{background:#ccc;color:#000c;white-space:nowrap;}
.main-ctnr>.cate>.prods>.prod>.r>.tut .sb{background:#e5c9a4;color:var(--black);}
.main-ctnr>.cate>.prods>.prod>.r>.dl .sb{background:#bbb;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-ctnr>.cate>.prods>.prod>.r>.dl .sb.web{background:#14c3ea;color:#000;}
.main-ctnr>.cate>.prods>.prod>.r>.dl .sb::before{content:'\e650';font-family:mosfont;}

.main-ctnr>.cate>.prods>.prod>.r>.extra img{width:20px;}
@keyframes ttlIcon{0%{color:#884106;}50%{color:#ffa500;}100%{color:#884106;}}

@media screen and (max-width:1150px){
    .main-ctnr{padding:0px 0px 0px 8px;}
    .main-ctnr>.cate>.prods>.prod{width:calc(100% - 8px);}
}
@media screen and (min-width:1150px){
    
}