
.sns-login{display:flex;align-items:center;justify-content:center;gap:24px;padding:7% 0}
.sns-login .bt{display:block;width:54px;height:54px;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%}

.welcome .slide1 .box{min-height:28rem;background:url("/img/hour/owlog1.png") no-repeat 90% 70%}

/*
.welcome .slide1 .box{min-height:28rem;background:url("/img/owner/img-visual-join01.svg") no-repeat 90% 90% / 16rem auto}
.welcome .slide2 .box{min-height:28rem;background:url("/img/owner/img-visual-join02.svg") no-repeat 90% 50% / 16rem auto}
*/

#footer{position:sticky;bottom:0;right:0;left:0}
#footer .footer{padding:16px}
#footer .button .bt.bt-next{background-color:#000;height:48px;width:100%}
#footer .button .bt.bt-next.act{background-color:#3182F5}
#footer .button .bt.bt-next span{font-size:16px;color:#cdcdcd;font-weight:700}
#footer .button .bt.bt-next.act span{color:#fff}
#footer .button .bt.bt-login{width:100%;height:48px;color:#fff;border:.1rem solid #3182F5;background-color:#3182F5}
#footer .button .bt.bt-login span{font-size:16px;font-weight:700}
#footer .button .find-btn{display:flex;align-items:center;justify-content:center;height:48px;margin-top:16px;width:100%;text-align:center;color:#B8B8B8;border:.1rem solid #B8B8B8}
#footer .button .find-btn span{font-size:16px}
#footer .button .find-btn.act{color:#3182F5;border:.1rem solid #3182F5}
#footer .button .bt.bt-com{background-color:#000;height:48px;width:100%}
#footer .button .bt.bt-com.act{background-color:#3182F5}
#footer .button .bt.bt-com span{font-size:16px;color:#cdcdcd;font-weight:700}
#footer .button .bt.bt-com.act span{color:#fff}
#footer .button .bt.bt-next{background-color:#000;height:48px;width:100%}
#footer .button .bt.bt-next span{font-size:16px;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:48px;width:100%}
#footer .button .bt.bt-correct span{font-size:16px;color:#fff;font-weight:700}
#footer .bt-login{display:block;width:100%;height:48px;font-size:16px;color:#cdcdcd;text-align:center;background:#000000}
#footer .bt-login.act{background-color:#3182F5;color:#fff;font-weight:700}















