.flexList > .box > .num { background: var(--pointcolor); color: var(--backcolor); width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding-bottom: 10px; }
.flexList > .arrow { padding-bottom: 60px; }

hr.border { display: block; height: 1px; background: #e0e0e0; border: 0; }
.cursor { cursor: pointer; }
.prvbox { min-height: 200px; overflow-y: scroll; line-height: 1.5; background: #f7f7f7; }

.filerow { border-bottom: 1px solid var(--subcolor); }
.filerow .inputwrap { position: relative; }
.filerow .inputwrap input[type=file] { position: absolute; width: 1px; height: 1px; opacity: 0; }

.fieldrow .field { border: 0; outline: 0; background: #f7f7f7; padding: .5rem 1rem; }
.fieldrow input[type=text].field { min-height: 40px; max-height: 40px; }
.fieldrow textarea.field { min-height: 150px; max-height: 150px; overflow-y: scroll; resize: none; }
.fieldrow textarea.field::-webkit-scrollbar { display: none; }
.fieldrow .inputwrap { display: flex; align-items: center; }
.fieldrow .inputwrap input[type=checkbox], .fieldrow .inputwrap input[type=radio] { width: 1px; height: 1px; opacity: 0; }
.fieldrow .inputwrap input[type=checkbox] ~ label, .fieldrow .inputwrap input[type=radio] ~ label { cursor: pointer; }
.fieldrow .inputwrap input[type=checkbox] ~ label.boxLabel, .fieldrow .inputwrap input[type=radio] ~ label.boxLabel { position: relative; display: inline-block; width: 30px; height: 30px; background: #f7f7f7; cursor: pointer; }
.fieldrow .inputwrap input[type=checkbox] ~ label.boxLabel::after,
.fieldrow .inputwrap input[type=radio] ~ label.boxLabel::after
{ position: absolute; content: ''; display: block; width: 100%; height:100%; background-image: url("/img/sub/community/modelRecruit/ico_check.png"); background-position: center; background-repeat: no-repeat; transform: scale(0); transition: transform .15s ease; }
.fieldrow .inputwrap input[type=checkbox] ~ label.textLabel, .fieldrow .inputwrap input[type=radio] ~ label.textLabel { margin-left: 1rem; }
.fieldrow .inputwrap input[type=checkbox]:checked ~ label.boxLabel::after, .fieldrow .inputwrap input[type=radio]:checked ~ label.boxLabel::after { transform: scale(.8); }
.fieldrow .inputwrap input[type=checkbox]:checked ~ label.textLabel, .fieldrow .inputwrap input[type=radio]:checked ~ label.textLabel { font-weight: 700; }

.addrBox { position: relative; }
.addr_list { display: none; position: absolute; top: 0; left: 20%; width: 50%; max-height: 300px; overflow-y: scroll; z-index: 150; box-sizing: border-box; border: 1px solid #999; padding: 0; }
.addr_list > img { position: absolute; width: 20px; height: 20px; right: 0; top: -1px; z-index: 1; cursor: pointer; }

.btnsubmit { padding: 1rem 6rem; border-radius: 2rem; }

#mid { background-image: url("/img/sub/community/modelRecruit/subMidBg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
#captcha > * { margin: 5px auto !important; }
@media (max-width: 990px){

    #chkPhoto .width35 { width: 60%; }
    #chkPhoto i > img { transform: scale(.8); }
    #chkPhoto .filerow .width15 { width: 20%; }
    #chkPhoto .filerow .width70 { width: 60%; }

    #privacy .fieldrow { flex-wrap: wrap; }
    #privacy .fieldrow > .width25 { width: 100%; justify-content: center; }
}
@media (max-width: 768px){

    .flexList > .box > .num { width: 40px; height: 40px; padding-bottom: 5px; }

    #chkPhoto .width35 { width: 100%; }
    #chkPhoto i > img { transform: scale(.6); }
    #chkPhoto .filerow .width15 { width: 25%; }
    #chkPhoto .filerow .width70 { width: 50%; }

    #resume .fieldrow { flex-wrap: wrap; }
    #resume .fieldrow .width50 { width: 100%; margin-bottom: 1rem; }
    #resume .fieldrow .width50 > .width20 { width: 35%; }
    #resume .fieldrow .width50 > .width60 { width: 65%; }

    .fieldrow .inputwrap input[type=checkbox] ~ label.boxLabel, .fieldrow .inputwrap input[type=radio] ~ label.boxLabel
    { transform: scale(.8); }
    .fieldrow textarea.field { min-height: 80px; }
    .prvbox { min-height: 150px; }
    .btnsubmit { max-width: 80%; }
}