:root{--main-color:#0070f3;--main-hover-color:#005bb5;--sub-color:rgb(130,193,255);--header-bg-color:#fff;--bg-color:#f8f8f8;--box-color:#ffffff;--box2-color:#ffffff;--footer-box-color:#dddddd;--board-list-header-color:#f3f3f3;--search-box-color:#fff;--search-btn-color:#0070f3;--btn-line-grey-color:#fff;--btn-line-grey-hover-color:#f0f0f0;--btn-nonactive-color:#ccc;--go_to_login_for_comment:#fff;--bg-primary:#ffffff;--bg-secondary:#f8f8f8;--bg-tertiary:#efefef;--bg-quaternary:#ededed;--font-color:#000000;--font2-color:#787878;--border-color:#cccccc;--border-grey:#cccccc;--search-border-grey:#494949;--grey-1:#111111;--grey-2:#222222;--grey-3:#333333;--grey-4:#444444;--grey-5:#555555;--grey-6:#666666;--grey-7:#777777;--grey-8:#888888;--grey-9:#999999;--grey-c:#cccccc;--grey-ef:#efefef;--grey-ed:#ededed;--grey-f8:#f8f8f8;--grey-40:#404040;--grey-2d:#2d2d2d;--grey-f3:#f3f3f3;--box-shadow:0 3.5px 7px 0 rgba(0,0,0,0.05),0 1.5px 3px 0 rgba(0,0,0,0.07);--box-shadow2:0 0px 7px 0 rgba(0,0,0,0.1),0 1.5px 3px 0 rgba(0,0,0,0.14);--box-shadow3:0px 0px 10px 2px rgba(0,0,0,0.22),0 1.5px 8px 0 rgba(0,0,0,0.14);--box-shadow4:0px 1px 1px 0px rgba(0,0,0,0.02),0 1.5px 8px 0 rgba(0,0,0,0.04)}[data-theme=dark]{--main-color:#2857c5;--main-hover-color:#0072e4;--sub-color:rgb(100,160,220);--header-bg-color:#34363b;--bg-color:#34363b;--box-color:#272727;--box2-color:#313131;--footer-box-color:#272727;--board-list-header-color:#1b1b1b;--search-box-color:#272727;--btn-line-grey-color:#444;--btn-line-grey-hover-color:#222;--btn-nonactive-color:#555;--go_to_login_for_comment:#1b1b1b;--bg-primary:#252a2f;--bg-secondary:#222222;--bg-tertiary:#2d2d2d;--bg-quaternary:#333333;--font-color:#ffffff;--font2-color:#e2e2e2;--border-color:#404040;--border-grey:#404040;--search-border-grey:#4e4e4e;--grey-999:#999999;--grey-888:#888888;--grey-777:#777777;--grey-666:#666666;--grey-555:#555555;--grey-444:#444444;--grey-333:#333333;--grey-222:#222222;--grey-111:#111111;--grey-eee:#eeeeee;--grey-ddd:#dddddd;--grey-ccc:#cccccc;--grey-bbb:#bbbbbb;--grey-aaa:#aaaaaa;--grey-ef:#efefef;--grey-ed:#ededed;--grey-f8:#f8f8f8;--grey-40:#404040;--grey-2d:#2d2d2d;--grey-f3:#f3f3f3;--box-shadow:0 3.5px 7px 0 rgba(0,0,0,0.3),0 1.5px 3px 0 rgba(0,0,0,0.4);--box-shadow2:0 0px 7px 0 rgba(0,0,0,0.4),0 1.5px 3px 0 rgba(0,0,0,0.5);--box-shadow3:0px 0px 10px 2px rgba(66,66,66,0.6),0 1.5px 8px 0 rgba(0,0,0,0.5);--box-shadow4:0px 1px 1px 2px rgba(0,0,0,0.22),0 1.5px 8px 0 rgba(0,0,0,0.14)}.flex_center{align-items:center}.flex_center,.login_page{display:flex;justify-content:center}.login_page{position:relative;width:100%;max-width:1200px;margin:0 auto;flex-direction:column;min-height:calc(100vh - 56px - 166px)}.box_inner{width:50%;height:100%}.box_inner,.inside{display:flex;justify-content:center}.inside{position:relative;align-items:center;padding-bottom:100px}.header_login{position:relative;display:block;margin-bottom:8px}.header_text{font-size:32px;font-weight:700;line-height:1.4;margin-bottom:4px}.header_subtext{margin-bottom:8px;width:80%;text-align:justify}.error,.header_subtext{font-size:14px;font-weight:400;line-height:1.4}.error{color:#ff7a7a;margin-bottom:10px}.form{display:flex;flex-direction:column;max-width:388px;width:100%}.input_group{display:flex;justify-content:flex-start;column-gap:8px;margin-bottom:8px}.input_group button{min-width:80px;white-space:pre-line}.login_input_box{position:relative;display:flex;justify-content:flex-end;flex-direction:column;border:1px solid var(--border-grey);border-radius:4px;width:100%;height:60px;overflow:hidden;box-shadow:var(--box-shadow)!important}.login_input_box .input_bg{position:absolute;width:100%;height:100%;background-color:var(--box-color)}.input_img .label_img{position:relative;display:flex;justify-content:flex-end;flex-direction:column;border-radius:4px;width:100%;height:60px;cursor:pointer;overflow:hidden;background-color:var(--box-color)}.input_img:hover{border:1px solid var(--main-color)}.input_img:hover .label_img{color:var(--main-color);transition:none;opacity:1}.input_img:hover .file_name_label{opacity:1}.img_preview{display:flex;justify-content:center;align-items:center;margin-bottom:8px;height:200px;border-radius:50%;overflow:hidden;border:1px solid var(--border-grey)}.img_preview img{object-fit:contain;height:100%}.file_name{position:relative;z-index:9;width:100%;height:70%;padding:8px 8px 8px 10px;font-size:16px;line-height:1.4;font-weight:400;outline:none;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)!important}.file_name_label{position:absolute;top:50%;left:8px;transform:translateY(-50%);display:block;font-size:14px;line-height:1.4;opacity:.5;margin-bottom:4px;transition:none}.file_name_label.after{transform:translateY(-145%)!important;font-size:12px!important;color:#000!important;opacity:1!important}.input_common{position:relative;z-index:9;width:100%;height:70%;padding:6px 8px 8px 10px;font-size:16px;line-height:1.4;font-weight:400;outline:none;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)!important}.input_common:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input_common:-webkit-autofill,.input_common:-webkit-autofill:focus{background-color:#fff !important!important;color:var(--font-color)!important}.input_common:-moz-placeholder{background-color:#fff !important!important}.label_common{position:absolute;top:30px;left:8px;transform:translateY(-50%);display:block;font-size:14px;line-height:1.4;opacity:.5;margin-bottom:4px;transition:all .3s ease-in-out}.textarea_box{height:auto}.textarea_bio{resize:none;min-height:200px;padding-top:28px;color:var(--font-color)}.login_ad{position:relative;display:block;background-color:#ddd;min-height:600px}.find_info{display:flex;justify-content:center;align-items:center;column-gap:10px;padding:4px 0}.find_info a{font-size:14px;font-weight:400;line-height:1.4;color:var(--grey-6)}.find_info a:hover{color:var(--main-color)}.notice{position:relative;display:block;color:var(--font2-color);margin-bottom:8px;font-size:15px;font-weight:400;line-height:1.6}.red{color:#ff7a7a}.blue{color:#4d91ff}.notice_true{color:var(--main-color)}.notice_false{color:#ff7a7a}.membership_wrap{margin:0 auto}.membership,.membership_wrap{position:relative;display:block}.membership{padding-bottom:8px;margin-bottom:100px;border-bottom:1px solid var(--border-grey)}.membership_tit{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:4px;font-size:16px;font-weight:700;line-height:1.6;margin-bottom:12px;padding-top:24px}.membership_tit svg{color:var(--main-color)}.membership_box{height:300px;padding:16px;border:1px solid var(--border-grey);border-radius:8px;margin-bottom:16px;overflow-y:scroll;background-color:var(--box-color);box-shadow:var(--box-shadow)!important}.membership_box::-webkit-scrollbar{width:4px;height:4px}.membership_box::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:100px}.membership_contents li,.membership_contents p{font-size:14px;line-height:1.4}.membership_contents h2{font-size:16px;font-weight:600;padding:24px 0 12px}.membership_contents h2:first-child{padding-top:12px}