/* 회원가입 */
.program-signup .signup-setp{display:flex;min-width:100%;margin-bottom:40px;}
.program-signup .signup-setp .step-item{flex:1 0 auto;padding:30px 0;text-align:center;border:1px solid #dcdcdc;border-radius:20px}
.program-signup .signup-setp .step-item ~ .step-item{position:relative;margin-left:5%}
.program-signup .signup-setp .step-item ~ .step-item::before{content:'';position:absolute;top:40px;left:-14%;width:14px;height:27px;background:url(../../../../images/name/user/metclub/program/step-next.png) no-repeat 0 0;}
.program-signup .signup-setp .step-number{display:inline-block;width:42px;height:51px;line-height:40px;font-weight:500;font-size:17px;color: #787878;;background:url(../../../../images/name/user/metclub/program/step-gray.png) no-repeat 0 0}
.program-signup .signup-setp .step-text{display:inline-block;margin-left:15px;vertical-align:-5px;font-size:18px;color:#787878}
.program-signup .signup-setp .is-selected{background-color: #ef822f;border-color: #ef822f;}
.program-signup .signup-setp .is-selected .step-number{color:#fff;background:url(../../../../images/name/user/metclub/program/step-black.png) no-repeat 0 0}
.program-signup .signup-setp .is-selected .step-text{color:#fff}
.program-signup .button-container{margin-top:40px}
@media screen and (max-width:1000px) {
    .program-signup .signup-setp{margin-bottom:20px}
    .program-signup .signup-setp .step-item{border-radius:0;padding:0;border:none}
    .program-signup .signup-setp .step-item ~ .step-item::before{top:0px;width:10px;height:20px;background-size:100% auto;}
    .program-signup .signup-setp .step-text{vertical-align:-2px;margin-left:10px;font-weight:500;font-size:16px;color:#666}
    .program-signup .signup-setp .step-number{display:block;margin:0 auto 10px;width:20px;height:20px;border-radius:100%;line-height:20px;font-size:10px;background:#efefef;}
    .program-signup .signup-setp .is-selected{display:block;background-color:#fff}
    .program-signup .signup-setp .is-selected .step-number{background:#ef822f;}
    .program-signup .signup-setp .is-selected .step-text{color:#ef822f}
}
/* 회원가입 step 4 - 가입완료 */
.program-signup .signup-complete{padding:70px 0;text-align:center;border:1px solid #dcdcdc;background-color:#f9f9f9}
.program-signup .signup-complete .complete-title{display:block;margin-top:30px;font-size:27px;color:#000}
.program-signup .signup-complete .complete-title b{font-weight:600}
.program-signup .signup-complete .complete-text{margin-top:20px;line-height:150%;text-align:center;font-size:16px}
@media screen and (max-width:1000px) {
    .program-signup .signup-complete .complete-title{font-size:24px;}
}
/* 회원가입 step 3 - 가입클럽 선택 */
.program-signup .signup-club{padding:10px 35px;border-top:2px solid #ef822f;background-color:#f9f9f9}
.program-signup .signup-club .club-row{display:flex;flex-wrap:wrap;min-width:100%;padding:15px 0}
.program-signup .signup-club .club-row ~ .club-row{border-top:1px dashed #dcdcdc}
.program-signup .signup-club .club-row .label{position:relative;min-width:150px;padding:20px 0 0 18px;font-size:17px}
.program-signup .signup-club .club-row .label::before{content:'';position:absolute;top:23px;left:0;width:13px;height:13px;border:3px solid #4c4e50;border-radius:100%}
.program-signup .signup-club .club-row .list{display:flex;flex-wrap:nowrap;flex:1 0 auto;}
.program-signup .signup-club .club-row .list label{flex:0 0 auto;display:inline-block;width:19%;padding:15px 20px;font-size:16px;color:#666;border-radius:10px;background-color:#fff;border:1px solid #cbcbcb}
.program-signup .signup-club .club-row .list label ~ label{margin-left:1.25%;}
.program-signup .signup-club .club-row .list label span{vertical-align:-7px;margin-right:7px;width:27px;height:27px;padding:0;border-radius:100%;border:0;background:#e1e1e1 url(../../../../images/name/user/metclub/program/club-check.png) no-repeat 50% 50%}
.program-signup .signup-club .club-row .list label span::before{display:none}
.program-signup .signup-club .club-row .list label input:checked+span{border:0;background-color:#ef822f}
.program-signup .signup-club .club-row .list label.is-selected{border-color:#515251;background-color:#515251;color:#fff;box-shadow:2px 5px 10px 0 rgba(0, 0, 0, 0.25)}
@media screen and (max-width:1050px) {
    .program-signup .signup-club{padding:0 10px;background-color:transparent}
    .program-signup .signup-club .club-row .label{padding-top:12px;}
    .program-signup .signup-club .club-row .label::before{top:15px}
    .program-signup .signup-club .club-row .list label{padding: 10px;font-size:14px;border-radius:5px;}
    .program-signup .signup-club .club-row .list label ~ label{margin-left: 5px;}
    .program-signup .signup-club .club-row .list label span{width:20px;height:20px;vertical-align:-5px;background-size:10px}
}
@media screen and (max-width:890px) {
    .program-signup .signup-club .club-row{display:block}
    .program-signup .signup-club .club-row .label{padding:0 0 0 18px;margin-bottom:10px}
    .program-signup .signup-club .club-row .label::before{top:3px}
    .program-signup .signup-club .club-row .list label{flex:0 0 auto;width:auto;padding:5px 7px;}
}
/* 회원가입 step 2 - 회원정보 입력 */
.program-signup .signup-personal{border-top:2px solid #ef822f}
@media screen and (max-width:620px) {
.program-signup .signup-personal{padding:0 20px}
}
/* 회원가입 step 1 - 약관동의*/
.program-signup .signup-termsuse{padding:0 35px;border:1px solid #dcdcdc;border-top:2px solid #000}
.program-signup .signup-termsuse h2{font-weight:500;font-size:24px;color:#000}
.program-signup .signup-termsuse h3{font-weight:500;font-size:21px;color:#d9782d}
.program-signup .signup-termsuse .signup-termsuse-head{padding: 35px 0}
.program-signup .signup-termsuse .signup-termsuse-body{overflow-y:scroll;height: 350px;padding: 0 20px 35px;}
.program-signup .signup-termsuse .signup-termsuse-body h2{margin-bottom:10px}
.program-signup .signup-termsuse .signup-termsuse-body h3{margin-bottom:10px}
.program-signup .signup-termsuse .signup-termsuse-body *+h2{margin-top:30px} 
.program-signup .signup-termsuse .signup-termsuse-body *+h3{margin-top:20px}
.program-signup .signup-termsuse .signup-termsuse-foot{display: flex;flex-direction: column;align-items: center;font-size:16px;padding:35px 0;text-align:center;border-top:1px solid #dcdcdc}
.program-signup .signup-termsuse .signup-termsuse-text{font-size: 18px;color: #000;}
.program-signup .signup-termsuse .signup-termsuse-confirm{margin-top:15px}
.program-signup .signup-termsuse .signup-termsuse-confirm .confirm-button{padding: 10px 15px;width:120px;text-align: center;background-color:#fff;border:1px solid #dcdcdc;border-radius: 5px;font-size: 15px;color: #000;}
.program-signup .signup-termsuse .signup-termsuse-confirm .confirm-button.is-selected{background-color:#515251;color:#fff}
.program-signup .signup-termsuse ~ .signup-termsuse{margin-top:50px}
@media screen and (max-width:1000px) { 
    .program-signup .signup-termsuse{padding:0 20px}
    .program-signup .signup-termsuse .signup-termsuse-body{height:200px;padding:0}
}
/* Account 박스 */
.program-memberbox{padding: 70px 20px;border-top:2px solid #dd791d;background-color:#f9f9f9;}
.program-memberbox .memberbox-title{margin-bottom:20px;text-align:center;font-weight: 500;font-size:27px;color:#000}
.program-memberbox .memberbox-title img{display:block;margin:0 auto 15px}
.program-memberbox .memberbox-text{line-height:150%;text-align:center;font-size:16px}
.program-memberbox .memberbox-text br{display:none}
@media screen and (max-width:1000px) { 
    .program-memberbox .memberbox-text br{display:block} 
}
.program-memberbox .memberbox-submit{display:inline-block;width:100%;padding:25px 0;margin-top:15px;border-radius:5px;text-align:center;font-weight:500;font-size:18px;color:#fff;background-color:#dd791d}
.program-memberbox .memberbox-selectUtil{display:flex;justify-content:center;padding:15px 0;margin-top:15px}
.program-memberbox .memberbox-selectUtil label{flex:0 0 auto;display:inline-block;margin-right:10px;font-size:16px;color:#666}
.program-memberbox .memberbox-selectUtil label ~ label{margin-left:30px}
.program-memberbox .memberbox-findAccount{padding:15px 0;margin-top:15px;text-align:center;border:1px solid #dcdcdc}
.program-memberbox .memberbox-findAccount a{position:relative;display:inline-block;padding:10px 15px;font-size:16px;color:#666}
.program-memberbox .memberbox-findAccount a ~ a::before{content:'';position:absolute;top:12px;left:-2px;width:1px;height:10px;background-color:#dcdcdc}
.program-memberbox .memberbox-findAccount a span{display:block;padding-bottom:3px;border-bottom:1px solid transparent}
.program-memberbox .memberbox-findAccount a:hover span{border-bottom-color:#000;color:#000}
.program-memberbox .memberbox-resultText{padding:30px 0;border:1px solid #dcdcdc;border-width: 1px 0;text-align:center;line-height:150%;font-weight:500;font-size: 18px;border-radius: 5px;color:#000}
.program-memberbox .memberbox-name{display:inline-block;font-weight:inherit}
.program-memberbox .memberbox-id{display:inline-block;padding-bottom:5px;margin:10px 0;font-weight:inherit;color:#dd791d;border-bottom:1px solid #dd791d}
.program-memberbox .form-telephone, .program-memberbox .form-email{max-width:100%}
.program-memberbox .form-email span{line-height:50px}
/* 아이디/비밀번호 찾기 */
.program-findAccount .memberbox-wrapper{max-width:460px;margin:0 auto}
.program-findAccount .memberbox-wrapper label{display:block;margin:20px 0 10px;font-size: 18px;color: #000}
.program-findAccount select, .program-findAccount input{height:50px}
/* 본인인증 */
.program-certification{padding:70px 50px}
@media screen and (max-width:1000px) {
    .program-certification{padding:70px 20px}
}
.program-certification .memberbox-title img{display:block;margin:0 auto 15px}
.program-certification .memberbox-text{line-height:150%;text-align:center;font-size:16px}
.program-certification .memberbox-wrapper{text-align:center;padding-bottom:50px;margin-bottom:50px;border-bottom:1px dashed #858585}
.program-certification .memberbox-submit{width:auto;height:auto;padding:20px 50px;margin-top:30px;border-radius:5px;font-weight:500;font-size:18px;color:#fff;background-color:#dd791d}
/* 로그인 */
.program-login .memberbox-wrapper{max-width:460px;margin:0 auto}
.program-login .memberbox-title{font-weight:600;font-size:27px;color:#000}
.program-login input{height:50px}
.program-login input::placeholder{font-size:15px;color:#989898}
.program-login .form-normal ~ .form-normal{margin-top:10px}

/* 회원사 사이트 */
.program-memberCompany .program-item ~ .program-item{margin-top:30px}
.program-memberCompany .program-item-anchor{display:flex;padding:40px;border:1px solid #dcdcdc;border-radius:25px;background-color:#fff;transition:border 100ms ease-out, box-shadow 100ms ease-out;min-width:100%}
.program-memberCompany .program-item-anchor:hover{border-color:#7a88d1;box-shadow:5px 5px 15px 0 rgba(0, 0, 0, 0.1)}
.program-memberCompany .program-item-img{display:flex;min-width:285px;align-items:center;justify-content: center;padding:30px 0;border:1px solid #dcdcdc;}
.program-memberCompany .program-item-img span{display:block;max-width:60%;}
.program-memberCompany .program-item-img img{}
.program-memberCompany .program-item-pt{flex:1;padding-left:30px}
.program-memberCompany .program-item-title{display:block;margin-bottom:20px;font-weight:500;font-size:21px;color:#000}
.program-memberCompany .program-item-filed .label{font-weight:500}
.program-memberCompany .program-item-filed i{display:inline-block;width:21px;height:21px;margin-right:5px;text-align:center;line-height: 21px;font-weight:500;font-size:13px;background-color:#515052;color:#fff;border-radius:100%;}
.program-memberCompany .program-item-filed i[title="fax"]{text-align:left;padding-left:6px}
.program-memberCompany .program-item-filed i ~ i{margin-left:10px}
/* 회원사 사이트 */
@media screen and (max-width:1000px) {
    .program-memberCompany .program-item-anchor{display:block}
    .program-memberCompany .program-item-img{width:auto;text-align:center}
    .program-memberCompany .program-item-img img{top:0;left:0;max-width:100%;max-height:50px;transform:none}
    .program-memberCompany .program-item-pt{padding-left:0;margin-top:20px}
}

/* 애로기술상담신청 */
.program-consulting{border-top:2px solid #ff8625}
.program-consulting .formbox .form-label{flex: 0 0 270px;}


@media screen and (max-width:600px) {
	.signup-plicies{display:flex}
	.signup-plicies [class*=btn]{flex:1}
	.signup-plicies [class*=btn] ~ [class*=btn]{margin-left:5px}
}

/* 캡차 */
.captcha-wrapper{display:flex}
.captcha-wrapper .captcha-top{display:flex}
.captcha-wrapper .captcha-bottom{display:flex}
.captcha-wrapper .captcha-img{}
.captcha-wrapper .captcha-img img{display:block;height:100%;max-width:none;background-color:#fff}
.captcha-wrapper .captcha-util{display:flex;margin-left:2px}
.captcha-wrapper .captcha-util button{width:45px;height:45px;border:1px solid #ddd;background-color:#fff}
.captcha-wrapper .captcha-util button ~ button{margin-left:2px}
.captcha-wrapper .captcha-input{height:45px;margin-left:2px}
.captcha-wrapper .captcha-input [type=text]{height:inherit;background-color:#fff}