@charset "UTF-8";

#tab-4 {
    padding: 40px 30px 40px;
}
.mb-50{
    margin-bottom: 50px;;
}
.detail-temp b{
    display: block;
    color:#bf1e2d;
}
.total-grapth > li{
    padding: 0 20px;
}
.total-grapth > li:nth-child(1), .total-grapth > li:nth-child(3){
    width: 33%;
    letter-spacing: -1px;
}
.total-grapth > li:nth-child(2){
    width: 33%;
    letter-spacing: -1px;
}
.total-grapth li .detail-score li .item{ width:250px; }
.total-grapth > li:nth-child(3) .detail-score li .item{
    width: 250px;
    letter-spacing: -1px;
}
.noteTextBox{
    background-color: #f9f9f9; 
    color:#666;
    padding: 10px;
    font-size: 14px;
    text-align: left;
}
.crash-typeWrap li .electricCar{
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.4;
    color:#8e8e8e;
}
/* 화재 및 폭발 없음, 고전압 차단 이미지 */
.crash-typeWrap li.bg04{
    background: url('../images/detail/icon-electricity1.png')no-repeat 24px center !important
}
/* 화재발생, 고전압배터리 폭발, 고전압 누설 */
.crash-typeWrap li.bg05{
    background: url('../images/detail/icon-electricity2.png')no-repeat 24px center !important
}

/* 사고예방 안전성 */
.crash .safe-wrap .safety-content{display: none; padding: 155px 55px 40px; overflow: hidden; font-weight: bold;}

.crash .safe-wrap.safety11 .safety-button{background: url('../images/detail/safety11.png')no-repeat 64px center;}
.crash .safe-wrap.safety12 .safety-button{background: url('../images/detail/safety12.png')no-repeat 64px center;}
.crash .safe-wrap.safety13 .safety-button{background: url('../images/detail/safety13.png')no-repeat 64px center;}
.crash .safe-wrap.safety14 .safety-button{background: url('../images/detail/safety14.png')no-repeat 64px center;}
.crash .safe-wrap.safety15 .safety-button{background: url('../images/detail/safety15.png')no-repeat 64px center;}
.crash .safe-wrap.safety16 .safety-button{background: url('../images/detail/safety16.png')no-repeat 64px center;}
.crash .safe-wrap.safety17 .safety-button{background: url('../images/detail/safety17.png')no-repeat 64px center;}
.crash .safe-wrap.safety18 .safety-button{background: url('../images/detail/safety18.png')no-repeat 64px center;}
.crash .safe-wrap.safety19 .safety-button{background: url('../images/detail/safety19.png')no-repeat 64px center;}
.crash .safe-wrap.safety20 .safety-button{background: url('../images/detail/safety20.png')no-repeat 64px center;}
.crash .safe-wrap.safety21 .safety-button{background: url('../images/detail/safety21.png')no-repeat 64px center;}
.crash .safe-wrap.safety22 .safety-button{background: url('../images/detail/safety22.png')no-repeat 64px center;}
.crash .safe-wrap.safety23 .safety-button{background: url('../images/detail/safety23.png')no-repeat 64px center;}
.crash .safe-wrap.safety24 .safety-button{background: url('../images/detail/safety24.png')no-repeat 50px center;}
.crash .safe-wrap.safety25 .safety-button{background: url('../images/detail/safety25.png')no-repeat 50px center;}
.crash .safe-wrap.safety26 .safety-button{background: url('../images/detail/safety26.png')no-repeat 50px center;}
.crash .safe-wrap.safety27 .safety-button{background: url('../images/detail/safety26.png')no-repeat 50px center;}

