body,html{max-width:100vw}body{color:#000;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}button{outline:none}.active_label{transform:translateY(-145%)!important;font-size:12px!important;opacity:1!important}.active_box{border:1px solid #0070f3!important}.page{max-width:1200px;margin:0 auto}.container,.page{position:relative;display:block;width:100%}.container{min-height:100%;padding-bottom:100px}.section_top{margin-bottom:24px}.section_top .title{font-size:28px;font-weight:600}.section_top .notice,.section_top .title{position:relative;display:block;line-height:1.6}.section_top .notice{font-size:18px;font-weight:400}.writer{gap:8px;cursor:pointer}.writer,.writer>.writer_name{position:relative;display:block;text-align:center}.writer>.writer_name{width:100%;font-size:14px;font-weight:500;flex:1 1;color:#333}.btn_wrap{display:flex;justify-content:center;align-items:center;column-gap:8px;margin-bottom:8px}.btn_wrap_mb0{margin-bottom:0}.btn_wrap a .icon{width:20px;height:20px}.btn{text-align:center;padding:16px;font-size:16px;background-color:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer;flex:1 1;transition:all .3s ease-in-out}.btn:hover{background-color:#005bb5}.btn_nonactive{cursor:default}.btn_nonactive,.btn_nonactive:hover{background-color:#ccc}.btn_width{max-width:200px}.btn_line_grey{font-weight:600;color:#ccc;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:12px;padding:0 6px}.btn_line_grey:hover{color:#000;background-color:#f9f9f9}.btn-icon{display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.btn-icon i{position:relative;top:0}.btn-icon i:before{margin:0;line-height:0;width:auto}.btn-icon:hover{background-color:#0070f3}.btn-icon:hover i{color:#fff;transition:all .3s ease-in-out}.btn-none{display:none}.btn.undefined{background-color:#ccc}.cancel{font-size:15px;color:#666}.block_btn{padding:8px 15px}.icon{position:relative;display:block;width:24px;height:24px}.icon_space{margin-right:2px}.checkbox{position:relative;display:block;margin-bottom:12px}.checkbox,.checkbox label{align-items:center;display:flex;justify-content:flex-start;cursor:pointer}.checkbox_all{border-top:1px solid #ccc;padding-top:12px}.checkbox label{display:flex;justify-content:center;align-items:center;color:#333;font-size:13px;font-weight:300;line-height:1.5;transition:all .3s ease-in-out}.checkbox label .svg_checkbox{margin-right:4px}.checkbox input[type=checkbox],.checkbox input[type=checkbox]+label .svg_checkmark{display:none}.checkbox input[type=checkbox]:checked+label .svg_checkmark{display:block}.checkbox .custom_checkbox span{font-size:15px;color:#000}.checkbox .custom_checkbox b{font-weight:500}.checkbox:hover .custom_checkbox span{text-decoration:underline}header{height:80px;display:flex;border-bottom:1px solid #ccc}.header_top{display:flex;justify-content:space-between;align-items:center;min-width:1200px}.logo img{object-fit:contain}.header_info{display:flex;justify-content:center;align-items:center;gap:12px}.header_info .icon{width:20px;height:20px}.header_info .userinfo{display:flex;justify-content:flex-start;align-items:center;gap:8px}.header_info .userinfo img{width:32px;height:32px;object-fit:cover;border-radius:50%}.header_info .userinfo .userinfo_name{font-size:16px}.header_info .userinfo .userinfo_name>span{font-size:16px;font-weight:600}.header_info a{display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:400;line-height:1.4;gap:4px}.header_info a span{flex:1 1}.header .header_btn{display:flex;justify-content:flex-start;align-items:center}.header .header_btn>span{font-size:16px;font-weight:400}.dark-mode-toggle{display:flex;justify-content:center;align-items:center}.dark-mode-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:50px;transition:all .3s ease}.toggle-slider{position:relative;width:50px;height:26px;background:linear-gradient(135deg,#87ceeb,#1e90ff);border-radius:50px;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.15)}.toggle-slider.dark{background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.25)}.toggle-icon{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.toggle-slider.dark .toggle-icon{transform:translateX(24px);background:#2c3e50}.toggle-icon .icon{width:14px;height:14px;color:#f39c12;transition:all .3s ease}.toggle-slider.dark .toggle-icon .icon{color:#f1c40f}.dark-mode-btn:hover .toggle-slider{transform:scale(1.05)}.dark-mode-btn:active .toggle-slider{transform:scale(.95)}.header .message{position:absolute;top:32px;left:0;transform:translateX(-50%);min-width:200px;z-index:9999999999;border:1px solid #ccc;background-color:#fff;border-radius:8px;padding:8px 4px 12px 12px;display:none;gap:8px}.header .message.active{display:flex;flex-direction:column}.notice_btn{position:relative;width:calc(100% - 12px);height:34px;line-height:2.8;color:#666;background-color:#ccc;border-radius:4px}.notice_btn:hover{background-color:#0070f3;color:#fff}footer{position:relative;display:block;background-color:#f8f8f8;padding:32px 0;height:166px}.footer_list{display:flex;justify-content:center;align-items:center;column-gap:18px}.footer_list li{position:relative;display:block}.footer_list li:after{content:"";width:1px;height:10px;background-color:#999;position:absolute;top:5px;right:-10px}.footer_list li:last-child:after{display:none}.footer_list li a{font-size:14px;font-weight:400;line-height:1.4;color:#999}.footer_list li a:hover{color:#000}.menu{position:-webkit-sticky;position:sticky;top:16px;min-width:120px;align-self:flex-start;height:max-content}.menu_list{display:flex;justify-content:flex-start;flex-direction:column}.menu_list li a{position:relative;display:block;font-size:16px;font-weight:600;line-height:1.6;padding:3px 0 2px;width:100%;border-radius:4px;transition:all .3s ease-in-out}.menu_list li a:hover{color:#0070f3}.search{position:relative;display:block;margin-bottom:32px;display:flex;justify-content:center;align-items:center;border:2px solid #000;border-radius:100px;padding:2px 5px 3px 24px;box-shadow:0 3.5px 7px 0 rgba(0,0,0,.05),0 1.5px 3px 0 rgba(0,0,0,.07)!important}.search input{height:52px;background-color:rgba(0,0,0,0);outline:none;flex:1 1}.search input::placeholder{color:#ccc}.search button{border-radius:50%;width:48px;height:48px;background-color:#efefef;color:#ccc}main,sub{flex:5 1;margin-right:24px}main,sub{min-width:788px}sub{line-height:normal;width:100%;margin-bottom:100px}.main{position:relative;display:flex;justify-content:flex-start;align-items:stretch;column-gap:16px;min-height:calc(100vh - 80px - 166px + 200px);padding-top:20px}.right_ad{position:-webkit-sticky;position:sticky;top:16px;align-self:flex-start;height:max-content;flex:1.5 1;width:100%;max-width:236px}.right_ad.active{display:block}main .board_top{border-color:#333;border-bottom:1px solid #ccc}main .title{flex:1 1;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board_wrap{position:relative;display:block;margin-bottom:100px}.board_single{width:100%}.board_double{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;column-gap:24px}.board{position:relative;display:block;margin-bottom:24px}.board_top{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.board_top h2{font-size:18px;font-weight:600;line-height:1.6;padding-left:4px}.board_top a{display:flex;justify-content:flex-start;align-items:center;gap:4px;font-size:13px;font-weight:400;line-height:1.6;padding:4px 4px 4px 7px;border-radius:4px;height:34px;border:1px solid #ccc}.board_top a.more{border:none}.board_top a.more span{font-size:14px;color:#999}.board_top a svg{width:16px;height:16px;color:#ccc}.board_top a:hover,.board_top a:hover span,.board_top a:hover svg{color:#005bb5}.board_top select{border:1px solid #ccc;padding:0 4px 0 2px;border-radius:4px;min-width:65px;height:34px}.board_top select,.board_top select option{background-color:#fff;color:#333}.board_list{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;column-gap:16px;box-shadow:0 3.5px 7px 0 rgba(0,0,0,.05),0 1.5px 3px 0 rgba(0,0,0,.07)!important;border-radius:4px;padding-bottom:12px;overflow:hidden}.board_list li{cursor:pointer}main .board_list{min-height:148.8px;border-bottom:1px solid #ccc;box-shadow:none!important;padding:8px 0}main .board_list li a{padding:5px 12px}sub .board_list{position:relative;margin-bottom:8px}.board_double .board{width:calc(50% - 12px)}.board_list_header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;margin-bottom:5px;background-color:#f8f8f8}.board_list .writer{display:flex;justify-content:flex-start;align-items:center;gap:4px;min-width:120px;max-width:120px}.board_list .writer>.writer_name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}.board_list .profile_img{width:24px;height:24px}.board_list_header .category{border:none}.board_list li{display:flex;justify-content:space-between;align-items:center;width:100%}.board_list li:last-child{margin-bottom:0}.board_list li a{position:relative;display:flex;justify-content:space-between;padding:4px 12px;align-items:center;width:100%}.board_list li a:hover{background-color:#f8f8f8}.board_list_info_wrap{display:flex;justify-content:space-between;align-items:center}.message_list li{justify-content:flex-start;align-items:center;padding:4px;gap:8px}.block_list li{padding:4px;margin-bottom:4px}.block_list li:last-child{margin-bottom:0}.block_list .writer{display:flex;justify-content:flex-start;align-items:center}.category{display:block;font-size:11px;font-weight:400;line-height:1.4;padding:1px 6px 2px;border:1px solid #ccc;color:#999;border-radius:3px;text-align:center}.category,.title{position:relative}.title{display:flex;justify-content:flex-start;align-items:center;padding-top:2px;flex:1 1;font-size:14px;font-weight:500;max-width:100%;gap:4px;margin-right:8px}.title>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#333}.num,.title>span{position:relative;display:block}.num{text-align:center;min-width:30px}.icon.notice{width:30px;height:17px;color:#0070f3;top:1px}.comment,.like,.view{position:relative;display:block;text-align:center;min-width:50px;white-space:nowrap;font-weight:400;color:#333}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-start .icon{width:16px;height:16px;margin-right:4px}.icon_text,.message{position:relative}.message{display:block;flex:1 1;font-size:15px;font-weight:500;max-width:100%}.message_box_top{width:100%;display:flex;justify-content:space-between}.message_box_top .btn_wrap{margin-bottom:0}.message_box_top .btn_wrap>*{border:1px solid #ccc;padding:2px 4px;font-size:13px;color:#ccc;border-radius:4px}.message_box_top .btn_wrap>:hover{border-color:#666;color:#666}.message_box_top .profile_img{width:40px;height:40px}.message_list{gap:12px}.message_list .message_box{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.message_list li .message{white-space:pre-line;border:1px solid #ccc;padding:8px 12px;border-radius:4px;width:100%}.message_list .writer{display:flex;justify-content:flex-start;align-items:center}.date{position:relative;display:block;text-align:center;min-width:55px;color:#333}.board_list_header>*{display:flex;justify-content:center;align-items:center}.board_list_header .icon{width:16px;height:16px}.profile_img{width:32px;height:32px;border-radius:100%;object-fit:cover;border-radius:50%}.data_wait{display:flex;justify-content:center;align-items:center;width:100%;color:#333;min-height:276px}.data_wait span{font-size:16px;font-weight:400;line-height:1.4}.dot{opacity:0;animation:none;color:#333}@keyframes appearDot1{25%{opacity:1}to{opacity:0}}@keyframes appearDot2{50%{opacity:1}to{opacity:0}}@keyframes appearDot3{75%{opacity:1}to{opacity:0}}.dot1{animation:appearDot1 4s step-end infinite}.dot2{animation:appearDot2 4s step-end infinite}.dot3{animation:appearDot3 4s step-end infinite}.board_double .data_none{min-height:120px}.data_none{display:flex;justify-content:center;align-items:center;min-height:276px;gap:8px}.data_none svg{width:32px;height:32px;color:#333}.data_none span{font-size:16px;font-weight:400;line-height:1.4;color:#333}.pagination{column-gap:4px;padding:12px 0}.pagination,.pagination a{display:flex;justify-content:center;align-items:center}.pagination a{font-size:15px;font-weight:400;line-height:1;color:#ccc;width:27px;height:27px}.pagination a:hover{color:#005bb5}.pagination a.active{font-weight:500;color:#fff;background-color:#0070f3;box-shadow:0 3.5px 7px 0 rgba(0,0,0,.05),0 1.5px 3px 0 rgba(0,0,0,.07)!important;border-radius:50%}.pagination a .icon{width:24px;height:24px;color:#ccc}.pagination a .icon:hover{color:#0070f3}.write_wrap{display:flex;justify-content:flex-start;align-items:center;align-items:flex-start;gap:12px;margin-bottom:16px}.write .board_category{border:1px solid #ccc;border-radius:4px;min-width:100px;min-height:40px;margin-bottom:8px;background-color:rgba(0,0,0,0);padding-left:4px}.write .write_top{font-size:24px;font-weight:400;line-height:1.4;margin-bottom:16px}.write .write_top input{width:100%;outline:none;min-height:42px;border-bottom:1px solid #ccc;background-color:rgba(0,0,0,0)}.write .toolbar{position:-webkit-sticky;position:sticky;top:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.write .toolbar button,.write .toolbar label{opacity:.5}.write .toolbar button:hover,.write .toolbar label:hover{opacity:1}.write .toolbar .icon{width:20px;height:20px}.editor_pick{cursor:pointer}.editor_pick_box{display:none}.editor_pick_box.open{position:absolute;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;align-items:baseline;gap:4px;border:1px solid #ccc;border-radius:4px;padding:8px 6px;z-index:9999999999}.editor_pick_box_fs.open{top:0;left:38px;background-color:#fff}.editor_pick_box_color.open{top:0;left:25px;background-color:#fff}.editor_pick_box>button{position:relative;display:block;text-align:left;width:100%}.editor_fontsize_pick{font-size:16px}.editor_color_pick{width:18px;height:18px;border-radius:50%;opacity:1}.editor_pick_box .editor_color_pick{width:14px;height:14px}.editor_bar{width:20px;height:1px;background-color:#ccc}.text-size-12px,.text-size-14px,.text-size-16px{font-size:14px}.text-size-18px{font-size:18px}.text-size-24px{font-size:24px}.write .write_box{border:1px solid #ccc;border-radius:16px;padding:12px;flex:1 1;min-height:400px}.write .write_box>div{outline:none;min-height:368px}.write .btn_posting_wrap{justify-content:flex-start;align-items:flex-start}.write .btn_posting{width:calc(100% - 44px);flex:none}.view_page{margin-bottom:16px}.view_header .category{position:relative;display:inline-block;font-size:18px;font-weight:600;line-height:1.4;border:none;padding:0;color:#005bb5}.view_header .bar{position:relative;display:inline-block;width:1px;height:12px;top:2px}.view_header .view_title{position:relative;display:block;font-size:28px;font-weight:600;line-height:1.4;color:#000;margin-bottom:16px}.view_info_area{padding:18px 14px 18px 16px;background-color:#f8f8f8;box-shadow:0 3.5px 7px 0 rgba(0,0,0,.05),0 1.5px 3px 0 rgba(0,0,0,.07)!important;border-radius:4px 4px 0 0}.view_info,.view_info_area{display:flex;justify-content:space-between}.view_info{position:relative;width:100%}.view_info .writer{display:flex;justify-content:flex-start;align-items:center}.view_info .writer>.writer_name{font-size:16px;font-weight:500;margin-right:8px;color:#333}.view_info .writer .profile_img{width:36px;height:36px}.view_info span{font-size:16px;font-weight:400}.view_info span b{font-size:14px;font-weight:400;color:#666}.view_info_left{gap:12px}.view_info_left,.view_info_right{display:flex;justify-content:flex-start;align-items:center}.view_info_right{gap:15px}.view_info_right>*{min-width:auto}.view_info_right>*>svg.icon{margin-top:3px;width:20px;height:20px}.view_content{padding:24px;box-shadow:0 3.5px 7px 0 rgba(0,0,0,.05),0 1.5px 3px 0 rgba(0,0,0,.07)!important;margin-bottom:16px;min-height:276px;border-radius:0 0 4px 4px;background-color:#fff}.view_btn{display:flex;justify-content:flex-start;align-items:center;column-gap:6px;margin-left:12px}.view_btn a,.view_btn button{position:relative;display:block;text-align:center;white-space:nowrap;height:32px;width:60px;line-height:2;background-color:#999;color:#fff;border-radius:2px;padding-top:1px}.view_btn a:hover,.view_btn button:hover{background-color:#005bb5;color:#fff}.view_content_btn{gap:12px;margin-bottom:32px;padding-bottom:16px}.view_content_btn,.view_content_btn button{display:flex;justify-content:center;align-items:center}.view_content_btn button{gap:8px;padding:16px 24px;border:1px solid #ccc;opacity:.8;border-radius:4px}.view_content_btn button:hover{background-color:#005bb5;border-color:#005bb5;color:#fff}.view_content_btn button.like_btn:hover{background-color:#ff7a7a;border-color:#ff7a7a}.comment_top{display:flex;justify-content:flex-start;align-items:center;margin-bottom:12px}.comment_top b{margin-right:6px;font-size:14px}.comment_top .comment_num{font-size:15px}.comment_top .icon{margin-right:8px}.depth_indicator{display:inline-block;vertical-align:top;margin-top:-23px}.depth_indicator_box,.depth_reply{display:flex;height:100%}.depth_reply{position:relative;width:1px;background-color:#ccc;flex-direction:column;align-items:center}.depth_reply:before{content:"";position:absolute;width:40px;height:1px;background-color:#ccc;top:43px;left:0}.depth_reply.depth2{margin-left:41px}.depth_reply.depth3{margin-left:39px}.depth_line{width:1px;height:100%;background-color:#ccc}.depth_line.depth3{margin-left:41px}.comment_info{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px 0 16px;border-radius:4px}.comment_info .bar{width:1px;height:7px;background-color:#999}.comment_info .ball{min-width:2px;min-height:2px;background-color:#ccc;border-radius:50%}.comment_box.re .commnet_info{background-color:#efefef}.comment_info .writer{display:flex;justify-content:flex-start;align-items:center;font-size:13px;font-weight:400;line-height:1.4}.comment_info .writer>.writer_name{text-align:left;font-size:13px}.comment_info .comment_btn{display:flex;justify-content:flex-start;align-items:center;column-gap:6px;display:none}.comment_box_inner:hover .comment_info .comment_btn{display:flex}.comment_info .comment_btn button{display:flex;justify-content:flex-start;align-items:center;font-size:12px;font-weight:300;line-height:1.4;color:#999}.comment_info .comment_btn button .icon{width:14px;height:14px;margin-right:4px}.comment_info .comment_btn button:hover{color:#0070f3}.comment_info .comment_btn button.comment_likes,.comment_info .comment_btn button.recomment{color:#4d91ff}.comment_info .comment_btn button.comment_report:hover{color:#ff7a7a}.comment_box_wrap{display:flex;justify-content:flex-start;align-items:center}.comment_box{position:relative;display:block;flex:1 1}.comment_box_inner{position:relative;display:block;width:100%;border-radius:4px;margin-bottom:12px;box-shadow:0 3.5px 7px 0 rgba(0,0,0,.05),0 1.5px 3px 0 rgba(0,0,0,.07)!important;background-color:#fff}.comment_content{display:flex;justify-content:flex-start;align-items:center;align-items:flex-end;column-gap:12px;padding:16px 20px 22px}.comment_content>div{position:relative;display:block;flex:1 1;width:100%;white-space:pre-line!important;font-size:13px;font-weight:400;line-height:1.4}.comment_content .comment_content_likes{background-color:#0070f3;color:#fff;padding:2px 9px 5px 8px;border-radius:4px;font-style:normal;font-size:13px;font-weight:400;line-height:1.4}.comment_add{column-gap:8px;margin-bottom:8px}.comment_add>b{position:relative;display:block;font-size:15px;margin-bottom:8px}.comment_add>div{width:100%}.comment_add>div .tiptap{box-shadow:0 3.5px 7px 0 rgba(0,0,0,.05),0 1.5px 3px 0 rgba(0,0,0,.07)!important;outline:none;height:100%;border-radius:4px;padding:12px;min-height:96px}.comment_box_inner .comment_add{padding:0 12px 12px}.comment_box_inner .comment_add>div .tiptap{box-shadow:0 0 7px 0 rgba(0,0,0,.1),0 1.5px 3px 0 rgba(0,0,0,.14)!important}.comment_add.re{margin-left:12px}.comment_add textarea{flex:1 1;resize:none;font-size:13px;font-weight:400;line-height:1.4;padding:8px;border-radius:4px;border:1px solid #666;outline:none}.comment_add button{display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:300;line-height:1.4;border:1px solid #ccc;color:#ccc;padding:8px;border-radius:4px;min-width:80px;height:32px}.comment_add button:hover{border:1px solid #666;color:#666}.comment_editor{display:flex;justify-content:space-between;align-items:stretch;width:100%}.comment_editor label{display:flex;justify-content:center;align-items:center;gap:4px}.comment_editor label svg{opacity:.5;width:20px;height:20px}.comment_editor label:hover svg{opacity:1}.comment_editor label .notice{font-size:13px;font-weight:400;color:#999}.comment_editor label .notice .red{color:#ff7a7a}.tiptap_editor_area{margin-bottom:10px}.go_to_login_for_comment{background-color:#f8f8f8;border-radius:4px;color:#ccc;height:120px}.go_to_login_for_comment,.send_message{display:flex;justify-content:center;align-items:center;width:100%}.send_message{position:fixed;top:0;left:0;height:100%;z-index:9999999999}.send_message:before{content:"";background-color:#777;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7}.send_message_box{display:flex;justify-content:center;background-color:#fff;border:1px solid #ccc;border-radius:16px;padding:20px 16px 14px;max-width:376px;width:100%}.send_message_box,.send_message_box .btn_wrap{flex-direction:column}.send_message_box .btn_wrap .btn{width:100%;margin-bottom:8px}.send_to{margin-bottom:16px;font-size:18px}.send_to>*{font-size:32px}.send_message_textarea{margin-bottom:8px}.send_message_textarea textarea{resize:none;width:100%;padding:16px 8px;border:1px solid #ccc;border-radius:4px;outline:none;min-height:276px;font-size:15px;line-height:1.4}.notice_box a{display:flex;justify-content:flex-start;align-items:center;padding:4px;font-size:16px}.notice_box:last-child{margin-bottom:0}.notice_box.read{opacity:.3}.notice_box.unread{opacity:1}.notification-icon-container{position:relative;display:inline-flex;align-items:center}.notification-badge{position:absolute;top:-9px;left:39px;background-color:#f44;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(255,68,68,.3);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.unread-dot{position:absolute;top:6px;right:-10px;width:8px;height:8px;background-color:#1976d2;border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.message{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:300px;max-width:400px;max-height:400px;overflow-y:auto;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease-in-out}.message.active{opacity:1;visibility:visible;transform:translateY(0)}.message_box{padding:12px 12px 12px 0;border-bottom:1px solid #f0f0f0;position:relative;transition:background-color .2s}.message_box:hover{background-color:#f8f9fa}.message_box a{display:block;color:#333;text-decoration:none;font-size:14px;line-height:1.4;position:relative}.message_box.read a{color:#666}.no-notifications{padding:20px;color:#666}.no-notifications,.notice_btn{text-align:center;font-size:14px}.notice_btn{display:block;padding:12px 16px;background-color:#f5f5f5;color:#1976d2;text-decoration:none;font-weight:500;transition:background-color .2s}@media(max-width:768px){.message{min-width:280px;right:-20px}.notification-badge{font-size:9px;padding:1px 4px;min-width:14px;height:14px}.message_box{padding:10px 12px}.message_box a{font-size:13px}}@media(prefers-color-scheme:dark){.message{background:#2d2d2d;border-color:#404040;color:#fff}.message_box{border-bottom-color:#404040}.message_box:hover{background-color:#383838}.message_box.unread{background-color:#1a2332;border-left-color:#4fc3f7}.message_box.unread:hover{background-color:#243447}.message_box a{color:#e0e0e0}.message_box.read a{color:#999}.notice_btn{background-color:#383838;color:#4fc3f7;border-top-color:#404040}.notice_btn:hover{background-color:#1a2332}.no-notifications{color:#999}}[data-theme=dark] body,[data-theme=dark] html{background-color:#252a2f!important;color:#fff!important}[data-theme=dark] header{background-color:#222!important;border-bottom:1px solid #404040!important}[data-theme=dark] a{color:#fff!important}[data-theme=dark] a:hover{color:#4fc3f7!important}[data-theme=dark] .btn{background-color:#4fc3f7!important;color:#fff!important}[data-theme=dark] .btn:hover{background-color:#0072e4!important}[data-theme=dark] .btn_line_grey{color:#b0b0b0!important;border:1px solid #404040!important;background-color:#222!important}[data-theme=dark] .btn_line_grey:hover{color:#fff!important;background-color:#2d2d2d!important}[data-theme=dark] .board_list{background-color:#222!important;border:1px solid #404040!important}[data-theme=dark] .board_list li a:hover,[data-theme=dark] .board_list_header{background-color:#2d2d2d!important}[data-theme=dark] input,[data-theme=dark] textarea{color:#fff!important}[data-theme=dark] select{border-color:#404040!important}[data-theme=dark] .board_top select,[data-theme=dark] select,[data-theme=dark] select option{color:#fff!important;background-color:#222!important}[data-theme=dark] .board_top select{border-color:#404040!important}[data-theme=dark] .board_top select option{background-color:#222!important;color:#fff!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#b0b0b0!important}[data-theme=dark] .search{border:2px solid #404040!important;background-color:#222!important}[data-theme=dark] .search input{background-color:rgba(0,0,0,0)!important;border:none!important;color:#fff!important}[data-theme=dark] .search button{background-color:#2d2d2d!important;color:#b0b0b0!important}[data-theme=dark] .view_content,[data-theme=dark] .view_info_area{color:#fff!important}[data-theme=dark] .comment_box_inner,[data-theme=dark] .view_content,[data-theme=dark] .view_info_area{background-color:#222!important;border:1px solid #404040!important}[data-theme=dark] .comment_add .tiptap{background-color:#2d2d2d!important;color:#fff!important}[data-theme=dark] footer{background-color:#222!important}[data-theme=dark] .category{color:#b0b0b0!important}[data-theme=dark] .board_list .category{background-color:#222!important;border:1px solid #404040!important;color:#b0b0b0!important}[data-theme=dark] .message{background-color:#222!important;border:1px solid #404040!important;color:#fff!important}[data-theme=dark] .message_box:hover,[data-theme=dark] .notice_btn{background-color:#2d2d2d!important}[data-theme=dark] .notice_btn{color:#4fc3f7!important}[data-theme=dark] .notice_btn:hover{background-color:#4fc3f7!important;color:#fff!important}[data-theme=dark] .mypage_content{background-color:#222!important;border:1px solid #404040!important}[data-theme=dark] .mypage_list a{color:#b0b0b0!important}[data-theme=dark] .mypage_list a:hover{background-color:#2d2d2d!important;color:#fff!important}[data-theme=dark] .mypage_list a.active{background-color:#4fc3f7!important;color:#fff!important}[data-theme=dark] .write .write_box{background-color:#222!important;border:1px solid #404040!important}[data-theme=dark] .write .write_box>div{background-color:#222!important;color:#fff!important}[data-theme=dark] .dropDownMenu{background-color:#222!important;border:1px solid #404040!important}[data-theme=dark] .dropDownMenu li button{color:#fff!important}[data-theme=dark] .send_message_box{background-color:#222!important;border:1px solid #404040!important}[data-theme=dark] .pagination a{color:#b0b0b0!important}[data-theme=dark] .pagination a:hover{color:#4fc3f7!important}[data-theme=dark] .pagination a.active{background-color:#4fc3f7!important;color:#fff!important}[data-theme=dark] .comment,[data-theme=dark] .date,[data-theme=dark] .like,[data-theme=dark] .title>span,[data-theme=dark] .view{color:#b0b0b0!important}[data-theme=dark] .writer>.writer_name{color:#fff!important}[data-theme=dark] .view_header .category{color:#fff!important;border:none}[data-theme=dark] .view_header .view_title{color:#fff!important}[data-theme=dark] .icon.notice{color:#4fc3f7!important}[data-theme=dark] .go_to_login_for_comment{background-color:#2d2d2d!important;color:#b0b0b0!important;border-radius:4px!important}[data-theme=dark] .admin_content{background-color:#222!important}[data-theme=dark] .red{color:#ff6b6b!important}[data-theme=dark] .blue{color:#4fc3f7!important}[data-theme=dark] .board_list,[data-theme=dark] .comment_box_inner,[data-theme=dark] .view_content{box-shadow:0 2px 8px rgba(0,0,0,.3)!important}[data-theme=dark] .data_none,[data-theme=dark] .data_none svg,[data-theme=dark] .data_wait,[data-theme=dark] .data_wait svg{color:#b0b0b0!important}[data-theme=dark] .checkbox .custom_checkbox b,[data-theme=dark] .checkbox .custom_checkbox span{font-size:15px;color:#fff}.mypage_list{column-gap:8px;margin-bottom:8px}.mypage_list,.mypage_list a{display:flex;justify-content:flex-start;align-items:center}.mypage_list a{font-size:15px;font-weight:600;line-height:1.4;color:#999;border-radius:4px;padding:8px 16px 8px 11px;gap:4px}.mypage_list a .icon{width:24px;height:24px}.mypage_list a:hover{background-color:#efefef;color:#666}.mypage_list a.active{background-color:#666;color:#fff}.mypage_content{margin-bottom:100px;border:1px solid #ccc;border-right:0;border-left:0}.mypage_inner{padding:12px 12px 12px 4px}.mypage_info_pw{flex:1 1;border-right:0;border-left:0}.mypage_info{display:flex;justify-content:flex-start;align-items:center;align-items:flex-start;margin-bottom:16px}.mb_4{margin-bottom:4px}.mypage_info span{min-width:120px;padding-top:10px;font-size:14px;font-weight:400;line-height:1.4}.mypage_info input{border:1px solid #ccc;outline:none;padding:12px 8px;border-radius:4px;margin-bottom:8px;height:42px}.mypage_info p{display:flex;justify-content:flex-start;align-items:center;align-items:flex-start;font-size:15px;font-weight:300;line-height:1.4;color:#333}.mypage_info p b{font-size:inherit;line-height:inherit}.notice.red{color:#ff7a7a}.notice.blue{color:#4d91ff}.mypage_info .input_box{position:relative;display:block}.mypage_info .input_box input{margin-right:8px}.mypage_info .input_box button{position:relative;border:1px solid #ccc;background-color:rgba(0,0,0,0);height:42px;border-radius:4px;top:-1px;white-space:pre-line;padding:10px 16px 12px;font-size:14px;font-weight:400}.mypage_info .input_box button:hover{border:1px solid #0070f3;color:#0070f3}.mypage_info .input_group{position:relative;display:flex;justify-content:flex-start;column-gap:8px;margin-bottom:8px}.mypage_info .input_group button{min-width:80px;white-space:pre-line}.mypage_info .input_img .label_img{position:relative;display:flex;justify-content:flex-end;flex-direction:column;border-radius:4px;width:100%;cursor:pointer;overflow:hidden}.mypage_info .input_img .file_name_label{border:1px solid #ccc;padding:10px 16px 12px;border-radius:4px;margin-bottom:8px;height:42px;font-size:14px;font-weight:400}.mypage_info .input_img:hover .file_name_label{border:1px solid #0070f3}.mypage_info .input_img:hover .label_img{color:#0070f3;transition:none;opacity:1}.mypage_info .input_img:hover .file_name_label{opacity:1}.mypage_info .img_preview{display:flex;justify-content:center;align-items:center;margin-bottom:8px;height:200px;width:200px;border-radius:4px;border:1px solid #ccc;overflow:hidden}.mypage_info .img_preview img{object-fit:cover;height:100%;width:100%}.mypage_boardlist_common{min-height:300px!important}.mypage_boardlist_common,.mypage_boardlist_single{display:flex;flex-direction:column;width:100%}.mypage_list_sub a,.mypage_list_sub button{font-size:15px;font-weight:600;line-height:1.4;border-radius:4px;padding:8px 16px}.mypage_list_sub{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid #ccc}.mypage_list_sub a,.mypage_list_sub button{background-color:rgba(0,0,0,0);color:#999;flex:1 1;text-align:center}.mypage_list_sub a:hover,.mypage_list_sub button:hover{background-color:rgba(0,0,0,0);color:#005bb5}.mypage_list_sub a.active,.mypage_list_sub button.active{background-color:rgba(0,0,0,0);color:#0070f3}.mypage_message_box{padding:12px 12px 12px 0}.dropDownMenu{position:fixed;display:block;z-index:1000;border:1px solid #ccc;background-color:#fff;padding:6px 8px;border-radius:4px;box-shadow:0 2px 12px 4px rgba(67,67,67,.07)}.dropDownMenu li{margin-bottom:2px}.dropDownMenu li:last-child{margin-bottom:0}.dropDownMenu li button{font-size:13px;font-weight:400;line-height:1.4;color:#000;border-radius:4px;white-space:nowrap}