*{box-sizing:border-box;text-decoration:none;list-style:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}._hide,.__hide{display:none !important}*:not(i){font-family:"Noto Sans KR",sans-serif;font-optical-sizing:auto;font-style:normal;color:#fff}img{max-width:100%}body{max-width:720px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif;background-color:#111}.loader{display:none;text-align:center;color:#888;padding:16px 0}.loader .active{display:block}.btn{min-width:80px;height:40px;display:flex;justify-content:center;align-items:center;color:#000}.main{padding:60px 10px;min-height:calc(100% - 120px)}.main h1{font-size:20px;margin:12px 0 16px;padding:10px}a,button{cursor:pointer}.loader{display:none;text-align:center;color:#666;padding:12px}.loader.active{display:block}header{background:#1d1b2b;padding:12px;display:flex;justify-content:space-between;align-items:center;width:100%;position:fixed;top:0;left:50%;transform:translateX(-50%);max-width:720px;height:60px;border-bottom:1px solid hsla(0,0%,100%,.1882352941);z-index:1}header .logo{color:#fff;font-size:20px;font-weight:bold}header .top_btns{display:flex;gap:6px}header .top_btns .top_btn{font-size:24px;color:#fff;position:relative;display:flex;justify-content:center;align-items:center}header .top_btns .top_btn #alarm_count{background:#c00;font-size:16px;position:absolute;top:-10px;right:0;width:20px;height:20px;border-radius:50%;display:none;justify-content:center;align-items:center;font-weight:bold}.bottom_btns{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;padding:12px;display:flex;justify-content:space-around;background:#1d1b2b;max-width:720px;height:60px;border-top:1px solid hsla(0,0%,100%,.1882352941);z-index:1}.bottom_btns a{color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center}.profile{padding:20px 10px;display:flex;flex-flow:column;gap:24px;position:sticky;top:60px;z-index:1;background:#111}.profile .profile-card{display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center}.profile .profile-card .avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;display:flex;background:#f1f5f9;align-items:flex-end;justify-content:center;font-size:80px;color:#000}.profile .profile-card .avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile .profile-card .info .header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.profile .profile-card .info .header .name{font-size:20px;font-weight:700;margin:0;color:#fff}.profile .profile-card .info .header .edit{margin-left:auto;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600;color:#fff;border:1px solid #e5e7eb}.profile .profile-card .info .stats{display:flex;gap:16px;margin:0;padding:0;list-style:none}.profile .profile-card .info .stats li a{display:flex;flex-flow:column;gap:4px}.profile .profile-card .info .stats li a .label{font-size:16px;color:#64748b}.profile .profile-card .info .stats li a .value{font-size:16px;font-weight:700;color:#fff;text-align:center;width:100%}.profile .profile_edit{display:flex;align-items:center;gap:12px}.profile .profile_edit img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:1px solid #ddd;background:#fff}.profile .profile_edit .btn{border-radius:8px;font-size:14px;font-weight:600;color:#fff;border:1px solid #e5e7eb;background:none;padding:0 8px}.profile .edit_input{display:flex;flex-flow:column;gap:4px}.profile .edit_input input{margin-bottom:5px;height:40px;width:100%;background:none;color:#fff;font-size:16px;border:1px solid hsla(0,0%,100%,.062745098);padding:0 12px}.profile .edit_input .btn{background:none;color:#b6dbff;border:1px solid #b6dbff}.main .login{width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:40px;min-height:calc(100% - 120px)}.main .login h2{font-size:20px;color:#fff}.main .login form{display:flex;flex-flow:column;gap:10px;min-width:300px}.main .login form input{height:40px;width:100%;background:none;color:#fff;font-size:16px;border:1px solid hsla(0,0%,100%,.062745098);padding:0 12px}.main .login form .btns{display:flex;flex-flow:column;gap:10px;justify-content:center;align-items:center}.main .login form .btns .btn{width:100%;background:#1d1b2b;color:#fff;font-size:16px;border:1px solid hsla(0,0%,100%,.1254901961)}.main .login form .btns .join_btn{display:flex;justify-content:center;gap:6px;align-items:center}.main .login form .btns .join_btn span{color:#bbb;font-size:14px}.main .login form .btns .join_btn a{color:#fff}.list .filter{display:flex;flex-flow:column}.list .filter form{display:flex;align-items:center;padding:6px;gap:4px;border-bottom:1px solid hsla(0,0%,100%,.1882352941)}.list .filter form input{height:40px;width:100%;background:none;color:#fff;font-size:16px;border:1px solid hsla(0,0%,100%,.1882352941);padding:0 12px}.list .filter form button{width:100%;background:#1d1b2b;color:#fff;font-size:16px;border:1px solid hsla(0,0%,100%,.1254901961);max-width:80px}.list .filter .pop_hash{display:flex;flex-wrap:wrap;gap:6px;padding:6px}.list .filter .pop_hash span{padding:4px}.list .filter .pop_hash a{padding:4px 8px;background:#666}.list .grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2px}.list .grid.main_grid{grid-template-columns:repeat(1, 1fr)}.list .grid .cont{width:100%}.list .grid .cont .link{width:100%;position:relative;display:flex;flex-flow:column}.list .grid .cont .link .thumb{aspect-ratio:1/1;width:100%;max-width:unset}.list .grid .cont .link .user_info{display:grid;padding:8px 0;gap:8px;grid-template-columns:36px auto auto;align-items:center}.list .grid .cont .link .user_info .img{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid hsla(0,0%,100%,.1882352941);display:flex;justify-content:center;align-items:flex-end}.list .grid .cont .link .user_info .img img{width:100%}.list .grid .cont .link .user_info .img i{font-size:20px}.list .grid .cont .link .user_info .txt{display:flex;flex-flow:column;gap:4px;justify-content:center;font-size:16px}.list .grid .cont .link .user_info .txt span:nth-child(2){color:#bbb}.list .grid .cont .link .user_info button{margin-left:auto}.list .grid .cont .link .user_info .btn-follow{padding:6px 10px;border:1px solid #ddd;border-radius:14px;cursor:pointer;font-size:13px;background:none}.list .grid .cont .link .user_info .btn-follow.is-following{border-color:#b6dbff;font-weight:600;color:#b6dbff}.list .grid .cont ._info{border-bottom:1px solid hsla(0,0%,100%,.1882352941)}.list .grid .cont ._info .like{display:flex;gap:12px;align-items:center;padding:8px 0}.list .grid .cont ._info .like button,.list .grid .cont ._info .like a{font-size:20px;background:none;border:0;padding:0;display:flex;align-items:center;height:24px}.list .grid .cont ._info .like button .fa-solid,.list .grid .cont ._info .like a .fa-solid{color:#c00}.list .grid .cont ._info .like button span,.list .grid .cont ._info .like a span{font-size:16px;display:flex;align-items:center;padding-bottom:2px}.alarm_list{display:flex;flex-flow:column}.alarm_list a{display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid hsla(0,0%,100%,.1882352941)}.alarm_list a .badge{padding:10px 14px;background:#666}.alarm_list a .info{height:100%;display:flex;flex-flow:column;gap:4px}.alarm_list a .info span{display:flex}.alarm_list a .info span:nth-child(2){font-size:14px}.alarm_list a .info span .user{color:#f02a7e;margin-right:4px}.follow h1{font-size:20px;margin:12px 0 16px}.follow .list{display:flex;flex-direction:column;gap:10px;padding:10px}.follow .list .card{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #eee;border-radius:10px}.follow .list .card .info{display:flex;align-items:center;gap:10px}.follow .list .card .info .avatar{width:40px;height:40px;border-radius:50%;display:inline-block;background-color:#bbb}.follow .list .card .info .name{font-weight:600}.follow .list .card .info .sub{color:#777;font-size:12px}.follow .list .card .badges{display:flex;gap:6px;align-items:center}.follow .list .card .badges .badge{font-size:12px;border:1px solid #ddd;border-radius:999px;padding:2px 8px;color:#ccc}.follow .list .card .badges .badge .mutual{border-color:#b6dbff}.follow .list .card .badges .btn-follow{padding:6px 10px;border:1px solid #ddd;border-radius:14px;cursor:pointer;font-size:13px;background:none}.follow .list .card .badges .btn-follow .is-following{border-color:#b6dbff;font-weight:600;color:#000}.main.bbs{display:flex;flex-flow:column}.main.bbs form{padding:10px;display:flex;flex-flow:column;gap:10px}.main.bbs form input[type=text]{height:40px;width:100%;background:none;color:#fff;font-size:16px;border:1px solid hsla(0,0%,100%,.062745098);padding:0 12px}.main.bbs form .note-editor{background:#1d1b2b}.main.bbs form .note-editor .note-toolbar{background:hsla(0,0%,100%,.062745098);border:0}.main.bbs form .note-editor .note-toolbar .note-btn-group button{background:#1d1b2b;border:1px solid hsla(0,0%,100%,.062745098);color:#999;height:36px}.main.bbs form .note-editor .note-toolbar .note-btn-group button:hover{color:#fff}.main.bbs form .note-editor .note-toolbar .note-btn-group .note-dropdown-menu{background-color:#1d1b2b;border:1px solid hsla(0,0%,100%,.062745098)}.main.bbs form .note-editor .note-toolbar .note-btn-group .note-dropdown-menu>div{margin:0}.main.bbs form .note-editor .note-modal .note-modal-content{background:#1d1b2b}.main.bbs form .note-editor .note-modal .note-modal-content .note-modal-header{border:0;border-bottom:1px solid hsla(0,0%,100%,.062745098)}.main.bbs form .note-editor .note-modal .note-modal-content .note-modal-header h4{color:#fff;line-height:1}.main.bbs form .note-editor .note-modal .note-modal-content .note-modal-header button{color:#fff;opacity:.5}.main.bbs form .note-editor .note-modal .note-modal-content .note-modal-body .form-group{display:flex;flex-flow:column;gap:5px}.main.bbs form .note-editor .note-modal .note-modal-content .note-modal-body .form-group label{color:#fff}.main.bbs form .note-editor .note-modal .note-modal-content .note-modal-body .form-group .note-input[type=file]{background:unset;border:unset}.main.bbs form .note-editor .note-modal .note-modal-content .note-modal-footer{height:unset}.main.bbs form .note-editor .note-modal .note-modal-content .note-modal-footer input{float:unset;width:100%;background:#111;color:#fff;font-size:16px;border:1px solid hsla(0,0%,100%,.062745098);opacity:1}.main.bbs form .btns{display:flex;gap:10px}.main.bbs form .btns .btn{width:100%;background:#1d1b2b;color:#fff;font-size:16px;border:1px solid hsla(0,0%,100%,.062745098)}.view .meta{display:flex;flex-flow:column;margin-bottom:10px}.view .meta h1{height:48px;display:flex;align-items:center;margin:0;width:100%;border-bottom:1px solid hsla(0,0%,100%,.1882352941);padding:0}.view .meta ._info{display:flex;gap:10px;color:#666;min-height:48px;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1882352941);justify-content:space-between}.view .meta ._info ._user{display:flex;gap:4px;align-items:center}.view .meta ._info ._user .profile_img{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid hsla(0,0%,100%,.1882352941);display:flex;justify-content:center;align-items:flex-end}.view .meta ._info ._user .profile_img img{width:100%}.view .meta ._info ._user .profile_img i{font-size:20px}.view .meta ._info ._user .btn-follow{padding:4px 10px;border:1px solid #ddd;border-radius:16px;cursor:pointer;font-size:13px;background:none}.view .meta ._info ._user .btn-follow.is-following{border-color:#b6dbff;color:#b6dbff;font-weight:600}.view .content{line-height:1.4}.view .btns{display:flex;align-items:center;margin-top:0;justify-content:space-between;margin:10px 0}.view .btns .like{display:flex;gap:12px}.view .btns .like button{font-size:20px;background:none;border:0;padding:0}.view .btns .like button .fa-solid{color:#c00}.view .btns .like button .fa-solid.fa-comment{color:#fff}.view .btns ._btns{display:flex;gap:8px}.view .btns ._btns a,.view .btns ._btns button{font-size:16px;color:#fff;background:none;border:1px solid hsla(0,0%,100%,.1882352941);padding:0;display:flex;justify-content:center;align-items:center;width:50px;background:#1d1b2b}.view .btns ._btns a#btn-del,.view .btns ._btns button#btn-del{background:#c00}.view .tags{display:flex;align-items:center;gap:8px}.view .tags span{color:#fff}.view .tags a{height:28px;display:inline-block;padding:6px 12px;background:#f3f3f3;border-radius:14px;margin-right:6px;text-decoration:none;color:#333;font-size:13px;line-height:1.3}.cmt-wrap{display:flex;flex-flow:column;margin:20px 0}.cmt-wrap .cmt-header{font-weight:600;margin-bottom:8px}.cmt-wrap .cmt-form{display:flex;gap:2px}.cmt-wrap .cmt-form textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;padding:10px;resize:none;height:70px;border:1px solid hsla(0,0%,100%,.1882352941);background:hsla(0,0%,100%,.062745098)}.cmt-wrap .cmt-form .btn{width:100px;height:70px;font-size:16px;color:#fff;border:1px solid hsla(0,0%,100%,.1882352941);padding:0;display:flex;justify-content:center;align-items:center;width:50px;background:#1d1b2b}.cmt-wrap .comments{margin-top:10px}.cmt-wrap .comments .cmt-item{border-top:1px solid hsla(0,0%,100%,.1882352941);padding:10px 12px;position:relative}.cmt-wrap .comments .cmt-item .cmt-head{color:#555;font-size:13px;margin-bottom:6px;display:flex;align-items:center;gap:8px;justify-content:space-between}.cmt-wrap .comments .cmt-item .cmt-body{font-size:14px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.cmt-wrap .comments .cmt-item .cmt-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.cmt-wrap .comments .cmt-item .cmt-actions button{background:none}.cmt-wrap .comments .cmt-item .cmt-actions button.c-like-btn{font-size:20px;width:auto;border:0;padding:0}.cmt-wrap .comments .cmt-item .cmt-actions button.c-like-btn[aria-pressed=true]{color:#c00}.cmt-wrap .comments .cmt-item .cmt-actions button.c-like-count{font-size:13px;color:#444}