/* 사용자/관리자 공용 */

/*** 반응형 폼 ***/
.form-responsive > h4 {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0;
    border-bottom: 3px solid #d2d6de;
}

.form-responsive > h4:nth-of-type(n+2) {
    margin-top: 25px;
}

.form-responsive > div {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
}

.form-responsive > div:before, .form-responsive > div:after {
    content: " ";
    display: table;
}

.form-responsive > div:after {
    clear: both;
}

.form-responsive > div > label:first-child {
    float: left;
    width: 14%;
    margin: 0.5em 2% 0 0;
}

.form-responsive > div.text > label:first-child {
    margin-top: 0;
}

.form-responsive > div > label.required:first-child:after {
    content: ' *';
    color: #d00000;
}

.form-responsive > div > label:first-child + div {
    float: left;
    width: 84%;
}

.form-responsive > div > label:first-child + div:after {
    clear: both;
}

.form-responsive > div > p:before, .form-responsive > div > .notice {
    content: '* ';
}

.form-responsive > div > p, .form-responsive > div > div.sub, .form-responsive > div > .notice {
    margin: 40px 0 0 16%;
}

.form-responsive > div > p, .form-responsive > div > .notice {
    color: #1D90CF;
}

.form-responsive > div > div.sub > label {
    margin-bottom: 0;
}

.form-responsive > div.buttons {
    margin: 25px auto 0 auto;
    text-align: center;
    border: 0;
}

.form-responsive .datepicker {
    width: 110px;
    display: inline;
}

/*** 최대폭 제한 대응 (회원 가입 등) ***/
#contents .form-responsive > div > label:first-child {
    width: 22%;
}

#contents .form-responsive > div > label:first-child + div {
    width: 76%;
}

#contents .form-responsive > div > p, #contents .form-responsive > div > div.sub, #contents .form-responsive > div > .notice {
    margin-left: 24%;
}

/*** checkbox 폰트 아이콘 ***/
input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label {
    cursor: pointer;
}

input[type=checkbox] + label:before {
    font-family: 'Material Icons';
    display: inline-block;
}

input[type=checkbox] + label:before {
    content: "\E835";
    color: #cccccc;
    font-size: 24px;
    vertical-align: -20%;
}

input[type=checkbox] + label:before {
    letter-spacing: 4px;
}

input[type=checkbox]:checked + label:before {
    content: "\E834";
    color: #1D90CF
}

input[type=checkbox]:checked + label:before {
    letter-spacing: 4px;
}

/*** radio 폰트 아이콘 ***/
input[type=radio] {
    display: none;
}

input[type=radio] + label {
    cursor: pointer;
}

input[type=radio] + label:before {
    font-family: 'Material Icons';
    display: inline-block;
}

input[type=radio] + label:before {
    content: "\E836";
    color: #cccccc;
    font-size: 24px;
    vertical-align: -20%;
}

input[type=radio] + label:before {
    letter-spacing: 4px;
}

input[type=radio]:checked + label:before {
    content: "\E837";
    color: #1D90CF
}

input[type=radio]:checked + label:before {
    letter-spacing: 4px;
}

input[type=radio] + label {
    margin-right: 10px;
}

/** 폼 항목 단위 조정 **/

/* 전화번호 항목 */
input.input-tel {
    width: 60px;
    display: inline;
}

.form-button-box {
    text-align: center;
    border: none !important;
}

.form-button-box > .btn {
    margin-right: 10px;
}

.form-button-box > .btn:last-child {
    margin-right: 0;
}