@charset "utf-8";

body.skin-dark {
    background-color: #000;
    color: #fff;
}

.skin-dark a {
    color: #fff;
}

.skin-dark .color1 {
    color:#ff5b5b !important;
}


/* ----------------------------------------------------------------------
    폼
----------------------------------------------------------------------- */
/* input */
.skin-dark input[type='tel'],
.skin-dark input[type='text'],
.skin-dark input[type='email'],
.skin-dark input[type='password'],
.skin-dark input[type='search'],
.skin-dark input[type='number'] {
    color: #fff;
}

.skin-dark textarea {
    color: #fff;
}

.skin-dark select {
    color:#fff;
}


/* ----------------------------------------------------------------------
    페이지 공통
----------------------------------------------------------------------- */
/* 리스트 유형2 */
.skin-dark .c-list2 ul .item .user {
    background-image: url('../img/user-user-dark.svg');
}

.skin-dark .c-list2 ul .item:hover {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.5);
}


/* 리스트 유형4 */
.skin-dark .c-list4 .item .list-bottom .link>a {
    background-color: #000;
    color: #fff;
}

/* 테이블 유형2 */
.skin-dark .c-table2 table tbody th,
.skin-dark .c-table2 table tbody td {
    background-color: #C4C4C4;
    color: #000;
}

.skin-dark .c-table2 table a {
    color: #000;
}


/* ----------------------------------------------------------------------
    헤더
----------------------------------------------------------------------- */
.skin-dark #header .header-body .mode {
    background-image: url('../img/icon-sun.svg');
}


/* ----------------------------------------------------------------------
    신청 완료
----------------------------------------------------------------------- */
.skin-dark .complete-application p::before,
.skin-dark .complete-application p::after {
    background-color: rgba(255, 255, 255, 0.5);
}

.skin-dark .complete-application p span {
    color: #ff3d00;
}

/* ----------------------------------------------------------------------
    응시 기간
----------------------------------------------------------------------- */
.skin-dark .exam-period .add-file input[type='file'] {
    background-color:#000;
}


/* ----------------------------------------------------------------------
    이메일 SNS 보내기
----------------------------------------------------------------------- */
.skin-dark .send-sns .sns-recipient .target {
    border-color: #c4c4c4;
}


/* ----------------------------------------------------------------------
    회원가입 / 로그인
----------------------------------------------------------------------- */
.skin-dark .join-complete p strong {
    color:#ff5b5b;
}

.skin-dark .email-chk .join-chk {
    color:#fff;
}

.skin-dark .email-chk .join-chk input[type='checkbox']+span i.chk {
    border-color:rgba(255, 255, 255, 0.6);
}

@media only screen and (max-width: 1024px) {

    /* ----------------------------------------------------------------------
        폼
    ----------------------------------------------------------------------- */
    /* button */
    .skin-dark .btn-wrap.m-fixed {
        background-color: #000 !important;
    }


    /* ----------------------------------------------------------------------
        페이지 공통
    ----------------------------------------------------------------------- */
    /* 테이블 유형1 */
    .skin-dark .c-table1 table tbody td .date {
        color: rgba(255, 255, 255, 0.6);
    }


    /* 리스트 유형5 */
    .skin-dark .c-list5 .btn {
        color:#fff;
    }

    .skin-dark .c-list5 .btn.btn-delete {
        background-image: url('../img/btn-delete-dark.svg');
        color:transparent;
    }

    /* ----------------------------------------------------------------------
        헤더
    ----------------------------------------------------------------------- */
    .skin-dark #nav ul li>a {
        background-color: #000;
    }


    /* ----------------------------------------------------------------------
        게시판
    ----------------------------------------------------------------------- */
    /* 게시판 버튼 */
    .skin-dark .btn-board .btn:not(:last-child) {
        border-color: #fff;
        color: #fff;
    }


    /* ----------------------------------------------------------------------
        문제풀기
    ----------------------------------------------------------------------- */
    .skin-dark .c-solve-submit .add-file {
        border-color: #fff;
    }

    /* ----------------------------------------------------------------------
        제출답안
    ----------------------------------------------------------------------- */
    .skin-dark .submit-answer-header {
        background-color: transparent;
    }

    .skin-dark .submit-answer-header .inner {
        background-image: url('../img/icon-user2.svg');
        color: #fff;
    }


    /* ----------------------------------------------------------------------
        이메일 SNS 보내기
    ----------------------------------------------------------------------- */
    .skin-dark .send-sns .sns-recipient .target {
        background-color: #fff;
        color: #000;
    }


    /* ----------------------------------------------------------------------
        강제탈퇴
    ----------------------------------------------------------------------- */
    .skin-dark .withdrawal .txt::before,
    .skin-dark .withdrawal .txt::after {
        background-color: rgba(255, 255, 255, 0.28);
    }
}