@charset "UTF-8";
.join{min-width:auto}
@media (min-width:1024px){
.join{background-color:#f7f8ff}
}
.join #wrap{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}
.join .snbnext{min-width:0}
.join .container{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:40px}
@media (max-height:677px){
.join .container{padding-top:20px}
}
@media (min-width:1024px){
.join .container{padding-top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.join .container>.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}
@media (min-width:1024px){
.join .container>.content{height:100%}
}
.join .joinFooter{position:fixed;bottom:40px;width:100%}
@media (min-width:667px) and (orientation:landscape){
.join .joinFooter{position:static;bottom:auto}
}
.join .headline{font-family:douzonetitle;font-size:22px;font-weight:700;color:#222;line-height:30px;letter-spacing:-.44px}
.join .headline em{font-family:douzonetitle;color:#1c90fb}
.join .headline--joinMessage{text-align:left;letter-spacing:-1.1px}
@media (min-width:1024px){
.join .headline--joinMessage{text-align:center}
}
.join .subhead{margin-top:12px;font-size:14px;font-weight:700;color:#4a4a4a;line-height:20px;letter-spacing:-.38px}
.join .subhead--colorBlue{color:#1c90fb}
.join .subhead--joinMessage{text-align:left;letter-spacing:-.28px}
@media (min-width:1024px){
.join .subhead--joinMessage{text-align:center}
}
.join .textNumber{color:#1c90fb}
.join .moduleHeadLine{display:block;margin-top:24px;font-size:14px;font-weight:900;color:#4a4a4a;line-height:18px;letter-spacing:-.28px}
.join .copyright{display:none;height:50px;font-size:10px;font-weight:700;color:#6e7381;text-align:center}
@media (min-width:1024px){
.join .copyright{width:100%;background-color:#f2f3fc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.join .divideContent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.join .centerContent{text-align:center}
.join .iconError{display:block;width:60px;height:60px;margin:0 auto 12px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Svpba_reebe.cat) no-repeat 0 0/60px 60px}
.join .logo{display:inline-block}
.join .logo__title{font-size:26px;font-weight:900;color:#222;letter-spacing:-1.3px}
.join .logo__title--size18{font-size:18px}
.join .logo__title--size22{font-size:22px}
.join .logo__title+.moduleLoginForm__title{margin-top:10px}
@media (min-width:1024px){
.join .moduleContent{-webkit-box-flex:1;-ms-flex:1;flex:1;width:982px;margin:0 auto;height:calc(100% - 48px);padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.join .moduleContent .moduleIntro{display:none}
@media (min-width:1024px){
.join .moduleContent .moduleIntro{position:relative;overflow:hidden;display:block;width:445px;padding-bottom:36px}
}
.join .moduleContent .moduleWorkspace--typePc{display:none}
@media (min-width:1024px){
.join .moduleContent .moduleWorkspace--typePc{display:block;width:auto}
.join .moduleContent .moduleWorkspace--typeMobile{display:none}
}
.join .moduleContent--workspaceCreate{display:block}
.join .moduleContent--workspaceCreate .moduleForm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media (min-width:1024px){
.join .moduleContent--workspaceCreate .moduleLoginForm{width:430px;margin:0 auto}
}
@media (min-width:1024px){
.join .moduleContent--workspaceCreate .moduleLoginForm .moduleBox{width:382px;margin:0 auto}
}
.join .moduleContent--company .centerContent{text-align:left}
.join .moduleContent--company .logo__title{font-size:22px;line-height:30px;letter-spacing:-.44px}
.join .moduleContent--company .infoLookup{margin-top:20px}
@media (min-width:1024px){
.join .moduleContent--company .centerContent{text-align:center}
.join .moduleContent--company .logo__title{font-size:26px;font-weight:900;color:#222;letter-spacing:-1.3px}
.join .moduleContent--company .infoLookup{margin-top:40px}
.join .moduleContent--company .br{display:none}
}
.join .moduleForm{padding:0 18px 10px;-webkit-box-sizing:border-box;box-sizing:border-box}
@media (min-width:1024px){
.join .moduleForm{position:relative;height:100%;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.join .moduleForm .tabBox{margin-top:44px}
.join .moduleForm .moduleBundle{margin-top:24px}
.join .moduleForm .moduleBundle--typeSingle{margin-top:60px}
@media (min-width:1024px){
.join .moduleForm .moduleBundle--typeSingle+.buttonBox{margin-top:140px}
}
.join .moduleForm .joinSupports{position:absolute;bottom:20px;left:0;width:100%}
@media (min-width:1024px){
.join .moduleForm .joinSupports{position:relative;bottom:auto;left:auto;margin-top:20px}
}
@media (min-width:667px) and (orientation:landscape){
.join .moduleForm .joinSupports{position:relative;bottom:auto;left:auto;margin-top:20px}
}
.join .moduleForm .terms{margin-top:20px}
.join .moduleForm .copyright{position:absolute;bottom:30px;left:0;right:0}
@media (min-width:1024px){
.join .moduleForm .copyright{bottom:0}
}
@media (min-width:1024px){
.join .moduleLoginForm{width:340px;padding:0}
}
.join .moduleLoginForm .buttonBox{margin-top:34px}
.join .moduleLoginForm__title{margin-top:14px;font-size:14px;font-weight:700;color:#4a4a4a;line-height:20px;letter-spacing:-1px}
@media (min-width:1024px){
.join .moduleLoginForm__title{letter-spacing:-.28px}
.join .moduleLoginForm__title .br{display:none}
}
.join .moduleLoginForm__title--size13{font-size:13px}
.join .moduleLoginForm--enterCode .joinSupports{position:relative;bottom:auto;left:auto;margin-top:46px}
.join .moduleLoginForm .otpChange{margin-top:20px;font-size:13px;font-weight:700;color:#a0a0a0;letter-spacing:-.65px;text-align:center}
.join .moduleLoginForm .otpChange a{border-bottom:1px solid #222;color:#222;letter-spacing:-.6px;text-decoration:none}
.join .moduleLoginForm--second .moduleQrcode{display:none}
.join .moduleLoginForm--second>.centerContent{display:none}
@media (min-width:1024px){
.join .moduleLoginForm--second .centerContent{display:block}
.join .moduleLoginForm--second .moduleQrcode{display:block;max-width:none;margin-top:40px;padding:30px 50px}
.join .moduleLoginForm--second .moduleQrcode .qrCodeInfo{padding-top:22px;font-size:15px;line-height:24px;letter-spacing:-.75px}
.join .moduleLoginForm--second .moduleQrcode .qrCodeLink{margin-top:26px}
}
.join .moduleLoginForm--second .otpChange{position:absolute;bottom:40px;left:0;width:100%}
@media (min-width:1024px){
.join .moduleLoginForm--second .otpChange{position:relative;bottom:auto;left:auto;width:auto}
}
@media (min-width:1024px){
.join .moduleAccountForm{width:382px}
}
.join .moduleAccountForm .moduleBundle{margin-top:40px}
.join .moduleAccountForm .moduleBundle .inputGroup+.inputBox,.join .moduleAccountForm .moduleBundle .inputGroup+.inputGroup{margin-top:20px}
@media (min-width:1024px){
.join .moduleAccountForm .moduleBundle .inputGroup.single{padding:0 22px}
}
.join .moduleAccountForm .moduleBundle--cert{margin-top:55px}
@media (min-width:1024px){
.join .moduleAccountForm .moduleBundle--cert{margin-top:40px;margin-bottom:40px}
}
.join .moduleAccountForm .moduleBundle--cert .inputBox__hint{position:relative;top:auto;left:auto;margin-top:7px;padding:0 0 0 2px}
.join .moduleAccountForm .buttonBox{position:absolute;bottom:12px;left:0;right:0;width:100%;padding:0 18px;-webkit-box-sizing:border-box;box-sizing:border-box}
@media (min-width:1024px){
.join .moduleAccountForm .buttonBox{position:relative;bottom:auto;left:auto;right:auto;margin-top:24px;padding:0}
}
@media (min-width:667px) and (orientation:landscape){
.join .moduleAccountForm .buttonBox{position:relative;bottom:auto;left:auto;right:auto;margin-top:24px;padding:0}
}
.join .moduleAccountForm .inputCert{position:absolute;bottom:116px;left:0;right:0}
@media (min-width:1024px){
.join .moduleAccountForm .inputCert{position:relative;bottom:auto;left:auto;right:auto}
}
@media (min-width:667px) and (orientation:landscape){
.join .moduleAccountForm .inputCert{position:relative;bottom:auto;left:auto;right:auto;margin-top:40px}
}
.join .moduleAccountForm .inputCert__text{font-size:13px;font-weight:700;color:#a0a0a0;letter-spacing:-.65px}
.join .moduleAccountForm .inputCert__button{font-size:13px;font-weight:700;color:#4a4a4a;border:1px solid #4a4a4a;border-width:0 0 1px 0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:-.65px}
.join .moduleAccountForm .inputCert+.buttonBox{padding-top:12px;-webkit-box-shadow:0 -1px 2px 0 rgba(0,0,0,.1);box-shadow:0 -1px 2px 0 rgba(0,0,0,.1)}
@media (min-width:1024px){
.join .moduleAccountForm .inputCert+.buttonBox{padding-top:0;-webkit-box-shadow:none;box-shadow:none}
}
@media (min-width:667px) and (orientation:landscape){
.join .moduleAccountForm .inputCert+.buttonBox{padding-top:0;-webkit-box-shadow:none;box-shadow:none}
}
.join .moduleQrcode{max-width:270px;margin:25px auto 0;padding:33px 28px 20px;border-radius:18px;background-color:#fff;-webkit-box-shadow:0 5px 14px 0 rgba(162,168,206,.1);box-shadow:0 5px 14px 0 rgba(162,168,206,.1);-webkit-box-sizing:border-box;box-sizing:border-box}
.join .moduleQrcode.moduleQrcode--expired .qrCodeTime span{color:#b4b4b4}
.join .moduleQrcode.moduleQrcode--expired .qrCodeTime__icon{width:12px;height:12px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -148px -42px no-repeat;background-size:250px 250px}
.join .qrCodeTime{min-width:98px;width:98px;margin:18px auto 0;background-color:#f5f5f5;border-radius:12px;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .qrCodeTime span{font-size:12px;font-weight:700;color:#777;letter-spacing:-.6px;vertical-align:top}
.join .qrCodeTime span em{color:#1c90fb}
.join .qrCodeTime__icon{display:inline-block;margin-top:5px;margin-right:2px;vertical-align:top;width:12px;height:12px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -94px 0 no-repeat;background-size:250px 250px}
.join .qrCodeTime__iconRefresh{display:inline-block;margin-right:4px;vertical-align:top;width:14px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -129px -42px no-repeat;background-size:250px 250px}
.join .qrCodeInfo{margin-top:14px;padding-top:14px;border-top:1px solid #ededed;font-size:13px;font-weight:700;color:#777;line-height:20px;letter-spacing:-.65px}
.join .qrCodeLink{display:inline-block;margin-top:7px;border-bottom:1px solid #222;font-size:12px;font-weight:700;color:#222;letter-spacing:-.18px;vertical-align:top;text-decoration:none}
.join .qrCodeBundle{min-height:90px;height:90px}
.join .infoLookup{margin-top:40px}
.join .infoLookup--space20{margin-top:20px}
.join .infoLookup--space20+.tabBox{margin-top:22px}
.join .infoLookup__box{padding:33px 0;border:1px solid #eceef2;border-radius:6px;background-color:#f9fafc;-webkit-box-sizing:border-box;box-sizing:border-box}
@media (min-width:1024px){
.join .infoLookup__box{border:0;border-radius:18px;background-color:rgba(255,255,255,.95);-webkit-box-shadow:0 5px 14px 0 rgba(162,168,206,.1);box-shadow:0 5px 14px 0 rgba(162,168,206,.1)}
}
.join .infoLookup__box--buisness{padding:16px;background-color:#fff}
@media (min-width:320px) and (max-width:767px){
.join .infoLookup__box--buisness{padding:0;border:0}
}
@media (min-width:768px) and (max-width:1023px){
.join .infoLookup__box--buisness{padding:0;border:0}
}
.join .infoLookup__text{font-size:16px;font-weight:900;color:#222;letter-spacing:-.32px;line-height:30px}
.join .infoLookup__text--size22{font-size:22px}
.join .infoLookup__warning{margin-top:19px}
@media (min-width:1024px){
.join .infoLookup__warning{padding:0 12px}
}
.join .infoLookup__warning li{position:relative;padding-left:8px;font-size:10px;font-weight:700;color:#939393;letter-spacing:-.2px;line-height:20px}
@media (min-width:1024px){
.join .infoLookup__warning li{font-size:11px;letter-spacing:-.22px}
}
.join .infoLookup__warning li::before{content:"-";position:absolute;top:0;left:0}
.join .highlight{color:#208eff}
.join .inBuisness{background-color:#fff}
.join .inBuisness--scroll{overflow-x:hidden;max-height:294px;padding-right:6px}
@media (min-width:320px) and (max-width:767px){
.join .inBuisness--scroll{max-height:365px}
}
.join .inBuisness::-webkit-scrollbar{width:4px}
.join .inBuisness::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:2px}
.join .inBuisness .bundle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .inBuisness .inBuisnessBox{padding:12px 16px;margin-top:10px;border:1px solid #d3d3d3;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .inBuisness .inBuisnessBox:first-of-type{margin-top:0}
.join .inBuisness .inBuisnessBox--active .moreInfomation{display:block}
.join .inBuisness .inBuisnessBox--active .inBuisness__btnFold::after{-webkit-transform:translate(-50%,-50%) rotate(270deg);-ms-transform:translate(-50%,-50%) rotate(270deg);transform:translate(-50%,-50%) rotate(270deg)}
.join .inBuisness__item{position:relative}
.join .inBuisness__info{overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:25px}
.join .inBuisness__icon{position:relative;width:40px;min-width:40px;height:40px;margin-right:12px;border:1px solid rgba(0,0,0,.06);border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .inBuisness__icon::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .inBuisness__icon--company{background-color:#9e7bff}
.join .inBuisness__icon--company::before{width:18px;height:18px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) 0 -42px no-repeat;background-size:250px 250px}
.join .inBuisness__companyName{display:block;overflow:hidden;font-size:14px;font-weight:900;color:#4a4a4a;letter-spacing:-.28px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.join .inBuisness__name{display:block;overflow:hidden;margin-top:4px;font-size:12px;font-weight:700;color:#939393;letter-spacing:-.24px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.join .inBuisness .moreInfomation{display:none;margin-top:12px;padding-top:12px;border-top:1px solid #eaebeb}
.join .inBuisness .moreInfomation__def{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}
.join .inBuisness .moreInfomation__def dt{overflow:hidden;min-width:100px;font-size:14px;font-weight:700;color:#939393;letter-spacing:-.28px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.join .inBuisness .moreInfomation__def dd{overflow:hidden;font-size:14px;font-weight:900;color:#4a4a4a;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.join .inBuisness .moreInfomation__def+.moreInfomation__def{margin-top:8px}
.join .inBuisness__btnFold{position:absolute;top:50%;right:0;width:24px;height:24px;border:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.join .inBuisness__btnFold::after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);width:8px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -111px 0 no-repeat;background-size:250px 250px}
.join .inBuisness--single{padding-right:0}
@media (min-width:1024px){
.join .inBuisness--single .inBuisnessBox{border:0}
}
.join .inBuisness--single .inBuisnessBox .moreInfomation{display:block}
.join .inBuisness--single .inBuisnessBox .inBuisness__btnFold{display:none}
.join .inBuisness--single .inBuisness__info,.join .inBuisness--single .inBuisness__item{padding-right:0}
.join .inBuisness--check .inBuisness__item{padding-left:38px}
.join .inBuisness .listCheck{position:absolute;top:50%;left:4px;width:20px;height:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.join .inBuisness .listCheck__icon{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) 0 0 no-repeat;background-size:250px 250px}
.join .inBuisness .listCheck input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
.join .inBuisness .listCheck input:checked+.listCheck__icon{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -25px 0 no-repeat;background-size:250px 250px}
.join .dialog_content .dialog_data_area{margin-top:24px}
.join .dialog_content .enterCodeImg{margin-right:7px}
.join .dialog_content .enterCodeBox__buttonBox{max-width:68px;margin-top:0}
.join .dialog_content .enterCodeBox button{height:30px;border-radius:4px;font-size:14px;letter-spacing:-.7px;line-height:29px}
.join .dialog_content .enterCodeBox button+button{margin-left:0;margin-top:6px}
.join .dialog_content .buttonBox{margin-top:24px}
.join .dialog_content .joinSupports{margin-top:20px}
.join .dialog_content .infoLookup{margin-top:23px}
.join .dialog_content .infoLookup__box{padding:23px 0;border:1px solid #dbdbdb;border-width:1px 0 1px 0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.join .serviceImg__title{font-size:20px;font-weight:900;color:#4a4a4a;line-height:25px;letter-spacing:-1px;text-align:center}
.join .serviceImg__text{margin-top:6px;font-size:14px;font-weight:700;color:#333;line-height:22px;letter-spacing:-.8px;text-align:center}
@media (min-width:1024px){
.join .qrSecondeBox{display:none}
}
.join .qrSecondeBox .qrSelectWrap{margin-top:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}
.join .qrSecondeBox .qrSelectWrap .qrSelectBox{-webkit-box-flex:1;-ms-flex:1;flex:1}
.join .qrSecondeBox .qrSelectWrap .qrSelectBoxBundle{height:174px;padding:24px 18px 0;border:1px solid #dbdbdb;border-radius:6px;text-align:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .qrSecondeBox .qrSelectWrap .qrSelectBox__text{margin-top:8px;font-size:12px;font-weight:700;color:#939393;line-height:15px;letter-spacing:-.24px;text-align:center}
.join .qrSecondeBox .qrSelectWrap .qrSelectBox+.qrSelectBox{margin-left:10px}
.join .qrSecondeBox .qrSelectWrap .qrText{margin-top:18px;font-size:14px;font-weight:700;color:#4a4a4a;line-height:18px;letter-spacing:-.28px}
.join .companyInformation{margin-top:10px;padding:23px 32px;background-color:#fff;border:1px solid #d3d3d3;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .companyInformationBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .companyInformationBox+.companyInformationBox{margin-top:12px}
.join .companyInformationBox dt{font-size:14px;font-weight:700;color:#939393;line-height:18px;letter-spacing:-.28px}
.join .companyInformationBox dd{margin-left:auto;font-size:14px;font-weight:900;color:#4a4a4a;line-height:18px}
.join .joinInfoMessageBox{margin-top:40px}
.join .joinInfoMessageBox__title{font-size:14px;font-weight:900;color:#4a4a4a;line-height:18px;letter-spacing:-.28px;text-align:center}
.join .joinInfoMessageBox .buttonBox__button{margin-top:10px}
.join .joinInfoMessageBox .joinConnectMessage{margin-top:24px;font-size:13px;font-weight:700;color:#a0a0a0;letter-spacing:-.65px;line-height:16px;text-align:center}
.join .joinInfoMessageBox .joinConnectMessage__btnLink{display:inline-block;position:relative;margin-left:8px;font-size:12px;font-weight:700;color:#222;line-height:15px;letter-spacing:-.6px;text-decoration:none;vertical-align:top}
.join .joinInfoMessageBox .joinConnectMessage__btnLink::after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #4a4a4a}
.join .signMessageBox{margin-top:12px;font-size:11px;font-weight:700;color:#909090;letter-spacing:-.55px;line-height:14px;text-align:center}
@media (min-width:1024px){
.join .signMessageBox{display:none}
.join .signMessageBox .signMessageBox__pc{display:block}
}
.join .signMessageBox__pc{display:none}
@media (min-width:1024px){
.join .signMessageBox__pc{display:block}
}
@media (min-width:1024px){
.join .moduleWorkspace{width:430px}
}
.join .moduleWorkspace .br{display:block}
@media (min-width:1024px){
.join .moduleWorkspace .br{display:none}
}
.join .moduleWorkspace .workspaceList{margin-top:10px}
.join .moduleWorkspace .workspaceList--scroll{overflow-y:auto;overflow-x:hidden;max-height:212px;padding-right:6px}
.join .moduleWorkspace .workspaceList::-webkit-scrollbar{width:4px}
.join .moduleWorkspace .workspaceList::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:2px}
.join .moduleWorkspace .workspaceList__item{height:64px;padding:0 16px;margin-top:10px;border:1px solid #d3d3d3;border-radius:8px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .moduleWorkspace .workspaceList__item:first-of-type{margin-top:0}
.join .moduleWorkspace .workspaceList .bundle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .moduleWorkspace .workspace__icon{position:relative;width:40px;min-width:40px;height:40px;margin-right:12px;border:1px solid rgba(0,0,0,.06);border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .moduleWorkspace .workspace__icon::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .moduleWorkspace .workspace__icon--company{background-color:#9e7bff}
.join .moduleWorkspace .workspace__icon--company::before{width:18px;height:18px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) 0 -42px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspace__icon--team{background-color:#1c90fb}
.join .moduleWorkspace .workspace__icon--team::before{width:19px;height:15px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -23px -42px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspace__icon--personal{background-color:#23b3c8}
.join .moduleWorkspace .workspace__icon--personal::before{width:19px;height:19px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -125px -127px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspace__name{display:block;font-size:14px;font-weight:700;color:#4a4a4a;line-height:20px;letter-spacing:-.28px;word-break:keep-all;word-wrap:break-word;overflow-wrap:break-word}
.join .moduleWorkspace .workspace__user{display:block;margin-top:2px;font-size:12px;font-weight:700;color:#939393;line-height:16px;letter-spacing:-.24px;word-break:keep-all;word-wrap:break-word;overflow-wrap:break-word}
.join .moduleWorkspace .workspace__userIcon{display:inline-block;margin-top:1px;margin-right:2px;vertical-align:top;width:14px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -171px 0 no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspace__connectButton{width:96px;height:36px;border:0;border-radius:18px;background-color:transparent;font-size:14px;letter-spacing:-.28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:36px}
.join .moduleWorkspace .workspace__connectButton--default{border:1px solid #87abd6;color:#5075c9}
.join .moduleWorkspace .workspace__connectButton--default .workspace__connectIcon::before{width:17px;height:8px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -47px -42px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspace__connectButton--noText{border:1px solid #ededed;background-color:#fff}
.join .moduleWorkspace .workspace__connectButton--noText .workspace__connectText{display:none}
.join .moduleWorkspace .workspace__connectButton--noText .workspace__connectIcon::before{width:18px;height:18px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sybnqvat-vpba.tvs) no-repeat 0 0}
.join .moduleWorkspace .workspace__connectButton--success{border:1px solid #1c90fb;background-color:#1c90fb}
.join .moduleWorkspace .workspace__connectButton--success .workspace__connectText{color:#fff;font-weight:900}
.join .moduleWorkspace .workspace__connectButton--success .workspace__connectIcon::before{width:15px;height:15px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -88px -42px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspace__connectButton--retry{border:1px solid #ffa3a3;background-color:#ffefef}
.join .moduleWorkspace .workspace__connectButton--retry .workspace__connectText{font-size:12px;color:#c73d3d;letter-spacing:-.18px}
.join .moduleWorkspace .workspace__connectButton--retry .workspace__connectIcon::before{width:16px;height:15px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -108px -42px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspace__connectIcon{display:inline-block;position:relative;width:18px;height:18px;margin-top:8px;vertical-align:top}
.join .moduleWorkspace .workspace__connectIcon::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .moduleWorkspace .workspace__connectTextBox{display:inline-block;height:100%}
.join .moduleWorkspace .workspace__connectText{display:inline-block;min-width:57px;height:100%;font-weight:700}
.join .moduleWorkspace .workspace__createButton{position:relative;width:100%;height:64px;margin-top:10px;border:1px solid #bcd2ef;border-radius:8px;background-color:#f4f9ff;font-family:douzonetitle;font-size:14px;color:#8595aa;letter-spacing:-.7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .moduleWorkspace .workspace__createButton::after{content:"";position:absolute;top:50%;right:24px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -111px 0 no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspace__createIcon{margin-right:6px;width:32px;height:32px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) 0 -90px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCreate{margin-top:32px}
@media (min-width:1024px){
.join .moduleWorkspace .workspaceCreate{margin-top:100px}
}
.join .moduleWorkspace .workspaceCreate .workspaceList__item{display:block;position:relative;height:115px;padding:0;border:0;border-radius:0}
.join .moduleWorkspace .workspaceCreate .workspaceList__item a{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;padding:0 30px;border:1px solid #d3d3d3;border-radius:8px;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .moduleWorkspace .workspaceCreate .workspaceList__item a:hover::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px}
.join .moduleWorkspace .workspaceCreate .workspaceList__item--company>a:hover::before{border:2px solid #9e7bff}
.join .moduleWorkspace .workspaceCreate .workspaceList__item--team>a:hover::before{border:2px solid #1c90fb}
.join .moduleWorkspace .workspaceCreate .workspaceList__item--personal>a:hover::before{border:2px solid #23b3c8}
.join .moduleWorkspace .workspace__icon--create{margin-right:35px}
.join .moduleWorkspace .workspace__spaceName{display:block;font-family:douzonetitle;font-size:18px;font-weight:700;color:#000;line-height:20px;letter-spacing:-.36px}
.join .moduleWorkspace .workspace__spaceInfo{margin-top:8px;font-size:12px;color:#000;line-height:18px;letter-spacing:-.24px}
.join .moduleWorkspace .workspaceCardList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}
.join .moduleWorkspace .workspaceCard__def{position:relative;height:115px;padding:0 0 0 36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .moduleWorkspace .workspaceCard__item{overflow:hidden;position:relative;width:340px;height:100%;margin-left:20px;border-radius:16px;background-color:#fff;-webkit-box-shadow:0 3px 20px 0 rgba(0,0,0,.06);box-shadow:0 3px 20px 0 rgba(0,0,0,.06);-webkit-box-sizing:border-box;box-sizing:border-box}
.join .moduleWorkspace .workspaceCard__item:hover{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
.join .moduleWorkspace .workspaceCard__item>a:hover::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-style:solid;border-width:2px;border-radius:16px}
.join .moduleWorkspace .workspaceCard__item:first-of-type{margin-left:0}
.join .moduleWorkspace .workspaceCard__item--company>a:hover .workspaceCard__checkIcon::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -95px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--company>a:hover::before{border-color:#9e7bff}
.join .moduleWorkspace .workspaceCard__item--company .workspaceCard__def{background-color:#9e7bff}
.join .moduleWorkspace .workspaceCard__item--company .workspaceCard__icon::before{width:36px;height:38px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) 0 -127px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--company .workspaceCard__noticeIcon{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Svpba_fcrnx1.cat) no-repeat 50%/35px 34px}
.join .moduleWorkspace .workspaceCard__item--company .workspaceCard__suggestText{color:#5919bf}
.join .moduleWorkspace .workspaceCard__item--company .workspaceCard__suggestText::before{background-color:#d7c7fe}
.join .moduleWorkspace .workspaceCard__item--company .workspaceCard__explainItem::before{width:10px;height:8px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -50px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--company .workspaceCard__checkIcon::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -170px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--company.workspaceCard__item--checked .workspaceCard__checkIcon::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -95px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--team>a:hover .workspaceCard__checkIcon::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -120px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--team>a:hover::before{border-color:#1c90fb}
.join .moduleWorkspace .workspaceCard__item--team .workspaceCard__def{background-color:#1c90fb}
.join .moduleWorkspace .workspaceCard__item--team .workspaceCard__icon::before{width:37px;height:32px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -83px -127px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--team .workspaceCard__noticeIcon{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Svpba_fcrnx2.cat) no-repeat 50%/35px 34px}
.join .moduleWorkspace .workspaceCard__item--team .workspaceCard__suggestText{color:#0e4a96}
.join .moduleWorkspace .workspaceCard__item--team .workspaceCard__suggestText::before{background-color:#badcfe}
.join .moduleWorkspace .workspaceCard__item--team .workspaceCard__explainItem::before{width:10px;height:8px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -65px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--team .workspaceCard__checkIcon::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -195px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--team.workspaceCard__item--checked .workspaceCard__checkIcon::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -120px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--personal>a:hover .workspaceCard__checkIcon::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -145px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--personal>a:hover::before{border-color:#23b3c8}
.join .moduleWorkspace .workspaceCard__item--personal .workspaceCard__def{background-color:#23b3c8}
.join .moduleWorkspace .workspaceCard__item--personal .workspaceCard__icon::before{width:38px;height:38px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -40px -127px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--personal .workspaceCard__noticeIcon{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Svpba_fcrnx3.cat) no-repeat 50%/35px 34px}
.join .moduleWorkspace .workspaceCard__item--personal .workspaceCard__suggestText{color:#15676e}
.join .moduleWorkspace .workspaceCard__item--personal .workspaceCard__suggestText::before{background-color:#b2e9f3}
.join .moduleWorkspace .workspaceCard__item--personal .workspaceCard__explainItem::before{width:10px;height:8px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -80px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--personal .workspaceCard__checkIcon::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -220px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item--personal.workspaceCard__item--checked .workspaceCard__checkIcon::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -145px -65px no-repeat;background-size:250px 250px}
.join .moduleWorkspace .workspaceCard__item>a{text-decoration:none}
.join .moduleWorkspace .workspaceCard__itemPreparing{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:10px;background:rgba(255,255,255,.9);text-align:center}
.join .moduleWorkspace .workspaceCard__itemPreparing .workspaceCard__text--itemPreparingMain{display:block;font-size:20px;font-weight:900;color:#4a4a4a;line-height:25px;letter-spacing:-1px;text-align:center}
.join .moduleWorkspace .workspaceCard__itemPreparing .workspaceCard__text--itemPreparingSub{margin-top:15px;font-size:14px;font-weight:700;color:#333;line-height:22px}
.join .moduleWorkspace .workspaceCard__icon{position:relative;width:48px;height:48px;margin-right:20px}
.join .moduleWorkspace .workspaceCard__icon::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .moduleWorkspace .workspaceCard__spaceName{font-family:douzonetitle;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.36px}
.join .moduleWorkspace .workspaceCard__spaceInfo{margin-top:8px;font-size:12px;font-weight:700;color:#fff;line-height:18px;letter-spacing:-.24px}
.join .moduleWorkspace .workspaceCard__explain{padding:20px 25px 30px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .moduleWorkspace .workspaceCard__explainList{margin-top:10px}
.join .moduleWorkspace .workspaceCard__explainItem{position:relative;margin-top:4px;padding-left:28px;font-size:14px;font-weight:700;color:#4a4a4a;line-height:24px;letter-spacing:-.38px}
.join .moduleWorkspace .workspaceCard__explainItem:first-of-type{margin-top:0}
.join .moduleWorkspace .workspaceCard__explainItem::before{content:"";position:absolute;top:6px;left:7px}
.join .moduleWorkspace .workspaceCard__noticeIcon{display:inline-block;position:relative;width:24px;height:24px;margin-right:4px;margin-top:3px;vertical-align:top}
.join .moduleWorkspace .workspaceCard__suggestText{position:relative;font-family:douzonetitle;font-size:14px;letter-spacing:-.7px}
.join .moduleWorkspace .workspaceCard__suggestText::before{content:"";position:absolute;bottom:1px;left:0;right:0;height:5px}
.join .moduleWorkspace .workspaceCard__suggestText em{position:relative}
.join .moduleWorkspace .workspaceCard__checkIcon{position:absolute;width:24px;height:24px;top:12px;left:12px;border:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.join .moduleWorkspace .workspaceCard__checkIcon::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .moduleWorkspace .buttonBox{position:absolute;bottom:12px;left:0;right:0;width:100%;padding:0 18px;-webkit-box-sizing:border-box;box-sizing:border-box}
@media (min-width:1024px){
.join .moduleWorkspace .buttonBox{position:relative;bottom:auto;left:auto;right:auto;margin-top:24px;padding:0}
}
@media (min-width:667px) and (orientation:landscape){
.join .moduleWorkspace .buttonBox{position:relative;bottom:auto;left:auto;right:auto;margin-top:24px;padding:0}
}
@media (min-width:1024px){
.join .moduleWorkspace .buttonBox--company{margin-top:125px}
}
.join .moduleWorkspace .moduleBundle.workSingle{margin-top:44px}
.join .moduleWorkspace .moduleBundle.workSingle+.buttonBox{padding-top:12px;-webkit-box-shadow:0 -1px 2px 0 rgba(0,0,0,.1);box-shadow:0 -1px 2px 0 rgba(0,0,0,.1)}
@media (min-width:1024px){
.join .moduleWorkspace .moduleBundle.workSingle+.buttonBox{padding-top:0;-webkit-box-shadow:none;box-shadow:none}
}
@media (min-width:667px) and (orientation:landscape){
.join .moduleWorkspace .moduleBundle.workSingle+.buttonBox{padding:0;-webkit-box-shadow:none;box-shadow:none}
}
.join .moduleWorkspace .inputBox__hint{margin-top:8px;color:#939393}
.join .moduleWorkspace--typeMobile .workspaceCard__itemPreparing{border:1px solid rgba(0,0,0,.1)}
.join .moduleWorkspace .moduleFormInfoBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;margin-top:21px}
.join .moduleWorkspace .moduleFormInfoItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}
.join .moduleWorkspace .moduleFormInfoTitle{display:block;font-size:13px;line-height:19px;letter-spacing:-.65px;color:#777}
.join .moduleWorkspace .moduleFormInfoContent{display:block}
.join .moduleWorkspace .moduleFormInfoContent .text{display:block;font-size:14px;line-height:20px;letter-spacing:-.7px;color:#333;font-weight:700;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.join .moduleWorkspace .moduleFormInfoContent .common_textInputBox .common_textInput{padding-top:0;font-size:12px;line-height:28px}
.join .moduleSignBox{padding:42px 18px 50px;-webkit-box-sizing:border-box;box-sizing:border-box}
@media (min-width:1024px){
.join .moduleSignBox{width:100%;height:100%;padding:102px 0}
}
.join .moduleNahagoBox,.join .moduleSign{-webkit-box-sizing:border-box;box-sizing:border-box}
@media (min-width:1024px){
.join .moduleNahagoBox,.join .moduleSign{width:100%;max-width:824px;margin:0 auto;padding:80px 80px 40px;background-color:#fff;border-radius:18px;-webkit-box-shadow:5px 10px 20px 0 rgba(0,0,0,.04);box-shadow:5px 10px 20px 0 rgba(0,0,0,.04)}
}
.join .moduleSign--joinMessage .subhead{color:#4a4a4a;letter-spacing:-.28px}
@media (min-width:1024px){
.join .moduleSign--joinMessage .subhead{color:#62656e;letter-spacing:-.65px;line-height:22px}
}
@media (min-width:1024px){
.join .moduleSign{padding:100px 20px 60px 80px}
.join .moduleSign .headline{font-size:26px;color:#333;line-height:36px;letter-spacing:-1.3px}
.join .moduleSign .signThumb{top:-68px}
.join .moduleSign .signButtonBox{margin-top:60px}
.join .moduleSign .signButtonBox .signButton{max-width:382px}
}
.join .moduleNahagoBox{margin-top:40px}
@media (min-width:1024px){
.join .moduleNahagoBox{margin-top:30px;padding:52px 30px 40px}
}
.join .moduleNahago{position:relative}
@media (min-width:1024px){
.join .moduleNahago{margin-top:60px;padding-left:376px;padding-bottom:86px}
}
.join .moduleNahago .bundle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .moduleGuide{margin-top:30px}
@media (min-width:1024px){
.join .moduleGuide{padding:20px 40px;border-radius:8px;background-color:#f9f9fc;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .moduleGuide .br{display:none}
}
.join .moduleGuide__item{margin-top:60px}
.join .moduleGuide__item:first-of-type{margin-top:0}
@media (min-width:1024px){
.join .moduleGuide__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
@media (min-width:1024px){
.join .signIntro{position:relative;padding-right:286px}
}
.join .signIntro .subhead .br{display:block}
@media (min-width:1024px){
.join .signIntro .subhead .br{display:none}
}
.join .signThumb{margin-top:20px;margin-bottom:20px;text-align:center}
@media (min-width:1024px){
.join .signThumb{position:absolute;top:-27px;right:0;margin:0}
}
.join .signInfo{border:1px solid #ebebeb;border-radius:8px}
@media (min-width:1024px){
.join .signInfo{margin-top:30px}
}
.join .signInfo__def{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:86px}
.join .signInfo__def dt{font-size:14px;font-weight:700;color:#4a4a4a;letter-spacing:-.7px}
.join .signInfo__def dd{margin-top:12px;font-size:15px;font-weight:900;color:#2459b1}
.join .signInfo__bundle{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}
.join .signInfo__bundle+.signInfo__bundle::before{content:"";position:absolute;top:50%;left:0;width:1px;height:36px;background-color:#ebebeb;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.join .signButtonBox{margin-top:48px}
@media (min-width:1024px){
.join .signButtonBox{text-align:center}
}
.join .signButton{width:100%;height:48px;border:0;border-radius:8px;background-color:#1c90fb;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media (min-width:1024px){
.join .signButton{max-width:190px}
}
.join .nahagoIcon{display:inline-block;width:40px;min-width:40px;height:40px;margin-right:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Svpba_anuntb_40k40.cat) no-repeat 0 0/40px 40px;vertical-align:top}
.join .nahagoIntro__info{font-family:douzonetitle;font-size:14px;color:#5375ff;letter-spacing:-.7px}
.join .nahagoIntro__info em{font-family:douzonetitle;font-weight:700}
.join .nahagoIntro__infoSub{font-size:14px;font-weight:700;color:#4a4a4a;line-height:28px;letter-spacing:-.7px;text-align:center}
@media (min-width:1024px){
.join .nahagoIntro__infoSub{margin:0;font-size:16px;line-height:28px;letter-spacing:-.8px;text-align:left}
}
.join .nahagoIntro__title{display:none;font-size:18px;font-weight:700}
.join .nahagoIntro__title em{font-weight:900}
@media (min-width:1024px){
.join .nahagoIntro__title{display:block}
}
.join .nahagoIntro__text{font-family:douzonetitle;font-size:24px;font-weight:700;color:#222;letter-spacing:-.48px}
@media (min-width:1024px){
.join .nahagoIntro__text{margin-top:4px}
}
@media (min-width:1024px){
.join .nahagoIntro--mobile{display:none}
}
.join .nahagoIntro--pc{display:none}
@media (min-width:1024px){
.join .nahagoIntro--pc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.join .nahagoIntro--pc .nahagoIcon{width:58px;height:58px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Svpba_anuntb_58k58.cat) no-repeat 0 0/58px 58px}
.join .nahagoIntro--pc .bundle{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}
.join .nahagoIntro--pc .nahagoIntro__info{font-size:16px}
.join .nahagoIntro--pc .nahagoIntro__title{margin-top:4px}
.join .nahagoIntro__buttonBox{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media (min-width:1024px){
.join .nahagoIntro__buttonBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.join .nahagoIntro__buttonBox a{width:120px;height:44px}
.join .nahagoIntro__buttonBox a+a{margin-left:10px}
.join .nahagoIntro__buttonLink--google{width:120px;height:44px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) 0 -170px no-repeat;background-size:250px 250px}
.join .nahagoIntro__buttonLink--app{width:120px;height:44px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -125px -170px no-repeat;background-size:250px 250px}
.join .nahagoIntro__guide{margin-top:10px}
@media (min-width:1024px){
.join .nahagoIntro__guide{max-width:316px;margin:20px auto 0}
}
.join .nahagoGuideButton{display:none;height:32px;padding:0 14px;border:1px solid #d6dceb;border-radius:4px;background-color:#fff;font-size:13px;font-weight:700;color:#4a4a4a;letter-spacing:-.39px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}
@media (min-width:1024px){
.join .nahagoGuideButton{display:block;margin-top:10px}
}
.join .nahagoThumb{margin-top:16px;text-align:center}
@media (min-width:1024px){
.join .nahagoThumb{position:absolute;top:-56px;left:0;text-align:inherit}
}
.join .guideThumb{text-align:center}
@media (min-width:1024px){
.join .guideThumb{margin-right:6px}
}
.join .guideInfoBox{margin-top:12px}
@media (min-width:1024px){
.join .guideInfoBox{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:0}
}
.join .guideTitle{display:block;font-family:douzonetitle;font-size:18px;color:#5375ff;letter-spacing:-.9px;line-height:24px;text-align:center}
@media (min-width:1024px){
.join .guideTitle{text-align:left}
}
.join .guideInfoText{margin-top:12px;font-size:14px;font-weight:700;color:#4a4a4a;line-height:24px;letter-spacing:-.7px;text-align:center}
@media (min-width:1024px){
.join .guideInfoText{margin-top:8px;font-size:16px;letter-spacing:-1px;text-align:left}
}
.join .inputGroup{display:-webkit-box;display:-ms-flexbox;display:flex}
.join .inputGroup+.inputBox,.join .inputGroup+.inputGroup{margin-top:10px}
.join .inputGroup.single{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .inputGroup.workSingle{margin-top:44px}
.join .inputGroup__btn{margin-left:10px;padding:0 16px;min-width:87px;height:56px;border:1px solid #1c90fb;background:#fff;border-radius:8px;font-size:14px;letter-spacing:-.42px;color:#1c90fb}
.join .inputGroup__btn[disabled]{border-color:#d3d3d3;background-color:#f8f8f8;color:#b4b4b4;cursor:not-allowed}
.join .inputBox{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}
.join .inputBox+.inputBox,.join .inputBox+.inputGroup{margin-top:10px}
.join .inputBox__input{display:inline-block;position:relative;vertical-align:top;padding:26px 50px 10px 16px;width:100%;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #d3d3d3;background:#fff;border-radius:8px}
.join .inputBox__input:disabled{border-color:#d3d3d3;background-color:#f8f8f8;color:#b4b4b4;cursor:not-allowed}
.join .inputBox__input:disabled+label{cursor:not-allowed}
.join .inputBox__input:focus{border-color:#4a4a4a;outline:0}
.join .inputBox__input:focus+.inputBox__label,.join .inputBox__input:valid+.inputBox__label{-webkit-transform:translateY(-8px) scale(.74);-ms-transform:translateY(-8px) scale(.74);transform:translateY(-8px) scale(.74);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;letter-spacing:-.28px}
.join .inputBox__input--valueEmpty:disabled+.inputBox__label{-webkit-transform:none;-ms-transform:none;transform:none;letter-spacing:inherit}
.join .inputBox__input[type=password]{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif}
.join .inputBox--active .inputBox__input{border-color:#4a4a4a}
.join .inputBox--active .inputBox__label{-webkit-transform:translateY(-8px) scale(.74);-ms-transform:translateY(-8px) scale(.74);transform:translateY(-8px) scale(.74);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;letter-spacing:-.28px}
.join .inputBox__label{position:absolute;z-index:1;top:20px;left:16px;font-size:14px;letter-spacing:-.2px;color:#939393;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
.join .inputBox__hint{margin-top:4px;padding:0 16px;font-size:11px;line-height:13px;letter-spacing:-.2px;color:#939393}
.join .inputBox__btnClear{position:absolute;top:16px;right:16px;width:24px;height:24px;border:0;background:0 0;overflow:hidden;font-size:1px;color:transparent}
.join .inputBox__btnClear::before{content:"";position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -50px 0 no-repeat;background-size:250px 250px}
.join .inputBox--count .inputBox__input{padding-right:64px}
.join .inputBox__countdown{position:absolute;top:20px;right:16px;font-size:14px;letter-spacing:-.28px;color:#b4b4b4}
.join .inputBox--error .inputBox__input{border-color:#fc5356}
.join .inputBox--error .inputBox__hint{color:#fc5356}
.join .inputBox--correct .inputBox__input{border-color:#1fc47c}
.join .inputBox--correct .inputBox__hint{color:#1fc47c}
.join .inputBox--warning .inputBox__input{border-color:#febc2c}
.join .inputBox--warning .inputBox__hint{color:#febc2c}
.join .singleInputBox{position:relative}
.join .singleInputBox .inputBundle{display:-webkit-box;display:-ms-flexbox;display:flex}
.join .singleInputBox__input{width:16.666%;min-width:18px;margin:0 12px;padding-bottom:4px;border:1px solid #d3d3d3;border-width:0 0 2px 0;border-radius:0;background-color:transparent;font-size:22px;font-weight:900;color:rgba(33,33,33,.86);letter-spacing:-.33px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
@media (min-width:1024px){
.join .singleInputBox__input{max-width:18px}
}
.join .singleInputBox__input:first-of-type{margin-left:0}
.join .singleInputBox__input--active{border-color:#1c90fb}
.join .singleInputBox .inputBox__hint{display:none}
.join .singleInputBox--warning .singleInputBox__input{border-color:#fc5356}
.join .singleInputBox--warning .inputBox__hint{display:block;color:#fc5356}
.join .inputTimeBox{font-size:14px;font-weight:700;color:#212121;letter-spacing:-.21px}
.join .enterCodeBox{margin-top:20px}
.join .enterCodeBox__buttonBox{margin-top:10px}
.join .enterCodeBox__buttonBox button{width:100%;height:48px;border:1px solid #b4b4b4;border-radius:8px;background-color:#fff;font-size:16px;font-weight:700;color:#4a4a4a;letter-spacing:-.32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:48px}
.join .enterCodeBox__buttonBox button+button{margin-left:8px}
.join .enterCodeBox .inputBox{margin-top:10px}
.join .enterCodeBox .codeIcon{display:inline-block;position:relative;width:24px;height:24px;margin-right:4px;vertical-align:top}
.join .enterCodeBox .codeIcon--refresh{margin-top:10px}
.join .enterCodeBox .codeIcon--refresh::before{content:"";width:22px;height:19px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -215px 0 no-repeat;background-size:250px 250px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .enterCodeBox .codeIcon--voice{margin-top:11px}
.join .enterCodeBox .codeIcon--voice::before{content:"";width:20px;height:17px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -190px 0 no-repeat;background-size:250px 250px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .enterCodeImg{width:100%;height:66px;border:1px solid #d3d3d3;border-radius:5px;background-color:#f9fafc;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .inputTooltip{position:absolute;bottom:100%;left:0;padding:8px 10px;margin-bottom:6px;border-radius:4px;background-color:rgba(20,20,20,.85);-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.16);box-shadow:0 3px 6px 0 rgba(0,0,0,.16);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}
.join .inputTooltip::after{content:"";position:absolute;left:50%;top:100%;width:6px;height:6px;-webkit-transform:translateX(-50%) rotate(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);border:3px solid rgba(20,20,20,.85);-webkit-box-sizing:border-box;box-sizing:border-box;border-top:0;border-right:0;margin-top:-3px}
.join .inputTooltip__title{font-size:12px;font-weight:900;color:#fff;letter-spacing:-.6px}
.join .inputTooltip__title em{color:#fc5356}
.join .inputTooltip__title em.not{color:#fc5356}
.join .inputTooltip__title em.safe{color:#1fc47c}
.join .inputTooltip__title em.warning{color:#febc2c}
.join .inputTooltip__text{margin-top:4px;font-size:11px;font-weight:700;color:#fff;line-height:17px;letter-spacing:-.55px;opacity:.8}
.join .buttonBox__button{width:100%;height:48px;border:0;border-radius:8px;background-color:#fff;font-size:16px;color:#4a4a4a;font-weight:700;letter-spacing:-.32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.join .buttonBox__button--default{border:1px solid #b4b4b4}
.join .buttonBox__button--confirm{border:1px solid #1c90fb;background-color:#1c90fb;color:#fff}
.join .buttonBox__button--indigo{border:1px solid #022978;background-color:#022978;color:#fff}
.join .buttonBox__button:disabled{background-color:#d3d3d3;border:1px solid #d3d3d3;cursor:not-allowed}
.join .buttonBox__button+button{margin-left:8px}
.join .buttonBox--bottomFix{position:absolute;bottom:12px;left:0;right:0;width:100%;margin-top:0;padding:12px 18px 0;-webkit-box-shadow:0 -1px 2px 0 rgba(0,0,0,.1);box-shadow:0 -1px 2px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box}
@media (min-width:1024px){
.join .buttonBox--bottomFix{position:relative;bottom:auto;left:auto;right:auto;padding:0;-webkit-box-shadow:none;box-shadow:none}
}
@media (min-width:667px) and (orientation:landscape){
.join .buttonBox--bottomFix{position:relative;bottom:auto;left:auto;right:auto;padding:0;-webkit-box-shadow:none;box-shadow:none}
}
.join .button__singleFix{display:block;margin:40px auto 0;background-color:transparent;border:1px solid #4a4a4a;border-width:0 0 1px 0;font-size:13px;font-weight:700;color:#4a4a4a;-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:-.2px}
@media (min-width:1024px){
.join .button__singleFix{margin-top:20px;font-size:12px;letter-spacing:-.18px}
}
.join .btnExpired{width:100px;height:36px;border:1px solid #d3d3d3;border-radius:18px;background-color:#fff;font-size:12px;font-weight:700;letter-spacing:-.36px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.join .terms{padding:16px;background-color:#fff;border:1px solid #d3d3d3;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .terms__label{padding-left:30px;font-size:14px;font-weight:700;color:#4a4a4a;letter-spacing:-1.18px;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width:320px){
.join .terms__label{padding-right:30px}
}
.join .terms__input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
.join .terms__link{position:absolute;top:50%;right:7px;padding:9px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10}
.join .terms__link::after{content:"";width:8px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -111px 0 no-repeat;background-size:250px 250px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .terms__text{color:#1c90fb}
.join .terms__text--gray{color:#939393}
.join .terms__all{position:relative;height:48px;border-bottom:1px solid rgba(219,219,219,.5);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .terms__all label::before{content:"";position:absolute;top:50%;left:0;margin-top:-11px;width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) 0 0 no-repeat;background-size:250px 250px}
.join .terms__all label::after{content:none}
.join .terms__all input:checked+label::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -25px 0 no-repeat;background-size:250px 250px}
.join .terms__check .checkItem,.join .terms__check li{position:relative;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.join .terms__check .checkItem label::before,.join .terms__check li label::before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) 0 0 no-repeat;background-size:250px 250px}
.join .terms__check .checkItem input:checked+label::before,.join .terms__check li input:checked+label::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -25px 0 no-repeat;background-size:250px 250px}
.join .singleCheckBox{position:relative;margin-top:15px}
.join .singleCheckBox .terms__label::before{content:"";position:absolute;top:50%;left:0;margin-top:-10px;width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) 0 0 no-repeat;background-size:250px 250px}
.join .singleCheckBox .terms__label::after{content:none}
.join .singleCheckBox .terms__input:checked+label::before{width:20px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -25px 0 no-repeat;background-size:250px 250px}
.join .singleCheckBox .terms__title{font-size:12px;font-weight:700;color:#939393;letter-spacing:-.24px}
.joinHeader{height:48px;min-height:48px;padding:0 48px;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media (min-width:1024px){
.joinHeader{position:relative;top:auto;left:auto;right:auto}
}
@media (min-width:667px) and (orientation:landscape){
.joinHeader{position:relative;top:auto;left:auto;right:auto}
}
@media (max-width:1023px){
.joinHeader__logo{display:none}
}
.joinHeader__logoLink{position:relative;padding:0 12px;height:36px;font-size:1px;color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.joinHeader__buttonPrev{position:absolute;top:0;left:0;width:48px;height:48px;border:0;background:0 0}
.joinHeader__buttonPrev::before{content:"";position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-10px;width:19px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -123px 0 no-repeat;background-size:250px 250px}
.joinHeader__gnb{position:absolute;top:0;left:0;right:0}
.joinHeader__buttonGnb{position:absolute;top:0;right:0;width:48px;height:48px;border:0;background:0 0}
.joinHeader__buttonGnb::before{content:"";position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-9px;width:18px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -148px 0 no-repeat;background-size:250px 250px}
.joinHeader__gnbList{display:none;position:absolute;top:48px;left:0;right:0;border-top:1px solid #eee;background:#fff;-webkit-box-shadow:0 3px 4px rgba(0,0,0,.035);box-shadow:0 3px 4px rgba(0,0,0,.035)}
.joinHeader__gnbLink{padding:0 16px;height:56px;text-decoration:none;font-size:14px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.joinHeader__gnbLink:hover{cursor:pointer}
@media (min-width:1024px){
.joinHeader{padding:0 28px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.joinHeader__gnb{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.joinHeader__gnbList{position:relative;top:0;left:auto;right:auto;height:100%;border-top:0;background:0 0;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.joinHeader__gnbItem{height:100%}
.joinHeader__gnbItem+.joinHeader__gnbItem{margin-left:16px}
.joinHeader__gnbLink{padding:0 12px;height:100%;background:0 0}
.joinHeader__gnbItem--selected .joinHeader__gnbLink,.joinHeader__gnbLink:hover{background-color:transparent;font-weight:700;color:#222}
.joinHeader__buttonGnb,.joinHeader__buttonPrev{display:none}
}
.join .tabBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0}
.join .tabBox li::before{content:"";display:inline-block;width:1px;height:12px;margin:2px 20px 0;background-color:#d3d3d3;vertical-align:top}
.join .tabBox li:first-of-type::before{content:none}
.join .tabBox li.tabButton__id .tabButton__icon{margin-top:2px}
.join .tabBox li.tabButton__id .tabButton__icon::before{content:"";width:11px;height:13px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -134px -25px no-repeat;background-size:250px 250px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .tabBox li.tabButton__id.tabButton--active .tabButton__icon::before{width:11px;height:13px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -150px -25px no-repeat;background-size:250px 250px}
.join .tabBox li.tabButton__tel .tabButton__icon::before{content:"";width:10px;height:12px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -32px -25px no-repeat;background-size:250px 250px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .tabBox li.tabButton__tel.tabButton--active .tabButton__icon::before{width:10px;height:12px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -47px -25px no-repeat;background-size:250px 250px}
.join .tabBox li.tabButton__qrcode{display:none}
@media (min-width:1024px){
.join .tabBox li.tabButton__qrcode{display:block}
}
.join .tabBox li.tabButton__qrcode .tabButton__icon::before{content:"";width:11px;height:11px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -62px -25px no-repeat;background-size:250px 250px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.join .tabBox li.tabButton__qrcode.tabButton--active .tabButton__icon::before{width:11px;height:11px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -78px -25px no-repeat;background-size:250px 250px}
.join .tabBox li.tabButton__email .tabButton__icon{width:18px;height:18px;margin-top:0}
.join .tabBox li.tabButton__email .tabButton__icon::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(calc(-50% - .5px),calc(-50% - .5px));-ms-transform:translate(calc(-50% - .5px),calc(-50% - .5px));transform:translate(calc(-50% - .5px),calc(-50% - .5px));width:15px;height:13px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -94px -24px no-repeat;background-size:250px 250px}
.join .tabBox li.tabButton__email.tabButton--active .tabButton__icon::before{width:15px;height:13px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Svztf%2Swbva%2Swbva_erarjny%2Sfc_wbva.cat) -114px -24px no-repeat;background-size:250px 250px}
.join .tabBox li.tabButton--active button{font-weight:900;color:#1c90fb}
.join .tabBox button{border:0;background-color:transparent;font-size:14px;font-weight:700;color:#b4b4b4;letter-spacing:-.28px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.join .tabBox .tabButton__icon{display:inline-block;position:relative;width:14px;height:14px;margin-top:1px;margin-right:2px;vertical-align:top}
.join .swiper-container{position:static!important}
.join .swiper-slide{width:445px}
.join .swiper-pagination{bottom:0}
.join .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px;background-color:#e5e5e5;opacity:1}
.join .swiper-pagination .swiper-pagination-bullet-active{background-color:#1c90fb}
.join .swiper-wrapper.slick-slider{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.join .slideBoxImg{padding-bottom:14px}
.join .slideBox__title{display:block;font-size:30px;font-weight:900;color:#000;letter-spacing:-1.5px}
.join .slideBox__desc{margin-top:12px;font-size:14px;font-weight:700;color:#777;letter-spacing:-.7px;line-height:20px}
.join .slick-dots{margin-top:15px;text-align:center}
.join .slick-dots li{display:inline-block;vertical-align:top}
.join .slick-dots li button{width:6px;height:6px;margin:0 3px;background-color:#e5e5e5;border:0;border-radius:100%;color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.join .slick-dots li.slick-active button{background-color:#1c90fb}
.join.medical .moduleIntro .swiper{height:100%}
.join.medical .moduleIntro .swiper .swiper-slide{width:540px}
.join.medical .moduleIntro .swiper .slideItem1{background-color:#e4f2f5}
.join.medical .moduleIntro .swiper .slideItem1 .slideBox__title{color:#1e6471}
.join.medical .moduleIntro .swiper .slideItem1 .slideBox__title.bhr{color:#023496}
.join.medical .moduleIntro .swiper .slideItem2{background-color:#e4e2ff}
.join.medical .moduleIntro .swiper .slideItem2 .slideBox__title{color:#2d1d83}
.join.medical .moduleIntro .swiper .slideItem2 .slideBox__title.bhr{color:#023496}
.join.medical .moduleIntro .swiper .slideItem3{background-color:#dde6fd}
.join.medical .moduleIntro .swiper .slideItem3 .slideBox__title{color:#10246a}
.join.medical .moduleIntro .swiper .slideItem3 .slideBox__title.bhr{color:#023496}
.join.medical .moduleIntro .swiper .slideItem4{background-color:#d9ebf8}
.join.medical .moduleIntro .swiper .slideItem4 .slideBox__title{color:#164da5}
.join.medical .moduleIntro .swiper .slideItem4 .slideBox__title.bhr{color:#023496}
.join.medical .moduleIntro .swiper .slideBox__title.bhr{color:#023496}
.join.medical .moduleIntro .swiper .swiper-pagination{top:235px;left:50px;bottom:auto;text-align:left}
.join.medical .moduleIntro .swiper .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px;background-color:#6e6e6e;opacity:.2}
.join.medical .moduleIntro .swiper .swiper-pagination .swiper-pagination-bullet-active{background-color:#6e6e6e;opacity:.8}
.join .supportsBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0}
.join .supportsBox li::before{content:"";display:inline-block;width:1px;height:12px;margin:1px 20px 0;background-color:#d3d3d3;vertical-align:top}
.join .supportsBox li:first-of-type::before{content:none}
.join .supportsBox li a{font-size:12px;font-weight:700;color:#939393;letter-spacing:-.24px;text-decoration:none}
@media (min-width:1024px){
.join.medical .moduleContent{-webkit-box-flex:1;-ms-flex:1;flex:1;width:1020px;margin:0 auto;padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
@media (min-width:1024px){
.join.medical .moduleContent--workspaceCreate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
@media (min-width:1024px){
.join.medical .moduleContent--workspaceCreate .moduleLoginForm{width:448px}
}
.join.medical .moduleContent--workspaceCreate .moduleWorkspace{width:100%}
.join.medical .moduleContent--workspaceCreate .workspaceCard__explain{padding:20px 12px}
.join.medical .moduleContent--workspaceCreate .workspaceCard__explainItem{font-size:13px;letter-spacing:-.65px}
@media (min-width:1024px){
.join.medical .medicalWrap{overflow:hidden;width:100%;height:640px;background-color:#fff;border-radius:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
@media (min-width:1024px){
.join.medical .medicalWrap .moduleIntro{width:540px;height:100%;padding-bottom:0}
}
@media (min-width:1024px){
.join.medical .medicalWrap .moduleForm{width:480px}
}
@media (min-width:1024px){
.join.medical .medicalWrap .moduleLoginForm{margin:0 auto}
}
.join.medical .medicalWrap .slideBoxImg{position:absolute;top:0;left:0;right:0;bottom:0;padding-bottom:0}
.join.medical .medicalWrap .slideBoxWrap{position:absolute;top:60px;left:50px;text-align:left}
.join.medical .medicalWrap .slideBox__title{font-family:NanumSquareNeo,"MS PGothic","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;font-size:28px;font-weight:600;line-height:36px;letter-spacing:-1.96px}
.join.medical .medicalWrap .slideBox__desc{margin-top:20px;font-family:NanumSquareNeo,"MS PGothic","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:-.28px;opacity:.9}
@media (min-width:1024px){
.join.medical .copyright{background-color:transparent}
}
.join.medical .moduleQrcode{border:1px solid #dbdbdb}
@media (min-width:1024px){
.join.medical .moduleWorkspace{width:370px;margin:0 auto}
}
@media (min-width:1024px){
.join.medical .moduleWorkspace .headline,.join.medical .moduleWorkspace .subhead{text-align:center}
}
@media (min-width:1024px){
.join.medical .moduleAccountForm{margin:0 auto}
}
@media (min-width:1024px){
.join.medical .moduleAccountForm .headline,.join.medical .moduleAccountForm .subhead{text-align:center}
}
/*# sourceMappingURL=maps/join.css.map */