html,body{padding:0}body{background-color:var(--color-grey-50);font-family:Pretendard}@media (min-width:800px){body{justify-content:center;align-items:center;font-family:Pretendard;display:flex}}.tier-table{border:none;width:100%}.tier-table th,.tier-table td{padding:15px}.tier-table th{text-align:center;background:var(--color-grey-100);border-top:1px solid #fff;width:100px;font-size:20px;font-weight:500}@media (max-width:800px){.tier-table th{width:40px}}.tier-table th.class-S{color:#fff;background:#f56c6c}.tier-table th.class-A{color:#fff;background:#e6a23c}.tier-table th.class-B{color:#fff;background:#67c23a}.tier-table th.class-C{color:#fff;background:#409eff}.tier-table td{border-top:1px solid var(--color-grey-200)}.tier-table td ul{grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid;overflow:hidden}@media screen and (max-width:800px){.tier-table td ul{grid-gap:15px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.tier-table td ul>li{flex-flow:column;justify-content:flex-start;align-items:center;gap:5px;width:100%;height:140px;display:flex;position:relative}.tier-table td ul>li p.title{width:120%;color:var(--color-grey-700);box-sizing:border-box;word-break:keep-all;text-align:center;background:#ffffffb3;padding:5px 10px;font-size:11px;position:absolute;bottom:0;left:-10%}.tier-table td ul>li .thumb-wrap{width:100%;height:0;padding-top:100%;position:relative}.tier-table td ul>li .thumb-wrap>img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.tier-table td ul>li:first-of-type{margin-left:0}