*,*:before,*:after{box-sizing:border-box}body,#root{margin:0;padding:0;display:flex;justify-content:center;background-color:#f3f1f1;min-height:100vh}.app-wrapper{width:812px;height:100%;min-height:1200px;display:flex;flex-direction:column;align-items:center;background-color:#f3f1f1;color:#fff;position:relative;overflow-y:hidden}.app-content{height:100%;width:812px;min-width:375px;max-height:1200px;box-shadow:0 0 20px #0000001a;overflow:hidden}.home-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;position:relative;background:var(--White, #ffffff);padding-bottom:70px;padding-top:20px;overflow-y:auto}img.background{position:absolute;top:145px;width:100%}.frontTitle{position:relative;top:190px;margin:0 auto;font-size:28px;font-weight:500}.frontBody{position:relative;top:200px;margin:0 auto;font-size:20px;color:gray}button.background-findMate{position:absolute;left:27%;top:350px;width:190px;padding:12px 0;border-top-left-radius:25px;border-bottom-left-radius:25px;border:none;background-color:#4e71ff;color:#fff;font-weight:400;cursor:pointer;font-size:20px}button.background-postMate{position:absolute;right:27%;top:350px;width:188px;padding:12px 0;border-top-right-radius:25px;border-bottom-right-radius:25px;border:none;background-color:#5409da;color:#fff;font-weight:400;cursor:pointer;font-size:20px}.homepage-content{position:relative;top:370px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:20px;width:95%;height:737px;padding:0 0 20px;overflow:hidden}.homepage-section{display:flex;padding:13px;box-shadow:0 0 8px #d4bbff;border:2px solid;height:100%;width:100%;border-color:#5409da;overflow:hidden;cursor:pointer}.homepage-section>.section-img{margin-right:13px;height:196px;width:147px}.section-content{min-width:0}.section-content>.section-body{font-size:14px;line-height:2;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.section-content>.section-title{font-weight:500;line-height:1.2;font-size:17px;margin:0 0 3px;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-accountInfo{display:flex;margin-bottom:5px}.section-accountInfo img{height:20px;width:20px;border-radius:50%}.section-accountInfo p{margin:0;position:relative;top:2px;left:13px;font-size:10px}.section-tag{margin-right:5px;background-color:#4e71ff;color:#fff;font-weight:400;font-size:13px;padding:0 3px}.pagination-container{display:flex;justify-content:center;align-items:center;gap:6px}.page-numbers-wrapper{display:flex;justify-content:center;align-items:center;gap:6px;min-width:170px}.nav-btn-left{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:14px solid #5409DA;cursor:pointer;flex-shrink:0}.nav-btn-right{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #5409DA;cursor:pointer;flex-shrink:0}.page-item{cursor:pointer;font-size:14px;padding:2px 4px}.page-item.active{font-weight:700;text-decoration:underline}.page-item.dots{cursor:default}.head>img{position:absolute;width:200px;top:30px;left:50px;cursor:pointer}.head>input{position:absolute;width:450px;height:30px;top:30px;right:55px;outline:none;padding-left:15px;padding-right:30px;border-radius:20px;border-color:#5409da;border-width:2.5px}.head>button{border-radius:20px;position:absolute;top:33px;right:80px;width:5px;height:5px;border:none;background-color:#fff;cursor:pointer}.head>button>img{width:20px}.navi{position:absolute;top:90px;height:50px;width:100%;background-color:#5409da}.navi>button{position:absolute;font-weight:500;top:10px;background-color:#5409da;padding:5px 7px;border:none;border-radius:8px;color:#fff;cursor:pointer}.navi>button.active{color:#5409da;background-color:#fff;box-shadow:inset 5px 5px 10px #b2b2b2;cursor:pointer}.navi>.home{position:absolute;left:15px}.navi>.search{position:absolute;left:60px}.navi>.host{position:absolute;left:157px}.navi>.info{position:absolute;left:277px}.navi>.signin{position:absolute;right:15px}.navi>.login{position:absolute;right:95px}.navi>.user-nickname{padding:0;display:flex;position:absolute;right:95px}.navi>.logout{position:absolute;right:15px}.nav-myImg{margin-left:7px;margin-top:6px;width:17px;height:17px;border-radius:50%}.nav-myNN{margin:5px 7px 5px 4px}.dropdown-list2{border:1px solid #BECBFF;max-height:535px;overflow-y:auto;position:absolute;top:47px;right:66px;background-color:#fff;width:428px;z-index:10000;list-style:none;font-size:13px;padding:2px 8px}.dropdown-item2{cursor:pointer}.dropdown-item2:hover{font-weight:500;color:#5409da}.dropdown-item2.disabled{color:#999;cursor:default}.dd-section{display:flex;margin-bottom:3px;width:100%;height:120px;border-bottom:solid 2px #BECBFF}.dd-section>img{margin-top:2px;width:84px;height:112px}.dd-title{width:100%;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:500}.dd-body{line-height:1.7;margin:2px 0 0;font-size:13px}.dd-box{position:relative;left:10px;top:3px}.dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:999}.searchsearchbutton{z-index:100000}.host-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;position:relative;background:var(--White, #ffffff);padding-bottom:70px;padding-top:20px;overflow-y:auto}.header>button{position:absolute;top:165px;border-color:#5409da;background-color:#fff;color:#5409da;padding:5px 7px}.header>button:hover{background-color:#5409da;color:#fff}.header>button.post{right:20px;cursor:pointer}.header>button.save{right:105px;cursor:pointer}.form{position:absolute;top:225px;left:20px;border:solid 2px;width:772px;height:79%;border-color:#5409da;box-shadow:0 0 8px #d4bbff}.form>div.show{width:40%;height:100%;position:absolute}.show>p.chooseShow{position:absolute;left:20px;font-weight:500}input.searchShow{border:solid 2px;border-color:#becbff;background-color:#becbff;border-radius:0%;position:absolute;top:50px;left:20px;width:87%;padding:3px 8px}.showImage{position:absolute;top:95px;background-color:#becbff;left:20px;width:87%;height:34.3%}.showInfo{position:absolute;top:430px;left:20px;list-style:none;line-height:2;padding:0;margin:0;font-size:13px}.form>.post{display:flex;width:60%;height:100%;position:absolute;right:0}.post>p.post-title{font-weight:500}.post>input.writeTitle{border:solid 2px;border-radius:0%;border-color:#5409da;position:absolute;top:50px;padding:3px 8px;width:96%}.post>p.date{position:absolute;top:75px;font-weight:500}.post>p.time{position:absolute;top:75px;left:50%;font-weight:500}.post>.chooseDate{position:absolute;top:125px;height:25px;width:46.1%;border-radius:0%;border:none;background-color:#becbff;color:gray;padding-left:8px;padding-right:8px}.post>.chooseTime{position:absolute;top:125px;left:50%;height:25px;width:46.1%;border-radius:0%;border:none;background-color:#becbff;color:gray;padding-left:8px;padding-right:8px}.post>p.peopleNum{position:absolute;top:148px;font-weight:500}.post>.choosePeopleNum{position:absolute;top:198px;height:25px;width:46.1%;border-radius:0%;border:solid 2px;border-color:#5409da;padding-left:8px;padding-right:8px}.post>.like{position:absolute;top:221px;font-weight:500}.post>.age{position:absolute;top:255px;font-size:15px}.post>.gender{position:absolute;top:338px;font-size:15px}.btn-group{position:absolute;top:308px}.btn-group input{display:none}.btn-group label{color:#5409da;padding:5px 7px;border:2px solid #5409DA;border-radius:0%;cursor:pointer;font-size:small;margin-right:13px}.btn-group input:checked+label{background-color:#5409da;color:#fff;border-color:#5409da}.btn-group2{position:absolute;top:388px}.btn-group2 input{display:none}.btn-group2 label{color:#5409da;padding:5px 7px;border:2px solid #5409DA;border-radius:0%;cursor:pointer;font-size:small;margin-right:13px}.btn-group2 input:checked+label{background-color:#5409da;color:#fff;border-color:#5409da}.post>.meetLocTime{position:absolute;top:418px;font-weight:500}.post>input.writeMeetLT{border:solid 2px;border-radius:0%;border-color:#5409da;position:absolute;top:468px;padding:3px 8px;width:96%}.post>.message{position:absolute;top:492px;font-weight:500}.post>.writeMessage{border:solid 2px;border-radius:0%;border-color:#5409da;position:absolute;top:545px;padding:3px 8px;width:96%;height:150px;resize:none}.post>.tag{position:absolute;top:695px;font-weight:500}.post>.writeTag{border:solid 2px;border-radius:0%;border-color:#5409da;position:absolute;top:750px;padding:3px 8px;width:96%}.warning1{position:absolute;bottom:85px;font-weight:500;left:33%}.warning2{position:absolute;bottom:65px;font-weight:500;margin:auto;left:29%}.dropdown-list{border:1px solid #BECBFF;max-height:200px;overflow-y:auto;position:absolute;top:61.5px;left:20px;background-color:#fff;width:87%;z-index:10;list-style:none;overflow-y:scroll;font-size:13px;padding:2px 8px}.dropdown-item{cursor:pointer}.dropdown-item:hover{font-weight:500;color:#5409da}.dropdown-item.disabled{color:#999;cursor:default}.login-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;position:relative;background:var(--White, #ffffff);padding-bottom:70px;padding-top:20px;overflow-y:auto}input[type=checkbox]{position:relative;top:20px;left:15px;width:20px;height:20px;accent-color:#5409DA}.maintain{position:absolute;top:215px;left:48px;font-size:13px}.findPwd{position:absolute;top:215px;right:20px;font-size:13px;text-decoration:underline}.loginBtn{position:absolute;left:20px;top:230px;background-color:#5409da;color:#fff;width:90%;padding:8px 0;font-size:20px;border-radius:25px;border:none;cursor:pointer}.noAccount{position:relative;top:85px;text-align:center;font-size:13px}.signIn{font-size:13px;margin-left:7px;text-decoration:underline;cursor:pointer}.signin-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;position:relative;background:var(--White, #ffffff);padding-bottom:70px;padding-top:20px;overflow-y:auto}div.box2{margin:0 auto;position:relative;top:150px;width:50%;height:57%;border:solid 2px;box-shadow:0 0 8px #d4bbff;border-color:#5409da}p.title{position:relative;top:20px;text-align:center;margin:0 auto 30px;color:#5409da;font-weight:500}.star{padding-left:3px;color:#5409da;font-weight:900}p.name{position:relative;left:20px;font-weight:500}.write{position:relative;left:20px;border-radius:0%;border-color:#5409da;padding:5px 8px;width:90%}.checkAll{position:relative;top:20px;left:15px;width:20px;height:20px;accent-color:#5409DA}.allOK{position:absolute;top:384px;left:48px;font-size:13px}input.checkOne{position:absolute;top:425px;left:40px;width:20px;height:20px;accent-color:#5409DA}p.oneOK{position:absolute;top:415px;left:75px;font-size:13px}input.checkTwo{position:absolute;top:456px;left:40px;width:20px;height:20px;accent-color:#5409DA}p.twoOK{position:absolute;top:445px;left:75px;font-size:13px}input.checkThree{position:absolute;top:486px;left:40px;width:20px;height:20px;accent-color:#5409DA}p.threeOK{position:absolute;top:475px;left:75px;font-size:13px}.signinBtn{position:absolute;left:20px;top:530px;background-color:#5409da;color:#fff;width:90%;padding:8px 0;font-size:20px;border-radius:25px;border:none;cursor:pointer}.yesAccount{position:relative;top:175px;text-align:center;font-size:13px}.logIn{font-size:13px;margin-left:7px;text-decoration:underline;cursor:pointer}.search-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;position:relative;background:var(--White, #ffffff);padding-bottom:70px;padding-top:20px;overflow-y:auto}.header>.head{position:absolute;top:140px;left:20px;font-weight:500;font-size:medium}.header>.body{position:absolute;top:175px;left:20px;font-size:small}.search-box{border:solid 2px;width:772px;border-color:#5409da;box-shadow:0 0 8px #d4bbff}div.search-category{position:absolute;left:20px;top:225px;height:105px;font-size:14px}p.search-category{position:absolute;left:20px;font-weight:500}.search-btn-group{position:absolute;left:20px;top:55px;display:flex;gap:3px}.search-btn-group input{display:none}.search-btn-group label{color:#5409da;padding:5px 7px;border:2px solid #5409DA;border-radius:0%;cursor:pointer;font-size:small;margin-right:13px}.search-btn-group input:checked+label{background-color:#5409da;color:#fff;border-color:#5409da}div.search-prefer{position:absolute;left:20px;top:350px;height:190px;font-size:14px}p.search-state{position:absolute;left:20px;font-weight:500}p.search-age{position:absolute;left:51%;font-weight:500}div.age-btn{position:absolute;left:51%}p.search-per-date{position:absolute;left:20px;top:88px;font-weight:500}.search-start-date{position:absolute;top:136px;left:20px;height:30px;width:20%;border-radius:0%;border:none;background-color:#becbff;color:gray;padding-left:8px;padding-right:8px}.search-end-date{position:absolute;top:136px;left:205px;height:30px;width:20%;border-radius:0%;border:none;background-color:#becbff;color:gray;padding-left:8px;padding-right:8px}.search-bla{position:absolute;top:140px;left:185px}p.search-gender{position:absolute;left:51%;top:88px;font-weight:500}div.gender-btn{position:absolute;left:51%;top:135px}.sort-btn{position:absolute;top:562px;left:505px;margin:0}.search-paging{display:flex;margin:0 auto;font-size:small}.search-whole-content{position:relative;top:589px;margin:0 auto;display:grid;grid-template-rows:repeat(4,1fr);gap:12px;width:95%;height:590px;padding:0 0 20px;overflow:hidden}.search-section-func{display:flex;padding:7px;box-shadow:0 0 8px #d4bbff;border:2px solid;height:125px;width:100%;border-color:#5409da;overflow:hidden;cursor:pointer}.search-content-length{position:absolute;top:554px;left:22px;font-size:13px}.search-section-title{font-size:13px;font-weight:500;line-height:1;margin:15px 0 0 10px;display:block;width:650px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span.search-section-category{position:relative;top:4px;left:11px;border:2px solid;font-size:14px;padding:2px 5px;margin-right:10px;border-color:#5409da;color:#5409da}span.search-section-state{position:relative;top:4px;left:10px;border:2px solid;font-size:14px;padding:2px 5px}.search-section-body1{position:absolute;margin:0;left:101px;font-size:12px}.search-section-body2{position:absolute;margin:0;left:57%;font-size:12px}.search-section-img{height:108px;width:81px}.search-section-accountInfo{display:flex;margin-bottom:5px}.search-section-accountInfo img{position:relative;top:3px;height:15px;width:15px;border-radius:50%}.search-section-accountInfo span{margin:0;position:relative;top:4px;left:10px;font-size:8px}.search-tag-container{position:relative;top:30px;width:670px;display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.search-section-tag{background-color:#4e71ff;color:#fff;font-weight:400;font-size:13px;padding:0 3px}.swc-error{color:#5409da;font-weight:500;position:relative;top:50px;text-align:center}.detail-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;position:relative;background:var(--White, #ffffff);padding-bottom:70px;padding-top:20px;overflow-y:auto}.detail-left{float:left;width:47%;height:100%}.detail-right{float:right;width:53%;height:100%}.detail-left img{position:absolute;top:20px;left:20px;height:428px;width:321px}.left-info{position:absolute;top:468px;left:20px;width:321px;border:2px solid #5409DA;padding:5px 15px 7px;font-size:13px;line-height:.8}.left-info button{color:#fff;background-color:#5409da;border-radius:25px;width:97%;margin:10px 5px;height:40px;border:none;font-size:18px;padding-bottom:5px;cursor:pointer}.bold{font-weight:500}.left-host{position:absolute;top:608px;left:20px;width:321px;height:150px;border:2px solid #5409DA;padding:3px 15px;font-size:13px;line-height:.8}.left-host img{position:absolute;top:42px;left:20px;width:42px;height:42px;border-radius:50%}.lh-nn{position:absolute;left:80px;top:47px;margin:0;font-size:13px}.lh-gender{position:absolute;left:80px;top:69px;color:gray;margin:0;font-size:11px}.lh-mate{position:absolute;top:80px;line-height:1.6;font-size:13px}.right-title{font-weight:500;font-size:20px;display:inline-block;width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-state{position:absolute;top:20px;right:20px;border:2px solid;width:80px;text-align:center;font-size:13px;padding:5px 0}.right-mini{position:absolute;top:57px;margin:0 0 0 5px;font-size:12px}.right-perf-info{position:absolute;top:90px;width:388px;border:2px solid #5409DA;font-size:13px;padding:0 10px;line-height:1}.right-loctime{font-size:13px;font-weight:500;position:absolute;top:182px}.right-meet-loctime{position:absolute;top:225px;width:388px;border:2px solid #5409DA;font-size:13px;padding:10px;line-height:1;height:40px;overflow-y:scroll}.right-meet-content{font-size:13px;font-weight:500;position:absolute;top:262px}.right-perf-content{position:absolute;top:307px;width:388px;border:2px solid #5409DA;font-size:13px;padding:10px;line-height:1;height:100px;overflow-y:scroll}.right-tag-container{position:relative;top:345px;width:300px;display:flex;gap:5px;flex-wrap:wrap}.right-section-tag{background-color:#4e71ff;color:#fff;font-weight:400;font-size:13px;padding:0 3px}.right-line{position:absolute;top:450px;width:388px;border:1px solid #BECBFF}.right-message-box{font-size:13px;position:absolute;top:468px;background-color:#becbff;height:270px;width:388px}.right-message-content{position:absolute;top:37px;left:15px;width:92%;height:50%;resize:none}.right-line-title{position:absolute;margin:0;top:10px;left:15px;font-size:13px;font-weight:500}.right-content-my-info{position:absolute;top:170px;left:15px;line-height:1;font-size:13px;font-weight:500}.right-left-my-info{position:absolute;top:200px;left:15px;line-height:1;font-size:13px}.right-right-my-info{position:absolute;top:200px;left:51%;line-height:1}.mate-apply-button{background-color:#5409da;border-radius:25px;color:#fff;border:none;position:absolute;top:760px;height:50px;width:388px;font-size:19px;cursor:pointer}.right-needLogin{position:absolute;top:195px;left:78px;text-align:center;color:#5409da;font-weight:500}.reportHost{border-radius:0%;border:none;color:#fff;background-color:#ff2c2c;position:absolute;top:10px;right:10px;padding:2px 5px;cursor:pointer}.reportPost{border-radius:0%;border:none;color:#fff;background-color:#ff2c2c;position:absolute;top:185px;right:20px;padding:2px 5px;cursor:pointer}.warning3{position:absolute;bottom:65px;font-weight:500;left:33%}.warning4{position:absolute;bottom:45px;font-weight:500;margin:auto;left:29%}.Overlay{position:fixed;width:100%;height:100%;inset:0;background:#0006;z-index:200000}.cart-container{background-color:#fff;width:350px;height:250px;border:1px solid #cccccc;border-radius:0%;padding:20px;position:relative;font-weight:600;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%)}.product-name{display:inline-block;font-size:14px;position:absolute}.product-reason{position:relative;top:30px;width:100%;height:60%;resize:none}.cancle{position:absolute;left:20px;bottom:20px;width:145px;padding:7px 0;background-color:#fff;color:#ff2c2c;font-weight:600;border:1px solid;border-radius:25px;cursor:pointer}.add-cart{position:absolute;right:20px;bottom:20px;width:145px;padding:7px 0;background-color:#ff2c2c;color:#fff;font-weight:600;border:1px solid rgb(255,44,44);border-radius:25px;cursor:pointer}.regist-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;position:relative;background:var(--White, #ffffff);padding-bottom:70px;padding-top:20px;overflow-y:auto}.regist-recommend{position:relative;top:195px;margin:0 auto;display:grid;grid-template-rows:repeat(2,1fr);gap:20px;width:95%;height:300px;padding:0 0 20px;overflow:hidden}.regist-section-func{display:flex;padding:7px;box-shadow:0 0 8px #d4bbff;border:2px solid;height:100%;width:100%;border-color:#5409da;overflow:hidden;cursor:pointer}.regist-content-length{position:absolute;top:554px;left:22px;font-size:13px}.regist-section-title{font-size:13px;font-weight:500;line-height:1;margin:15px 0 0 10px;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span.regist-section-category{position:relative;top:4px;left:11px;border:2px solid;font-size:14px;padding:2px 5px;margin-right:10px;border-color:#5409da;color:#5409da}span.regist-section-state{position:relative;top:4px;left:10px;border:2px solid;font-size:14px;padding:2px 5px}.regist-section-body1{position:absolute;margin:0;left:101px;font-size:12px}.regist-section-body2{position:absolute;margin:0;left:57%;font-size:12px}.regist-section-img{height:112px;width:84px}.regist-section-accountInfo{display:flex;margin-bottom:5px}.regist-section-accountInfo img{position:relative;top:5px;height:15px;width:15px;border-radius:50%}.regist-section-accountInfo span{margin:0;position:relative;top:5px;left:10px;font-size:8px}.regist-tag-container{position:relative;top:30px;width:670px;display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.regist-section-tag{background-color:#4e71ff;color:#fff;font-weight:400;font-size:13px;padding:0 3px}div.regist-line{border-top:solid 2px #d4bbff;width:95%;position:relative;left:20px;top:186px;padding-top:20px;margin-bottom:10px;font-size:13px}.regist-done{position:relative;top:150px;margin:0 auto;display:flex;padding:7px;box-shadow:0 0 8px #d4bbff;border:2px solid;height:57%;width:55%;border-color:#5409da;overflow:hidden}.regist-done-header{margin:0 auto;height:40%;width:90%}.regist-success-icon{display:block;margin:30px auto 0;height:100px;width:100px}.regist-success-text1{display:block;margin:30px 0 0;font-size:22px;font-weight:500;text-align:center}.regist-success-text2{display:block;margin-top:12px;text-align:center}.regist-done-body{position:absolute;top:270px;left:22px;height:43%;width:90%;border:2px solid #5409DA}.regist-done>button{cursor:pointer;position:absolute;bottom:25px;height:40px;width:43%;border-radius:20px}.regist-toMyPage{background-color:#5409da;border:none;color:#fff;position:absolute;left:22px}.regist-toSearchPage{border:solid 2px #5409DA;background-color:#fff;color:#5409da;position:absolute;right:22px}.regist-done-body-title{color:#5409da;font-weight:500;margin:10px 0 0;text-align:center}.regist-done-body-img{position:absolute;top:45px;left:20px;height:120px;width:90px}.rdb-title1{position:absolute;margin:0;left:125px;top:43px;font-size:11px}.rdb-title2{position:absolute;margin:0;top:63px;left:125px;font-size:14px;font-weight:500;display:block;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rdb-body1{position:absolute;left:125px;top:85px;line-height:.6;font-size:11px}.rdb-body2{position:absolute;left:250px;top:85px;line-height:.6;font-size:11px}.nn{font-weight:500;line-height:.9}.rdb-message1{position:absolute;top:165px;left:20px;font-size:11px;color:#5409da;font-weight:500}.rdb-message2{position:absolute;top:203px;left:20px;width:90%;height:45px;border:2px solid #5409DA;font-size:10px;padding:5px;overflow-y:scroll}.my-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;position:relative;background:var(--White, #ffffff);padding-bottom:70px;padding-top:20px;overflow-y:auto}div.box{margin:0 auto;position:relative;top:150px;width:50%;height:34%;border:solid 2px;box-shadow:0 0 8px #d4bbff;border-color:#5409da}.mypage-left{width:40%;height:100%;float:left}.mypage-right{width:60%;height:100%;float:right}.mypageForm{position:relative;top:205px;height:87.8%}.mp-left-box{position:absolute;left:20px;border:solid 2px;width:305px;height:400px;border-color:#5409da}.mp-left-box img{position:relative;top:30px;left:112.5px;height:80px;width:80px;border-radius:50%}.mp-left-box-name{position:relative;top:20px;text-align:center;font-size:17px;font-weight:500}.mp-left-box-email{position:relative;top:4px;text-align:center;color:gray;font-size:12px}.mp-left-mate-temp{position:relative;top:10px;margin:0 auto;height:72px;width:90%;border:2px solid #5409DA}.mp-left-mate-temp>p{position:absolute;margin:0;top:7px;left:15px;font-size:13px}.mp-left-mate-temp>.temp{position:absolute;top:33px;left:12px;height:20px;border-radius:25px}.mp-left-mate-temp>.tempBack{position:absolute;top:33px;left:12px;width:90%;height:20px;background-color:#d3d3d3;border-radius:25px}.mp-left-box>table{position:relative;top:20px;left:14px;font-size:13px;width:90%}.mp-left-box>button{background-color:#5409da;border-radius:25px;border:none;width:90%;height:40px;font-size:18px;padding-bottom:4px;color:#fff;position:relative;top:30px;left:15px;cursor:pointer}.left-menu{border:2px solid #5409DA;border-collapse:collapse;position:relative;top:420px;left:20px;width:305px;border-color:#5409da}.left-menu>tbody>tr>td{font-size:13px;padding:7px 13px;border:2px solid #5409DA;color:#5409da;cursor:pointer}.left-menu>tbody>tr>td.active{background-color:#becbff}.mypage-right>table{border:2px solid #5409DA;border-collapse:collapse;position:relative;left:20px;width:447px;border-color:#5409da}.mr-boxno{text-align:center;font-size:13px;padding:7px 13px 10px;border:2px solid #5409DA;width:33.33%;cursor:pointer}.mypage-right>table>tbody>tr>td>p{margin:2px;font-size:17px}.mr-boxno.active{background-color:#5409da;color:#fff}.mr-box{height:888px;overflow-x:hidden;overflow-y:scroll}.myPageMyPost-section-func{display:flex;padding:7px;box-shadow:0 0 8px #d4bbff;border:2px solid;height:132px;width:410px;border-color:#5409da;margin-top:10px;margin-left:10px}.myPageMyPost-content-length{position:absolute;top:554px;left:22px;font-size:13px}.myPageMyPost-section-title{font-size:13px;font-weight:500;line-height:1;margin:20px 0 4px 12px;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span.myPageMyPost-section-category{position:relative;top:2px;border:2px solid;left:10px;font-size:14px;padding:2px 5px;margin-right:10px;border-color:#5409da;color:#5409da}span.myPageMyPost-section-state{left:5px;top:2px;position:relative;border:2px solid;font-size:14px;padding:2px 5px}span.myPageMyPost-section-category{border:2px solid;font-size:14px;padding:2px 5px;margin-right:10px;border-color:#5409da;color:#5409da}span.myPageMyPost-section-state{border:2px solid;font-size:14px;padding:2px 5px;margin-right:10px}.toDetailBtn{text-decoration:underline;position:relative;font-size:13px;padding:2px 5px;color:gray;cursor:pointer}.post-header{display:flex;align-items:center}.toDeleteBtn{position:relative;top:2px;margin-left:auto;border:2px solid red;font-size:14px;padding:2px 5px;background-color:red;color:#fff;cursor:pointer}.db-state{position:relative;top:2px;margin-left:auto;border:2px solid;font-size:14px;padding:2px 5px}.myPageMyPost-section-body1{display:flex;position:relative;margin:0;font-size:11px}.mpmp-table{position:relative;left:10px;width:300px;table-layout:fixed}.myPageMyPost-section-img{height:114px;width:85.5px}.sftitle{display:block;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500;margin:4px 0 2px 10px}.sfaccount{display:block;font-size:10px;margin-left:10px}.sfmsg{display:block;font-size:11px;font-weight:500;margin:0 0 0 10px}.sfmsgreal{margin-top:7px;height:29px;width:372px;border:2px solid #5409DA;display:block;font-size:11px;margin-left:10px;overflow-y:scroll}.title-wrapper{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.sfOK,.sfNO{position:relative;top:2px;border:2px solid;color:#fff;font-size:13px;padding:2px 5px;height:fit-content;white-space:nowrap}.sfOK{border-color:#40a646;background-color:#40a646;cursor:pointer}.sfNO{margin-left:5px;border-color:red;background-color:red;cursor:pointer}.sfOKState{border:2px solid;border-color:#40a646;color:#40a646;font-size:13px;padding:2px 5px;height:fit-content}.sfNOState{border:2px solid;border-color:red;color:red;font-size:13px;padding:2px 5px;height:fit-content}.myPageMyPost-section-title{display:block;width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mypage-new{background-color:#becbff;border:none}.admin-login-container{width:100%;display:flex;justify-content:center;align-items:center;position:absolute;background:linear-gradient(#d0d0d0,#f3f3f3)}.admin-box{margin-top:100px;width:380px;padding:35px 40px;background:#fff;border:1px solid #b5b5b5;box-shadow:4px 4px #a5a5a5;border-radius:4px}.admin-title{font-size:22px;text-align:center;letter-spacing:1px;margin-bottom:5px;font-weight:700;color:#1b3c71}.admin-sub{font-size:13px;text-align:center;color:#777;margin-bottom:25px}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;font-size:14px;color:#333;margin-bottom:5px}.admin-input{width:100%;padding:10px;border:1px solid #9e9e9e;background:#fafafa;border-radius:2px;font-size:14px}.admin-input:focus{outline:none;border-color:#3b66aa;background:#fff}.admin-login-btn{width:100%;padding:12px 0;background:#2f5597;border:none;color:#fff;font-size:15px;font-weight:600;border-radius:2px;cursor:pointer;margin-top:5px}.admin-login-btn:hover{background:#24477e}.admin-warn{text-align:center;color:#b00;font-size:12px;margin-top:15px}.admin_body{background:#e8f0f0}.admin_admin-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#e8f0f0;color:#000;position:absolute;padding-bottom:70px;padding-top:10px;overflow-y:auto;font-family:Tahoma,Malgun Gothic,sans-serif}.admin_admin-header{display:flex;justify-content:space-between;background:#e8f0f0;padding:10px 25px;border:none}.admin_profile-box{display:flex;align-items:center;border:2px outset #A0B0B0;background:#d0e0e0;padding:10px;margin-right:20px;border-right:none;border-left:none}.admin_profile-img{width:50px;height:50px;background:#a0b0b0;border:2px outset #A0B0B0;margin-right:15px}.admin_profile-name{font-size:16px;font-weight:700;color:navy}.admin_profile-email,.admin_profile-role{font-size:13px;color:#2f4f4f}.admin_status-box{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 15px;font-size:13px;padding:10px;border:2px inset #A0B0B0;background:#fff;flex-grow:1}.admin_status-item{padding:0}.admin_status-item span{font-weight:700;color:navy;display:inline-block;padding:0 3px;border:1px solid #2F4F4F;background:#d0e0e0;margin-left:5px}.admin_status-item.warning span{color:#b60000;background:#ffd0d0}.admin_section-box{margin:10px 25px;border:2px outset #A0B0B0;background:#e8f0f0;padding:10px}.admin_section-title{font-size:14px;font-weight:700;padding:0 5px;margin-bottom:5px;border:none;display:inline-block;background:#e8f0f0;transform:translateY(-5px);margin-left:5px;color:navy}.admin_data-table{width:100%;border-collapse:collapse;font-size:13px;border:2px inset #A0B0B0;margin-top:10px;background:#fff}.admin_data-table th{background:#b0c4de;border:1px solid #2F4F4F;padding:5px;color:navy;font-weight:700;text-align:center;box-shadow:1px 1px #fff inset,-1px -1px #2f4f4f inset}.admin_data-table td{border:1px solid #D0E0E0;padding:5px;text-align:center;background-color:#fff;color:#2f4f4f}.admin_data-table tbody tr:hover{background-color:#f0f5f5}.admin_data-table .admin_data-row.active-row td{background-color:#d0e0e0}.admin_data-table td:last-child{width:100px;min-width:100px;text-align:center}.admin_btn-group{display:flex;position:inherit;flex-direction:row;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;width:100%}.admin_btn{padding:3px 6px;border:2px outset #A0B0B0;cursor:pointer;font-size:11px;font-weight:700;background:#d0e0e0;color:navy;transition:none;white-space:nowrap;height:24px}.admin_btn:active{border-style:inset;box-shadow:none;transform:none}.admin_btn.blue{background:#d0e0e0;color:navy}.admin_btn.admin_red{background:#d0e0e0;color:#b60000}.admin_btn.admin_green{background:#d0e0e0;color:green}.admin_loading{display:inline-block;padding:4px 8px;font-size:10px;font-weight:700;color:red}.admin_deleted-text{color:red;font-weight:700;font-size:12px}.admin_btn-home{background-color:#4caf50;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-bottom:10px;display:inline-flex;align-items:center;gap:5px;transition:background-color .2s ease}.admin_btn-home:hover{background-color:#45a049}.info-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;color:#000;position:relative;background:var(--White, #ffffff);padding-bottom:70px;padding-top:20px;overflow-y:auto}.infoform{overflow-y:scroll;overflow-x:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-showImage{position:relative;left:8px;width:225px;height:300px}.info-showInfo{position:relative;left:10px;list-style:none;line-height:2;padding:0;margin:0;font-size:11px}.onboard-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:200000}.onboard-content{padding:30px;border-radius:12px;max-width:800px;width:80%;text-align:center;pointer-events:auto;line-height:2;text-shadow:0px 0px 5px #606060;font-size:20px}.onboard-content h1{margin-bottom:15px;font-size:40px}.smallsmall{font-size:14px}.highlight{color:#5409da;font-weight:500;text-shadow:0px 0px 15px rgba(255,255,255,.7)}.onboard-btn{padding:10px 20px;background-color:#5409da;color:#fff;border:none;border-radius:30px;cursor:pointer}