.crash .safe-wrap.safety11 .safety-button.active{background: #202020 url('../images/detail/safety11-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety12 .safety-button.active{background: #202020 url('../images/detail/safety12-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety13 .safety-button.active{background: #202020 url('../images/detail/safety13-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety14 .safety-button.active{background: #202020 url('../images/detail/safety14-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety15 .safety-button.active{background: #202020 url('../images/detail/safety15-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety16 .safety-button.active{background: #202020 url('../images/detail/safety16-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety17 .safety-button.active{background: #202020 url('../images/detail/safety17-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety18 .safety-button.active{background: #202020 url('../images/detail/safety18-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety19 .safety-button.active{background: #202020 url('../images/detail/safety19-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety20 .safety-button.active{background: #202020 url('../images/detail/safety20-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety21 .safety-button.active{background: #202020 url('../images/detail/safety21-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety22 .safety-button.active{background: #202020 url('../images/detail/safety22-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety23 .safety-button.active{background: #202020 url('../images/detail/safety23-on.png')no-repeat 64px center;}
.crash .safe-wrap.safety24 .safety-button.active{background: #202020 url('../images/detail/safety24-on.png')no-repeat 50px center;}
.crash .safe-wrap.safety25 .safety-button.active{background: #202020 url('../images/detail/safety25-on.png')no-repeat 50px center;}
.crash .safe-wrap.safety26 .safety-button.active{background: #202020 url('../images/detail/safety26-on.png')no-repeat 50px center;}
.crash .safe-wrap.safety27 .safety-button.active{background: #202020 url('../images/detail/safety26-on.png')no-repeat 50px center;}


@media screen and (max-width: 1200px) {
    .total-grapth > li:nth-child(1), .total-grapth > li:nth-child(3){
        width: 100%;
    }
    .total-grapth > li:nth-child(2){
        width: 100%;
    }
    .total-grapth > li:nth-child(3) .detail-score li .item{
        width: auto;
    }

    .crash .safe-wrap.safety11 .safety-button{background: url('../images/detail/safety11.png')no-repeat 13px center;}
    .crash .safe-wrap.safety12 .safety-button{background: url('../images/detail/safety12.png')no-repeat 15px center;}
    .crash .safe-wrap.safety13 .safety-button{background: url('../images/detail/safety13.png')no-repeat 15px center;}
    .crash .safe-wrap.safety14 .safety-button{background: url('../images/detail/safety14.png')no-repeat 2px center;}
    .crash .safe-wrap.safety15 .safety-button{background: url('../images/detail/safety15.png')no-repeat 13px center;}
    .crash .safe-wrap.safety16 .safety-button{background: url('../images/detail/safety16.png')no-repeat 15px center;}
    .crash .safe-wrap.safety17 .safety-button{background: url('../images/detail/safety17.png')no-repeat 15px center;}
    .crash .safe-wrap.safety18 .safety-button{background: url('../images/detail/safety18.png')no-repeat 15px center;}
    .crash .safe-wrap.safety19 .safety-button{background: url('../images/detail/safety19.png')no-repeat 15px center;}
    .crash .safe-wrap.safety20 .safety-button{background: url('../images/detail/safety20.png')no-repeat 15px center;}
    .crash .safe-wrap.safety21 .safety-button{background: url('../images/detail/safety21.png')no-repeat 15px center;}
	.crash .safe-wrap.safety22 .safety-button{background: url('../images/detail/safety22.png')no-repeat 15px center;}
	.crash .safe-wrap.safety23 .safety-button{background: url('../images/detail/safety23.png')no-repeat -7px center;}
	.crash .safe-wrap.safety24 .safety-button{background: url('../images/detail/safety24.png')no-repeat 15px center;}
	.crash .safe-wrap.safety25 .safety-button{background: url('../images/detail/safety25.png')no-repeat -10px center;}
	.crash .safe-wrap.safety26 .safety-button{background: url('../images/detail/safety26.png')no-repeat 4px center;}
	.crash .safe-wrap.safety27 .safety-button{background: url('../images/detail/safety26.png')no-repeat 4px center;}

    .crash .safe-wrap.safety11 .safety-button.active{background: #202020 url('../images/detail/safety11-on.png')no-repeat 13px center;}
    .crash .safe-wrap.safety12 .safety-button.active{background: #202020 url('../images/detail/safety12-on.png')no-repeat 15px center;}
    .crash .safe-wrap.safety13 .safety-button.active{background: #202020 url('../images/detail/safety13-on.png')no-repeat 15px center;}
    .crash .safe-wrap.safety14 .safety-button.active{background: #202020 url('../images/detail/safety14-on.png')no-repeat 2px center;}
    .crash .safe-wrap.safety15 .safety-button.active{background: #202020 url('../images/detail/safety15-on.png')no-repeat 13px center;}
    .crash .safe-wrap.safety16 .safety-button.active{background: #202020 url('../images/detail/safety16-on.png')no-repeat 15px center;}
    .crash .safe-wrap.safety17 .safety-button.active{background: #202020 url('../images/detail/safety17-on.png')no-repeat 15px center;}
    .crash .safe-wrap.safety18 .safety-button.active{background: #202020 url('../images/detail/safety18-on.png')no-repeat 15px center;}
    .crash .safe-wrap.safety19 .safety-button.active{background: #202020 url('../images/detail/safety19-on.png')no-repeat 15px center;}
    .crash .safe-wrap.safety20 .safety-button.active{background: #202020 url('../images/detail/safety20-on.png')no-repeat 15px center;}
    .crash .safe-wrap.safety21 .safety-button.active{background: #202020 url('../images/detail/safety21-on.png')no-repeat 15px center;}
	.crash .safe-wrap.safety22 .safety-button.active{background: #202020 url('../images/detail/safety22-on.png')no-repeat 15px center;}
	.crash .safe-wrap.safety23 .safety-button.active{background: #202020 url('../images/detail/safety23-on.png')no-repeat -7px center;}
	.crash .safe-wrap.safety24 .safety-button.active{background: #202020 url('../images/detail/safety24-on.png')no-repeat 15px center;}
	.crash .safe-wrap.safety25 .safety-button.active{background: #202020 url('../images/detail/safety25-on.png')no-repeat -10px center;}
	.crash .safe-wrap.safety26 .safety-button.active{background: #202020 url('../images/detail/safety26-on.png')no-repeat 4px center;}
	.crash .safe-wrap.safety27 .safety-button.active{background: #202020 url('../images/detail/safety26-on.png')no-repeat 4px center;}

}

.ly-part-name{
    display: flex;
    justify-content: space-between;
    margin: 0 0 60px 0;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #869fb3;
    border-radius: 10px;;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.ly-part-name span{
    color:#fff;
}