/*로그인*/
.welcome-wrap .swiper-pagination-bullet{margin:0 2px;width:6px;height:6px;background:#848b96;opacity:1!important}
.welcome-wrap .swiper-pagination-bullet-active{background:#cdcdcd}

.owner-login .con{overflow:hidden}
.owner-login .con .img{display:flex;align-items:center;justify-content:center}
.owner-login .con .img img{width:auto;max-width:100%;height:auto;object-fit:fill}
.owner-login .con .box{padding:3rem 0 3rem 24px}
.owner-login .con .box .title{font-size:28px;line-height:1.2}
.owner-login .con .box .title strogn{font-weight:700}
/*.owner-login .login-form{display:flex;flex-direction:column;justify-content:center;align-items:center}
.owner-login .login-form fieldset{width:100%}
.owner-login .login-form fieldset .wrap{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;margin:0 16px}
.owner-login .login-form fieldset .wrap .input{width:100%;padding:1rem 0 12px;display:flex;flex-wrap:wrap;position:relative}
.owner-login .login-form fieldset .wrap .input .ipt{width:100%;height:5rem;font-size:16px;border:0;border-bottom:.1rem solid #2f2f2f;transition:all .3s}
.owner-login .login-form fieldset .wrap .input .ipt.on{border-bottom:1.2px solid #3182F5}
.owner-login .login-form fieldset .wrap .input .ipt.on.not{border-bottom:1.2px solid #f3132c}
.owner-login .login-form fieldset .wrap .input .ipt-error{background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size: 14px 14px;width:100%;font-size:14px;color:#f3132c;padding-left:16px;line-height:1;position:absolute;bottom:-9px}
.owner-login .login-form fieldset .wrap .input .ipt-inform{background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size: 14px 14px;width:100%;font-size:14px;color:#f3132c;padding-left:16px;margin:3px 0 0;line-height:1;position:absolute;bottom:-7px;display:none}
.owner-login .login-form .button{padding:0 17px;margin:32px 0 16px;width:100%}
.owner-login .login-form .button .login-btn{height:48px;width:100%;background-color:#000;color:#cdcdcd;font-size:16px;font-weight:700}
.owner-login .login-form .button .login-btn.act{background-color:#3182F5;color:#fff}*/

.login-form{padding:4rem 17px 0 17px}
.login-form .wrap .input{position:relative;padding:0 !important}
.login-form .wrap .input + .input{padding-top:16px !important}
.login-form .wrap .input .ipt{padding:0 12px;width:100%;height:48px;font-size:16px;border:.1rem solid #f4f4f4;background:#f4f4f4;border-radius:8px;transition:all .3s}
.login-form .wrap .input .ipt::placeholder{font-size:16px;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:4px;height:22px;font-size:14px;color:#f3132c}
.login-form .wrap .input .ipt-error:before{content:'';width:14px;height:14px;background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size:14px auto}
.login-form .wrap .input .ipt-inform{display:none;align-items:center;gap:4px;margin:3px 0 0;height:2rem;font-size:14px;color:#f3132c}
.login-form .wrap .input .ipt-inform:before{content:'';width:14px;height:14px;background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size:14px auto}
.login-form .check{padding:14px 0}
.login-form .check input{display:none}
.login-form .check input + label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400;color:#8A8A8A}
.login-form .check input + label:before{content:"";display:block;width:16px;height:16px;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:48px;width:100%;background-color:#000;color:#cdcdcd;font-size:16px;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:28px;padding:24px 0 0 0;text-align:center}
.find-id-pw span{font-size:14px;color:#2f2f2f}

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


/* 아이디찾기 + 비밀번호찾기 */
#header .title .main-tit{height:5rem;font-size:18px;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:54px 0 0 0}
.find-id-pass .button{padding:0 17px;position:absolute;width:100%;top:396px}
.find-id-pass .button .bt.bt-next{background-color:#000;height:48px;width:100%}
.find-id-pass .button .bt.bt-next.act{background-color:#3182F5}
.find-id-pass .button .bt.bt-next span{font-size:16px;color:#cdcdcd;font-weight:700}
.find-id-pass .button .bt.bt-next.act span{color:#fff}

.find{margin:43px 0 0 0}
.find .wrap{padding:0 17px}
.find .txt{display:flex;flex-direction:column;align-items:flex-start}
.find .txt h3{font-size:24px;font-weight:700;color:#000;line-height:1.2;margin-bottom:12px}
.find .txt p{font-size:14px;color:#8A8A8A;line-height:1.3}
.find .id-box{padding-top:67px;display:block;position:relative}
.find .id-box::before{content:'';background:url(/img/welcome/id-find-face.svg) no-repeat;width:96px;height:10rem;position:absolute;top:-1rem;right:24px}
.find .id-box .inner{width:100%;display:flex;background-color:#f4f4f4;height:10rem;border-radius:8px;flex-direction:column;align-items:center;justify-content:center;position:relative}
.find .id-box .inner .user{font-size:18px;font-weight:700;color:#000;line-height:1.6}
.find .id-box .inner .date{font-size:14px;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:-15px;right:3rem}
.find .button{padding:0 17px;position:absolute;width:100%;top:396px}
.find .button .bt.bt-login{background-color:#3182F5;height:48px;width:100%}
.find .button .bt.bt-login span{font-size:16px;color:#fff;font-weight:700}
.find .button .find-btn{width:100%;text-align:center;margin-top:14.2px}
.find .button .find-btn span{font-size:16px;line-height:1.4;color:#000}
.find .button .bt.bt-com{background-color:#000;height:48px;width:100%}
.find .button .bt.bt-com.act{background-color:#3182F5}
.find .button .bt.bt-com span{font-size:16px;color:#cdcdcd;font-weight:700}
.find .button .bt.bt-com.act span{color:#fff}
.find .box .input{position:relative;height:48px;width:100%}
.find .box .input em{position:absolute;top:14px;right:2.1rem;font-size:13px;color:#545454;line-height:1.4}
.find .ipt{border:none;padding:1.1rem;width:100%;height:48px;background-color:#F4F4F4;border-radius:8px;font-size:16px;color:#000}
.find .ipt.not{border:.1rem solid #f3132c}
.find .ipt::placeholder{color:#8A8A8A;font-size:16px;line-height:1.4}
.find .wrap .box + .box{margin-top:16px}
.find .find-pass{margin-top:25px}
.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)no-repeat 0 0;background-size: 14px 14px;width:100%;font-size:14px;color:#f3132c;padding-left:16px;line-height:1.2; margin-top:5px}
.find .pass-find{margin-top:17px;background:url(/img/welcome/find-password.svg)no-repeat 45% 95%/40% ;width:100%;height:152px;display:block;background-size:contain}

/*인증번호*/
.owner-find .title{padding:45px 16px 0 16px}
.owner-find .title .tit{}
.owner-find .title .tit h2{font-size:28px;text-align:center}
.owner-find .title .tit h2 span{color:#3182F5}
.owner-find .title .txt{line-height:1.4;font-size:24px;font-weight:400}
.owner-find .title .tip{padding:2rem 0;font-size:18px;font-weight:400;color:#8a8a8a}
.owner-find .certify{padding:6rem 0 0 0}
.owner-find .certify .ipt{padding:0 12px;width:100%;height:48px;font-size:16px;color:#000;border:.1rem solid #cdcdcd;background-color:#fff;border-radius:4px}
.owner-find .certify .ipt:focus{border-color:#333}
.owner-find .certify .ipt:focus::placeholder{color:#333}
.owner-find .certify .ipt.not{border:.1rem solid #f3132c}
.owner-find .certify .ipt::placeholder{color:#cdcdcd;font-size:16px;line-height:1.4}
.owner-find .certify .wrap{padding:0 16px}
.owner-find .certify .wrap > .input{margin-bottom:16px}
.owner-find .certify .wrap + .wrap{margin-top:2rem}
.owner-find .certify .box{display:flex;align-items:center;gap:8px}
.owner-find .certify .box .input{position:relative;width:100%;height:48px}
.owner-find .certify .box .input em{display:flex;align-items:center;position:absolute;top:0;bottom:0;right:2.1rem;font-size:14px;color:#545454}
.owner-find .certify .box .bt{min-width:108px;height:48px;background-color:#000;border-radius:4px}
.owner-find .certify .box .bt.act{background-color:#3182F5}
.owner-find .certify .box .bt span{color:#cdcdcd;font-size:14px;font-weight:700;line-height:1.4}
.owner-find .certify .box .bt.act span{color:#fff}
.owner-find .certify .txt h4{font-size:14px;font-weight:400;color:#2f2f2f}
.owner-find .certify .txt + .box{padding-top:15px}
.owner-find .certify .ipt-error{display:flex;margin-top:5px;font-size:14px;color:#f3132c}
.owner-find .certify .ipt-error:before{content:"";display:block;width:16px;height:16px;background:url(/img/welcome/error-ico.svg) no-repeat 0 50%;background-size:13px auto}
.owner-find .certify .img{padding:4rem 0;text-align:center}
.owner-find .id-box{padding-top:6rem;position:relative}
.owner-find .id-box .inner{display:flex;align-items:center;justify-content:center;flex-direction:column;height:115px;line-height:1;background:#fff;box-shadow:0 0 15px rgb(0 0 0 / 10%);border-radius:4px}
.owner-find .id-box .inner .user{font-size:2rem;font-weight:700;color:#000}
.owner-find .id-box .inner .date{padding:12px 0 0 0;font-size:16px;color:#545454}
.owner-find .pass-find{height:176px;background:url(/img/owner/img-find.svg)no-repeat 50% 50%}
.owner-find .certify .inp-gender{display:none}
.owner-find .certify .inp-gender + label{display:flex;align-items:center;justify-content:center;width:100%;height:38px;font-size:16px;font-weight:700;color:#bbb;border:.1rem solid #bbb}
.owner-find .certify .inp-gender:checked + label{color:#fff;border-color:#3182F5;background:#3182F5}

.owner-agree{padding:24px 0 0 0}
.owner-agree .owner-check{display:flex;flex-direction:column;gap:1rem}
.owner-agree .all{align-items:center;height:48px;border-bottom:.1rem solid #ccc}
.owner-agree .check{display:flex;justify-content:space-between;padding:0 2rem}
.owner-agree .chk01{display:none}
.owner-agree .chk01 + label{display:flex;align-items:center;gap:8px;position:relative;height:2rem;font-size:14px;color:#545454;cursor:pointer}
.owner-agree .chk01 + label:before{content:"";width:14px;height:14px;border:.1rem solid #2f2f2f;background:#fff}
.owner-agree .chk01:checked + label:before{border-color:#3182F5;background:#3182F5 url("/img/owner/chk01.svg") no-repeat 50% 50%}
.owner-agree .xeicon{font-size:16px;color:#3182F5}
.owner-agree .xeicon span{display:none}

.owner-area{display:flex;flex-wrap:wrap;justify-content:center;height:calc(100vh - 12rem)}
.owner-area .title{padding:45px 16px 0 16px}
.owner-area .title .tit h2{font-size:28px;text-align:center}
.owner-area .title .tit h2 span{color:#3182F5}
.owner-area .title .txt{line-height:1.4;font-size:24px;font-weight:400}
.owner-area .title .tip{padding:2rem 0;font-size:18px;font-weight:400;color:#8a8a8a}






/*
.owner-find .id-box::before{content:'';background:url(/img/welcome/id-find-face.svg) no-repeat;width:96px;height:10rem;position:absolute;top:-1rem;right:24px}
.owner-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:-15px;right:3rem}
*/

/*회원가입*/
.join{display:flex;flex-direction:column}
.join.last{min-height:100vh}
.join .join-step{width:100%;margin-top:45px;position:relative;height:64px}
.join-step::before{content:'';width:100%;height:.1rem;background-color:#2f2f2f;display:block;position:absolute;top:16px}
.join .join-step .step-wrap{width:100%;display:flex;flex-direction:row;position:absolute;top:-3px}
.join .join-step .step-wrap .step{width:25%;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}
.join .join-step .step-wrap .step .dot-wrap{width:32px;height:32px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.join .join-step .step-wrap .step.act .dot-wrap{width:32px;height:32px;border:.1rem solid #0069ff}
.join .join-step .step-wrap .step .dot{width:8px;height:8px;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:14px;line-height:1.4;color:#2f2f2f}
.join .join-step .step-wrap .step.act .txt{color:#0069ff;font-weight:700}
.join .join-wrap{margin-top:54px}
.join .join-wrap .wrap{padding:0 17px}
.join .join-wrap .txt{display:flex;flex-direction:column;align-items:flex-start}
.join .join-wrap .txt h3{font-size:24px;font-weight:700;color:#000;line-height:1.2;margin-bottom:12px}
.join .join-wrap .txt p{font-size:14px;color:#8A8A8A;line-height:1.3}
.join .join-wrap .txt h4{font-size:24px;font-weight:400;color:#000;line-height:1.2}
.join .join-wrap .txt .location{font-size:24px;font-weight:700;color:#000;line-height:1.2}
.join .join-wrap .txt .location strong{color:#3182F5}
.join .join-wrap + .certify{margin-top:74px}
.join .ipt{border:none;padding:1.1rem;width:100%;height:48px;background-color:#F4F4F4;border-radius:8px;font-size:16px;color:#000}
.join .ipt.not{border:.1rem solid #f3132c}
.join .ipt::placeholder{color:#8A8A8A;font-size:16px;line-height:1.4}
.join .ipt-error{background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size:14px 14px;width:100%;font-size:14px;color:#f3132c;padding-left:16px;line-height:1.2; margin-top:5px}
.join .button{padding:12px 17px}
.join .button .bt.bt-next{background-color:#000;height:48px;width:100%}
.join .button .bt.bt-next span{font-size:16px;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:48px;width:100%}
.join .button .bt.bt-correct span{font-size:16px;color:#fff;font-weight:700}
.join .button .find-btn{width:100%;text-align:center;margin-top:14.2px}
.join .button .find-btn span{font-size:16px;line-height:1.4;color:#000}
.join .join-wrap + .account{margin-top:117px}
.join .img{margin-top:17px;background:url(/img/welcome/join-step3.svg)no-repeat 50% 50%;width:100%;height:268px;display:block;background-size:contain}
.join .info{margin-top:25px}
.join .info .wrap .box + .box{margin-top:3rem}
.join .info .wrap .box .txt {margin-bottom:16px}
.join .info .wrap .box .txt p{font-size:14px;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;height:38px}
.join .info .select .input .join-sel{display:none}
.join .info .select .input .join-sel + label{width:100%;height:100%;text-align:center;line-height:38px;border:.1rem solid #bbb;font-size:16px;font-weight:700;color:#bbb}
.join .info .select .input .join-sel:checked + label{background-color:#3182F5;color:#fff;border:.1rem solid #3182F5}
.join .info .select + .select{margin-top:6px}
.account .mail{margin-bottom:16px}
.account .wrap + .wrap{margin-bottom:8px}
.join .agr{margin-top:3rem}
.join .agr .title{padding:0 17px 12px;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:6px;width:1rem;height:1rem;border:.1rem solid #2f2f2f;background:url(/img/user/chk-ck1.svg)no-repeat 50% 50%/7px auto;border-radius:.1rem}
.join .agr .input .checkbox+label{font-size:16px;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 17px}
.join .agr .box .inner{display:flex;justify-content:space-between;align-items:center;flex-direction:row;height:25px}
.join .agr .box .inner + .inner{margin-top:5px}
.join .agr .box .inner .view{background:url(/img/welcome/view-ico.svg)no-repeat 50% 50% ;width:16px;height:16px}
.join .agr .box .inner .input .checkbox+label{font-size:14px;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:48px;font-size:16px;color:#cdcdcd;text-align:center;background:#000000}
.foot .bt-login.act{background-color:#3182F5;color:#fff;font-weight:700}


/*로그인 모달*/
#login1 .welcome-wrap .swiper-pagination-bullet{margin:0 2px;width:6px;height:6px;background:#848b96;opacity:1!important}
#login1 .welcome-wrap .swiper-pagination-bullet-active{background:#cdcdcd}
#login1 .swiper.welcome-slide{height:50rem}
#login1 .con{overflow:hidden}
#login1 .con .img{height:30rem;padding:5rem 0 0 0}
#login1 .con .img img{width:100%;height:100%;object-fit:fill}
#login1 .con.slide1 .img img{width:180%;height:100%;object-fit:fill;object-position:-128px 48px}
#login1 .con .box{padding:3rem 0 0 2rem}
#login1 .con .box .title{font-size:32px;line-height:1.2}
#login1 .con .box .title strogn{font-weight:700}
#login1 .con .box .txt{padding:16px 0 0}
#login1 .con .box .txt p{font-size:14px;color:#8A8A8A;line-height:1.3}
#login1 .login-form{display:flex;flex-direction:column;justify-content:center;align-items:center}
#login1 .login-form fieldset{width:100%}
#login1 .login-form fieldset .wrap{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}
#login1 .login-form fieldset .wrap .input{width:100%;padding:1rem 0 12px;display:flex;flex-wrap:wrap;position:relative}
#login1 .login-form fieldset .wrap .input .ipt{width:100%;border:none;padding:1rem;font-size:16px;line-height:1.4;border-bottom:1.2px solid #2f2f2f;transition:all 0.3s;position:inherit}
#login1 .login-form fieldset .wrap .input .ipt.on{border-bottom:1.2px solid #3182F5}
#login1 .login-form fieldset .wrap .input .ipt.on.not{border-bottom:1.2px solid #f3132c}
#login1 .login-form fieldset .wrap .input .ipt-error{background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size: 14px 14px;width:100%;font-size:14px;color:#f3132c;padding-left:16px;line-height:1;position:absolute;bottom:-9px}
#login1 .login-form fieldset .wrap .input .ipt-inform{background:url(/img/welcome/error-ico.svg)no-repeat 0 0;background-size: 14px 14px;width:100%;font-size:14px;color:#f3132c;padding-left:16px;margin:3px 0 0;line-height:1;position:absolute;bottom:-7px;display:none}
#login1 .login-form .button{padding:0 17px;margin:32px 0 16px;width:100%}
#login1 .login-form .button .login-btn{height:48px;width:100%;background-color:#000;color:#cdcdcd;font-size:16px;font-weight:700}
#login1 .login-form .button .login-btn.act{background-color:#3182F5;color:#fff}
#login1 .find-id-pw{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 64px;text-align:center}
#login1 .find-id-pw span{font-size:14px;color:#2f2f2f}


/*동네시대 웹*/

@media only screen and (min-width: 1024px){
#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:24px;line-height:1.4;color:#000}
.comming .tit h2{font-size:4rem;padding-bottom:24px;font-weight:700}
.comming .tit p{font-size:18px;font-weight:500}
.comming .txt{padding-bottom:36px;text-align:center;line-height:1.4;color:#000}
.comming .txt p{font-size:18px;font-weight:500}
.comming .txt p strong{color:#3182F5}
.comming img{width:25rem}








