@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');::-webkit-input-placeholder{text-align:left;font-size:1rem;font-weight:normal;letter-spacing:-1px;color:#666;vertical-align:middle}.joinWrap{display:flex;box-sizing:border-box;width:100%;min-height:100%;padding:80px 0;justify-content:center;align-items:center}.backBtnRec{position:absolute;top:30px;left:30px;z-index:7}.backBtnRec .backBtn{padding-left:26px;background:url("../../../images/icon/ico_arrowLineLeft_white.svg") left center no-repeat;background-size:auto 90%;font-size:14px;color:white}.backBtnRec .backBtn:hover{font-weight:bold}.joinLayer,.profileLayer{position:relative;border-radius:6px;overflow:hidden;box-shadow:10px 20px 60px rgba(0,0,0,0.3)}.joinAdRect{position:absolute;top:0;left:0;bottom:0;width:300px;background:url("../../../images/main/joinAdImg.png") center no-repeat;background-size:cover}.joinAdRect .joinAdContent{box-sizing:border-box;height:100%;padding:50px;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.5))}.joinAdRect .joinAdContentTxImg{position:absolute;left:50px;right:50px;bottom:50px;height:80px;background:url("../../../images/main/hello.svg") left bottom no-repeat;background-size:80% auto}.joinAdRect .joinAdContentTx{font-size:2rem;font-weight:500;color:white;letter-spacing:.5px}.joinLogo{width:160px;height:30px;background:url("../../../images/logo/logo_grm2_white.svg") left top no-repeat;background-size:100% auto}.joinContentRect{box-sizing:content-box;width:460px;padding:50px;padding-left:350px;background-color:white}.joinContentRectTitle{font-size:1.6rem;font-weight:500}.joinInputRectTx{padding-top:20px;font-size:.9rem;color:#999}.joinInputRectTx.desc{font-size:.85rem}.joinInputRectTx.multiLine{line-height:1.8}.inputFormSec{position:relative;margin-top:20px}.inputFormSec .inputField{display:block;box-sizing:border-box;width:100%;padding:10px 10px 8px 0;background-color:transparent;border:0;border-bottom:1px solid #ccc;font-size:1rem;font-weight:bold;color:#333}.inputFormSec .inputField::placeholder{letter-spacing:-0.4px}.inputFormSec .inputField.blockType:focus ~ label,.inputFormSec .inputField.blockType:valid ~ label,.inputFormSec .inputField.blockType[readonly] ~ label{top:-10px;font-size:.75rem;font-weight:bold;color:#59f}.inputFormSec .inputField.number{letter-spacing:.2px}.inputFormSec .inputField:focus{outline:0}.inputFormSec .inputField:focus ~ .bar:before,.inputFormSec .inputField:focus ~ .bar:after{width:50%}.inputFormSec label{display:block;position:absolute;left:0;top:8px;margin:0;font-size:16px;font-weight:normal;color:rgba(0,0,0,0.3);pointer-events:none;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all;letter-spacing:-0.5px}.inputFormSec .bar{position:relative;display:block;width:100%}.inputFormSec .bar:before,.inputFormSec .bar:after{content:'';position:absolute;width:0;height:2px;bottom:0;background-color:#59f;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.inputFormSec .bar:before{left:50%}.inputFormSec .bar:after{right:50%}.inputFormSec .bar.emailReg{width:360px}.inputFormSec .confirmTxRec{position:absolute;right:0;bottom:-20px}.inputFormSec .confirmTx{display:none;font-size:.75rem}.inputFormSec[data-type] .confirmTx{display:block}.inputFormSec[data-type="true"] .confirmTx{color:#15c796}.inputFormSec[data-type="false"] .inputField{border-color:#f05}.inputFormSec[data-type="false"] .confirmTx{color:#f05}.inputFormSec.floatType{margin-top:30px}.inputFormSec.floatType .inputField{padding:0 4px 8px 110px;font-weight:normal}.inputFormSec.floatType .inputField::-webkit-input-placeholder{font-size:.9rem;color:#999}.inputFormSec.floatType .inputField:focus ~ label{font-weight:bold}.inputFormSec.floatType .readonlyField{padding:0 4px 10px 100px;border-bottom:1px solid #ccc;font-size:.95rem;font-weight:bold;color:#999;letter-spacing:0;user-select:none}.inputFormSec.floatType label{top:auto;font-size:.85rem;bottom:10px;color:#666}.inputFormSec.floatType.division{margin-top:44px}.inputFormSec.chgPwd{margin-top:36px}.inputFormSec.chgPwd:first-child{margin-top:20px}.confirmBtn{display:block;width:100%;padding:14px 0;border-radius:4px;background-color:#59f;text-align:center;font-size:.95rem;font-weight:bold;color:white;box-shadow:2px 4px 12px rgba(0,0,0,0.1);transition:.2s ease-out}.confirmBtn.emailBtn{margin-top:30px}.confirmBtn.join{margin-top:24px}.confirmBtn.pwdReset{margin-top:36px}.confirmBtn:hover{background-color:#06f;box-shadow:6px 12px 30px rgba(0,0,0,0.2)}.confirmBtn[disabled="disabled"]{background-color:#ddd;pointer-events:none;box-shadow:none}.joinSnsAccountRect{padding-top:56px}.snsBtnsRec{padding-top:20px}.snsBtnsRec .snsBtn{float:left;width:30%;margin-left:5%;height:40px;border-radius:2px;background-color:#666;transition:.2s ease-out}.snsBtnsRec .snsBtn.google{margin:0;background:#ee2c19 url("../../../images/social/google/google.svg") center no-repeat;background-size:auto 50%}.snsBtnsRec .snsBtn.facebook{background:#33599d url("../../../images/social/facebook/facebook.svg") center no-repeat;background-size:auto 40%}.snsBtnsRec .snsBtn.naver{background:#23b300 url("../../../images/social/naver/btn_naver.svg") center no-repeat;background-size:auto 44%}.snsBtnsRec .snsBtn:hover{box-shadow:0 10px 30px rgba(0,0,0,0.2)}.popupLayer{min-width:360px;border-radius:4px;background-color:white;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.popupLayer.emailConfirmPopup{width:400px}.popupLayerHeader{position:relative;padding:24px;background-color:white}.popupLayerHeader .popupLayerHeaderTitle{font-size:.9rem;color:#333;letter-spacing:-1px}.popupLayerHeader .clsBtn{position:absolute;top:20px;right:20px;width:24px;height:24px;border-radius:50%;background:url("../../../../images/icon/ico_x.svg") center no-repeat;background-size:auto 50%;opacity:.4;transition:.2s}.popupLayerHeader .clsBtn:hover{background:#f05 url("../../../../images/icon/ico_x_white.svg") center no-repeat;background-size:auto 36%;opacity:1;transform:rotate(90deg)}.popupLayerSec{position:relative;padding:0 24px}.popupLayerSec .popupLayerImgRec{height:100px;margin-top:18px}.popupLayerSec .popupLayerImgRec.emailSend{background:url("../../../../images/icon/ico_letter.svg") center no-repeat;background-size:auto 100%}.popupLayerSec .popupLayerImgRec.checked{margin-top:10px;background:url("../../../../images/icon/ico_friendship.svg") center no-repeat;background-size:auto 100%}.popupLayerSec .popupLayerImgRec.alert{height:80px;margin-top:10px;background:url("../../../../images/icon/ico_alert_01.svg") center no-repeat;background-size:auto 100%}.popupLayerSec .popupLayerImgRec.chgPwd{height:80px;background:url("../../../../images/icon/ico_password.svg") center no-repeat;background-size:auto 100%}.popupLayerSec .popupLayerSecTxRec{padding-top:24px}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTitle{font-size:.95rem}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTitle.bigF{font-size:1.6rem}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTitle.multiLine{line-height:1.8}.popupLayerSec .popupLayerSecTxRec .popupLayerSecImp{padding-top:16px;font-size:.95rem;font-weight:bold;color:#59f;letter-spacing:0}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTx{font-size:.85rem;color:#999}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTx.alignR{position:absolute;right:0}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTx.desc{padding-top:20px;font-size:.8rem;color:#bbb;line-height:1.8}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTx .linkTx{font-size:inherit;color:inherit;cursor:pointer}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTx .linkTx:hover{color:#59f;text-decoration:underline}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTx.pdT16{padding-top:16px}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTxBoth{position:relative;margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,0,0,0.1)}.popupLayerSec .popupLayerSecTxRec .popupLayerSecTxBoth .alignR{top:18px}.popupLayerFooter{margin-top:24px}.popupLayerFooter .popupLayerFooterBtn{display:block;width:100%;padding:16px 0;background-color:#f1f3f5;border-top:1px solid #ddd;text-align:center;font-size:.9rem;font-weight:bold;color:#666}.popupLayerFooter .popupLayerFooterBtn:hover{background-color:#59f;color:white}.popupLayerFooter .popupLayerFooterBtn[disabled="disabled"]{color:#ddd;pointer-events:none;box-shadow:none}.popupLayerFooter[data-num="2"] .popupLayerFooterBtn{float:left;box-sizing:border-box;width:50%;border-left:1px solid #ddd}.popupLayerFooter[data-num="2"] .popupLayerFooterBtn:first-child{border:0}.popupLayerFooter.chgPwd{margin-top:36px}@media(max-width:768px){.joinWrap{display:block;min-height:auto;padding:56px 0 0}.backBtnRec{top:20px;left:20px}.joinLayer{border-radius:0;box-shadow:none}.joinAdRect{display:none}.joinContentRect{box-sizing:border-box;width:100%;padding:30px}}@media(max-width:420px){.snsBtnsRec .snsBtn{width:100%;margin:10px 0 0 0}.snsBtnsRec .snsBtn:first-child{margin:0}.profileContainer{padding:0}.profileLayer{border-radius:0}}@media(max-height:480px){.popupContainer{padding:20px 0}.popupLayer{height:100%;overflow-y:auto}}