.form-group.pure-checkbox {
    display    : block;
    overflow-y : hidden;
}

.form-group.pure-checkbox input {
    padding       : 0;
    height        : initial;
    width         : initial;
    margin-bottom : 0;
    display       : none;
    cursor        : pointer;
}

.form-group.pure-checkbox label {
    position      : relative;
    cursor        : pointer;
    font-size     : var(--font-20);
    font-weight   : 500;
    line-height   : var(--line-32);
    margin-bottom : 0;
    white-space: nowrap;
}

.form-group.pure-checkbox label:before {
    content            : '';
    -webkit-appearance : none;
    background-color   : transparent;
    border             : 2px solid var(--basic-gray-medium);
    box-shadow         : 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding            : 12px;
    display            : inline-block;
    position           : relative;
    vertical-align     : middle;
    cursor             : pointer;
    margin-right       : 5px;
    border-radius      : 4px;
}

.form-group.pure-checkbox input:checked + label:before {
    content            : '';
    -webkit-appearance : none;
    background-color   : transparent;
    border             : 2px solid var(--brand-primary);
    box-shadow         : 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding            : 12px;
    display            : inline-block;
    position           : relative;
    vertical-align     : middle;
    cursor             : pointer;
    margin-right       : 5px;
    border-radius      : 4px;
}

.form-group.pure-checkbox input + label::after {
    content      : '';
    display      : block;
    position     : absolute;
    top          : 9px;
    left         : 11px;
    width        : 6px;
    height       : 14px;
    border       : solid var(--basic-gray-medium);
    border-width : 0 2px 2px 0;
    transform    : rotate(45deg);
}

.form-group.pure-checkbox input:checked + label:after {
    content      : '';
    display      : block;
    position     : absolute;
    top          : 9px;
    left         : 11px;
    width        : 6px;
    height       : 14px;
    border       : solid var(--brand-primary);
    border-width : 0 2px 2px 0;
    transform    : rotate(45deg);
}

.form-group.pure-checkbox label > div {
    display     : inline-block;
    line-height : 100%;
}

/*반응형 CSS*/
/* 가로 반응형 */
@media (min-width : 320px) {
    .form-group.pure-checkbox label {
        font-size   : var(--font-16);
        line-height : var(--line-24);
    }


    .form-group.pure-checkbox input + label::after {
        content      : '';
        top          : 5px;
        left         : 11px;
    }

    .form-group.pure-checkbox input:checked + label:after {
        content      : '';
        top          : 5px;
        left         : 11px;
    }
}

@media (min-width : 576px) {
}

@media (min-width : 768px) {
    .form-group.pure-checkbox label {
        font-size   : var(--font-20);
        line-height : var(--line-32);
    }


    .form-group.pure-checkbox input + label::after {
        content      : '';
        top          : 9px;
        left         : 11px;
    }

    .form-group.pure-checkbox input:checked + label:after {
        content      : '';
        top          : 9px;
        left         : 11px;
    }
}

@media (min-width : 992px) {
}

@media (min-width : 1200px) {
}

@media (min-width : 1400px) {
}

/* 높이 반응형 */
@media (max-height : 480px) {
}

@media (min-height : 640px) {
}

@media (min-height : 960px) {
}

@media (min-height : 1024px) {
}