@charset "utf-8";canvas{z-index:10;pointer-events:none;position:fixed;top:0;transform:scale(1.1)}*{padding:0;margin:0;box-sizing:border-box;color:#333}input:disabled{opacity:1;-webkit-text-fill-color:inherit;-webkit-text-fill-color:#333}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0}a,li,ul{list-style:none;text-decoration:none;color:#333}button{border:0;cursor:pointer;text-align:center}input{cursor:pointer}input:focus{outline:0;border-bottom:1px solid #000}select{outline:0;border:0;border-bottom:1px solid #ccc;font-size:var(--font-size-regular2);line-height:45px;font-weight:var(--font-weight-light);color:#333;background-color:transparent}select:focus{border-bottom:1px solid #000}section.join-wrap{width:1200px;height:auto;margin:200px auto 100px;display:flex;flex-direction:column;align-items:center}h2{font-size:28px;font-weight:500;text-align:center;color:#111;margin-bottom:60px}h3{font-size:var(--font-size-regular5);line-height:34px;font-weight:500;margin-top:40px;margin-bottom:40px}button#authBtn2{top:6px}.title{font-size:28px;line-height:2;font-weight:var(--font-weight-bold);color:#111;text-align:center}.title-text{position:relative;font-size:var(--font-size-regular4);line-height:var(--line-height-base);font-weight:var(--font-weight-regularl);color:#333;margin-bottom:100px}.title-text::after{position:absolute;bottom:-40px;left:calc(50% - 15px);display:block;content:'';width:30px;height:4px;background-color:#e0e6e6}.btn-join{position:relative;width:400px;height:60px;font-size:var(--font-size-regular3);font-weight:var(--font-weight-light);color:#777;border-radius:4px;border:solid 1px #c3c3c3;background-color:#fff;margin-top:80px;margin-bottom:100px}.pur-grey{transition:.25s;--color:#fff}.pur-grey:hover,.pur-grey:focus{box-shadow:inset 25em 0 0 0 var(--main-color);border-color:var(--main-color);outline:0;color:#fff}.jpin-wrap input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}.join-wrap input:focus{outline:0;border-bottom:1px solid #000}.join-wrap input.join-active:focus{border-bottom:1px solid #ff4141}.join-wrap select.join-active:focus{border-bottom:1px solid #ff4141}.join-wrap{width:1200px;height:auto;box-shadow:0 0 4px 0 rgba(204,204,204,0.2);border:solid 1px #fafafa;background-color:#fff}.join-wrap>div{width:405px;height:auto;margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:column}.join-wrap .join3{width:415px;padding-top:40px}.join-wrap .join3 h3{margin-top:40px;font-size:var(--font-size-regular5)}.join-wrap .join3 h3 span{font-size:var(--font-size-regular5);color:#333}.join-wrpa .join3 .btn-pur{margin:0 auto}.join-wrap .pro{position:relative;display:inline-block;width:90px;height:10px;border-radius:20px;background-color:#ddd;margin-top:80px}.join-wrap .pro .pro01{position:absolute;top:1px;left:1px;width:30px;height:8px;border-radius:20px;background-color:#555;z-index:1}.join-wrap .pro .pro02{position:absolute;top:1px;left:1px;width:60px;height:8px;border-radius:20px;background-color:#555;z-index:1}.join-wrap .pro .pro03{position:absolute;top:1px;left:2px;width:60px;height:8px;border-radius:20px;background-color:#555;z-index:1}.join-wrap span:nth-child(2){margin-bottom:0}.join-wrap input[type=checkbox]{margin-right:10px}.join-wrap p::after{position:absolute;bottom:-40px;left:0;display:block;content:'';width:400px;height:1px;background-color:#ccc}.join1 label{font-size:var(--font-size-regular3);color:rgba(17,17,17,0.5);margin-bottom:14px;cursor:pointer;padding-left:5px}.join2 select{-webkit-appearance:none;-moz-appearance:none;image-rendering:-webkit-optimize-contrast;cursor:pointer}select::-ms-expand{display:none}.join2 label{display:block;font-size:var(--font-size-regular);font-weight:500;color:#999;margin-bottom:10px;padding-left:6px}.join2 .year.join-active selecet:focus{border-bottom:1px solid #ff4141}.join2 input[type=number],.join2 input[type=text],.join2 input[type=password]{width:100%;height:45px;font-size:var(--font-size-regular2);line-height:45px;font-weight:var(--font-weight-light);color:#333;border:0;background-color:transparent;border-bottom:1px solid #ccc;margin-bottom:4px;padding-left:6px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.join2 select{padding-left:10px}.join-item{position:relative;margin-bottom:40px}.join2 .join-item label{padding-left:6px;margin-bottom:4px}.join-item.last{margin-bottom:0}.join-item>span{color:#333}.div-date{margin-bottom:40px}.sms-chk{margin-left:6px;margin-top:4px}.sms-chk>span{font-size:var(--font-size-regular1);color:#111;font-weight:var(--font-weight-light);margin-right:10px}.sms-chk a{font-size:var(--font-size-regular1);color:#111;font-weight:var(--font-weight-light);margin-right:3px}#divMobile{position:relative}#divMobile #timer{position:absolute;top:calc(50% - 12px);right:100px;font-size:var(--font-size-regular);line-height:15px;color:#ff4141}.btn-small{position:absolute;top:34px;right:0;width:90px;height:32px;font-size:var(--font-size-regular1);color:#333;border-radius:50px;border:solid 1px #ccc}.btn-small.last{position:absolute;top:7px;right:0;width:90px;height:32px;font-size:var(--font-size-regular1);color:#333;border-radius:50px;border:solid 1px #ccc}#authBtn1{display:block}#authBtn2{dispaly:none}.pro .pro-half{position:absolute;top:1px;left:1px;width:45px;height:8px;border-radius:20px;background-color:#555;z-index:1}.idpw-wrap .join-item.idpw label{display:block;font-size:var(--font-size-regular);color:#999;margin-left:7px;margin-bottom:3px}.idpw-wrap .join-item.idpw:last-child{margin-bottom:0}.idpw-wrap .join-item.idpw>span{padding-left:7px;font-size:var(--font-size-regular2)}.btn-small.idpw{top:30px}.btn-idpw{width:400px;height:60px;font-size:var(--font-size-regular3);font-weight:var(--font-weight-regularl);border-radius:4px;background-color:#fff;margin-top:60px;margin-bottom:100px;border:1px solid #c3c3c3;color:#c3c3c3}.btn-join.idpw{margin-top:70px;margin-bottom:0;border:1px solid var(--main-color);background-color:#fff;color:var(--main-color)}.btn-join.idpw.grey{background-color:#ededed;color:#111;font-weight:var(--font-weight-regular);margin-top:10px;background-color:var(--main-color);color:#fff}.no-id-wrap,.social-wrap{padding-top:40px;padding-bottom:100px}.social-wrap .social-btn-area{display:flex;flex-direction:column}.no-id-wrap h3,.social-wrap h3{text-align:center}.no-id-wrap h4,.social-wrap h4{font-size:var(--font-size-regular3);line-height:34px;font-weight:var(--font-weight-regularl);text-align:center;color:#888}section .container{padding:none}.join3 .join-item label{display:block;font-size:var(--font-size-regular);color:rgba(51,51,51,0.5);margin-bottom:13px;font-weight:500}input[type=text],input[type=number],input[type=password]{font-size:var(--font-size-regular2);font-weight:var(--font-weight-light);width:100%;line-height:45px;font-weight:var(--font-weight-light);color:#333;border:0;background-color:transparent;border-bottom:1px solid #ccc;margin-bottom:0;padding-left:4px}input[type=text]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder{opacity:.6}.div-date>div{float:left}@media(max-width:1199px){.arrow-div{position:relative}.icon-arrow{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:5;width:8px;height:5px;display:flex;justify-content:center;align-items:center;background:url(/resources/images/common/Icon_SelecTrgg.svg) no-repeat center center;background-size:contain;opacity:1}.join2 select{background-image:none}.join2 .join-item input{-webkit-appearance:none;-webkit-border-radius:0}section.join-wrap{width:100%;margin:60px auto 0;min-height:45vh;display:flex;justify-content:center}section .container{width:100%}h2{display:none}h3{font-size:var(--font-size-regular3);line-height:1.33;font-weight:var(--font-weight-bold);margin:20px 0 26px}.join-wrap{width:100%;border:0;background-color:#fff;margin-bottom:80px;box-shadow:none}.join-wrap .pro{position:relative;display:inline-block;width:90px;height:6px;border-radius:3px;background-color:#ddd;margin-top:40px}.join-wrap .pro .pro01{position:absolute;top:1px;left:1px;width:30px;height:4px;border-radius:3px}.join-wrap .pro .pro02{position:absolute;top:1px;left:1px;width:60px;height:4px;border-radius:3px}.join-wrap .pro .pro03{position:absolute;top:1px;left:2px;width:60px;height:4px;border-radius:3px}.pro .pro-half{height:4px}.join-wrap>div{width:100%}.join1 label{position:relative;font-size:var(--font-size-regular1) !important;color:rgba(17,17,17,0.5);display:flex;gap:10px;margin-bottom:12px;align-items:center !important}.join-wrap span{line-height:1.14;margin-bottom:10px}.join-wrap span:last-of-type{margin-bottom:0}.join-wrap .join1 span{height:21px}.join-wrap .join1 span:first-of-type{height:auto}.join-wrap p{position:relative;font-size:var(--font-size-regular);line-height:1.64;padding-left:28px;color:#aaa;margin-bottom:25px;background-color:transparent;margin-top:4px;font-weight:var(--font-weight-light)}.join-wrap p::after{bottom:-20px;width:100%}.join-wrap span a{width:8px;width:7.2px;height:13.3px}.btn-more{height:100%}.join1 label>a{opacity:.5;margin-left:auto}span input[type=checkbox]:checked+label a{opacity:1}input[type="checkbox"]:checked+label{color:#333;transition:all .2s}input[type="checkbox"]:checked+label{color:#111;transition:all .2s}.join1 .chk-all{margin-bottom:4px}.btn-join{max-width:320px;width:100%;height:50px;font-size:var(--font-size-regular2);margin:30px auto 0;color:#fff;background-color:var(--main-color);border:1px solid var(--main-color)}.btn-small{position:absolute;top:unset;bottom:5px;right:0;width:90px;height:30px;font-size:var(--font-size-regular1);color:#333;border-radius:50px;border:solid 1px #ccc;background-color:#f3f3f3}.join2 select{padding-left:10px}.div-date>div{float:left}.join-item{width:100%;margin-bottom:30px}.join-item:last-of-type{margin-bottom:0}.join2 label{font-size:var(--font-size-regular);margin-bottom:0;padding-left:10px}.join2 .join-item label,.join2 .div-date label{font-size:var(--font-size-regular);margin-bottom:4px;padding-left:10px}input[type=text],input[type=number],input[type=password]{width:100%;height:40px;font-size:var(--font-size-regular1);line-height:40px;font-weight:var(--font-weight-light);color:#333;border:0;background-color:transparent;border-bottom:1px solid #ccc;margin-bottom:0;padding-left:10px}input[type=text]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder{opacity:.6}.sms-chk>span{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular);margin-bottom:0;margin-right:4px}.sms-chk a{font-size:var(--font-size-regular1)}.arrow-div:first-of-type{width:calc(100% - 180px);margin-right:10px;max-width:129px}.arrow-div:nth-of-type(2){width:80px;margin-right:10px}.arrow-div:nth-of-type(3){width:80px}.div-date .year{width:100%;height:40px;margin-right:0}.div-date .month{width:100%;height:40px;margin-right:10px;background-size:9.5%;margin-right:0}.div-date .day{width:100%;height:40px;background-size:9.5%;margin-right:0}.div-date{margin-bottom:30px}.join-item.arrow-div.gender{width:calc(100% - 180px);max-width:129px}.join-item .gender-box{width:100%;height:40px}select{font-size:var(--font-size-regular1);font-weight:var(--font-weight-light)}button#authBtn2{top:5px;border-radius:50px;font-size:var(--font-size-regular1);height:30px}button#authBtn1{top:27px}.join-item button#authBtn1{top:23px}#divMobile #timer{top:13px}.join2 select{background-size:6%}.sms-chk{margin-top:10px;margin-left:10px;display:flex;align-items:baseline}.btn-idpw{display:block;max-width:320px;width:100%;height:50px;font-size:var(--font-size-regular2);margin:30px auto 0;color:#fff;background-color:var(--main-color);border:1px solid var(--main-color)}.idpw-wrap .join-item.idpw label{margin-left:10px;margin-bottom:4px;font-size:var(--font-size-regular)}.idpw-wrap .join-item.idpw>span{font-size:var(--font-size-regular1)}.idpw-wrap .join-item.idpw label:nth-child(2){margin-bottom:0}.join-item idpw{margin-bottom:20px}.join-wrap .join3{display:flex;align-items:center}.join-wrap .join3 h3{position:relative;text-align:center;font-size:var(--font-size-regular3);margin-bottom:50px}.join-wrap .join3 h3>span{display:none}.join-wrap .join3 h3::before{display:block;width:98px;height:68px;position:absolute;content:'';top:-100px;left:52%;transform:translateX(-50%);background-image:url(/resources/images/user/mbackground_joinIcon.png)}.join-wrap .join3 h3::after{position:absolute;content:'';bottom:39px;left:50%;display:block;width:193px;height:116px;background-image:url(/resources/images/user/mbackground_join.svg);transform:translateX(-50%)}.join-wrap .join3{width:100%;margin:60px auto 0}.join2 input[type=number],.join2 input[type=text],.join2 input[type=password]{font-size:var(--font-size-regular1);padding-left:10px;margin-bottom:0;height:40px;line-height:unset}.join3 .join-item{padding-left:20px;max-width:320px;width:100%;display:flex}.join3 .join-item label{font-size:var(--font-size-regular);color:rgba(51,51,51,0.5);width:90px;min-width:90px;display:inline-block}.join3 .join-item span{font-size:var(--font-size-regular1);font-weight:var(--font-weight-bold)}.join3 .join-item.last{margin-bottom:30px}.no-id-wrap h4,.social-wrap h4{font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular);color:#555;line-height:1.71}.btn-join.idpw{display:block;margin-top:30px;font-size:var(--font-size-regular2);padding:7px 0 10px}.no-id-wrap,.social-wrap{padding-top:20px;padding-bottom:10px}.join3 .join-item .join-user-info{display:inline-block}}@media(max-width:320px){.container{width:100vw}.join-wrap>div{width:100%;margin:0 auto}.btn-join{width:100%}.join-wrap .join3{width:100%}.btn-idpw{width:100%}.join3 .join-item .join-user-info{width:calc(100% - 90px);float:right}}