@charset "UTF-8";

.pa-members input:disabled {color: #000; background-color:#fff;}
.pa-members input:disabled::placeholder{color: #000;}
.pa-members input:disabled::-webkit-input-placeholder{color: #000;}
.pa-members input:disabled::-moz-placeholder{color: #000;}
.pa-members input:disabled:-ms-input-placeholder{color: #000;}
.pa-members input:disabled:-moz-placeholder{color: #000;}

.pa-members #content {max-width: 344px; margin: 0 auto;}
.pa-members .btn.round {border-radius: 10px; -webkit-border-radius: 10px;}
.pa-members .content-header {padding-top: 0;}
.pa-members .content-header h2 {font-size: 1.875rem; text-align: center; padding-top: 190px; padding-bottom: 0;}
.pa-members .content-header .summary {font-size: 0.875rem; text-align: center;}
.pa-members .content-primary {margin: 0 auto;}
.pa-members .content-primary .form-wrap {border-top: 0; padding-top: 16px; margin: 0 auto;}
.pa-members .form-wrap.full .field {padding-left: 0;}
.pa-members .form-wrap .checkbox-wrap .checkbox {margin-top: 11px;}
.pa-members .form-wrap .checkbox-wrap .checkbox label {color: #000;}
.pa-members .form-wrap .checkbox-wrap .checkbox label::before {margin-right: 10px; margin-top: -5px;}
.pa-members .btn-area {padding-top: 25px;}
.pa-members .btn-area.full .btn{width: 100%;}

.pa-members .form-wrap .field.aside{position: relative;padding-right: 108px;}
.pa-members .form-wrap .field.aside .btn {position: absolute;right: 0;top: 20px;width: 100px;height: 54px;line-height: 54px;}
.pa-members .form-wrap .notice-text{font-size: 0.875rem;line-height: 1.75rem;text-align: left;}

.pa-members .form-wrap .btn-area.full + .btn-area.full{padding-top: 55px;}

.pa-members .sort-keyword::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.pa-members .sort-keyword .keyword{display: inline-block;float: left;position: relative;height: 32px;line-height: 32px;padding-right: 29px;padding-left: 13px;color: #68696c;font-size: 0.875rem;background-color: #e7eaf0;border-radius: 8px;-webkit-border-radius: 8px;}
.pa-members .sort-keyword .keyword{margin-top: 10px;margin-right: 6px;}
.pa-members .sort-keyword .keyword .btn-delete{position: absolute;right: 4px;top: 0;width: 25px;height: 32px;background: url('../images/common/ico_close_02.png') 50% 50% no-repeat;}

/* 회원가입 */
.pa-members #content.join.complete{max-width: none;}
.pa-members #content.join.type {max-width: 914px;}
.pa-members .join .content-header .summary{font-size: 0.875rem;line-height: 1.375rem;}
.pa-members .join .content-header .summary .emphasis{border-bottom: 1px solid #3f3f3f;}
.pa-members .join-intro{display: flex; justify-content: space-between; text-align: center;}
.pa-members .join-intro .join-member{display: inline-block;width: 440px;margin: 57px 0 0;padding: 49px 46px 28px;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.pa-members .join-intro .join-member.personal{}
.pa-members .join-intro .join-member.company{}
.pa-members .join-intro .join-member p{padding-top: 87px;font-size: 1rem;line-height: 1.5rem;color: #000;text-align: center;}
.pa-members .join-intro .join-member.personal p{background: url('../images/common/ico_join_01.png') 50% 0 no-repeat;}
.pa-members .join-intro .join-member.company p{background: url('../images/common/ico_join_02.png') 50% 0 no-repeat;}
.pa-members .join-intro .join-member .btn.medium{width: 100%;margin-top: 26px;}
.pa-members .agree-wrap{max-width: 344px;margin: 0 auto;}
.pa-members .agree-wrap .btn.type05{width: 100%;margin-top: 26px;}
.pa-members .agree-wrap .agree-list{padding-bottom: 52px;}
.pa-members .agree-wrap .agree-list li{}
.pa-members .agree-wrap .agree-list li::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.pa-members .agree-wrap .agree-list li .checkbox-wrap{float: left;}
.pa-members .agree-wrap .agree-list li .checkbox-wrap .checkbox{padding-top: 26px;}
.pa-members .agree-wrap .agree-list li .checkbox-wrap label{}
.pa-members .agree-wrap .agree-list li .checkbox-wrap .checkbox label:before{margin-right: 11px;}
.pa-members .agree-wrap .agree-list li.active .checkbox-wrap .checkbox label:before{background: url('../images/common/checkbox_checked.png') 0 0 no-repeat;}
.pa-members .agree-wrap .agree-list li .btn-rules{float: right;display: inline-block;margin-top: 29px;font-size: 0.875rem;line-height: 1.188rem;color: #9f9f9f;border-bottom: 1px solid #9f9f9f;vertical-align: middle;}
.pa-members .agree-wrap .agree-list li.active .btn-rules{color: #ef300a;border-bottom: 1px solid #ef300a;}
.pa-members .agree-wrap .btn.medium{width: 100%;}
.pa-members .agree-wrap .btn.type05.active{background-color: #000;color: #fff;}

/* 로그인 */
.pa-members .join-btn {display: flex; justify-content: space-between;  padding-top: 12px;}
.pa-members .join-btn .link-join {display: inline-block; font-size: 0.875rem; font-weight: 400; color: #ef300a;}
.pa-members .join-btn .link-search {display: inline-block; font-size: 0.875rem; font-weight: 400; color: #000;}
.pa-members .sns-login {display: flex; justify-content: space-between; padding: 57px 20px 0;;}
.pa-members .sns-login li {width: 62px; height: 62px; line-height: 62px; border: 1px solid #e6e5e7; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pa-members .sns-login li a {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%;}
.pa-members .sns-login li.login-facebook a {background-image: url('../images/common/sns_facebook.png');}
.pa-members .sns-login li.login-naver a {background-image: url('../images/common/sns_naver.png');}
.pa-members .sns-login li.login-kakao a {background-image: url('../images/common/sns_kakao.png');}
.pa-members .sns-login li.login-google a {background-image: url('../images/common/sns_google.png');}

/* 아이디 찾기 */
.pa-members .find .content-primary .form-wrap {padding-top: 3px;}
.pa-members .find .tab-wrap .tab {max-width: 344px; overflow: visible;}
.pa-members .find .tab,
.pa-members .find .select-list {height: 54px; line-height: 54px; font-size: 0; margin: 23px auto 0;}
.pa-members .find .select-list {display: block; margin-top: 0;}
.pa-members .find .tab li,
.pa-members .find .select-list li {display: inline-block; width: 50%; text-align: center; border-width: 1px; border-style: solid; border-color: #d2d0d4; overflow: hidden;}
.pa-members .find .tab li:nth-child(1),
.pa-members .find .select-list li:nth-child(1){border-right: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.pa-members .find .tab li:nth-child(2),
.pa-members .find .select-list li:nth-child(2){border-left: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.pa-members .find .tab li a,
.pa-members .find .select-list li button{display: block; width: 100%; background-color: #fff; font-size: 0.875rem; border-radius: 0; border: 0; color: #a3a3a3;}
.pa-members .find .tab li.active,
.pa-members .find .select-list li.active{background-color: #000; border-color: #000; }
.pa-members .find .tab li.active a,
.pa-members .find .select-list li.active button {background-color: inherit; color: #fff;}
.pa-members .find .btn-area {padding-top: 30px;}
.pa-members .find .form-wrap > .btn-area {margin-top:30px;}

/* 아이디 찾기 결과 */
.pa-members .find.result .info {background-color: #f7f7f7; border-radius: 10px; -webkit-border-radius: 10px; padding: 46px 0 50px;}
.pa-members .find.result .info span {display: block; text-align: center;}
.pa-members .find.result .info-wrap p {font-size: 0.875rem; color: #7f7f7f; letter-spacing: -0.03rem; padding-top: 16px;}

/* 아이디찾기 팝업 */
.pop-find.layer-popup .popup-wrap {min-height: 292px;}

/* 회원가입 완료 */
.pa-members .join.complete{}
.pa-members .join.complete .btn-area.full{max-width: 344px;margin: 0 auto;padding-top: 60px;}
.pa-members .join.complete .btn-area.full .btn{}
.pa-members .join.complete .btn-area.full .btn + .btn{margin-top: 20px;margin-left: 0;}


/* 이력서 작성 */
.pa-members #content.resume {max-width: 1104px;}
.pa-members #content.resume .content-header h2 {max-width: 724px; padding-top: 95px;}
.pa-members #content.resume .content-primary .form-wrap {max-width: 724px; margin: 0; padding-top: 27px;}
.pa-members .resume .content-primary {position: relative;}
.pa-members .resume .form-wrap .field.aside .btn {text-align: center;}


/* EXPERT 회원가입 */
.pa-members .join.expert{}
.pa-members .join.expert .form-wrap{}
.pa-members .join.expert .btn-area{padding-top: 60px;}

@media only screen and (min-width: 1224px){
    .pa-members .resume .aside-wrap {max-width: 1104px;  margin-right: -552px;}
    .pa-members .resume .aside-wrap{right:50%; bottom:0px;}
}

@media only screen and (max-width: 1224px){
    .pa-members #content.resume {padding-left: 60px; padding-right: 60px;}
    .pa-members #content.resume .content-header h2 {max-width: 100%;}
    .pa-members #content.resume .content-primary .form-wrap {max-width: 100%;}
}

@media only screen and (max-width: 1034px){
    .pa-members #content.join.type {padding-left: 60px; padding-right: 60px;}
    .pa-members .join-intro .join-member {width: 48%}
    .pa-members .join-intro .join-member p {min-height: 160px;}
}

@media only screen and (min-width: 768px){
    .pa-members .agree-wrap .agree-list li .btn-rules:hover{color: #ef300a;border-bottom: 1px solid #ef300a;}
}

@media only screen and (max-width: 768px){
    .pa-members #content {max-width: 100%; padding-left: 30px; padding-right: 30px;}
    .pa-members #content.join.type{padding-left: 30px; padding-right: 30px;}
    .pa-members .content-header h2  {padding-top: 65px;}
    .pa-members .content-header .summary {/*padding-left: 30px; padding-right: 30px;*/ word-break: keep-all;}
    .pa-members .content-primary .form-wrap {max-width: 100%;}
    .pa-members .form-wrap .field {margin-top: 0;}

    .pa-members .tab-wrap .tab-box .tab li + li {margin-left: 0;}
    .pa-members .join-intro {flex-direction: column;}
	.pa-members .join-intro .join-member{width: 100%;margin-top: 20px;margin-left: 0;margin-right: 0; padding: 40px 25px 28px;}
    .pa-members .join-intro .join-member p {min-height: auto;font-size: 0.875rem;line-height: 1.375rem;}
/*	.pa-members .join .content-header .summary{padding-left: 30px;padding-right: 30px;}*/
    .pa-members .join.complete .btn-area.full{max-width: none;}
    .pa-members .agree-wrap{max-width: 100%;}

    .pa-members .find .tab-wrap .tab {max-width: 100%;}
    .pa-members .find .form-wrap > .btn-area {margin-top: 15px;}

    .pop-find.layer-popup .popup-wrap {min-height: 210px;}
    .pop-find.layer-popup .popup-content .text {line-height: 1.375rem;}

    .pa-members .agree-wrap .agree-list li.active .checkbox-wrap .checkbox label:before{width: 15px;height: 15px;background: url(../images/common/checkbox_checked_m.png) 0 0 no-repeat;-webkit-background-size: 15px auto;background-size: 15px auto;}

    .pa-members #content.resume {padding-left: 30px; padding-right: 30px;}
    .pa-members #content.resume .content-primary .form-wrap {padding-bottom:50px;}
    .pa-members .resume .aside-wrap {right: 0;}
    .pa-members .resume .aside-wrap {right: 0;}
    .pa-members .form-wrap .checkbox-wrap .checkbox label::before{margin-right: 5px;margin-top: -3px;}
    .pa-members #content.resume .content-header h2{padding-top: 58px;font-size: 1.563rem;text-align: left;}
    .pa-members .sort-keyword .keyword .btn-delete{background: url(../images/common/ico_close_02_m.png) 50% 50% no-repeat;-webkit-background-size: 8px auto;background-size: 8px auto;}
}

@media only screen and (max-width: 340px){
    .pa-members .sns-login li {width: 55px; height: 55px;}
    .pa-members .join-btn .link-join,
    .pa-members .join-btn .link-search {font-size: 0.812rem;}
    .pa-members .find.result .info-wrap p{font-size: 0.812rem;}
    .pa-members .resume .major .sub-info {padding: 0 8px;}
    .pa-members input::placeholder {text-indent: 8px;}
}