ul.custom-tag-list  {
    position: relative;
    width: 500px;
    height: 500px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

ul.custom-tag-list.inquiry  {
    position: relative;
    width: 100%;
    min-height: 80vh;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.custom-tag-list li {
    display: inline-block;
    padding: 10px;
    background: #f90;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}

.custom-tag-list { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; position: relative; height: 400px; width: 100%; }
.custom-tag-list li { position: absolute; border-radius: 50%; display: block; text-align: center; transition: 0.2s all;  transform-origin: center; transform-style: preserve-3D; }
.custom-tag-list li.alpha { width: 140px; height: 140px; background-color: #0699fe; box-shadow: 0 0 2px rgba(32, 32, 32, 0.9); border: 1px solid rgba(16, 16, 16, 0.8); font-size: 0.9rem; color: white; z-index: 3; }
.custom-tag-list li.beta { width: 120px; height: 120px; background-color: #b8b9ba; box-shadow: 0 0 2px rgba(32, 32, 32, 0.8); border: 1px solid rgba(16, 16, 16, 0.8); font-size: 0.75rem; color: white; z-index: 2; }
.custom-tag-list li.gamma { width: 50px; height: 50px; background-color: #e38548; box-shadow: 0 0 2px rgba(32, 32, 32, 0.75); border: 1px solid rgba(32, 16, 16, 0.8); font-size: 0.25rem; color: white; z-index: 1; }
.custom-tag-list li:hover { color: white; }
.custom-tag-list li:hover a { text-shadow: 0 0 4px rgba(48, 48, 48, 0.8); }
.custom-tag-list li.alpha:hover { width: 160px !important; height: 160px !important; font-size: 1.2rem; z-index: 5; }
.custom-tag-list li.beta:hover { width: 140px !important; height: 140px !important; font-size: 1rem; z-index: 5; }
.custom-tag-list li.gamma:hover { width: 120px !important; height: 120px !important; font-size: 0.9rem; font-size: 1rem; box-shadow: 0 0 6px rgba(248, 248, 248, 0.6); border: 1px solid rgba(160, 160, 96, 0.6); z-index: 5; }
.custom-tag-list li.gamma.sm:hover { width: 110px !important; height: 110px !important; font-size: 0.9rem; }
.custom-tag-list li.gamma.lg:hover { width: 150px !important; height: 150px !important; font-size: 0.9rem; }

.custom-tag-list li.prima { width: 90px; height: 90px; background-color: #b8b9ba; box-shadow: 0 0 2px rgba(32, 32, 32, 0.8); border: 1px solid rgba(16, 16, 16, 0.8); font-size: 0.6rem; color: white; z-index: 7; }
.custom-tag-list li.prima.larger { background-color: #98999a; }
.custom-tag-list li.prima:hover { width: 150px !important; height: 150px !important; font-size: 1rem; box-shadow: 0 0 6px rgba(248, 248, 248, 0.6); background-color: #0699fe; border: 1px solid rgba(160, 160, 96, 0.6); z-index: 10; }
.custom-tag-list li.prima.larger:hover { width: 160px !important; height: 160px !important; z-index: 12; }


.custom-tag-list li a { display: block; width: 100%; height: 100%; line-height: normal; text-decoration: none; color: inherit; font-weight: 600; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }