/*결과통계 페이지 css*/

.avg-domain .db-grid {
    grid-template-columns: 100%;
}
.chart1,.chart2,.chart3 {
    text-align: center;
}

.sChart,.ageChart,.jChart {
    width: 29%;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.result-domain .sChart,.result-domain .ageChart,.result-domain .jChart {
    width: 48%;
}
@media(max-width:970px){
    .sChart,.ageChart,.jChart {
        width: 48%;
    }
}
@media(max-width:500px){
    .sChart,.ageChart,.jChart {
        width: 100%;
    }
    .result-domain .sChart,.result-domain .ageChart,.result-domain .jChart {
        width: 100%;
    }
}

.chartTitle h1 {
    background: linear-gradient(122deg, rgba(16, 107, 181, 1) 0%, rgba(16, 107, 181, 0.9) 100%);
    color: white;
    padding: 6px 20px 6px 20px;
    max-width: fit-content;
    text-align: center;
}

.line {
    border-bottom: 1px solid #d1cfcf;
    width: 90%;
    margin: auto;
}

#age,#position,#mf {
    padding: 0 10px;
}
.ncsSearch_field1 {
display: grid;
grid-template-columns: repeat(6,128px);
font-size: 12px;
justify-content: center;
}
@media(max-width:847px){
    .ncsSearch_field1 {
        grid-template-columns: repeat(4,128px);
    }
}
@media(max-width:500px){
    .ncsSearch_field1 {
        grid-template-columns: repeat(3,128px);
    }
}
@media(max-width:500px){
    .ncsSearch_field1 {
        grid-template-columns: repeat(3,128px);
    }
}
@media(max-width:400px){
    .ncsSearch_field1 {
        grid-template-columns: repeat(2,128px);
    }
}
.ncsSearch_field1 li{
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


.ncsSearch_field1 button{
    width: 100%;
}

.ncsSearch_field1 li button {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 132px;
    padding: 80px 10px 0;
    cursor: pointer;
    color: #555;
    font-size: 14px;
    text-align: center;
    letter-spacing: -1px;
    word-break: break-all;
}
.ncsSearch_field1 li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    text-indent: -9999px;
}
.ncsSearch_field1 li.Icon01 button:before {
    background: url(img/common/Icon01.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon02 button:before {
    background: url(img/common/Icon02.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon03 button:before {
    background: url(img/common/Icon03.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon04 button:before {
    background: url(img/common/Icon04.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon05 button:before {
    background: url(img/common/Icon05.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon06 button:before {
    background: url(img/common/Icon06.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon07 button:before {
    background: url(img/common/Icon07.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon08 button:before {
    background: url(img/common/Icon08.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon09 button:before {
    background: url(img/common/Icon09.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon10 button:before {
    background: url(img/common/Icon10.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon11 button:before {
    background: url(img/common/Icon11.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon12 button:before {
    background: url(img/common/Icon12.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon13 button:before {
    background: url(img/common/Icon13.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon14 button:before {
    background: url(img/common/Icon14.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon15 button:before {
    background: url(img/common/Icon15.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon16 button:before {
    background: url(img/common/Icon16.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon17 button:before {
    background: url(img/common/Icon17.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon18 button:before {
    background: url(img/common/Icon18.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon19 button:before {
    background: url(img/common/Icon19.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon20 button:before {
    background: url(img/common/Icon20.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon21 button:before {
    background: url(img/common/Icon21.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon22 button:before {
    background: url(img/common/Icon22.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon23 button:before {
    background: url(img/common/Icon23.png) no-repeat 35px 30px;
}
.ncsSearch_field1 li.Icon24 button:before {
    background: url(img/common/Icon24.png) no-repeat 35px 30px;
}

.ncsSearch_field1 li button:hover:before {
    background-position-x: -205px;
}