.skin-red .alert {
    background-color: #f1383c !important;
    border-color: #f1383c !important;
    color: #fff !important
}

.skin-red .end {
    background: #f1383c;
    border-color: #f1383c !important;
    color: #fff
}

.skin-red .prev {
    background: #fff;
    border-color: #f1383c;
    color: #f1383c
}

.skin-red .next {
    background: #f1383c;
    border-color: #f1383c !important;
    color: #fff;
}

.skin-red .num {
    color: #f1383c
}

.skin-red .option-input {
    border-color: #f1383c !important
}

.skin-red .option-input:checked {
    background: #f1383c
}

.skin-red .pagebar span {
    background: #f1383c
}

.skin-red .pagebar span::before {
    background: #f1383c
}

.skin-red .rank-text {
    background-color: #fff !important;
    border: 1px solid #f1383c !important;
    color: #f1383c !important;
}

.skin-red .table_ms tbody .option-input {
    border-color: #f1383c !important
}

.skin-red .table_ms tbody th,
.skin-red .table_ms tbody td::before {
    background: #f1383c
}

.skin-red .table_ut tbody th,
.skin-red .table_ut tbody td::before {
    background-color: #f1383c
}

.skin-red .title_color {
    color: #f1383c;
    font-weight: 700
}

.skin-red input:checked:hover {
    background: #f1383c
}

@media (max-width: 1199px) {

    .skin-red #top_board .tab_title li.on,
    .skin-red #header3>ul {
        background: #f1383c
    }

}

.skin-red .title2 {
    border-left-color: #f1383c
}

.skin-red #ad_content .top_menu .search button,
.skin-red #header3,
.skin-red #tab_menu .tab_title li,
.skin-red #tab_menu .tab_cont .page button,
.skin-red #header3,
.skin-btn .red,
.skin-red .progress_bar span,
.skin-red .progress_bar span::before,
.skin-red #content .btn_wrap .next,
.skin-red .btn_red,
.skin-red .greeting_wrap .logo_wrap .logo strong,
.skin-red #content .option-input:checked,
.skin-red .scale_survey table thead,
.skin-red .scale_survey .answer.scale table tbody td::before,
.skin-red #content .scale_survey table tbody .option-input:checked,
.skin-red #content .address_survey .address h4,
.skin-red #content .option-input:checked:hover,
.skin-red .scale_survey table thead,
.skin-red .scale_survey table thead {
    background: #f1383c
}

.skin-red #content .btn_wrap .prev,
.skin-red #content .btn_wrap .next,
.skin-red .btn_white,
.skin-red .btn_red,
.skin-red #content .answer label.on,
.skin-red #content .option-input,
.skin-red #content .scale_survey table tbody .option-input,
.skin-red #login .login_top input,
.skin-red #project li:hover,
.skin-red #header2 ul li.on {
    border-color: #f1383c !important
}

.skin-red #header,
.skin-red #header2 {
    border-color: #eee !important
}

.skin-red #tab_menu .tab_cont .page span.on,
.skin-red #tab_menu .tab_title li.on,
.skin-red #ad_content .graph_wrap h3,
.skin-red #side_menu .depth1>li.on i,
.skin-red #side_menu .depth2>li.on,
.skin-red .point,
.skin-red .num,
.skin-red #header h2 strong,
.skin-red #header2 ul li.on a,
.skin-red #content .btn_wrap .prev,
.skin-red .btn_white,
.skin-red .notice_wrap .title h3,
.skin-red .notice_wrap .cont li i,
.skin-red #content .card .help,
.skin-red #content .skin-red .option-input::before,
.skin-red .normal_survey .answer .option-input.check:checked::after,
.skin-red .survey_done p,
.skin-red #project .title h3 {
    color: #f1383c
}

.skin-red .progress_bar {
    background: #eee
}

@media all and (max-width: 1199px) {

    .skin-red #top_board .tab_title li.on,
    .skin-red #header3>ul {
        background: #f1383c
    }
}