/*
.welcome .slide1 .box{background:url("/img/user/img-visual-join01.png") no-repeat 90% 90% / 15rem auto}
.welcome .slide2 .box{background:url("/img/user/img-visual-join02.svg") no-repeat 90% 90% / 15rem auto}
.welcome .slide3 .box{background:url("/img/user/img-visual-join03.svg") no-repeat 90% 90% / 15rem auto}
*/

.welcome .slide1 .box{background:url("/img/hour/log1.png") no-repeat 90% 70%}

/*로그인*/
.welcome{display:block}
.welcome .con{overflow:hidden}
.welcome .con .box{padding:2.4rem;line-height:1.4;height:26rem}
.welcome .con .box .title{font-size:2.4rem}
.welcome .con .box .title strogn{font-weight:700}
.welcome .con .box .txt{padding:.6rem 0 0 0}
.welcome .con .box .txt p{font-size:1.4rem;color:#8A8A8A}
.welcome .swiper-pagination-bullet{margin:0 .2rem;width:.6rem;height:.6rem;background:#848b96;opacity:1!important}
.welcome .swiper-pagination-bullet-active{background:#cdcdcd}
.welcome .swiper-pagination{bottom:0 !important}

.login-form{padding:4rem 0 0 0}
.login-form .wrap .input{position:relative;padding:0 !important}
.login-form .wrap .input + .input{padding-top:1.6rem !important}
.login-form .wrap .input .ipt{padding:0 1.2rem;width:100%;height:4.8rem;font-size:1.6rem;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:.8rem;transition:all .3s}
.login-form .wrap .input .ipt::placeholder{font-size:1.6rem;color:#cdcdcd}
.login-form .wrap .input .ipt:focus{border-color:#aaa;background:#fff}
.login-form .wrap .input .ipt:focus::placeholder{color:#333}
.login-form .wrap .input .ipt.not{border:.1rem solid #f3132c;background:#fff}
.login-form .wrap .input .ipt-error{display:flex;align-items:center;gap:.4rem;height:3rem;font-size:1.4rem;color:#f3132c}
.login-form .wrap .input .ipt-error:before{content:'';width:1.4rem;height:1.4rem;background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size:1.4rem auto}
.login-form .wrap .input .ipt-inform{display:none;align-items:center;gap:.4rem;margin:.3rem 0 0;height:2rem;font-size:1.4rem;color:#f3132c}
.login-form .wrap .input .ipt-inform:before{content:'';width:1.4rem;height:1.4rem;background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size:1.4rem auto}
.login-form .check{padding:1.4rem 0}
.login-form .check input{display:none}
.login-form .check input + label{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:400;color:#8A8A8A}
.login-form .check input + label:before{content:"";display:block;width:1.6rem;height:1.6rem;border:.1rem solid #8A8A8A;background:url(/img/user/chk-ck1.svg)no-repeat 50% 50%/ 1rem auto;border-radius:.1rem}
.login-form .check input:checked + label:before{content:"";background-color:#3182f5;border:.1rem solid #3182f5}

.login-form .button .login-btn{height:4.8rem;width:100%;background-color:#000;color:#cdcdcd;font-size:1.6rem;font-weight:700}
.login-form .button .login-btn.act{background-color:#3182F5;color:#fff}
.find-id-pw{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2.8rem;padding:2.4rem 0 3.4rem 0;text-align:center}
.find-id-pw span{font-size:1.4rem;color:#2f2f2f}

.sns-login{display:flex;align-items:center;justify-content:center;gap:2.4rem}
.sns-login .bt{display:block;width:5.4rem;height:5.4rem;overflow:hidden}
.sns-login .bt span{display:none}
.sns-login .bt-sns1{background:url("/img/login/sns1.svg") no-repeat 50% 50%}
.sns-login .bt-sns2{background:url("/img/login/sns2.svg") no-repeat 50% 50%}

.flex-column{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}

#footer{position:sticky;bottom:0;right:0;left:0}
#footer .button{}
#footer .button .bt.bt-next{background-color:#000;height:4.8rem;width:100%}
#footer .button .bt.bt-next.act{background-color:#3182F5}
#footer .button .bt.bt-next span{font-size:1.6rem;color:#cdcdcd;font-weight:700}
#footer .button .bt.bt-next.act span{color:#fff}
#footer .button .bt.bt-login{background-color:#3182F5;height:4.8rem;width:100%}
#footer .button .bt.bt-login span{font-size:1.6rem;color:#fff;font-weight:700}
#footer .button .find-btn{width:100%;text-align:center;margin-top:1rem}
#footer .button .find-btn span{font-size:1.6rem;line-height:1.4;color:#000}
#footer .button .bt.bt-com{background-color:#000;height:4.8rem;width:100%}
#footer .button .bt.bt-com.act{background-color:#3182F5}
#footer .button .bt.bt-com span{font-size:1.6rem;color:#cdcdcd;font-weight:700}
#footer .button .bt.bt-com.act span{color:#fff}
#footer .button .bt.bt-next{background-color:#000;height:4.8rem;width:100%}
#footer .button .bt.bt-next span{font-size:1.6rem;color:#cdcdcd;font-weight:700}
#footer .button .bt.bt-next.act{background-color:#0069ff}
#footer .button .bt.bt-next.act span{color:#fff}
#footer .button .bt.bt-correct{background-color:#3182F5;height:4.8rem;width:100%}
#footer .button .bt.bt-correct span{font-size:1.6rem;color:#fff;font-weight:700}
#footer .bt-login{display:block;width:100%;height:4.8rem;font-size:1.6rem;color:#cdcdcd;text-align:center;background:#000000}
#footer .bt-login.act{background-color:#3182F5;color:#fff;font-weight:700}





/* 아이디찾기 + 비밀번호찾기 */
#header .title .main-tit{height:5rem;font-size:1.8rem;text-align:center;width:calc(100% - 25rem);position:absolute;left:50%;transform:translateX(-50%);line-height:5rem;overflow:hidden;display:block}

.find-id-pass{margin:5.4rem 0 0 0}
.find-id-pass .button{padding:0 1.7rem;position:absolute;width:100%;top:39.6rem}
.find-id-pass .button .bt.bt-next{background-color:#000;height:4.8rem;width:100%}
.find-id-pass .button .bt.bt-next.act{background-color:#3182F5}
.find-id-pass .button .bt.bt-next span{font-size:1.6rem;color:#cdcdcd;font-weight:700}
.find-id-pass .button .bt.bt-next.act span{color:#fff}

.find{margin:4.3rem 0 0 0}
.find .wrap{padding:0 1.7rem}
.find .txt{display:flex;flex-direction:column;align-items:flex-start}
.find .txt h3{font-size:2.4rem;font-weight:700;color:#000;line-height:1.2;margin-bottom:1.2rem}
.find .txt p{font-size:1.4rem;color:#8A8A8A;line-height:1.3}
.find .id-box{padding-top:6.7rem;display:block;position:relative}
.find .id-box::before{content:'';background:url(/img/welcome/id-find-face.svg) no-repeat;width:9.6rem;height:10rem;position:absolute;top:-1rem;right:2.4rem}
.find .id-box .inner{width:100%;display:flex;background-color:#f4f4f4;height:10rem;border-radius:.8rem;flex-direction:column;align-items:center;justify-content:center;position:relative}
.find .id-box .inner .user{font-size:1.8rem;font-weight:700;color:#000;line-height:1.6}
.find .id-box .inner .date{font-size:1.4rem;color:#8A8A8A;line-height:1.4}
.find .id-box .inner::after{content:'';background:url(/img/welcome/id-find-hand.svg) no-repeat 50% 50%;position:absolute;width:10rem;height:3rem;top:-1.5rem;right:3rem}
.find .button{padding:0 1.7rem;position:absolute;width:100%;top:39.6rem}
.find .button .bt.bt-login{background-color:#3182F5;height:4.8rem;width:100%}
.find .button .bt.bt-login span{font-size:1.6rem;color:#fff;font-weight:700}
.find .button .find-btn{width:100%;text-align:center;margin-top:14.2rem}
.find .button .find-btn span{font-size:1.6rem;line-height:1.4;color:#000}
.find .button .bt.bt-com{background-color:#000;height:4.8rem;width:100%}
.find .button .bt.bt-com.act{background-color:#3182F5}
.find .button .bt.bt-com span{font-size:1.6rem;color:#cdcdcd;font-weight:700}
.find .button .bt.bt-com.act span{color:#fff}
.find .box .input{position:relative;height:4.8rem;width:100%}
.find .box .input em{position:absolute;top:1.4rem;right:2.1rem;font-size:1.3rem;color:#545454;line-height:1.4}
.find .ipt{border:none;padding:1.1rem;width:100%;height:4.8rem;background-color:#F4F4F4;border-radius:.8rem;font-size:1.6rem;color:#000}
.find .ipt.not{border:.1rem solid #f3132c}
.find .ipt::placeholder{color:#8A8A8A;font-size:1.6rem;line-height:1.4}
.find .wrap .box + .box{margin-top:1.6rem}
.find .find-pass{margin-top:2.5rem}
.find .find-pass .box{display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.find .wrap .ipt-error{background:url(/img/welcome/error-ico.svg) linear-gradient()0 0;background-size:1.4rem 1.4rem;width:100%;font-size:1.4rem;color:#f3132c;padding-left:1.6rem;line-height:1.2; margin-top:.5rem}
.find .pass-find{display:block;height:calc(100vh - 30rem);background:url(/img/welcome/find-password.svg)no-repeat 50% 50% / auto 15.2rem}


/*인증번호*/
.wrap{padding:0 1.7rem}
.certify .ipt{border:none;padding:1.1rem;width:100%;height:4.8rem;background-color:#F4F4F4;border-radius:.8rem;font-size:1.6rem;color:#000}
.certify .ipt.not{border:.1rem solid #f3132c}
.certify .ipt::placeholder{color:#8A8A8A;font-size:1.6rem;line-height:1.4}
.certify .wrap > .input{margin-bottom:1.6rem}
.certify .wrap + .wrap{margin-bottom:.8rem}
.certify .box{display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.certify .box .input{position:relative;height:4.8rem;width:100%}
.certify .box .input em{position:absolute;top:1.4rem;right:2.1rem;font-size:1.4rem;color:#545454;line-height:1.4}
.certify .box .bt{background-color:#000;height:4.8rem;min-width:9.4rem;border-radius:.8rem}
.certify .box .bt.act{background-color:#3182F5}
.certify .box .bt span{color:#cdcdcd;font-size:1.4rem;font-weight:700;line-height:1.4}
.certify .box .bt.act span{color:#fff}
.certify .box .input + .bt{margin-left:.4rem}
.certify .wrap .ipt-error{background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size:1.4rem 1.4rem;width:100%;font-size:1.4rem;color:#f3132c;padding-left:1.6rem;line-height:1.2; margin-top:.5rem}


/*회원가입*/
.join{display:flex;flex-direction:column}
.join.last{min-height:100vh}
.join .join-step{width:100%;margin-top:4.5rem;position:relative;height:6.4rem}
.join-step::before{content:'';width:100%;height:.1rem;background-color:#2f2f2f;display:block;position:absolute;top:1.6rem}
.join .join-step .step-wrap{width:100%;display:flex;flex-direction:row;position:absolute;top:-.3rem}
.join .join-step .step-wrap .step{width:100%;height:6.4rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around}
.join .join-step .step-wrap .step .dot-wrap{width:3.2rem;height:3.2rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.join .join-step .step-wrap .step.act .dot-wrap{width:3.2rem;height:3.2rem;border:.1rem solid #0069ff}
.join .join-step .step-wrap .step .dot{width:.8rem;height:.8rem;background-color:#2f2f2f;border-radius:50%}
.join .join-step .step-wrap .step.act .dot{background-color:#0069FF}
.join .join-step .step-wrap .step .txt{font-size:1.4rem;line-height:1.4;color:#2f2f2f}
.join .join-step .step-wrap .step.act .txt{color:#0069ff;font-weight:700}
.join .join-wrap{margin-top:5.4rem}
.join .join-wrap .wrap{padding:0 1.7rem}
.join .join-wrap .txt{display:flex;flex-direction:column;align-items:flex-start}
.join .join-wrap .txt h3{font-size:2.4rem;font-weight:700;color:#000;line-height:1.2;margin-bottom:1.2rem}
.join .join-wrap .txt p{font-size:1.4rem;color:#8A8A8A;line-height:1.3}
.join .join-wrap .txt h4{font-size:2.4rem;font-weight:400;color:#000;line-height:1.2}
.join .join-wrap .txt .location{font-size:2.4rem;font-weight:700;color:#000;line-height:1.2}
.join .join-wrap .txt .location strong{color:#3182F5}
.join .join-wrap + .certify{margin-top:7.4rem}
.join .ipt{border:none;padding:1.1rem;width:100%;height:4.8rem;background-color:#F4F4F4;border-radius:.8rem;font-size:1.6rem;color:#000}
.join .ipt.not{border:.1rem solid #f3132c}
.join .ipt::placeholder{color:#8A8A8A;font-size:1.6rem;line-height:1.4}
.join .ipt-error{background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size:1.4rem 1.4rem;width:100%;font-size:1.4rem;color:#f3132c;padding-left:1.6rem;line-height:1.2; margin-top:.5rem}
.join .button{padding:1.2rem 1.7rem}
.join .button .bt.bt-next{background-color:#000;height:4.8rem;width:100%}
.join .button .bt.bt-next span{font-size:1.6rem;color:#cdcdcd;font-weight:700}
.join .button .bt.bt-next.act{background-color:#0069ff}
.join .button .bt.bt-next.act span{color:#fff}
.join .button .bt.bt-correct{background-color:#3182F5;height:4.8rem;width:100%}
.join .button .bt.bt-correct span{font-size:1.6rem;color:#fff;font-weight:700}
.join .button .find-btn{width:100%;text-align:center;margin-top:14.2rem}
.join .button .find-btn span{font-size:1.6rem;line-height:1.4;color:#000}
.join .join-wrap + .account{margin-top:11.7rem}
.join .img{margin-top:1.7rem;background:url(/img/welcome/join-step3.svg)no-repeat 50% 50%;width:100%;height:26.8rem;display:block;background-size:contain}
.join .info{margin-top:2.5rem}
.join .info .wrap .box + .box{margin-top:3rem}
.join .info .wrap .box .txt {margin-bottom:1.6rem}
.join .info .wrap .box .txt p{font-size:1.4rem;color:#8a8a8a;line-height:1.3}
.join .info .select{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
.join .info .select .input{width:31%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.join .info .select .input .join-sel{display:none}
.join .info .select .input .join-sel + label{display:flex;align-items:center;justify-content:center;width:100%;height:3.8rem;font-size:1.6rem;font-weight:700;color:#bbb;border:.1rem solid #bbb}
.join .info .select .input .join-sel:checked + label{background-color:#3182F5;color:#fff;border:.1rem solid #3182F5}
.join .info .select + .select{margin-top:.6rem}
.account .mail{margin-bottom:1.6rem}
.account .wrap + .wrap{margin-bottom:.8rem}
.join .agr{margin-top:3rem}
.join .agr .title{padding:0 1.7rem 1.2rem;border-bottom:.1rem solid #e1e1e1;}
.join .agr .input{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start}
.join .agr .input .checkbox+label:before{content:"";display:block;margin-right:.6rem;width:1rem;height:1rem;border:.1rem solid #2f2f2f;background:url(/img/user/chk-ck1.svg)no-repeat 50% 50%/.7rem auto;border-radius:.1rem}
.join .agr .input .checkbox+label{font-size:1.6rem;font-weight:400;color:#2f2f2f;line-height:1.4}
.join .agr .input .checkbox:checked+label:before{content:"";background-color:#3182f5;border:.1rem solid #3182f5;border-radius:.1rem}
.join .agr .box{padding:1rem 1.7rem}
.join .agr .box .inner{display:flex;justify-content:space-between;align-items:center;flex-direction:row;height:2.5rem}
.join .agr .box .inner + .inner{margin-top:.5rem}
.join .agr .box .inner .view{background:url(/img/welcome/view-ico.svg)no-repeat 50% 50%;width:1.6rem;height:1.6rem}
.join .agr .box .inner .input .checkbox+label{font-size:1.4rem;font-weight:400;color:#545454;line-height:1.4}
.foot{display:flex;height:8rem;align-items:center}
.foot .bt-login{display:block;width:100%;height:4.8rem;font-size:1.6rem;color:#cdcdcd;text-align:center;background:#000000}
.foot .bt-login.act{background-color:#3182F5;color:#fff;font-weight:700}

@media only screen and (min-width:102.4rem){
	#app{position:fixed;z-index:1;top:0;bottom:0;right:0;left:0;background-color:#f6f6f6}
	#app .logo{position:fixed;top:6rem;left:6rem}
	#app .logo h1{width:10rem}
	#app .logo h1 img{width:100%}
}

@media (max-width:140rem){
	#app{ display:none;}
}

.comming{display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center}
.comming .tit{text-align:center;padding-bottom:2.4rem;line-height:1.4;color:#000}
.comming .tit h2{font-size:4rem;padding-bottom:2.4rem;font-weight:700}
.comming .tit p{font-size:1.8rem;font-weight:500}
.comming .txt{padding-bottom:3.6rem;text-align:center;line-height:1.4;color:#000}
.comming .txt p{font-size:1.8rem;font-weight:500}
.comming .txt p strong{color:#3182F5}
.comming img{width:25rem}