body {
    background: #000;
    color: #fff; overflow-x:hidden;
    font-size:15px;
    font-family: "NVIDIA", "맑은고딕", "Malgun Gothic", "Trebuchet MS", "Malgun", "Trebuchet MS", "Microsoft JhengHei ", "微軟正黑體", " Heiti TC ", "黑體-繁", "Arial Unicode", sans-serif !important;
}

body.bgart {
    background: #000 url(../img/bg_art.jpg) center no-repeat fixed;
}

.navbar-brand {padding: 6px 0;}
.navbar-brand img {height:40px;}

.navbar {background:#1F1F1F; border-radius:0; border:none; padding:0; margin:0;box-shadow: 0px -17px 65px #000;}
.navbar-default .navbar-nav>li>div {padding:14px 14px 0 14px;}
.navbar-default .navbar-nav>li>a {color: #fff;}
.navbar-default .navbar-nav>li:last-child >a {border-right:0}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #76B900;background: none;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #76B900;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #343434;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #343434;}
.navbar-default .navbar-toggle {border-color: #333333;}
.nav>li {border-top: 1px #2F2F2F solid;}
.navbar-nav {margin: 0px -15px;}

.errorbar {
    background: #A94442;
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 18px;
}

.btn-default {
    background-color: #7FBD04;
    color: #FFF;
    border:0;
    border-radius:0;
    font-weight: bold;
    box-shadow: 0 0 2px 1px #111;

}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {color: #FFF; background-color: #619800; border-color: #76B900;}
.btn-lg {padding: 10px 18px;}

#title-block {position:absolute; margin:70px 60px;}
#title-block .nv-green {max-width:425px;}
#landing-kv {margin-left:90px;}
.landing-kv-corner {position: absolute; bottom: 70px; right: 0;}

.copyright {
    font-size: 12px;
    color: #666;
    text-align: left;
    line-height: 14px;
    margin: 8px;
    font-weight: normal;
    max-width:580px;
}

.g-recaptcha {
    transform:scale(0.94);
    transform-origin:0 0;
}


@media (max-width: 767px) {
    #title-block {
        margin:55px 0;
    }
    .font-40, .font-35 {font-size:25px; line-height:30px;}
    .font-40 .super {
        font-size: 10px;
        vertical-align: 10px;
    }
    .btn-lg {
        padding: 6px 30px;
    }
    #landing-kv {
        margin-top: 150px;
        margin-left:0;
        width:100%
    }
}

/*======================= dialogs ======================= */
.ui-dialog {
    background: #464E51;
    border: 1px solid #2C3230;
    z-index: 2;
    box-shadow: 4px 6px 30px #000;
}
.ui-dialog > .ui-dialog-content {
    background: #222629;
    box-shadow: 0 0 5px 2px #000;
    margin: 8px;
    padding: 35px;
    font-size: 17px;
    line-height: 28px;
}

.ui-dialog > .ui-dialog-content h1 {
    font-size: 26px;
    font-weight: bold;
    color: #76B900;
}

.ui-dialog > .ui-dialog-content > .character {
    position: absolute;
    bottom: -50px;
}

.transparentDialog {
    background: rgba(0, 0, 0, 0.70);
    padding: 15px 35px 35px;
    border: 1px solid #424242;
    margin-bottom: 100px;
}

.transparentDialog .ui-dialog-content{
    background: rgba(0, 0, 0, 0);
    padding: 15px 35px 35px;
    margin: 0;
    box-shadow: none;
}

.noTitleStuff .ui-dialog-titlebar {display:none}

.dialogTitle {height: 90px;}
.dialogTitle.singleLine {height: 66px;}

.dialogTitle > img, .dialogTitle > div{
    float: left;
}
.dialogTitle > div{
    margin:12px;
}

.question-block:first-child {border-top:3px solid #76B900;}
.question-block {
    background: rgba(33, 35, 39, 0.86);
    padding: 15px 30px;
    border-bottom: 1px solid #181A1D;
    border-top: 1px solid #262B2F;
    margin: 0 15px;

}
.question {font-weight:bold;}
.question div {display:inline-block;}
.question-options {padding-left:30px; font-size:14px}
.question-hint {color:#777;}
.question-options .radio {margin:0;}

/* Table */
.table {
    border-spacing: 2px;
    border-collapse: separate;
}
.table>thead>tr>th {
    border-bottom: 0;
}
.table > thead > tr > th {
    background: rgba(101, 158, 1, 0.80);
    border-top:0;
}

.table > tbody > tr > td {
    border-top:0;
}
.table > thead > tr > th, .table > tbody > tr > td {
    text-align: center;
}
.table > tbody > tr > td:nth-child(2) {text-align: left;}
.table > tbody > tr > td:nth-child(2) img {margin-left: 30px;}

.table > tbody > tr > td img{
    height: 30px;
    margin: 0 5px 0 0;
}

.table > tbody > tr:nth-child(even) {
    background: rgba(37, 41, 44, 0.80);
    border-top:0;
}

.table > tbody > tr:nth-child(odd) {
    background: rgba(31, 35, 38, 0.80);
    border-top:0;
}

@media (max-width: 480px) {
    .transparentDialog {padding: 0;}
    .table > tbody > tr > td, .table > thead > tr > th {padding-left: 5px!important;}
    .table > tbody > tr > td:nth-child(2) img {margin-left: 5px;}
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        margin-top: 13px;
        border-right: 1px solid #333;
        padding: 0 15px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    #landing-kv {right:0; margin-left:0; margin-bottom:160px; }
}

@media (max-width: 991px) and (min-width: 768px) {
    #title-block {
        margin-top:25px;
    }

    .landing-kv-corner {
        bottom:111px;
    }

    #landing-kv {
        margin-top: 75px;
        margin-left:30px;
        margin-bottom: 185px;
        width:100%
    }
}