/*로그인*/
.loginWrap {width: 916px; margin: 0 auto; height: auto; overflow: hidden}
.loginWrap .left {width: 445px; padding: 20px 40px; box-sizing: border-box}
.loginWrap > div {float: left}
.orBg {width: 25px; height: 280px; background: url("../Images/login_bg1.jpg") no-repeat; background-position-y: 70%}
.loginWrap .left p {font-size: 18px; font-family: 'NanumSquareB'}
.loginWrap input, .loginWrap form span label, .loginSub div {font-family: 'Noto Sans KR'}
.loginWrap form span label{font-size: 14px; color: #999}
.loginWrap input[type=checkbox] {width: 18px; height: 18px; vertical-align: sub}

.loginWrap input {width: 100%; height: 45px; margin-top: 12px}
.loginWrap form span {display: block; float: right; margin-bottom: 12px}
.findBtn, .loginWrap .loginBtn {width: 100%; height: 45px; background: #2384c6; text-align: center; line-height: 45px; color: #fff; clear: both; cursor: pointer}
.socialLoginBtn {width: 360px; height: 53px; margin: 12px 0; cursor: pointer}
.socialLoginBtn:nth-child(2) {background: url("../Images/loginBtn_kakao.jpg") no-repeat}
.socialLoginBtn:nth-child(3) {background: url("../Images/loginBtn_naver.jpg") no-repeat}
.socialLoginBtn:nth-child(4) {background: url("../Images/loginBtn_google.jpg") no-repeat}
.loginSub div {width: 50%; float: left; text-align: center; margin-top: 8px; font-size: 14px; line-height: 18px}
.loginSub div img {vertical-align: sub}
.loginFooter {width: 100%}
.loginFooter > div {width: 274px; line-height: 130px; margin-left: 125px; display: inline-block}
.loginFooter .roundBtn div {font-size: 18px; line-height: 40px}
.loginFooter .roundBtn {line-height: 36px; width: 320px; right: 65px !important;}
.loginFooter .roundBtn b {font-size: 22px; position: relative; top: -4px; left: -100px}
.loginFooter .roundBtn b::before {display: inline-block; content: '···'; font-size: 30px; font-weight: bolder; margin-right: 30px}
.loginWrap.socialType div {float: none}
.socialGear {display: none}

/*아이디찾기*/
.loginWrap.findType div input, .loginWrap.findType .findBtn {height: 53px}
.loginWrap.findType .findBtn {margin-top: 12px; line-height: 53px}
.loginWrap.findType .phoneNum {width: 30.65%}
.loginWrap.findType .loginFooter > div {margin-left: 35px}
.loginWrap.findType .massageWrap img {width: 50px; padding: 20px; float: left}
.loginWrap.findType .massageWrap > div {width: 80%; font-size: 17px}
.loginWrap.findType.another > div {float: none; margin: 0 auto}
.resultBox {padding: 11px 0}
.loginFooter.findType .roundBtn {right: 25px !important}

    /*회원가입*/
.joinStep {width: 100%; height: 110px; margin-bottom: 100px}
.joinStep.bg1 {background: url("../Images/join_step1.jpg") no-repeat}
.joinStep.bg2 {background: url("../Images/join_step2.jpg") no-repeat}
.joinStep.bg3 {background: url("../Images/join_step3.jpg") no-repeat}
.joinStep.bg4 {background: url("../Images/join_step4.jpg") no-repeat}

.agreement {height: 40px; line-height: 40px; background: #daf0ff; font-size: 16.5px; margin-bottom: 30px}
.contentWrap label, .agreementBox label {margin-left: 5px}
.agreementBox label, .agreementBox input {display: inline-block; float: left; font-size: 16.5px; margin-top: 15px; margin-bottom: 10px}
.agreementBox {margin-bottom: 20px}
.agreementBox div {width: 100%; height: 200px; font-size: 14px; clear: both; text-align: left; overflow-y: scroll; border: 1px solid #ddd; box-sizing: border-box;
    padding: 40px; line-height: 24px}
.btnWrap {margin-top: 50px}

.contentWrap.join2 > div {float: left}
.contentWrap.join2 > p,  .contentWrap.join3 > div p {font-size: 18px; text-align: left}
.contentWrap.join2 div {width: 260px}
.certBox {border: 1px solid #ddd; margin: 10px 7px 0 0; height: 260px; float: left; position: relative}
.certBox > div:first-child {box-sizing: border-box; padding: 30px 0 58px; cursor: pointer}
.certBox > div.descriptionBox {position: absolute; bottom: 5px}
.certBox b {display: block; margin-top: 10px}
.certBox:nth-child(3) {margin-right: 0}
.certBox p {font-family: 'Noto Sans KR'; font-size: 12px; text-align: left; line-height: 18px; padding: 0 5px; font-weight: 300}
.certBox a img {vertical-align: sub}
.certAuth {padding-bottom: 10px !important;}
.juminBox {line-height: 48px !important; text-align: center !important;}
.juminBox input {width: 64px; box-sizing: border-box; padding: 3px; height: 24px; font-size: 12px; text-align: center}

.contentWrap.join3 {text-align: left}
.contentWrap.join3 table {margin: 10px 0 30px; font-family: 'Noto Sans KR';  font-size: 15px; text-align: left}
.contentWrap.join3 table tr td {padding: 8px; line-height: 34px}
.contentWrap.join3 table tr td:first-child {background: #edf8ff; width: 120px; padding: 8px 20px}
.contentWrap.join3 table tr td input {width: 300px}
.contentWrap.join3 table tr td span {font-size: 12px; color: #999}
.mobileNum input {width: 92px !important}
.idNum input, .address P:nth-child(1) input:nth-child(1) {width: 145px !important}
.address td p:nth-child(2){margin-top: 8px}
.address p span {width: 152px; font-size: 15px !important; text-align: center; height: 33px; line-height: 33px; background: #2384c6; color: #fff !important}
.addr1 {width: 440px !important}
.addr2 {width: 175px !important; float: right}
.research table tr td {border-left: none; font-weight: 300}
.research table tr td:nth-child(1) {background: none !important; ; width: 50% !important}
.research table tr td input[type=checkbox] {width: 18px !important}
#idSearch input {width: 200px; margin-left: 10px; padding: 8px 35px 8px 8px}
#idSearch .btn {padding: 1px 22px; font-size: 16px; color: #fff; background: #2384c6; border: none; margin-left: 5px}
#idSearch .mdNameRecom {font-size: 14px; color: #2384c6; font-weight: 500}
#mdAddress2::-webkit-input-placeholder, #idSearch input::-webkit-input-placeholder {font-size: 12px; color: #bbb}
#mdAddress2:-ms-input-placeholder, #idSearch input:-ms-input-placeholder {font-size: 12px; color: #bbb}
#mdAddress2::-moz-placeholder, #idSearch input::-moz-placeholder {font-size: 12px; color: #bbb}
#mdAddress2:-moz-placeholder, #idSearch input:-moz-placeholder {font-size: 12px; color: #bbb}
#mdAddress2 {height: 38px; display: inline-block}
.memberRecomComplete {float: right}

.contentWrap.join4 b, .contentWrap.join4 span, .contentWrap.join4 a {display: block}
.contentWrap.join4 b {font-size: 24px; margin-bottom: 20px}
.contentWrap.join4 span {font-size: 15px; line-height: 24px}
.contentWrap.join4 a {width: 300px; height: 50px; margin: 70px auto 0}