#bbs article { padding-top: 110px; width: 1300px; margin: 0 auto; } #bbs section { width: 100%; margin-top: 40px; } #bbs article h2 { font-size: 28px; font-weight: 700; margin-bottom: 20px; } #bbs #bbs_list { width: 1300px; } #bbs article > h2 { font-size: 38px; font-weight: 800; margin-bottom: 20px; margin-top: 40px; } #bbs #bbs_list h3 { font-size: 28px; font-weight: 700; margin-bottom: 20px; } #bbs #bbs_list .board { flex-wrap: wrap;} #bbs #bbs_list .board s { display: inline-block; font-size: 15px; font-weight: 600; color: #fff; border-right: 1px solid #38383A; margin: 0 30px 30px 0; padding-right: 30px; } #bbs #bbs_list .board s:last-of-type { border: 0; } #bbs #bbs_list .board s a font { color: #fff; } #bbs #bbs_list .board li { margin-bottom: 20px; position: relative; } #bbs #bbs_list .board li > * { align-items: center; } #bbs #bbs_list .board li u { width: 20px; text-align: left; font-size: 17px; text-align: center; margin-right: 40px; color: rgba(235,235,245,.6); } #bbs #bbs_list .board li u.new { color: #FF375F; } #bbs #bbs_list .board li u i { font-size: 20px; color: #0A84FF; } #bbs #bbs_list .board li .container { display: flex; align-items: center;} #bbs #bbs_list .board li a.subject { display: block; font-size: 22px; margin-right: 6px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 800px; } #bbs #bbs_list .board li a.subject:hover { text-decoration: underline;} #bbs #bbs_list .board li.new a.subject { font-weight: 700; } #bbs #bbs_list .board li a.subject.disabled { color: rgba(235,235,245,.6); cursor: not-allowed !important; } #bbs #bbs_list .board li a.subject.disabled:hover { text-decoration: none; } #bbs #bbs_list .board li .title { display: flex; align-items: center; position: relative; } #bbs #bbs_list .board li p.sub { font-size: 15px; display: flex; margin-left: 15px; display: flex; align-items: center; } #bbs #bbs_list .board li a.writer { display: flex; align-items: center; font-weight: 600;} #bbs #bbs_list .board li a.writer img { image-rendering: pixelated; } #bbs #bbs_list .board li p span { margin-left: 5px; margin-top: 1px; font-size: 11px; color: rgba(235,235,245,.3); } #bbs #bbs_list .board li .vote { position: absolute; bottom: -15px; left: 0; width: 1000px; } #bbs #bbs_list .board li .vote i { font-size: 13px; color: #FFD60A; margin-right: -3px; text-shadow: -2px 0px 0 #000; } /* news */ #bbs #bbs_list .news { display: flex; flex-wrap: wrap; justify-content: space-between; overflow-x: hidden; } #bbs #bbs_list .news li { width: 400px; margin-bottom: 20px; position: relative; margin-bottom: 80px; } #bbs #bbs_list .news li > * { display: block; } #bbs #bbs_list .news li .pic { width: 100%; height: 225px; overflow: hidden; border-radius: 8px; } #bbs #bbs_list .news li .pic p { width: 100%; height: 100%; background-size: cover; background-position: 50% 0; } #bbs #bbs_list .news li .comment { font-size: 13px; font-weight: 600; display: flex; align-items: center; } #bbs #bbs_list .news li .comment i { font-size: 15px; margin-right: 3px; } #bbs #bbs_list .news li .comment.new { color: #FF375F; } #bbs #bbs_list .news li .title { position: relative; margin-top: 30px; } #bbs #bbs_list .news li .title > * { display: block; } #bbs #bbs_list .news li .title strong { font-size: 22px; font-weight: 700; line-height: 1.3; } #bbs #bbs_list .news li .title span { font-size: 13px; font-weight: 600; margin-top: 7px; } #bbs #bbs_list .news li .title span s { font-family: "Georgia", "Times New Roman", serif; font-weight: 400; font-style: italic; margin-right: 3px; } #bbs #bbs_list .news li .title .vote { position: absolute; bottom: -25px; left: 0; width: 1000px; } #bbs #bbs_list .news li .title .vote i { font-size: 13px; color: #FFD60A; margin-right: -3px; text-shadow: -2px 0px 0 #000; } #bbs #bbs_list .news li .title p { font-size: 13px; color: rgba(235,235,245,.6); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 7px; } #bbs #bbs_list .news li .sub { margin-top: 30px; font-size: 13px; font-weight: 600; color: rgba(235,235,245,.6); } #bbs #bbs_list .news li:first-child { width: 100%; position: relative; text-shadow: 0 0 10px rgba(0,0,0,.3);} #bbs #bbs_list .news li:first-child .pic { height: 500px; position: relative; } #bbs #bbs_list .news li:first-child .container { position: absolute; bottom: 50px; left: 50px; z-index: 3; } #bbs #bbs_list .news li:first-child .pic:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right top, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%); z-index: 2; } #bbs #bbs_list .news li:first-child .title strong { font-size: 38px; font-weight: 700; width: 70%; margin-left: -2px; } #bbs #bbs_list .news li:first-child .title span { font-size: 15px; font-weight: 600;} #bbs #bbs_list .news li:first-child .title p { font-size: 15px; font-weight: 400; width: 50%; margin-top: 10px; } #bbs #bbs_list .news li:first-child .title .vote { bottom: -35px; } #bbs #bbs_list .news li:first-child .title .vote i { font-size: 17px; text-shadow: 0 0 0; margin-right: -5px; } #bbs #bbs_list .news li:first-child .sub { margin-top: 50px; font-size: 15px; } #bbs #bbs_list .news li a:hover .title strong { text-decoration: underline; } /* news list */ #bbs #bbs_list .news .news_first { mix-blend-mode: plus-lighter; } /* #bbs .board li s { display: block; height: 2px; position: absolute; top: 0; left: 0; background-color: #FFD60A; }*/ #bbs_list .list_bottom_conatiner { border-top: .5px solid #38383A; display: flex; padding-top: 30px; justify-content: space-between; margin-top: 60px; } #bbs_list .list_bottom_conatiner .button { display: flex; align-items: center; } #bbs_list .list_bottom_conatiner .button a { margin-right: 15px; display: flex; align-items: center; } #bbs_list .list_bottom_conatiner .button a i { font-size: 30px; } #bbs_list .list_bottom_conatiner .button a.button_write { height: 44px; align-self: flex-start; color: #fff; font-size: 17px; display: flex; align-items: center; font-weight: 700; background-color: #0A84FF; padding: 0 30px 0 22px; border-radius: 6px; margin-right: 30px; } #bbs_list .list_bottom_conatiner .button a.button_write i { font-size: 25px; } #bbs_list .list_bottom_conatiner .button a.button_write span { margin-top: 1px; } #plus_button.active a { background-color: #1C1C1E; color: #000; } #bbs_list .list_bottom_conatiner .button a.button_write.disabled { background-color: #1C1C1E; color: #000; } #bbs_list .list_bottom_conatiner .search form { display: flex; height: 44px; align-items: center; } #bbs_list .list_bottom_conatiner .search input[type="checkbox"] + label { width: 34px; height: 34px; text-align: center; justify-content: center; align-items: center; display: flex; margin-right: 2px; font-weight: 600; border-radius: 4px; color: rgba(235,235,245,.3); } #bbs_list .list_bottom_conatiner .search input[type="checkbox"]:checked + label { color: #0A84FF; } #bbs_list .list_bottom_conatiner .search input { height: 34px; font-size: 13px; padding: 0 10px; font-weight: 600; border-radius: 4px; margin-left: 4px; } #bbs_list .list_bottom_conatiner .search input[type="text"] { width: 150px; } #bbs_list .list_bottom_conatiner .search input[type="submit"], #bbs_list .list_bottom_conatiner .search input[type="button"] { width: 44px; background-color: rgba(116,116,128,.18); color: #0A84FF; } #bbs_list .list_bottom_conatiner .search input[type="button"] { color: rgba(235,235,245,.6); } #bbs_list .list_bottom_conatiner .pagination { display: flex; height: 44px; align-items: center; } #bbs_list .list_bottom_conatiner .pagination a { display: flex; min-width: 30px; height: 30px; align-items: center; justify-content: center; font-size: 13px; color: rgba(235,235,245,.3); border-radius: 4px; padding: 0 5px; font-weight: 600; } #bbs_list .list_bottom_conatiner .pagination a.this { color: #0A84FF; } #bbs_list .list_bottom_conatiner .pagination a:hover { background-color: rgba(116,116,128,.18); } #bbs #bbs_view { width: 700px; margin: 60px auto 0 auto; } #bbs #bbs_view .title { width: 100%; margin: 0 auto; } #bbs #bbs_view .title > * { display: block; } #bbs #bbs_view .title > strong { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } #bbs #bbs_view .title > h3 { width: 90%; font-size: 50px; font-weight: 700; line-height: 1.3em; margin-top: 10px; margin-left: -3px; letter-spacing: -.04em; } #bbs #bbs_view .title > h3 font { color: #fff; } #bbs #bbs_view .author { margin-top: 30px; } #bbs #bbs_view .author .profile { display: flex; align-items: center; } #bbs #bbs_view .author .profile .photo { width: 70px; height: 70px; display: block; background-size: cover; background-position: 50% 50%; border-radius: 4px; } #bbs #bbs_view .author .profile .detail { margin-left: 20px; } #bbs #bbs_view .author .profile .detail > * { display: block; } #bbs #bbs_view .author .profile .detail strong { font-size: 17px; font-weight: 600; } #bbs #bbs_view .author .profile .detail span { font-size: 15px; color: rgba(235,235,245,.6); margin-top: 2px; word-break: break-all; } #bbs #bbs_view .title .sub_caption { display: flex; justify-content: space-between; font-size: 11px; margin-top: 30px; } #bbs #bbs_view .title .sub_caption .stats { color: rgba(235,235,256,.6); letter-spacing: 1px; text-transform: uppercase;} #bbs #bbs_view .title .sub_caption .manage a { margin-left: 10px; font-size: 13px; font-weight: 700; color: rgba(235,235,256,.6); } #bbs #bbs_view .view_container { display: flex; margin-top: 30px; justify-content: space-between; } #bbs #bbs_view .body { width: 700px; margin: 0 auto; } #bbs #bbs_view .body section { font-size: 20px !important; line-height: 1.7; margin-top: 0; overflow: visible; } #bbs #bbs_view .body section * { max-width: 100% !important; font-size: 20px !important; font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important; word-break: break-all; } #bbs #bbs_view .body section p { margin-bottom: 20px; text-align: left !important; } /*#bbs #bbs_view .body section br { content: ""; margin: 20px 0; display: block; font-size: 0 !important; }*/ #bbs #bbs_view .body section img { width: 1000px !important; height: auto !important; max-width: 1000px !important; margin-bottom: 5px; margin-left: -150px !important; margin-top: 30px; } #bbs #bbs_view .body section iframe { width: 1000px !important; max-width: 1000px !important; height: 562px; margin-left: -150px !important; } #bbs #bbs_view .body section a { color: #0A84FF; } #bbs #bbs_view .body section a:hover { text-decoration: underline; } #bbs #bbs_view .body section b, #bbs #bbs_view .body section strong { font-weight: 700; } #bbs #bbs_view .body section ul, #bbs #bbs_view .body section ol { margin-bottom: 30px; } #bbs #bbs_view .body section ul li { list-style: disc; margin-left: 20px; } #bbs #bbs_view .body section ol li { list-style: decimal; margin-left: 20px; } #bbs #bbs_view .body .vote { display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; } #bbs #bbs_view .body .vote a { height: 34px; align-self: flex-start; color: #FFD60A; font-size: 17px; display: flex; align-items: center; font-weight: 700; padding: 0 15px 0 10px; border-radius: 4px; margin-right: 12px; border: 1px solid #FFD60A; } #bbs #bbs_view .body .vote a i { font-size: 23px; margin-right: 5px; } #bbs #bbs_view .body .vote a span { margin-top: 1px; } #bbs #bbs_view .body .vote .vote_people { font-size: 15px; color: #FFD60A; margin-right: 3px; } #bbs #bbs_view .body .vote u { font-size: 13px; font-weight: 600; margin-right: 3px; } #bbs #bbs_view .body .vote u:after { content: ","; } #bbs #bbs_view .body .vote u:last-of-type:after { content: ""; } #bbs #bbs_view .body .vote a.disabled { opacity: .3; } #bbs #bbs_comment { width: 700px; margin: 0 auto; padding-top: 60px; display: flex; justify-content: space-between; display: block; } #bbs #bbs_comment .comment_container { width: 100%; } #bbs #bbs_comment h3 { font-size: 28px; font-weight: 700; margin-bottom: 20px; } #bbs #bbs_comment .skin-comment { margin-bottom: 30px; } #bbs #bbs_comment .cct { margin-top: 20px; } #bbs #bbs_comment .cct > .name { border-left: .5px solid rgba(84,84,88,.65); padding-left: 20px; } #bbs #bbs_comment .name .all { display: flex; align-items: center; font-size: 17px; } #bbs #bbs_comment .name .all a { display: flex; align-items: center; font-weight: 600; font-size: 15px; } #bbs #bbs_comment .name .all img { image-rendering: pixelated; } #bbs #bbs_comment .name .all .date { margin-left: 5px; font-size: 11px; color: rgba(235,235,245,.3); } #bbs #bbs_comment .memo { font-size: 17px; margin-top: 5px; display: block; line-height: 1.6; } #bbs #bbs_comment .memo span, #bbs #bbs_comment .memo span a { font-size: 11px; color: rgba(235,235,245,.3); } #bbs #bbs_comment .memo span a { margin-left: 5px; } #bbs #bbs_comment .memo img { max-width: 100%; } #bbs #bbs_comment .memo > a { word-break: break-all; color: #0A84FF; } #bbs #bbs_comment .button a { display: block; font-size: 13px; color: rgba(235,235,245,.3); font-weight: 600; margin-top: 5px; } #bbs #bbs_comment .skin-write-comment { margin-top: 30px; } #bbs #bbs_comment .skin-write-comment .input { display: flex; } #bbs #bbs_comment .skin-write-comment .input textarea { width: 630px; height: 80px; } #bbs #bbs_comment .skin-write-comment .input input[type="submit"] { width: 110px; height: 80px; margin-left: 10px; } #bbs #bbs_comment .skin-write-comment iframe { display: block; width: 50%;} #bbs #bbs_comment .side { width: 250px; } #bbs #bbs_comment .side .recommend { font-size: 13px; padding: 20px; background-color: #1C1C1E; margin-top: 10px; } #bbs #bbs_comment .side .recommend > * { display: block; } #bbs #bbs_comment .side .recommend strong { font-weight: 700; font-size: 15px; margin-bottom: 10px; } #bbs #bbs_comment .side .recommend li { margin-bottom: 10px; } #bbs #bbs_comment .side .recommend li:last-child { margin: 0; } #bbs #bbs_comment .side .recommend li > * { display: block;} #bbs #bbs_comment .side .recommend li a { } #bbs #bbs_comment .side .recommend li span { font-size: 11px; color: rgba(235,235,245,.6); margin-top: 1px; } #bbs #more_article { width: 700px; margin: 0 auto; border-top: .5px solid #38383A; margin-top: 80px; padding-top: 30px; } #bbs #more_article h3 { font-size: 28px; font-weight: 700; margin-bottom: 20px; } #bbs #more_article ul li { margin-bottom: 15px; } #bbs #more_article ul li span { display: none; visibility: hidden; } #bbs #more_article ul li p { display: flex; align-items: center; } #bbs #more_article ul li a { font-size: 20px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 550px; } #bbs #more_article ul li u { font-size: 11px; color: rgba(235,235,245,.6); margin-left: 10px; } #bbs #bbs_write { width: 700px; margin: 60px auto; } #bbs #bbs_write > * { display: block; } #bbs #bbs_write h3 { font-size: 28px; font-weight: 700; margin-bottom: 20px; } #bbs #bbs_write input#subject { font-size: 20px; background-color: #fff; color: #000; height: 50px; border: 0; margin-bottom: 20px; border: 1px solid #a9a9a9; border-radius: 4px; } #bbs #bbs_write input#subject::placeholder { color: rgba(60,60,67,.3); } #bbs #bbs_write .done { margin-top: 20px; display: flex; align-items: center; } #bbs #bbs_write .done label { display: flex; align-items: center; font-size: 13px; font-weight: 600; margin-left: 20px; } #bbs #bbs_write .done label i { font-size: 19px; margin-right: 2px;} #bbs .staff_menu { display: flex; } #bbs .staff_menu a { color: #0A84FF; font-size: 15px; font-weight: 700; background-color: #1C1C1E; padding: 4px 10px; border-radius: 4px; margin-right: 8px; } .note-editor * { font-size: 17px !important; letter-spacing: 0 !important; font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important; } .note-placeholder { color: rgba(60,60,67,.3); } .note-status-output { display: none !important; } .note-editor .note-editing-area .note-editable a { color: #007AFF !important; } .note-editable p, .note-editable ul, .note-editable ol, .note-editable img { margin-bottom: 13px; } .note-editable ul, .note-editable ol { margin-bottom: 30px; } .note-editable ul li { list-style: disc !important; margin-left: 20px; } .note-editable ol li { list-style: decimal; margin-left: 20px; } .note-editable b, .note-editable trong { font-weight: 600; } .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child, .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child { display: none; }