@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=McLaren&display=swap);.language-wrap{align-items:center;display:flex;flex-direction:column;height:844px;justify-content:center;width:390px}.language-box1{margin-left:31px;width:359px}.language-box2{align-items:center;display:flex;flex-direction:column;justify-content:center;width:340px}.language-box1>p{font-size:24px;font-weight:400;letter-spacing:-2%;margin:0;text-align:center}.language-box1>h1,.language-box1>p{display:flex;justify-content:flex-start}.language-box1>h1{color:#6c6c6c;font-size:13px;font-weight:500;letter-spacing:0;margin-top:28px}.language-choice{align-items:center;border:1px solid;border-radius:10px;display:flex;height:50px;justify-content:space-between;margin-top:18px;padding:0 17px;position:relative;width:327px}.language-find{cursor:pointer;pointer-events:auto}.language-okbtn{background-color:#fff;border:1px solid;border-radius:24px;color:#000;height:48px;margin-top:355px;width:327px}.language-okbtn:hover{background-color:#6177f0;color:#fff}.language-list{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;top:100%;width:327px;z-index:10}.language-list li{cursor:pointer;padding:8px 12px}.language-list li:hover{background-color:rgba(221,225,248,.341)}.login-wrap{align-items:center;display:flex;flex-direction:column;height:844px;justify-content:center;width:390px}.login-logo{margin-bottom:38px}.login-email{margin-bottom:12px;width:327px}.login-email,.login-password{background-color:#f5f5f5;border-radius:24px;display:flex;height:40px;padding-left:10px}.login-password{margin-bottom:17px;width:317x}.login-button{background-color:#6177f0;border:none;border-radius:24px;color:#fff;font-size:16px;height:48px;margin-bottom:20px;outline:none;width:327px}.join-link{color:#6c6c6c;font-size:13px;margin-left:120px;text-decoration:none}.join-std-wrap{align-items:center;display:flex;flex-direction:column;height:844px;justify-content:center;width:390px}.join-std-box1,.join-std-box2{margin-left:31px;width:359px}.join-std-box2{margin-bottom:290px}.join-std-box1>p{font-size:24px;font-weight:400;letter-spacing:-2%;margin:0;text-align:center}.join-std-box1>h1,.join-std-box1>p{display:flex;justify-content:flex-start}.join-std-box1>h1{color:#6c6c6c;font-size:13px;font-weight:500;letter-spacing:0;margin-top:28px}.korean{background-color:#fff;border:1px solid #000;border-radius:20px;color:#000;gap:10px;height:62px;margin-bottom:17px;margin-top:40px;width:330px}.foreigner.active,.korean.active,.korean:hover{background-color:#6177f0;color:#fff}.foreigner{background-color:#fff;border:1px solid #000;border-radius:20px;color:#000;gap:10px;height:62px;width:330px}.foreigner:hover{background-color:#6177f0;color:#fff}.join-unv-box1{margin-left:31px;width:359px}.join-unv-box2{align-items:center;display:flex;flex-direction:column;justify-content:center;width:340px}.join-unv-box1>p{font-size:24px;font-weight:400;letter-spacing:-2%;margin:0;text-align:center}.join-unv-box1>h1,.join-unv-box1>p{display:flex;justify-content:flex-start}.join-unv-box1>h1{color:#6c6c6c;font-size:13px;font-weight:500;letter-spacing:0;margin-top:28px}.join-unv-choice{align-items:center;border:1px solid;border-radius:10px;display:flex;height:50px;justify-content:space-between;margin-top:18px;padding:0 17px;position:relative;width:327px}.join-unv-okbtn{background-color:#fff;border:1px solid;border-radius:24px;color:#000;height:48px;margin-top:355px;width:327px}.join-unv-okbtn:hover{background-color:#6177f0;color:#fff}.school-list{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;top:100%;width:327px;z-index:10}.school-list li{cursor:pointer;padding:8px 12px}.school-list li:hover{background-color:#f0f0f0}.join-nation-wrap{align-items:center;display:flex;flex-direction:column;height:844px;justify-content:center;width:390px}.join-nation-box1{margin-left:31px;width:359px}.join-nation-box2{align-items:center;display:flex;flex-direction:column;justify-content:center;width:340px}.back{margin-bottom:146px}.join-nation-box1>p{display:flex;font-size:24px;font-weight:400;justify-content:flex-start;letter-spacing:-2%;margin:0;text-align:center}.join-nation-box1>h1{color:#6c6c6c;display:flex;font-size:13px;font-weight:500;justify-content:flex-start;letter-spacing:0;margin-top:28px}.join-nation-choice{align-items:center;border:1px solid;border-radius:10px;display:flex;height:50px;justify-content:space-between;margin-top:18px;padding:0 17px;position:relative;width:327px}.join-nation-find{cursor:pointer;pointer-events:auto}.join-nation-okbtn{background-color:#fff;border:1px solid;border-radius:24px;color:#000;height:48px;margin-top:355px;width:327px}.join-nation-okbtn:hover{background-color:#6177f0;color:#fff}.nationality-list{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;top:100%;width:327px;z-index:10}.nationality-list li{cursor:pointer;padding:8px 12px}.nationality-list li:hover{background-color:rgba(221,225,248,.341)}.join-wrap{align-items:center;display:flex;flex-direction:column;height:844px;justify-content:center;width:390px}.join-box1{width:328px}.back{display:flex;justify-content:flex-start}.join-form{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;margin-bottom:224px}.join-email{background-color:#f5f5f5;border-radius:24px;display:flex;height:40px;padding-left:10px;width:317px}.email-svg{margin-right:8px;margin-top:12px}.join-email>button{align-items:center;background-color:#6177f0;border:none;border-radius:24px;color:#fff;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;margin-top:8px;outline:none;width:72px}.join-code{background-color:#f5f5f5;border-radius:24px;display:flex;height:40px;padding-left:10px;width:317px}.code-svg{margin-right:8px;margin-top:10px}.join-password{background-color:#f5f5f5;border-radius:24px;display:flex;height:40px;padding-left:10px;width:317px}.password-svg{margin-left:3px;margin-right:8px;margin-top:10px}.join-nickname{background-color:#f5f5f5;border-radius:24px;display:flex;height:40px;padding-left:10px;width:317px}.nickname-svg{margin-right:8px;margin-top:10px}.join-button{background-color:#d9d9d9;border:none;border-radius:24px;color:#fff;font-size:16px;font-weight:600;height:48px;margin-bottom:20px;outline:none;width:327px}.join-button.active{background-color:#6177f0;cursor:pointer}input{background-color:#f5f5f5;border:none;font-size:15px;outline:none;width:201px}.join-p1{color:#888;font-size:13px;font-style:Medium;font-weight:500;letter-spacing:0;margin-bottom:49px;margin-left:8px}.interest-wrap{align-items:center;display:flex;flex-direction:column;height:844px;justify-content:center;width:390px}.interest-choice-box1{display:flex;justify-content:flex-start;margin-left:31px;width:359px}.interest-choice-box2{margin-bottom:55px;width:310px}.interest-choice-box2>h1{color:#6c6c6c;font-size:13px;font-weight:500;letter-spacing:0;margin:0}.interest-choice-box2>p{font-size:24px;font-weight:400;margin-bottom:12px}.interest-choice-box3{display:flex;flex-wrap:wrap;gap:10px 10px;margin-bottom:23px;width:327px}.interest-button{background-color:#fff;border:1.2px solid;border-radius:30px;flex:0 1 auto;font-size:10px;font-weight:400;margin:0 4px;padding:6px 10px}.interest-button.active{background-color:#6177f0;color:#fff;cursor:pointer}.interest-start{background-color:#fff;border:1px solid;border-radius:24px;color:#000;height:48px;margin-top:147px;width:327px}.interest-start:hover{background-color:#6177f0;color:#fff}.matching-wrap{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:765px;justify-content:center;margin:0 auto;width:390px}.matching-box1{display:flex;margin-bottom:12px;margin-top:32px;width:324px}.matching-p1{font-family:Pretendard Variable}.matching-message{align-items:center;display:flex;height:129px;justify-content:center}.matching-box4,.matching-message{border:1px solid #888;border-radius:20px;opacity:1;width:324px}.matching-box4{justify-content:flex-start;padding:19px 18px}.matching-box4>div>button{align-items:center;background-color:#fff;border:1px solid #000;border-radius:60px;display:flex;font-size:10px;font-weight:400;gap:10px;height:24px;justify-content:center;left:100px;margin:0 7px;padding:10px;top:430px}.matching-box4>div{display:flex;margin-bottom:20px;margin-top:8px}.matching-p3{text-align:center}.matching-btn{background-color:#6177f0;border:none;border-radius:60px;box-shadow:0 4px 6px #0003;color:#fff;font-size:24px;font-weight:400;height:70px;margin:62px 0;width:200px}.matching-btn.disabled{background-color:gray;cursor:not-allowed}.matching-btn:hover{background-color:#b6c1ff}.footer{border-top:1px solid #888;flex-direction:column;justify-content:center;padding:18px 44px;width:390px}.footer,.matching-footer{align-items:center;display:flex;height:79px}.matching-footer{gap:10px;justify-content:space-between;opacity:1;width:302px}.matching-menu-home,.matching-menu-home>p,.menu-chat>p,.menu-lank>p,.menu-mypage>p{align-items:center;display:flex;flex-direction:column;justify-content:center}.matching-menu-home>p,.menu-chat>p,.menu-lank>p,.menu-mypage>p{color:#000;font-size:10px;font-weight:400}.matching-menu-home>p{color:#6177f0}.menu-mypage{gap:3px}.matching-region-btn>button.selected,.matching-region-btn>button:hover{background:#6177f0;color:#fff}.matched-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-bottom:100px;margin-left:19px;min-height:0;overflow-y:auto;padding:16px}.matched-wrap2{display:flex;flex-direction:column;height:100vh;position:relative}.matiching-nav{align-items:center;display:flex;height:67px;justify-content:center;margin-top:20px;width:390px}.matched-box1{display:flex;margin-bottom:12px;margin-top:32px;width:324px}.matched-now{margin-left:14px;width:324px}.matched-exit{align-items:center;display:flex;justify-content:center;margin:20px 0;width:270px}.matched-exit>button{background-color:#fff;border:1px solid red;border-radius:20px;color:red;font-size:12px;font-weight:400;height:30px;width:100px}.matched-exit>button:hover{background-color:red;border:none;color:#fff}.matched-box3{display:flex;flex-direction:column;gap:12px;width:315px}.matched-box4{border:.6px solid #888;border-radius:20px;left:18px;margin-bottom:40px;padding:0 20px;top:213px;width:312px}.matched-box5{margin-bottom:42px}.matched-box5,.matched-box6{align-items:start;display:flex;flex-direction:column;gap:12px}.matched-box6{margin-bottom:2px}.matched-box7{grid-gap:19px;display:grid;gap:19px;grid-template-columns:repeat(2,1fr);justify-content:space-between;margin-bottom:30px;width:315px}.matched-box8{display:flex;gap:19px;width:150px}.matched-box9{align-items:start;display:flex;flex-direction:column;gap:12px;margin-bottom:40px;width:315px}.matched-box9>button,.matched-interest-btn>button{background-color:#fff;border:1px solid #000}.matched-done{align-items:center;display:flex;flex-direction:column;gap:10px;height:60px;justify-content:center;margin-bottom:22px;margin-top:26px}.matched-done>button{background:linear-gradient(90deg,#6177f0,rgba(97,119,240,.686),rgba(97,119,240,.341));border:none;border-radius:20px;color:#fff;font-size:12px;font-weight:400;height:37px;width:149px}.matched-done>button:hover{background-color:#6177f0}.matched-interest-btn{display:flex;width:327px}.matched-box9>button,.matched-interest-btn>button{align-items:center;border-radius:60px;border-width:1px;display:flex;font-size:10px;font-weight:400;gap:10px;height:24px;justify-content:center;left:100px;margin:0 7px;padding:10px;top:430px}.matched-list-box{gap:10px}.matched-list,.matched-list-box{display:flex;flex-direction:column;width:276px}.matched-list{align-items:flex-start;border:1px solid #888;border-radius:10px;gap:3px;justify-content:flex-start;padding:14px 17px}.matched-list>div{display:flex;flex-direction:column;width:242px}.matched-locaion{display:flex;gap:5px}.matching-p1{color:#6177f0;font-size:24px;font-weight:500}.matching-p2{margin-bottom:13px;margin-top:20px}.matching-p2,.matching-p3{font-size:14px;font-weight:500}.matching-p3{color:#000}.matching-p4{font-size:12px;font-weight:400}.matching-p5,.matching-p6{color:#888;font-size:10px;font-weight:400}.matched2-footer{background-color:#fff;border-top:1px solid #888;bottom:5px;flex-shrink:0;padding:0 44px;position:absolute;width:390px}.matched-footer{align-items:center;display:flex;gap:10px;height:79px;justify-content:space-between;opacity:1;width:302px}.menu-home{justify-content:center}.menu-home,.menu-home>p{align-items:center;display:flex;flex-direction:column}.menu-home>p{color:#6177f0;font-size:10px;font-weight:400;justify-content:space-between}.menu-chat{align-items:center;display:flex;flex-direction:column;justify-content:center}.menu-chat>p,.menu-lank>p{font-size:10px;font-weight:400;justify-content:space-between}.menu-chat>p,.menu-lank>p,.menu-mypage{align-items:center;display:flex;flex-direction:column}.menu-mypage{justify-content:center}.menu-mypage>p{align-items:center;display:flex;flex-direction:column;font-size:10px;font-weight:400;justify-content:space-between}.agree-wrap,.certify-wrap{background-color:#fff;border-radius:12px;gap:25px;height:281px;width:335px}.agree-box1,.agree-wrap,.certify-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center}.agree-box1{gap:12px;padding-top:28px}.agree-box2{flex-direction:column;gap:8px;margin-bottom:10px}.agree-box2,.agree-box3,.certify-box2{align-items:center;display:flex;justify-content:center}.agree-box3,.certify-box2{background-color:#6177f0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;cursor:pointer;height:54px;width:335px}.certify-box2{background-color:#fff;border-top:1px solid #000}.certify-close{margin-left:290px;margin-top:16px}.certify-box1{align-items:center;display:flex;flex-direction:column;gap:19px;justify-content:center;margin:25px 0}.agree-p1,.certify-p1{font-size:18px;font-weight:600;text-align:center}.agree-p2,.certify-p2{color:#888;font-size:14px;font-weight:500;text-align:center}.agree-p3,.certify-p3{color:#fff;font-size:20px;font-weight:600;text-align:center}.certify-p3{color:red}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal-content{background:#fff;border-radius:12px;margin-bottom:100px;z-index:1000}.yougetreward-wrap{align-items:center;display:flex;flex-direction:column;gap:30px;height:700px;justify-content:center;width:390px}.yougetreward-box1,.yougetreward-box2{align-items:start;display:flex;flex-direction:column;width:290px}.yougetreward-box3{align-items:center;display:flex;justify-content:center}.yougetreward-p1{display:flex;font-size:24px;font-weight:500px;gap:5px;line-height:100%}.yougetreward-box3>img{height:174px;margin-bottom:50px;width:174px}.yougetreward-wrap{margin-top:150px}.yougetreward-btn{background-color:#6177f0;border:none;border-radius:24px;color:#fff;font-size:16px;font-weight:600;height:48px;margin-top:130px;text-align:center;width:327px}.mypage-wrap{background-color:#fff;box-sizing:border-box;height:765px;margin:0 auto;padding-top:68px;width:390px}.mypage-box1{align-items:center;border-bottom:1px solid #888;display:flex;flex-direction:column;gap:15px;height:265px;justify-content:center;margin:0 30px;padding-bottom:8px;width:330px}.mypage-profile{border:2px solid #888;border-radius:20px;height:81px;width:87px}.mypage-box2{display:flex;flex-direction:column;gap:32px;height:343px;margin-bottom:18px;margin-top:43px;padding:0 32px}.mypage-box2>a{text-decoration:none}.mypage-p1{color:#6177e6;font-size:24px;font-weight:500;margin-left:32px}.mypage-p2{color:#000}.mypage-p2,.mypage-p3{font-size:14px;font-weight:500}.mypage-p3{color:red}.mypage-menu-mypage{gap:5px;height:50px}.mypage-menu-mypage>p{align-items:center;color:#6177e6;display:flex;flex-direction:column;font-size:10px;font-weight:400;justify-content:center}.mypage-footer{align-items:center;display:flex;gap:10px;height:79px;justify-content:space-between;opacity:1;width:302px}.mypage-menu-home{justify-content:center}.mypage-menu-home,.mypage-menu-home>p{align-items:center;display:flex;flex-direction:column}.mypage-menu-home>p{color:#000;font-size:10px;font-weight:400;justify-content:space-between}.mypage-menu-chat{align-items:center;display:flex;flex-direction:column;justify-content:center}.mypage-menu-chat>p,.mypage-menu-lank>p{align-items:center;display:flex;flex-direction:column;font-size:10px;font-weight:400;justify-content:space-between}.mypage-menu-mypage{justify-content:center}.mypage-menu-mypage,.mypage-smenu-mypage>p{align-items:center;display:flex;flex-direction:column}.mypage-smenu-mypage>p{font-size:10px;font-weight:400;justify-content:space-between}.profile-wrap{align-items:center;height:844px;justify-content:center;width:390px}.profile-box1,.profile-wrap{display:flex;flex-direction:column}.profile-box1{gap:27px;margin:17px 0;padding-left:19px;width:358px}.profile-p1{color:#6177f0;font-size:24px;font-weight:500;padding-left:13px}.profile-box2{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin:50px 0}.profile-profile{border:2px solid #888;border-radius:20px;height:129px;width:139px}.profile-p2{color:#888;font-size:14px;font-weight:500}.profile-box3{display:flex;flex-direction:column;gap:30px;margin:50px 42px;width:306px}.profile-nation,.profile-nickname,.profile-unv{display:flex;justify-content:space-between;width:283px}.profile-nation,.profile-unv{height:17px}.profile-nation-done,.profile-unv-done{border-bottom:2px solid #888;display:flex;flex-direction:column;justify-content:center;padding-bottom:5px;padding-left:15px;width:205px}.profile-btn{background-color:#6177f0;border:none;border-radius:24px;color:#fff;font-size:16px;font-weight:600;height:48px;margin:120px 31px 0;text-align:center;width:328px}.profile-modify-nickname{background-color:#fff;border-bottom:2px solid #888;color:#000;font-size:14px;font-weight:500;padding-bottom:5px;padding-left:15px;width:205px}.profile-box2>label{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}@font-face{font-display:swap;font-family:Pretendard Variable;font-style:normal;font-weight:45 920;src:url(/static/media/PretendardVariable.2bc582461caf4e05b51d.woff2) format("woff2-variations")}:root{--mainfont:"Pretendard Variable",sans-serif;--background:#f6f6f6;--main:#6177f0;--gray01:#f2f2f2;--gray02:#e9e9e9;--gray03:#828282;--gray04:#333;--black:#000;--none:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color:#000;color:var(--black);font-family:Pretendard Variable,sans-serif;font-family:var(--mainfont);font-size:16px;font-synthesis:none;font-weight:400;letter-spacing:-2%;text-rendering:optimizeLegibility}*,:after,:before{box-sizing:border-box}body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-family:Pretendard Variable,sans-serif;font-family:var(--mainfont)}a,a:focus,a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:20px}h1,h2{font-weight:700}h2{font-size:16px}h3{font-size:12px}h4{font-size:10px}h5{font-size:8px}ul{list-style:none}address,em{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}button,input,select,textarea{-webkit-appearance:none;appearance:none;border:0;border-radius:0;font-size:16px}.ir{display:block;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;white-space:nowrap}a,button{cursor:pointer}a{color:#000;-webkit-text-decoration-line:none;text-decoration-line:none}body{align-items:center;background-color:#404040;display:flex;justify-content:center}.wrap{background-color:#fff;height:844px;margin:0 auto;overflow-x:hidden;overflow-y:scroll;width:390px}::-webkit-scrollbar{display:none}.none{display:none!important}button{justify-content:center}.nav_wrap,button{align-items:center;display:flex}.nav_wrap{background-color:#fff;border-top:1px solid #888;box-sizing:border-box;height:79px;justify-content:space-between;padding:18px 37px 16px 44px}.nav_wrap .nav_icon{align-items:center;display:flex;flex-direction:column}.nav_wrap .nav_icon img{object-fit:cover}.nav_wrap .nav_icon p{font-size:10px;font-weight:400}.nav_wrap #match{gap:4.72px}.nav_wrap #match img{height:23.78px;width:25px}.nav_wrap #chat{gap:5.63px}.nav_wrap #chat img{height:21.75px;width:25.5px}.nav_wrap #rank{gap:4.29px}.nav_wrap #rank img{height:28.42px;width:18.08px}.nav_wrap #account{gap:7.88px}.nav_wrap #account img{height:23.25px;width:20.67px}.List{background-color:#fff;box-sizing:border-box;height:765px;overflow-y:scroll;padding:29px 18px 73px 19px}.List .header{margin-left:15px}.List .header h1{color:#6177f0;font-size:24px;font-weight:500}.List .main{display:flex;flex-direction:column;margin-left:1px;margin-top:34px}.List .main .current_chat{height:104px}.List .main .previous_chat h1{margin-bottom:5px;margin-top:14px}.List .main .previous_chat .room_list{display:flex;flex-direction:column;gap:9px}.List .main .previous_chat .room_list .room_box{border-bottom:1px solid #888}.List .main .current_chat,.List .main .previous_chat{display:flex;flex-direction:column;gap:10px}.List .main .current_chat h1,.List .main .previous_chat h1{font-size:14px;font-weight:500}.List .main .current_chat .room_box,.List .main .previous_chat .room_box{align-items:center;box-sizing:border-box;height:77px;padding:5px 11px;width:353px}.List .main .current_chat .room_box .top,.List .main .previous_chat .room_box .top{display:flex;justify-content:space-between;width:331px}.List .main .current_chat .room_box .top h1,.List .main .previous_chat .room_box .top h1{font-size:14px}.List .main .current_chat .room_box .top p,.List .main .previous_chat .room_box .top p{align-self:right;color:#888;font-size:12px}.List .main .current_chat .room_box #LastText,.List .main .previous_chat .room_box #LastText{color:#888;font-size:12px;margin-top:7px}.LiveChat{background-color:#fff;position:relative}.LiveChat .header{align-items:center;background:#f8f9ff;box-shadow:0 -2px 14px 0 #00000040;box-sizing:border-box;display:flex;height:69px;justify-content:space-between;padding:23px 17px;position:relative;z-index:1}.LiveChat .header h1{font-family:var(--pretendard);font-size:14px;font-weight:500;width:70%}.LiveChat .header #back{background-color:#0000;height:16px;width:16px}.LiveChat .header #info{background-color:#0000;height:12px;margin-right:4.5px;width:16.5px}.LiveChat .main{background-color:#f8f9ff;box-sizing:border-box;display:flex;flex-direction:column;height:706px;padding:30px 11px 10px 10px}.LiveChat .main .messages{display:flex;flex-direction:column;gap:22px;overflow-y:auto}.LiveChat .main .msg{font-size:12px;letter-spacing:-2%;line-height:18px;max-width:226px}.LiveChat .main .msg .bubble{border-radius:20px;box-shadow:0 2px 2px 0 #00000040;box-shadow:0 2px 2px 0 rgba(0,0,0,.251);box-sizing:border-box;display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:10px 15px;text-align:left;white-space:pre-wrap}.LiveChat .main .msg .bubble button{background:#0000;color:#888;font-size:10px;font-weight:400;margin-bottom:6px;margin-top:6px}.LiveChat .main .msg .bubble.has-translation .translated:before{border-top:1px dashed #00000059;content:"";display:block;margin:8px 0 10px}.LiveChat .main .msg .bubble .translated{color:#6177f0;font-size:12px;font-weight:400}.LiveChat .main .mine{color:#fff;margin-left:auto}.LiveChat .main .mine .bubble{background:#6177f0;background:var(--main)}.LiveChat .main .mine .bubble p{display:none}.LiveChat .main .theirs{color:#000}.LiveChat .main .theirs .bubble{background:#fff}.LiveChat .main .theirs .bubble p{color:#888;font-size:10px;font-weight:400;margin-top:6px}.LiveChat .main .writer{font-size:14px;margin-bottom:5px}.LiveChat .input_container{align-items:center;border-top:.2px solid #888;box-sizing:border-box;display:flex;flex:0 0 auto;gap:9px;min-height:69px;padding:16px 15px;width:100%}.LiveChat .input_container .write{background-color:#f5f5f5;border-radius:20px;box-sizing:border-box;font-size:12px;max-height:150px;min-height:38px;overflow:hidden;overflow-wrap:anywhere;padding:13px 15px;resize:none;white-space:pre-wrap;width:330px}.LiveChat .input_container button{align-items:center;background-color:#9fabef;border-radius:50%;height:38px;position:relative;width:38px}.LiveChat .input_container button img{height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:15px;z-index:1}.Info{background-color:#fff;display:flex;flex-direction:column}.Info .header{box-sizing:border-box;padding:27px 22px}.Info .header img{height:16px;width:16px}.Info .room_name{align-items:center;background-color:#f8f9ff;display:flex;height:193px;justify-content:center;width:100%}.Info .room_name h1,.Info .room_name input{field-sizing:content;background:#0000;font-size:24px;font-weight:500}.Info .main{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 -2px 10px 0 rgba(0,0,0,.251);box-sizing:border-box;height:581px;padding:42px 39px;position:absolute;top:263px;width:390px}.Info .main h2{font-size:12px;font-weight:400}.Info .main .top{display:flex;flex-direction:column}.Info .main .top .interest{display:flex;gap:10px;margin-top:22px}.Info .main .top .interest button{align-items:center;border:1px solid #000;border-radius:30px;display:flex;font-size:10px;height:24px;justify-content:center;width:54px}.Info .main .bottom{margin-top:50px}.Info .main .bottom .memebers{display:flex;flex-direction:column;gap:18px;margin-top:22px}.Info .main .bottom .memebers p{font-size:10px}.Info .main .bottom .memebers .member{align-items:center;display:flex;gap:19px;height:30px}.Info .main .bottom .memebers .member img{border:1px solid #000;border-radius:10px;cursor:pointer;height:30px;width:30px}.Info .main .bottom .memebers .member p{font-size:12px;font-weight:400}.Profile{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;padding:29px 18px 74px 24px;position:relative}.Profile .header img{height:12px;width:12px}.Profile .main{align-items:center;display:flex;flex-direction:column;margin-top:89px}.Profile .main .profile_img{background-color:#ededed;height:388px;object-fit:cover;width:390px;z-index:1}.Profile .main span{align-items:center;border-bottom:1px solid #888;display:flex;font-size:22px;font-weight:400;height:155px;justify-content:center;width:322px}.Profile #profile_btn{background:#0000;display:flex;flex-direction:column;gap:10.42px;margin-top:36px}.Profile #profile_btn img{height:24.17px;width:24.17px}.Profile #profile_btn p{font-size:12px;font-weight:400}.report_modal{background-color:#fff;border:1px solid #000;border-radius:12px;height:206px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:335px;z-index:100}.report_modal img{height:12px;margin-left:302px;margin-top:16px;width:12px}.report_modal p{align-items:center;display:flex;height:123px;justify-content:center}.report_modal button{background-color:#6177f0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;color:#fff;font-size:20px;font-weight:600;height:52px;width:333px}.ReportChoice{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;padding:29px 18px 74px 24px;position:relative}.ReportChoice .header img{height:12px;width:12px}.ReportChoice .main{margin-top:55px}.ReportChoice .main h1{font-size:24px;font-weight:500;margin-left:6px}.ReportChoice .main .choices{margin-left:3px;margin-top:49px}.ReportChoice .main .choices .block{align-items:center;border-bottom:1px solid #888;display:flex;height:51px}.ReportChoice .main .choices .block p{cursor:pointer;font-size:14px;font-weight:500;margin-left:15px}.ReportChoice .main .choices .block2{border-bottom:1px solid #888;display:flex;flex-direction:column;gap:17px;height:103px;justify-content:center}.ReportChoice .main .choices .block2 p{font-size:14px;font-weight:500;margin-left:15px}.ReportChoice .main .choices .block2 input{border-radius:15px;box-sizing:border-box;font-size:14px;height:32px;margin-left:14px;padding:13px 15px;width:311px}.ReportChoice .main button{background-color:#6177f0;border-radius:24px;bottom:36px;color:#fff;font-size:16px;font-weight:600;height:48px;position:absolute;width:327px}.rank{background-color:#fff;box-sizing:border-box;height:765px;overflow-y:scroll;padding:68px 31px}.rank h1{color:#6177f0;font-size:24px;font-weight:500;letter-spacing:-2%;margin-left:1px}.rank .my_ranking .box{background:linear-gradient(90deg,#9fabef,#6177f0);box-sizing:border-box;color:#fff;margin-top:22px;padding:29px 31px 28px 24px}.rank .all_ranking h2{margin-bottom:32px}.rank .all_ranking .box_list{display:flex;flex-direction:column;gap:16px}.rank .all_ranking .box_list .box{background:linear-gradient(90deg,#fff,#dde1f857);box-sizing:border-box;padding:29px 23px 28px 24px}.rank .all_ranking .box_list .top_1 #rank{color:#efac1b}.rank .all_ranking .box_list .top_2 #rank{color:#898989}.rank .all_ranking .box_list .top_3 #rank{color:#6d4e0a}.rank .all_ranking,.rank .my_ranking{align-items:center;margin-top:40px}.rank .all_ranking h2,.rank .my_ranking h2{color:#000;font-size:14px;font-weight:500}.rank .all_ranking .box,.rank .my_ranking .box{border-radius:16px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);display:flex;height:74px;width:329px}.rank .all_ranking .box .content,.rank .my_ranking .box .content{align-items:center;display:flex;justify-content:space-between;width:100%}.rank .all_ranking .box .content p,.rank .all_ranking .box .content span,.rank .my_ranking .box .content p,.rank .my_ranking .box .content span{font-size:14px;font-weight:500}.rank .all_ranking .box .content #name,.rank .my_ranking .box .content #name{margin-right:5px}
/*# sourceMappingURL=main.4cc30999.css.map*/