{"settings":{"aboutOpened":false,"badgeCounter":false,"editor":{"fontSize":12,"keyboardHandler":null,"showInvisibles":false,"tabSize":2,"theme":"ace/theme/dracula","useSoftTabs":false,"useWorker":true,"wrap":"free"},"rulesSortBy":"name","rulesSortDesc":true,"themeBg":"231.42deg 14.89% 18.43%","themeDark":true,"themeText":"60deg 29.99% 96.07%"},"rules":[{"css":"@charset \"UTF-8\";\n/*=========================================\n\t아무것도 수정하지마세요\n===========================================*/\n/*\n\n// [공식]웹페이지 가로폭 변경\n.container {\n    max-width: 1400px !important;\n}\n\n// [공식]글씨 크기 변경입니다. 0.8em 1.1 등등으로 변경하시면 돼요\n:root {\n--bs-body-font-size: 0.9em;//글자크기\n--bs-body-line-height: 1.3;//줄간격\n}\n\n//\t[공식]메뉴 위치 변경(order 0: 왼쪽, 2: 오른쪽)\n.order-1 {\n    padding-left:20px;\n}\n\n.col-lg-9 {\n    width:80%;\n}\n\n.order-2 {\n    order: 0 !important;\n    background: rgb(255,255,255);\n    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);\n    border-right:1px solid #333;\n    width:20%;\n}\n\n// [공식]검색메뉴 항상 보임\n#boardSearch {\n  display: block;\n}\n*/\n/* 댓글 버튼 위치 변경 */\n/* 추천 버튼 배경색 변경\n   - 원하는 색상으로 변경하세요\n   - 원래 색상 쓰고 싶으신 경우 삭제 또는 주석(앞에 // 슬래시 2개) 하세요\n*/\nbutton[title=추천] {\n  background-color: #dc3545;\n}\n\n#main-wrap .container .sticky-top.py-3 .d-flex.align-items-center.my-2 {\n  display: block;\n}\n\n#sidebar-site-menu {\n  display: none;\n}\n\n.hd-wrap .col-1 {\n  width: 50px;\n}\n\n.col-1.wr-no.d-none.d-md-block {\n  width: 50px;\n  visibility: hidden;\n}\n\n.wr-num {\n  visibility: hidden;\n}\n\n.neon {\n  color: #fff;\n  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;\n}\n\n.filter-item {\n  display: block;\n}\n\n/* 모바일 대응 */\n.ang-menu-icon {\n  position: relative;\n  width: 50px;\n  height: 50px;\n  background-color: var(--bs-body-color);\n  border: 1px solid #fff;\n  border-radius: 50%;\n}\n\n.ang-menu-icon span {\n  background-color: #333;\n  display: block;\n  width: 25px;\n  height: 3px;\n  margin-bottom: 5px;\n  position: relative;\n  top: 30%;\n  left: 25%;\n}\n\n.ang-mobile-menu {\n  position: fixed;\n  top: 48px;\n  left: -250px;\n  width: 250px;\n  height: 100%;\n  background-color: var(--bs-body-bg);\n  transition: left 0.3s ease;\n  overflow-y: auto;\n  border-right: 1px solid #3f3f3f;\n  z-index: 9000;\n}\n\n.ang-mobile-menu ul {\n  list-style: none;\n  padding: 0;\n}\n\n.ang-mobile-menu ul li {\n  padding: 15px;\n}\n\n.ang-mobile-menu ul li a {\n  color: #fff;\n  text-decoration: none;\n}\n\n@media (max-width: 992px) {\n  .ang-menu-icon {\n    display: block;\n  }\n  .ang-mobile-menu {\n    left: -100%;\n  }\n}","id":"32e07a4d-ec1e-4086-b200-8d0b0f0db02c","urls":"https://damoang.net","js":"/*###################################################\n\n\t\t앙UI 개인화 버전은 소스 수정이 전혀 필요 없습니다.\n\t\t다모앙 우상단 앙UI 버튼을 클릭하셔서 설정하세요\n\t\t\n#####################################################*/\n\nvar recentVerHis = `\n<strong>버그 픽스 및 일부 개선사항 반영</strong><br>\n<pre style=\"width:100%\">\n1. 모바일 플로팅 메뉴 추가\n- Kiwi 브라우저에 확장 프로그램을 설치하시면 앙UI를 쓰실 수 있습니다.\n- 폰으로 다모앙 모바일 접속시 왼쪽 아래에 플로딩 메뉴 아이콘이 출력됩니다.\n- 아이콘을 터치하면 왼쪽에 슬라이딩 메뉴가 등장합니다.\n- 다모앙에서 제공하는 우측에 뜨는 메뉴가 있지만 왼쪽이 더 편한 분들을 위해 왼쪽 메뉴를 만들었습니다.\n- 어떻게 동작하는지 궁금하신 분들은 자료실로 이동하셔서 본문 설명 확인해주세요.\n  (위쪽 링크 중 /pds가 자료실입니다.)\n- 모바일은 대체로 다 동작은 하는데 댓글 버튼쪽은 고민이 좀 필요합니다. \n  다모앙에서 제공하는 UI가 모바일이 고려되지 않은 UI라서 댓글쪽은 UI를 새로 만들어야 합니다. \n  다모앙 개발진에서도 순차적으로 작업을 해주실텐데 제가 손 대는게 맞을지 좀 고민이 되네요.\n  차차 생각해보겠습니다.\n</pre>`;\n\n\n/*==여기부터 개발영역:여기 아래쪽 내용은 신경쓸 필요 없음==*/\n\n/*\t전역변수 */\n\n// 현재 버전\nconst nowVer = \"v1.0.5\";\n\ntry {\n\tvar btnMyName = document\n\t\t.querySelector('.sv_member.ellipsis-1')\n\t\t.textContent.trim();\n} catch (e) {\n\tvar btnMyName = 'guest';\n}\n\nvar valAngNewVer = \"\";\nvar valAddWriteBtn = false;\nvar valChangeCommentColor = false;\nvar valChangeHomeLink = [\"\"];\nvar valChangeNumToRcmd = [\"\"];\nvar valChangeSideMenuBg = false;\nvar valClubShortcut = [\"\"];\nvar valFavoritesUse = [];\nvar valHoobangUse = false;\nvar valMoveToCommentBtn = false;\nvar valMoveUpAttach = false;\nvar valMoveUpComment = false;\nvar valMyTextButton = false;\nvar valMyTextEmphasis = false;\nvar valRemoveBottomList = false;\nvar valTopMenuFixed = false;\nvar valTotalTxtCmmtMnu = false;\nvar valWriterTxtCmmtListView = false;\n\nvar localAngUI = localStorage.getItem('angUI');\nvar formData = \"\";\nif (localAngUI != null && localAngUI != '') {\n\t\tformData = JSON.parse(localAngUI);\n}\n// 색상모드\nconst colorMode = document.documentElement.getAttribute('data-bs-theme');\n\nvar agentString = navigator.userAgent;\nvar whichOS = '';\nif (agentString.includes('Mac')) {\n\twhichOS = 'mac';\n} else if (agentString.includes('Windows')) {\n\twhichOS = 'windows';\n} else {\n\twhichOS = 'etc';\n}\nvar whichBrowser = '';\nif (agentString.includes('Edg')) {\n\twhichBrowser = 'edge';\n} else if (agentString.includes('Chrome')) {\n\twhichBrowser = 'chrome';\n} else {\n\twhichBrowser = 'etc';\n}\n\n/*  UTIL */\nfunction moveToPositionById(from, newTag, toPosition, classNm, styleData) {\n\ttry {\n\t\tlet fromData = document.querySelector('#' + from).innerHTML;\n\n\t\tdocument.querySelector('#' + from).id = from + '_old';\n\t\tdocument.querySelector('#' + from + '_old').innerHTML = '';\n\n\t\tlet toData = document.createElement(newTag);\n\t\ttoData.id = from;\n\t\ttoData.style = styleData;\n\t\tclassNm != '' ? (toData.className = classNm) : '';\n\t\ttoData.innerHTML = fromData;\n\n\t\tlet newPosition = document.querySelector(toPosition);\n\t\tnewPosition.parentNode.insertBefore(toData, newPosition);\n\t} catch (e) {\n\t\tconsole.log(e.message);\n\t}\n}\n\n$(document).ready(function () {\n\t/*=================================== 모바일 대응 시작*/\n\tif ($(window).width() <= 992) {\n    var angMenuIcon = $(\".ang-menu-icon\");\n    var angMenu = $(\".ang-mobile-menu\");\n    var modal = $('<div class=\"modal\" style=\"background-color:#333;opacity:0.5\"></div>');\n    $('body').append(modal);\n    modal.hide();\n\n    // 페이지 로드 시 메뉴 아이콘을 보이도록 설정\n    angMenuIcon.css({\n    \t\tdisplay: \"block\",\n        position: \"fixed\",\n        bottom: \"10px\",\n        left: \"10px\",\n        top: \"initial\",\n    });\n\n    angMenuIcon.click(function () {\n        angMenu.animate({ left: \"0\" }, 0);\n        modal.show();\n        // 모달이 열릴 때 스크롤을 막음\n        $('body').css('overflow', 'hidden');\n    });\n\n    $(window).scroll(function () {\n        // 메뉴 아이콘의 위치를 화면 왼쪽 아래로 고정\n        angMenuIcon.css({\n            position: \"fixed\",\n            bottom: \"10px\",\n            left: \"10px\",\n            top: \"initial\",\n        });\n    });\n\n    // 메뉴 항목 클릭 시 메뉴 닫기\n    angMenu.find(\"a\").click(function () {\n        angMenu.animate({ left: \"-250px\" }, 0);\n        modal.hide();\n        // 모달이 닫힐 때 스크롤을 다시 활성화\n        $('body').css('overflow', 'auto');\n    });\n\n    // 모달 클릭 시 메뉴와 모달 숨기기\n    modal.click(function() {\n      angMenu.animate({left: '-250px'}, 0);\n      $(this).hide();\n      // 모달이 닫힐 때 스크롤을 다시 활성화\n      $('body').css('overflow', 'auto');\n    });\n    \n    // 메뉴 배경 클릭 시 메뉴 닫기\n    // angMenu.click(function (event) {\n    //     if (!$(event.target).closest(\".ang-mobile-menu\").length) {\n    //         angMenu.animate({ left: \"-250px\" }, 0);\n    //         modal.hide();\n    //         // 모달이 닫힐 때 스크롤을 다시 활성화\n    //         $('body').css('overflow', 'auto');\n    //     }\n    // });\n    \n    $(\".ang-mobile-menu\").html($(\".order-2\").clone().html());\n    $(\".order-2\").hide();\n  } else {\n  \t$(\".order-2\").show();\n  }\n\t/*=================================== 모바일 대응 끝*/\n\t\n\t//홈 링크 select box\n\t$('#sidebar-site-menu .nav-item .nav-link').each(function () {\n\t    var text = $(this).text().trim();\n\t    var href = $(this).attr('href').trim();\n\t    // \"소모임\"이 들어간 데이터는 제외\n\t    if ($(this).closest(\"div[id='sidebar-sub-s0-11']\").length > 0) {\n\t        return true; // continue\n\t    }\n\t    // 이미 .home-select의 option value 값과 일치하는 경우에는 추가하지 않음\n\t    if ($('.home-select option[value=\"' + href + '\"]').length > 0) {\n\t        return true; // continue\n\t    }\n\t    // 위의 조건들을 모두 통과한 경우에만 append\n\t    $('.home-select').append(\n\t        '<option value=\"' + href + '\">' + text + '</option>'\n\t    );\n\t});\n\t\t\n\t// 모든메뉴 select box\n\t$('#sidebar-site-menu .nav-item .nav-link').each(function () {\n    var text = $(this).text().trim();\n    var href = $(this).attr('href');\n\n    // 이미 .all-select의 option value 값과 일치하는 경우에는 추가하지 않음\n    if ($('.all-select option[value=\"' + href + '\"]').length > 0) {\n        return true; // continue\n    }\n\n    // 위의 조건들을 모두 통과한 경우에만 append\n    $('.all-select').append(\n        '<option value=\"' + href + '\">' + text + '</option>'\n    );\n\t});\n\n\t// 소모임 select box\n\t$(\"#sidebar-site-menu #sidebar-sub-s0-11 .nav-link\").each(function () {\n    var text = $(this).text().trim();\n    var href = $(this).attr('href');\n\n    // 이미 .club_select의 option value 값과 일치하는 경우에는 추가하지 않음\n    if ($('.club_select option[value=\"' + href + '\"]').length > 0) {\n        return true; // continue\n    }\n\n    // \"소모임\"이 들어간 데이터는 제외\n    if (text.includes('소모임')) {\n        return true; // continue\n    }\n\n    // 위의 조건들을 모두 통과한 경우에만 append\n    $('.club_select').append(\n        '<option value=\"' + href + '\">' + text + '</option>'\n    );\n\t});\n\n\t// 즐겨찾기 select box\n\t$('#sidebar-site-menu .nav-item .nav-link').each(function () {\n\t    var text = $(this).text().trim();\n\t    var href = $(this).attr('href');\n\t    // \"소모임\"이 들어간 데이터는 제외\n\t    if ($(this).closest(\"div[id='sidebar-sub-s0-11']\").length > 0) {\n\t        return true; // continue\n\t    }\n\t    // 이미 .fav-select의 option value 값과 일치하는 경우에는 추가하지 않음\n\t    if ($('.fav-select option[value=\"' + href + '\"]').length > 0) {\n\t        return true; // continue\n\t    }\n\t    // 위의 조건들을 모두 통과한 경우에만 append\n\t    $('.fav-select').append(\n\t        '<option value=\"' + href + '\">' + text + '</option>'\n\t    );\n\t});\n\t\n\t// 로컬 데이터 세팅\n\tif(Object.keys(formData).length !== 0) {\n\t\t$.each(formData, function (fieldName, fieldValue) {\n\t\t\tvar $element = $('[name=\"' + fieldName + '\"]');\n\n\t\t\tif ($element.is('input[type=\"checkbox\"]')) {\n\t\t\t\t$element.prop('checked', fieldValue);\n\t\t\t} else if ($element.is('select')) {\n\t\t\t\t$element.each(function (index) {\n\t\t\t\t\tvar optVal = fieldValue[index];\n\t\t\t\t\tif(fieldName === \"favorites_use\"){\n\t\t\t\t\t\t$(fieldValue).each(function(idx){\n\t\t\t\t\t\t\tvar favValue = fieldValue[idx];\n\n\t\t\t\t\t\t\t$('#favorites_list option').each(function(){\n\t\t\t\t\t\t\t    var optionValue = $(this).val();\n\t\t\t\t\t\t\t    var optionText = $(this).text();\n\t\t\t\t\t\t\t    \n\t\t\t\t\t\t\t    // favValue와 optionValue 비교하여 일치하는 경우에만 옵션 추가\n\t\t\t\t\t\t\t    if(favValue === optionValue){\n\t\t\t\t\t\t\t        // 이미 해당 값이 favorites_use에 존재하는지 확인\n\t\t\t\t\t\t\t        var existingOption = $('#favorites_use option').filter(function() {\n\t\t\t\t\t\t\t            return $(this).val() === optionValue;\n\t\t\t\t\t\t\t        });\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t        // 이미 해당 값이 없다면 추가\n\t\t\t\t\t\t\t        if (existingOption.length === 0) {\n\t\t\t\t\t\t\t            $('#favorites_use').append($('<option>', {\n\t\t\t\t\t\t\t                value: optionValue,\n\t\t\t\t\t\t\t                text: optionText\n\t\t\t\t\t\t\t            }));\n\t\t\t\t\t\t\t        }\n\t\t\t\t\t\t\t    }\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\t$(this)\n\t\t\t\t\t\t\t.find('option[value=\"' + optVal + '\"]')\n\t\t\t\t\t\t\t.prop('selected', true);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t$element.val(fieldValue);\n\t\t\t}\n\t\t});\n\t}\n\t// 즐겨찾기 클릭 이벤트 처리\n\t$('#favorites_list option').mousedown(function (e) {\n\t\te.preventDefault();\n\t\tvar isSelected = $(this).prop('selected');\n\t\t$(this).prop('selected', !isSelected);\n\t});\n\t// 즐겨찾기 클릭 이벤트 처리\n\t$('#favorites_use option').mousedown(function (e) {\n\t\te.preventDefault();\n\t\tvar isSelected = $(this).prop('selected');\n\t\t$(this).prop('selected', !isSelected);\n\t});\n\t// 추가\n\t$('#addAngBtn').click(function () {\n\t\t$('#favorites_list option:checked').each(function () {\n\t\t\tvar value = $(this).val();\n\t\t\tvar text = $(this).text();\n\n\t\t\tif ($('#favorites_use option[value=\"' + value + '\"]').length === 0) {\n\t\t\t\t$('#favorites_use').append(\n\t\t\t\t\t'<option value=\"' + value + '\">' + text + '</option>'\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t\t$('#favorites_list option:checked').prop('selected', false);\n\t});\n\t// 즐겨찾기 삭제\n\t$('#delAngBtn').click(function () {\n\t\t$('#favorites_use option:checked').remove();\n\t});\n\t//즐겨찾기 위로\n\t$('#moveUpAngBtn').click(function () {\n\t\tvar selectedOption = $('#favorites_use option:checked');\n\t\tif (selectedOption.length === 0) return;\n\n\t\tselectedOption.each(function () {\n\t\t\t$(this).prev().before($(this));\n\t\t});\n\t});\n\t// 즐겨찾기 아래로\n\t$('#moveDownAngBtn').click(function () {\n\t\tvar selectedOption = $('#favorites_use option:checked');\n\t\tif (selectedOption.length === 0) return;\n\n\t\tselectedOption.each(function () {\n\t\t\t$(this).next().after($(this));\n\t\t});\n\t});\n\t\n\t// 앙UI 버전 확인\n\t$('#newVer').on('load', function () {\n      var iframeContent = $(this).contents();\n      var newVer = iframeContent.find('#c_259 .na-convert').text().trim();\n      var bo_v_data_html = iframeContent.find(\"section#bo_v_data\").html();\n\n      // 데이터를 객체로 묶어서 전송\n      var dataToSend = {\n          newVer: newVer,\n          bo_v_data_html: bo_v_data_html\n      };\n\n      // iframe에서 부모 페이지로 데이터 전송\n      window.parent.postMessage(dataToSend, 'https://damoang.net');\n  });\n  // 앙UI 업데이트 알림\n  $(\"#main-wrap\").after('<div class=\"noti-ang toast align-items-center fixed-bottom m-3\" aria-live=\"polite\" aria-atomic=\"true\" data-bs-delay=\"10000\" role=\"alert\" style=\"bottom: 50px\" > <div class=\"d-flex align-items-center\"> <div class=\"toast-body\"> <div class=\"spinner-grow spinner-grow-sm text-primary\" role=\"status\"> <span class=\"visually-hidden\">Check it!</span> </div> <a href=\"#\" data-bs-toggle=\"offcanvas\" data-bs-target=\"#angUIOffcanvas\" aria-controls=\"angUIOffcanvas\" onclick=\"$(\\'.noti-ang\\').hide()\">앙UI가 업데이트 되었습니다 </a> </div> <button type=\"button\" class=\"btn-close me-2 m-auto nofocus\" onclick=\"$(\\'.noti-ang\\').hide()\"></button> </div> </div>');\n});\n/*======================== ready 끝 ======================*/\n\n\n// 앙 모바일 메뉴 아이콘\n$(\"#main-wrap\").after('<div class=\"ang-menu-icon\"><span></span><span></span><span></span></div><nav class=\"ang-mobile-menu\"></nav>');\n\nif ($(window).width() <= 768) {\n\n\t$(\".ang-menu-icon\").attr(\"style\",\"display:block\");\n}\n\nwindow.addEventListener('message', function(event) {\n  if (event.origin !== 'https://damoang.net') return; \n\n  var receivedData = event.data;\n  $(\"#angUIOffcanvas .offcanvas-header\").after(receivedData.bo_v_data_html);\n  $(\"#angVerNewChk\").text(receivedData.newVer).hide();\n  var strAngNewVer = receivedData.newVer;\n\n  if (nowVer !== strAngNewVer) {\n    if (strAngNewVer !== undefined) {\n    \t$(\"#angNeon\").html(\" ➞ \" + receivedData.newVer + '<span onmouseover=\"$(\\'#angHistory\\').show()\" onmouseout=\"$(\\'#angHistory\\').hide()\" style=\"color:sandybrown\"> Update내역</span> <span class=\"neon\" style=\"font-weight: bold\"> 새버전 등장</span>');\n    \t$(\".noti-ang\").show();\n    }\n\t}\n}, false);\n\n/*========== 일반 기능 함수 ===========*/\n\n\n// [공통] 앙UI 설정 저장\nfunction saveAngUISetting() {\n\tvar formData = {};\n\t$(\"#favorites_use option\").prop(\"selected\", true);\n\t$('.ang-ui').each(function () {\n\t\tvar fieldName = $(this).attr('name');\n\t\tvar fieldValue;\n\n\t\tif ($(this).is('input')) {\n\t\t\tif ($(this).is(\"input[type='checkbox']\")) {\n\t\t\t\tfieldValue = $(this).prop('checked');\n\t\t\t} else {\n\t\t\t\tfieldValue = $(this).val();\n\t\t\t}\n\t\t} else if ($(this).is('select')) {\n\t\t\tvar selectedValues = $(this).val();\n\t\t\tif (Array.isArray(selectedValues)) {\n\t\t\t\tfieldValue = selectedValues;\n\t\t\t} else {\n\t\t\t\tfieldValue = [selectedValues];\n\t\t\t}\n\t\t}\n\n\t\tif (fieldName) {\n\t\t\tif (formData.hasOwnProperty(fieldName)) {\n\t\t\t\tformData[fieldName] = formData[fieldName].concat(fieldValue);\n\t\t\t} else {\n\t\t\t\tformData[fieldName] = fieldValue;\n\t\t\t}\n\t\t}\n\t});\n\n\tvar jsonData = JSON.stringify(formData);\n\tlocalStorage.setItem('angUI', jsonData);\n\talert('적용되었습니다');\n\twindow.location.reload();\n}\n\n/*====================================*/\n\nfunction snakeToCamel(str) {\n\treturn str.replace(/([-_][a-z])/gi, ($1) => {\n\t\treturn $1.toUpperCase().replace('-', '').replace('_', '');\n\t});\n}\n\nfunction camelToSnake(str) {\n\treturn str.replace(/[A-Z]/g, (letter, index) => {\n\t\treturn (index ? '_' : '') + letter.toLowerCase();\n\t});\n}\n\n// 공식 커스텀UI 메뉴 스크롤 사용/미사용시 충돌문제해결\nvar ui_custom_storage_str = localStorage.getItem('ui_custom');\nif (ui_custom_storage_str != null && ui_custom_storage_str != '') {\n\tvar ui_obj = JSON.parse(ui_custom_storage_str);\n\tif (ui_obj.menu_scroll != null && ui_obj.menu_scroll) {\n\t\t$('.container .row.row-cols-1').css('margin-top', '44px');\n\t}\n}\n\n//=======================================\n\nfunction angUIPdsLoad() {\n\t\t$('#header-copy').append('<iframe style=\"width:1px;height:1px;margin:0px;position:absolute;top:-100px;left:-100px\" id=\"newVer\" src=\"/pds/166\"></iframe>');\n}\n\n// [조회]첨부파일 위치 위쪽(제목 아래)으로 이동\nfunction moveUpAttach(useYn) {\n\tif (useYn) {\n\t\tif (document.querySelector('#bo_v')) {\n\t\t\tif (document.querySelector('#bo_v_data')) {\n\t\t\t\tmoveToPositionById(\n\t\t\t\t\t'bo_v_data',\n\t\t\t\t\t'section',\n\t\t\t\t\t'#bo_v_atc',\n\t\t\t\t\t'border-bottom border-top',\n\t\t\t\t\t'margin-top: 7px'\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n}\n\n// [탑메뉴] 상단 메뉴 고정\nfunction topMenuFixed(useYn) {\n\tif (useYn) {\n\t\tdocument.querySelector('#header-navbar').id = 'header-navbar-old';\n\t\t// 상단 메뉴 고정관련 버그픽스\n\t\tvar bFix = document.createElement('div');\n\t\tbFix.id = 'header-navbar';\n\t\tbFix.style =\n\t\t\t'display:none;position:fixed;left:-100px;top:-100px;width:1px;height:1px';\n\t\tvar bodyElement = document.querySelector('body');\n\t\tbodyElement.appendChild(bFix);\n\t}\n}\n\n// [사이드메뉴] 사이드바 메뉴 즐겨찾기 설정\nfunction favoritesUse(useYn, arrFavMenus) {\n\tif (useYn) {\n\t\t// 즐겨찾기 header 생성\n\t\tvar favHeaderDiv = document.createElement('div');\n\t\tfavHeaderDiv.className = 'dropdown-header menus-dropdown';\n\t\tfavHeaderDiv.textContent = 'FAVORITES';\n\n\t\t// 즐겨찾기 div\n\t\tvar favDiv = document.createElement('div');\n\t\tfavDiv.id = 'side-fav-menu';\n\t\tfavDiv.className = 'mb-3';\n\t\tfavDiv.appendChild(favHeaderDiv);\n\n\t\tarrFavMenus.forEach((data) => {\n\t\t\t$(\"#sidebar-site-menu .nav-item a[href='\" + data + \"']\").each(\n\t\t\t\tfunction () {\n\t\t\t\t\tvar parentHTML = $(this).closest('.nav-item').html();\n\t\t\t\t\tvar copyData = document.createElement('div');\n\t\t\t\t\tcopyData.className = 'nav-item';\n\t\t\t\t\tcopyData.innerHTML = parentHTML;\n\t\t\t\t\tfavDiv.appendChild(copyData);\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\n\t\t// 전체 메뉴 header 생성\n\t\tvar headerDiv = document.createElement('div');\n\t\theaderDiv.className = 'dropdown-header';\n\t\theaderDiv.textContent = 'MENU';\n\n\t\t//전체메뉴, 즐겨찾기 붙이기\n\t\tvar totalMenus = document.querySelector('#sidebar-site-menu .nav-item');\n\n\t\t// 전체메뉴에서 즐겨찾기에 추가된 메뉴는 제거\n\t\tarrFavMenus.forEach((data) => {\n\t\t\tif(data === \"#sidebar-sub-s0-11\") {\n\t\t\t\t$('#sidebar-sub-s0-11').each(function () {\n\t\t\t\t\t$('#sidebar-sub-s0-11').remove();\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t$(\"#sidebar-site-menu .nav-item a[href='\" + data + \"']\").each(\n\t\t\t\tfunction () {\n\t\t\t\t\tif ($(this).parent().parent().attr('id') !== 'side-fav-menu') {\n\t\t\t\t\t\t$(this).remove();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\n\t\ttotalMenus.parentNode.prepend(favDiv, headerDiv);\n\t\t$('#sidebar-site-menu').show();\n\t} else {\n\t\t$('#sidebar-site-menu').show();\n\t}\n}\n\n// [사이드메뉴] [새글] 내글|내댓글 UI 및 내용 수정\nfunction myTextCmmtUIMod(useYn) {\n\tif (useYn) {\n\t\tvar mText = '';\n\t\tvar mCmmt = '';\n\t\t$('#sidebar-site-menu a').each(function () {\n\t\t\tif ($(this).text().trim() === '내 글') {\n\t\t\t\t$(this).text('[새글] 내 글');\n\t\t\t\tmText = $(this).clone();\n\t\t\t\t$(this).remove();\n\t\t\t}\n\t\t\tif ($(this).text().trim() === '내 댓글') {\n\t\t\t\tmCmmt = $(this).clone();\n\t\t\t\t$(this).remove();\n\t\t\t}\n\t\t});\n\n\t\tvar sMenuTotal = $('#sidebar-site-menu').html().replace('|', '');\n\t\t$('#sidebar-site-menu').html(sMenuTotal);\n\n\t\tvar nDiv = $(\n\t\t\t\"<div class='nav-item' id='newTxtCmmt' style='margin-left:14px;margin-bottom:5px'>\"\n\t\t);\n\t\tvar newText = nDiv\n\t\t\t.append('<i class=\"bi-clipboard nav-icon\" style=\"margin-right:16px\"></i>')\n\t\t\t.append(mText)\n\t\t\t.append(' | ')\n\t\t\t.append(mCmmt);\n\n\t\tnDiv.classNm = 'nav-item';\n\t\tnDiv.append(newText);\n\n\t\t$('div.nav-item.nav-link').remove();\n\n\t\t$('#sidebar-site-menu').prepend(nDiv);\n\t}\n}\n\n// [사이드메뉴] 소모임 바로가기 단축키 지정\nfunction clubShortcut(useYn, clubShotcutList) {\n\tif (useYn) {\n\t\tfunction isInputElement(element) {\n        return ['INPUT', 'TEXTAREA', 'SELECT'].includes(element.tagName);\n    }\n\n    function isKeyCombination(event) {\n        return event.ctrlKey || event.shiftKey || event.altKey || event.metaKey;\n    }\n\n    function isContentEditableElement(element) {\n        while (element) {\n            if (element.contentEditable === 'true') {\n                return true;\n            }\n            element = element.parentElement;\n        }\n        return false;\n    }\n\t\tdocument.addEventListener('keydown', function (event) {\n\t\t\tif (isInputElement(event.target) || isKeyCombination(event) || isContentEditableElement(event.target)) {\n          return;\n      }\n\n\t\t\tif (event.key >= '1' && event.key <= '9') {\n\t\t\t\tconst shortcutIndex = parseInt(event.key) - 1;\n\t\t\t\tif (clubShotcutList[shortcutIndex]) {\n\t\t\t\t\twindow.location.href =\n\t\t\t\t\t\t'https://damoang.net' + clubShotcutList[shortcutIndex];\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n}\n\n// [조회]조회화면 하단 게시물 목록 삭제\nfunction removeBottomList(useYn) {\n\tif (useYn) {\n\t\tif (document.querySelector('#bo_v')) {\n\t\t\tdocument.querySelector('#bo_list_wrap').innerHTML = '';\n\t\t}\n\t}\n}\n\n// [조회]댓글 입력창 본문 아래로 위치 변경\nfunction moveUpComment(useYn) {\n\tif (useYn) {\n\t\tif (document.querySelector('#bo_v')) {\n\t\t\tmoveToPositionById(\n\t\t\t\t'bo_vc_w',\n\t\t\t\t'aside',\n\t\t\t\t'#viewcomment',\n\t\t\t\t'',\n\t\t\t\t'padding-top: 10px'\n\t\t\t);\n\t\t}\n\t}\n}\n\n// [조회]첨부파일 위치 위쪽(제목 아래)으로 이동\nfunction moveUpAttach(useYn) {\n\tif (useYn) {\n\t\tif (document.querySelector('#bo_v')) {\n\t\t\tif (document.querySelector('#bo_v_data')) {\n\t\t\t\tmoveToPositionById(\n\t\t\t\t\t'bo_v_data',\n\t\t\t\t\t'section',\n\t\t\t\t\t'#bo_v_atc',\n\t\t\t\t\t'border-bottom border-top',\n\t\t\t\t\t'margin-top: 7px'\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n}\n\n// [조회] 글 조회시 작성자의 작성글/댓글을 보여주는 기능\nfunction writerTxtCmmtListView(useYn) {\n\tif (useYn) {\n\t\tvar wMember = $('#bo_v_info a.sv_member').text().trim();\n\n\t\t$('#bo_v_atc').append(\n\t\t\t'<iframe style=\"width:100%;height:300px;margin:0px;\" id=\"selftext\" src=\"/bbs/search.php?sfl=wr_name&stx=' +\n\t\t\t\tencodeURIComponent(wMember) +\n\t\t\t\t'&sop=and&gr_id=&srows=30&onetable=&page=1\"></iframe>'\n\t\t);\n\t\t$('#selftext').hide();\n\t\t$('iframe#selftext').on('load', function () {\n\t\t\t$(this).contents().find('#header-navbar').remove();\n\t\t\t$(this).contents().find('#header-copy').remove();\n\t\t\t$(this).contents().find('.noti-toast').remove();\n\t\t\t$(this).contents().find('.page-title').remove();\n\t\t\t$(this).contents().find('form[name=\"fsearch\"]').remove();\n\t\t\t$(this).contents().find('#fsearchlist li').eq(0).remove();\n\t\t\t$(this).contents().find('#fsearchlist .line-top').eq(0).remove();\n\t\t\t$(this).contents().find('.order-1').attr(\"style\",\"width:100% !important\");\n\t\t\t$(this).contents().find('.na-menu').parent().parent().remove();\n\t\t\t$(this).contents().find('.pagination').remove();\n\t\t\t$(this).contents().find('a').attr(\"target\",\"_blank\");\n\t\t\t$(this).contents().find('footer').remove();\n\t\t\t$('#selftext').show();\n\t\t});\n\t}\n}\n\n// [조회] 목록 버튼 클릭시 조회중이던 페이지로 이동 기능\nfunction listBtnPaging(useYn) {\n\tif (useYn) {\n\t\t$(\"a[title='목록보기']\").each(function () {\n\t\t\tif ($(this).text().trim() === '목록') {\n\t\t\t\t$(this).attr(\n\t\t\t\t\t'href',\n\t\t\t\t\twindow.location.protocol +\n\t\t\t\t\t\t'//' +\n\t\t\t\t\t\twindow.location.host +\n\t\t\t\t\t\t'/' +\n\t\t\t\t\t\twindow.location.pathname.split('/')[1] +\n\t\t\t\t\t\twindow.location.search\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t}\n}\n\n// [조회] 이전글/다음글/목록 버튼 영역 위쪽에도 추가\nfunction addUpBtnGroup(useYn) {\n\tif (useYn) {\n\t\t$('#bo_v div.d-flex.align-items-center.gap-1.border-top.px-3.pt-2.mb-4')\n\t\t\t.clone()\n\t\t\t.appendTo('#bo_v_atc div.pt-5.pb-4.text-center');\n\t\t$('#bo_v_act').css('margin-bottom', '15px');\n\t}\n}\n\n// [목록] 게시물 목록 추천 <> 번호 자리 바꾸기\nfunction changeNumToRcmd(useYn, colorSet) {\n\t//var colorSet = [\"black\",\"red\",\"blue\",\"colorful\"];\n\tif (useYn) {\n\t\tvar headerNumberText = '번호';\n\t\tvar headerRecommendText = '추천';\n\t\tvar backColor = '#838485';\n\t\tvar fontColor = '#ffffff';\n\t\t$('#bo_list li').each(function () {\n\t\t\tvar $li = $(this);\n\n\t\t\tvar number = $li.find('.wr-no').text().trim();\n\t\t\tvar recommend = $li.find('.wr-num.order-3').text().trim();\n\n\t\t\trecommend = recommend.replace('추천', '').trim();\n\n\t\t\tif (colorSet == 'blue') {\n\t\t\t\tbColor1 = '240';\n\t\t\t} else if (colorSet == 'red') {\n\t\t\t\tbColor1 = '0';\n\t\t\t} else if (colorSet == 'green') {\n\t\t\t\tbColor1 = '130';\n\t\t\t} else if (colorSet == 'brown') {\n\t\t\t\tbColor1 = '30';\n\t\t\t} else if (colorSet == 'purple') {\n\t\t\t\tbColor1 = '270';\n\t\t\t}\n\n\t\t\tif (recommend > 10 && recommend <= 30) {\n\t\t\t\t// 11~30\n\t\t\t\tfontColor = '#333333';\n\t\t\t\tbackColor = '#ffc7c7';\n\t\t\t\topt1 = 75;\n\t\t\t\topt2 = 75;\n\t\t\t} else if (recommend > 30 && recommend <= 50) {\n\t\t\t\t// 31~50\n\t\t\t\tbackColor = '#b3ffa2'; //#ffb37a\n\t\t\t\tfontColor = '#333333';\n\t\t\t\topt1 = 65;\n\t\t\t\topt2 = 65;\n\t\t\t} else if (recommend > 50 && recommend <= 100) {\n\t\t\t\t// 51~100\n\t\t\t\tbackColor = '#ffd57a';\n\t\t\t\tfontColor = colorSet == 'colorful' ? '#333333' : '#ffffff';\n\t\t\t\topt1 = 55;\n\t\t\t\topt2 = 55;\n\t\t\t} else if (recommend > 100) {\n\t\t\t\t//100~\n\t\t\t\tbackColor = '#e24a4a';\n\t\t\t\tfontColor = '#ffffff';\n\t\t\t\topt1 = 35;\n\t\t\t\topt2 = 35;\n\t\t\t} else {\n\t\t\t\t//1~10\n\t\t\t\tbackColor = '#838485';\n\t\t\t\t//fontColor = \"#333333\";\n\t\t\t\tfontColor = colorSet == 'colorful' ? '#ffffff' : '#333333';\n\t\t\t\topt1 = 85;\n\t\t\t\topt2 = 85;\n\t\t\t}\n\n\t\t\tvar rcmdColor = '';\n\t\t\tif (colorSet == 'colorful') {\n\t\t\t\trcmdColor = backColor;\n\t\t\t} else {\n\t\t\t\trcmdColor = 'hsl(' + bColor1 + ',' + opt1 + '%,' + opt2 + '%)';\n\t\t\t}\n\n\t\t\tif ($li.find('.wr-no').text().trim() != '공지') {\n\t\t\t\t$li.find('.wr-no').text(recommend).css({\n\t\t\t\t\t'background-color': rcmdColor,\n\t\t\t\t\t'border-radius': '5px',\n\t\t\t\t\twidth: '50px',\n\t\t\t\t\t'margin-right': '5px',\n\t\t\t\t\tcolor: fontColor,\n\t\t\t\t});\n\t\t\t\t$li.find('.wr-num.order-3').text(number);\n\t\t\t}\n\t\t});\n\n\t\t$('.hd-wrap .col-1').text(headerRecommendText).css('width', '50px');\n\t\t$('.hd-wrap .hd-num a').eq(0).text(headerNumberText);\n\n\t\t$('.col-1.wr-no.d-none.d-md-block').css('visibility', 'visible');\n\t\t$('.wr-num').css('visibility', 'visible');\n\t}\n}\n\n// [목록] 게시글 목록에서 내가 작성한 글 강조하기\nfunction myTextEmphasis(useYn) {\n\tif (useYn) {\n\t\tif (document.querySelector('#bo_list_wrap')) {\n\t\t\t// 6. 게시글 목록에서 내가 작성한 글 강조하기\n\t\t\tvar btnWrName = $('.list-group-item .sv_member').text(); // 작성자명\n\t\t\tvar wrBgColor = colorMode === 'light' ? '#EEEEEE' : '#131313'; //첫번째 light, 두번째 dark\n\n\t\t\t$('.list-group-item .sv_member').each(function () {\n\t\t\t\tif ($(this).text().trim() === btnMyName) {\n\t\t\t\t\t$(this)\n\t\t\t\t\t\t.parent()\n\t\t\t\t\t\t.parent()\n\t\t\t\t\t\t.parent()\n\t\t\t\t\t\t.parent()\n\t\t\t\t\t\t.parent()\n\t\t\t\t\t\t.parent()\n\t\t\t\t\t\t.parent()\n\t\t\t\t\t\t.parent()\n\t\t\t\t\t\t.css('background-color', wrBgColor);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n}\n\n// [목록] 목록화면 \"내 글\" 버튼 활성화\nfunction myTextButton(useYn) {\n\tif (useYn) {\n\t\tif (document.querySelector('#bo_list_wrap')) {\n\t\t\tvar btnTop = document.querySelectorAll(\n\t\t\t\t\"div a[href='\" +\n\t\t\t\t\twindow.location.protocol +\n\t\t\t\t\t'//' +\n\t\t\t\t\twindow.location.host +\n\t\t\t\t\t'/' +\n\t\t\t\t\twindow.location.pathname.split('/')[1] +\n\t\t\t\t\t\"/write']\"\n\t\t\t)[0];\n\n\t\t\tvar newDiv = document.createElement('div');\n\t\t\tnewDiv.style = 'display:inline-block;margin-right:5px';\n\n\t\t\tvar newButton = document.createElement('a');\n\t\t\tnewButton.href =\n\t\t\t\twindow.location.protocol +\n\t\t\t\t'//' +\n\t\t\t\twindow.location.host +\n\t\t\t\t'/' +\n\t\t\t\twindow.location.pathname.split('/')[1] +\n\t\t\t\t'?bo_table=' +\n\t\t\t\twindow.location.pathname.split('/')[1] +\n\t\t\t\t'&sca=&sfl=wr_name%2C1&sop=and&stx=' +\n\t\t\t\tencodeURI(btnMyName);\n\t\t\tnewButton.className = 'btn btn-basic btn-sm';\n\t\t\tnewButton.innerHTML = `\n\t\t\t    <i class=\"bi bi-list\"></i>\n\t\t\t    <span class=\"d-none d-sm-inline-block\">내 글</span>\n\t\t\t`;\n\n\t\t\tnewDiv.appendChild(newButton);\n\t\t\ttry {\n\t\t\t\tbtnTop.parentNode.insertBefore(newDiv.cloneNode(true), btnTop);\n\t\t\t} catch (e) {}\n\t\t}\n\t}\n}\n\n// [목록] 후방글 노출 여부 설정\nfunction hoobangUse(useYn) {\n\tif (!useYn) {\n\t\tif (document.querySelector('#bo_list_wrap')) {\n\t\t\tvar strTitle = $('#bo_list .list-group-item a').text();\n\t\t\t$(\"#bo_list .list-group-item a:contains('후방')\").each(function () {\n\t\t\t\t$(this)\n\t\t\t\t\t.parent()\n\t\t\t\t\t.parent()\n\t\t\t\t\t.parent()\n\t\t\t\t\t.parent()\n\t\t\t\t\t.parent()\n\t\t\t\t\t.css('display', 'none');\n\t\t\t});\n\t\t}\n\t}\n}\n\n// [쓰기] 글 작성시 작성완료 버튼 제목 옆에도 나오도록 추가\nfunction addWriteBtn(useYn) {\n\tif (useYn) {\n\t\t$('#btn_submit').each(function () {\n\t\t\tif ($(this).text().trim() === '작성완료') {\n\t\t\t\t$(\"input[name='wr_subject']\").css({ width: '75%', display: 'inline' });\n\t\t\t\t$(this)\n\t\t\t\t\t.clone()\n\t\t\t\t\t.removeClass('w-100')\n\t\t\t\t\t.css({\n\t\t\t\t\t\twidth: '130px',\n\t\t\t\t\t\theight: '38px',\n\t\t\t\t\t\t'font-size': '12pt',\n\t\t\t\t\t\t'margin-left': '6px',\n\t\t\t\t\t})\n\t\t\t\t\t.insertAfter(\"input[name='wr_subject']\");\n\t\t\t}\n\t\t});\n\t}\n}\n\n// [프로필 박스] 프로필 박스에 [전체] 내 글 | 내 댓글 메뉴 추가\nfunction totalTxtCmmtMnu(useYn) {\n\tif (useYn) {\n\t\t$(\n\t\t\t'<div class=\"nav-item\" id=\"totalTxtCmmt\"><a class=\"nav-link\" href=\"/bbs/search.php?sfl=wr_name&stx=' +\n\t\t\t\tencodeURIComponent(btnMyName) +\n\t\t\t\t'&sop=and&gr_id=&srows=1000&onetable=&page=1\" data-placement=\"left\" target=\"_self\"><span class=\"nav-link-title\" style=\"font-size:13px\">내 글 | 내 댓글</span></a></div>'\n\t\t).insertAfter('.small:contains(\"일반회원\")');\n\t}\n}\n\n// [사이드메뉴] 사이드 메뉴 영역이 배경과 구분되게 색상 변경\nfunction changeSideMenuBg(useYn) {\n\tif (useYn) {\n\t\tif (colorMode == 'dark') {\n\t\t\t$('.container .order-2').css('background-color', '#293037');\n\t\t} else if (colorMode == 'light') {\n\t\t\t$('.container .order-2').css('background-color', '#f9f9f9');\n\t\t}\n\t}\n}\n\n// [조회] 댓글 버튼 위치 이동(댓글 작성자 정보 우측으로)\nfunction moveToCommentBtn(useYn) {\n\tif (useYn) {\n\t\t$('#bo_vc article').each(function (index) {\n\t\t\t$(this)\n\t\t\t\t.find('.btn-group.btn-group-sm button')\n\t\t\t\t.attr('style', 'font-size:12px');\n\t\t\t$(this)\n\t\t\t\t.find('.btn-group.btn-group-sm a:contains(\"삭제\")')\n\t\t\t\t.attr('style', 'font-size:12px');\n\t\t\t$(this)\n\t\t\t\t.find('button[title=\"추천\"]')\n\t\t\t\t.attr('style', 'margin-left:2px;font-size:12px;');\n\t\t\t$(this)\n\t\t\t\t.find('.btn-group.btn-group-sm button:contains(\"답글\")').text(\"\").append('<i class=\"bi bi-arrow-return-right\"></i><span class=\"d-none d-sm-inline-block\">답글</span>');\n\n\t\t\tvar btnGroupHtml = $(this).find('.btn-group.btn-group-sm').html();\n\t\t\tvar btnRecommendHtml = $(this)\n\t\t\t\t.find('button[title=\"추천\"]')\n\t\t\t\t.parent()\n\t\t\t\t.html();\n\t\t\t$(this).find('header .d-flex.align-items-center').append(btnGroupHtml);\n\t\t\t$(this)\n\t\t\t\t.find('header .d-flex.align-items-center')\n\t\t\t\t.append(btnRecommendHtml);\n\t\t\t$(this).find('.btn-group.btn-group-sm').remove();\n\t\t\t$('.orangered').css('margin-right', '6px');\n\t\t});\n\t}\n}\n\n// [조회] 글 주인이 쓴 댓글, 내가 쓴 댓글 강조하기\nfunction changeCommentColor(useYn) {\n\tif (useYn) {\n\t\t$('.comment-list-wrap').each(function () {\n\t\t\tvar btnWrName = $('#bo_v_info').find('.sv_member').text().trim(); // 작성자명\n\t\t\tvar wrBgColor1 = colorMode === 'light' ? '#ffe69c' : '#131313'; //내댓글 첫번째 light, 두번째 dark\n\t\t\tvar wrBgColor2 = colorMode === 'light' ? '#cbf1c2' : '#1b233f'; //주인장 댓글 첫번째 light, 두번째 dark\n\n\t\t\t// 내가 작성한 댓글 강조하기\n\t\t\tif ($(this).find('.sv_member').text().trim() === btnMyName) {\n\t\t\t\t$(this)\n\t\t\t\t\t.find('.comment-content.p-3')\n\t\t\t\t\t.css('background-color', wrBgColor1);\n\t\t\t}\n\n\t\t\t// 글 주인이 쓴 댓글 강조하기\n\t\t\tif ($(this).find('.sv_member').text().trim() === btnWrName) {\n\t\t\t\t$(this)\n\t\t\t\t\t.find('.comment-content.p-3')\n\t\t\t\t\t.css('background-color', wrBgColor2);\n\t\t\t}\n\t\t});\n\t}\n}\n\n//[메인] 다모앙 홈 클릭시 원하는 페이지 열기\nfunction changeHomeLink(useYn, homeLInk) {\n\tif (useYn) {\n\t\t$('#header-navbar')\n\t\t\t.find(\"a[href='/'\")\n\t\t\t.attr('href', (homeLInk[0] === \"#sidebar-sub-s0-11\") ? \"/bbs/group.php?gr_id=group\" : homeLInk[0]);\n\t}\n}\n\n// [메인] 커스텀 UI 설정 개인화\nfunction showAngUISetting(useYn) {\n\tif (useYn) {\n\t\tvar angUI = $(\n\t\t\t'<div><a href=\"#angUIOffcanvas\" data-bs-toggle=\"offcanvas\" data-bs-target=\"#angUIOffcanvas\" aria-controls=\"angUIOffcanvas\">' +\n\t\t\t\t'<span data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"앙UI\">' +\n\t\t\t\t'<span>앙UI</span>' +\n\t\t\t\t'</span>' +\n\t\t\t\t'</a></div>'\n\t\t);\n\t\t$(\"a[href='#memberOffcanvas']\").parent().before(angUI);\n\n\t\tvar angUIOffcanvas = $(\n\t\t\t'<style>#angUIOffcanvas .offcanvas-title .btn-menu {  display: none;}</style><div class=\"offcanvas offcanvas-end\" tabindex=\"-1\" id=\"angUIOffcanvas\" aria-labelledby=\"angUIOffcanvasLabel\" style=\"width:715px\"><div class=\"offcanvas-header\" style=\"border-bottom:1px solid #fff;margin-bottom:3px\"><h5 class=\"offcanvas-title px-2\" id=\"angUIOffcanvasLabel\"><div><span data-bs-title=\"앙UI 개인화 설정\"><span>앙UI 개인화 설정<sup style=\"padding-left:6px\"><span id=\"angVerNowChk\">'+ nowVer +'</span><span id=\"angVerNewChk\"></span><span id=\"angNeon\"></span></sup></span></span></div></h5><span><a href=\"/lecture/1124\" target=\"_top\"><i class=\"bi bi-question-lg\" style=\"font-size:19px\"></i></a><button type=\"button\" class=\"btn-close nofocus\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button></span></div><div class=\"offcanvas-body pt-0\">' +\n\t\t\t'<div id=\"angHistory\" style=\"background-color:#000;padding:10px;margin-bottom:5px;display:none\">'+ recentVerHis +'</div>' +\n\t\t\t\t/*개인화 설정 상세 start*/\n\t\t\t\t'<style> .ang-switch { cursor: pointer; } .fav-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; /* 요소들 간의 간격을 조절합니다. */ } .ang-input { display: block; width: 100%; padding: 0.175rem 0.75rem; font-size: 0.9rem; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .ang-select, .fav-select, .fav-use-select, .home-select, .rcmd-select { width: 100%; font-size: 0.9rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 0.175rem 0.75rem; } .fav-select, .fav-use-select { height: 200px; width: 100%; } .ang-button { display: block; width: 70px; margin-bottom: 10px; margin: 0px 4px 4px 4px; } .ang-apply-btn { width: 100%; height: 50px; margin: 0px 0px 0px 0px; background-color: #0b5ed7; border: 0px; font-size: 14pt; } .ang-list { list-style-type: none; } .ang-header { letter-spacing: 0.03125rem; font-weight: 600; padding: 15px 0px 5px 0px; margin-bottom: 6px; margin-top: 5px; font-size: 1.2rem; text-align: center; color: var(--bs-dropdown-header-color); border-bottom: 1px solid #fff; border-top: 0.1px solid #eee; } </style> <div> <button type=\"button\" id=\"btn_ang_apply\" accesskey=\"s\" class=\"ang-apply-btn\" onclick=\"saveAngUISetting()\">적용</button> </div> <div class=\"ang-header\">메인설정</div> <div class=\"px-3\"> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"top_menu_fixed\" class=\"col-sm-5 col-form-label\">상단 메뉴 고정</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"top_menu_fixed\" role=\"switch\" id=\"top_menu_fixed\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label for=\"change_home_link\" class=\"col-sm-5 col-form-label\">홈 링크 변경</label> <div class=\"col-sm-7\"> <select id=\"change_home_link\" class=\"ang-select home-select ang-ui\" name=\"change_home_link\"> <option value=\"\">홈(Home)</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label class=\"col-sm-5 col-form-label\">소모임 단축키 설정 (단축키 = 1)</label> <div class=\"col-sm-7\"> <select id=\"club_shortcut\" class=\"ang-select club_select ang-ui\" name=\"club_shortcut\"> <option value=\"\">선택하세요</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label class=\"col-sm-5 col-form-label\">소모임 단축키 설정 (단축키 = 2)</label> <div class=\"col-sm-7\"> <select id=\"club_shortcut\" class=\"ang-select club_select ang-ui\" name=\"club_shortcut\"> <option value=\"\">선택하세요</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label class=\"col-sm-5 col-form-label\">소모임 단축키 설정 (단축키 = 3)</label> <div class=\"col-sm-7\"> <select id=\"club_shortcut\" class=\"ang-select club_select ang-ui\" name=\"club_shortcut\"> <option value=\"\">선택하세요</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label class=\"col-sm-5 col-form-label\">소모임 단축키 설정 (단축키 = 4)</label> <div class=\"col-sm-7\"> <select id=\"club_shortcut\" class=\"ang-select club_select ang-ui\" name=\"club_shortcut\"> <option value=\"\">선택하세요</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label class=\"col-sm-5 col-form-label\">소모임 단축키 설정 (단축키 = 5)</label> <div class=\"col-sm-7\"> <select id=\"club_shortcut\" class=\"ang-select club_select ang-ui\" name=\"club_shortcut\"> <option value=\"\">선택하세요</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label class=\"col-sm-5 col-form-label\">소모임 단축키 설정 (단축키 = 6)</label> <div class=\"col-sm-7\"> <select id=\"club_shortcut\" class=\"ang-select club_select ang-ui\" name=\"club_shortcut\"> <option value=\"\">선택하세요</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label class=\"col-sm-5 col-form-label\">소모임 단축키 설정 (단축키 = 7)</label> <div class=\"col-sm-7\"> <select id=\"club_shortcut\" class=\"ang-select club_select ang-ui\" name=\"club_shortcut\"> <option value=\"\">선택하세요</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label class=\"col-sm-5 col-form-label\">소모임 단축키 설정 (단축키 = 8)</label> <div class=\"col-sm-7\"> <select id=\"club_shortcut\" class=\"ang-select club_select ang-ui\" name=\"club_shortcut\"> <option value=\"\">선택하세요</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label class=\"col-sm-5 col-form-label\">모든메뉴 단축키 설정 (단축키 = 9)</label> <div class=\"col-sm-7\"> <select id=\"club_shortcut\" class=\"ang-select all-select ang-ui\" name=\"club_shortcut\"> <option value=\"/\">홈(Home)</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"total_txt_cmmt_mnu\" class=\"col-sm-5 col-form-label\">프로필 박스에 내 글 / 내 댓글 표시</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"total_txt_cmmt_mnu\" role=\"switch\" id=\"total_txt_cmmt_mnu\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"change_side_menu_bg\" class=\"col-sm-5 col-form-label\">사이드 메뉴 배경색 설정</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"change_side_menu_bg\" role=\"switch\" id=\"change_side_menu_bg\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"favorites_use\" class=\"col-sm-5 col-form-label\">즐겨찾기 메뉴 설정</label> <div class=\"col-sm-7\"> <div class=\"fav-container\"> <select id=\"favorites_list\" class=\"fav-select\" name=\"favorites_list\" multiple></select> <div> <button id=\"moveUpAngBtn\" class=\"btn btn-basic ang-button\">▲</button> <button id=\"addAngBtn\" class=\"btn btn-basic ang-button\">추가</button> <button id=\"delAngBtn\" class=\"btn btn-basic ang-button\">삭제</button> <button id=\"moveDownAngBtn\" class=\"btn btn-basic ang-button\">▼</button> </div> <select id=\"favorites_use\" class=\"fav-use-select ang-ui\" name=\"favorites_use\" multiple></select> </div> </div> </div> </li> </div> <div class=\"ang-header\">글 조회 화면 설정</div> <div class=\"px-3\"> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"remove_bottom_list\" class=\"col-sm-5 col-form-label\">조회화면 하단 게시글 목록 삭제</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"remove_bottom_list\" role=\"switch\" id=\"remove_bottom_list\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"move_up_comment\" class=\"col-sm-5 col-form-label\">댓글 입력창 본문 아래로 이동</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"move_up_comment\" role=\"switch\" id=\"move_up_comment\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"move_up_attach\" class=\"col-sm-5 col-form-label\">첨부파일 위치 제목 아래로 이동</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"move_up_attach\" role=\"switch\" id=\"move_up_attach\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"writer_txt_cmmt_list_view\" class=\"col-sm-5 col-form-label\">작성자의 작성글 / 댓글 보여주기</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"writer_txt_cmmt_list_view\" role=\"switch\" id=\"writer_txt_cmmt_list_view\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row\"> <label for=\"move_to_comment_btn\" class=\"col-sm-5 col-form-label\"> 댓글 버튼그룹 댓글 프로필 우측으로 이동<br />(답글, 신고, 차단, 추천, 수정, 삭제) </label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"move_to_comment_btn\" role=\"switch\" id=\"move_to_comment_btn\" style=\"top: 15px; position: relative\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"change_comment_color\" class=\"col-sm-5 col-form-label\">글 주인이 쓴 댓글 내가 쓴댓글 강조</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"change_comment_color\" role=\"switch\" id=\"change_comment_color\" /> </div> </div> </div> </li> </div> <div class=\"ang-header\">글 목록 화면 설정</div> <div class=\"px-3\"> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"change_num_to_rcmd\" class=\"col-sm-5 col-form-label\">추천수 앞으로 이동 / 컬러 세트 설정</label> <div class=\"col-sm-7\"> <select id=\"change_num_to_rcmd\" name=\"change_num_to_rcmd\" class=\"rcmd-select ang-ui\"> <option value=\"\">미사용</option> <option value=\"blue\">blue</option> <option value=\"red\">red</option> <option value=\"green\">green</option> <option value=\"brown\">brown</option> <option value=\"purple\">purple</option> <option value=\"colorful\">colorful</option> </select> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"my_text_emphasis\" class=\"col-sm-5 col-form-label\">게시글 목록에서 내가 쓴 글 강조</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"my_text_emphasis\" role=\"switch\" id=\"my_text_emphasis\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"my_text_button\" class=\"col-sm-5 col-form-label\">목록 화면 \"내 글\" 버튼 활성화</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"my_text_button\" role=\"switch\" id=\"my_text_button\" /> </div> </div> </div> </li> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"hoobang_use\" class=\"col-sm-5 col-form-label\">후방글 노출 여부</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"hoobang_use\" role=\"switch\" id=\"hoobang_use\" /> </div> </div> </div> </li> </div> <div class=\"ang-header\">글 쓰기 화면 설정</div> <div class=\"px-3\"> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label for=\"add_write_btn\" class=\"col-sm-5 col-form-label\">글쓰기시 작성완료 버튼 제목 옆에도 노출</label> <div class=\"col-sm-7\"> <div class=\"form-check form-switch form-check-inline\"> <input class=\"form-check-input ang-switch ang-ui\" type=\"checkbox\" name=\"add_write_btn\" role=\"switch\" id=\"add_write_btn\" /> </div> </div> </div> </li> </div> <div class=\"ang-header\">Passive 기능(무조건 적용)</div> <div class=\"px-3\"> <li class=\"ang-list\"> <div class=\"row align-items-center\"> <label class=\"col-sm-7 col-form-label\">[사이드메뉴] 다모앙에서 제공하는 내 글 | 내 댓글 UI 변경</label> <label class=\"col-sm-7 col-form-label\">[조회] 목록 버튼 클릭시 조회중이던 페이지 번호로 이동</label> <label class=\"col-sm-7 col-form-label\">[조회] 이전글/다음글/목록 버튼 영역 위쪽에도 추가</label> </div> </li> </div> <div> <button type=\"button\" id=\"btn_ang_apply\" accesskey=\"s\" class=\"ang-apply-btn\" onclick=\"saveAngUISetting()\">적용</button> </div>'\n\t\t\t/*개인화 설정 상세 end */\n\t\t);\n\t\t$('#menuOffcanvas').after(angUIOffcanvas);\n\t\tdocument.getElementById('club_shortcut').addEventListener('input', function() {\n\t    var input = this.value.toLowerCase(); // 사용자 입력을 소문자로 변환합니다.\n\t    var options = document.querySelectorAll('#filterSelect option');\n\t\n\t    options.forEach(function(option) {\n\t        var text = option.text.toLowerCase(); // 옵션 텍스트를 소문자로 변환합니다.\n\t        var display = text.includes(input) ? 'block' : 'none'; // 입력이 포함된 옵션만 보이도록 설정합니다.\n\t        option.style.display = display;\n\t    });\n\t});\n\t}\n}\n\n/*==============================================\n\t\t다모앙 앙UI 개인화 설정 화면을 사용하시고\n\t\t이곳에선 아무것도 수정하지 마세요\n==============================================*/\n\n//기능 실행체크용 로컬 데이터 세팅\nif(formData !== \"\"){\n\tvalAngNewVer = formData[\"ang_new_ver\"];\n\tvalAddWriteBtn = formData[\"add_write_btn\"];\n\tvalChangeCommentColor = formData[\"change_comment_color\"];\n\tvalChangeHomeLink = formData[\"change_home_link\"];\n\tvalChangeNumToRcmd = formData[\"change_num_to_rcmd\"];\n\tvalChangeSideMenuBg = formData[\"change_side_menu_bg\"];\n\tvalClubShortcut = formData[\"club_shortcut\"];\n\tvalFavoritesUse = formData[\"favorites_use\"];\n\tvalHoobangUse = formData[\"hoobang_use\"];\n\tvalMoveToCommentBtn = formData[\"move_to_comment_btn\"];\n\tvalMoveUpAttach = formData[\"move_up_attach\"];\n\tvalMoveUpComment = formData[\"move_up_comment\"];\n\tvalMyTextButton = formData[\"my_text_button\"];\n\tvalMyTextEmphasis = formData[\"my_text_emphasis\"];\n\tvalRemoveBottomList = formData[\"remove_bottom_list\"];\n\tvalTopMenuFixed = formData[\"top_menu_fixed\"];\n\tvalTotalTxtCmmtMnu = formData[\"total_txt_cmmt_mnu\"];\n\tvalWriterTxtCmmtListView = formData[\"writer_txt_cmmt_list_view\"];\n}\n\nangUIPdsLoad();\n\n//[메인] 다모앙 홈 클릭시 원하는 페이지 열기\nchangeHomeLink(true, (valChangeHomeLink[0] === \"\") ? \"\" : valChangeHomeLink);\n\n// [탑메뉴] 상단 메뉴 고정\ntopMenuFixed(valTopMenuFixed);\n\n// [메인] 앙 UI 설정 개인화\nshowAngUISetting(true);\n/*---------------------------------------------*/\n\n\n\n// [사이드메뉴] 소모임 바로가기 단축키 지정\nif(valClubShortcut.length !== 0) {\n\tclubShortcut(true, valClubShortcut);\n}\n\n// [사이드메뉴] [새글] 내 글|내 댓글 UI 및 내용 수정\nmyTextCmmtUIMod(true);\n\n//[사이드메뉴] 사이드바 메뉴 즐겨찾기 설정\nif(valFavoritesUse.length !== 0) {\n\tfavoritesUse(true, valFavoritesUse);\n} else {\n\tfavoritesUse(false, valFavoritesUse);\n}\n\n\n// [사이드메뉴] 메뉴 영역이 배경과 구분되게 색상 변경\nchangeSideMenuBg(valChangeSideMenuBg);\n\n// [프로필 박스] 프로필 박스에 내 글 | 내 댓글 메뉴 추가\ntotalTxtCmmtMnu(valTotalTxtCmmtMnu);\n\n/*---------------------------------------------*/\n\n// [조회]조회화면 하단 게시물 목록 삭제\nremoveBottomList(valRemoveBottomList);\n\n// [조회]댓글 입력창 본문 아래로 위치 변경\nmoveUpComment(valMoveUpComment);\n\n// [조회]첨부파일 위치 위쪽(제목 아래)으로 이동\nmoveUpAttach(valMoveUpAttach);\n\n// [조회] 글 조회시 작성자의 작성글/댓글을 보여주는 기능\nwriterTxtCmmtListView(valWriterTxtCmmtListView);\n\n// [조회] 목록 버튼 클릭시 조회중이던 페이지로 이동 기능\nlistBtnPaging(true);\n\n// [조회] 이전글/다음글/목록 버튼 영역 위쪽에도 추가\naddUpBtnGroup(true);\n\n// [조회] 댓글 버튼 위치 이동(댓글 작성자 정보 우측으로)\nmoveToCommentBtn(valMoveToCommentBtn);\n\n// [조회] 글 주인이 쓴 댓글, 내가 쓴 댓글 강조하기\nchangeCommentColor(valChangeCommentColor);\n/*---------------------------------------------*/\n\n// [목록] 게시물 목록 추천 <> 번호 자리 바꾸기\nif(valChangeNumToRcmd[0] !== \"\") {\n\tchangeNumToRcmd(true, valChangeNumToRcmd);\n} else{\n\t$(\".wr-num\").css(\"visibility\",\"visible\");\n\t$(\".col-1.wr-no.d-none.d-md-block\").css(\"visibility\",\"visible\");\n}\n\n// [목록] 게시글 목록에서 내가 작성한 글 강조하기\nmyTextEmphasis(valMyTextEmphasis);\n\n// [목록] 목록화면 \"내 글\" 버튼 활성화\nmyTextButton(valMyTextButton);\n\n// [목록] 후방글 노출 여부 설정\nhoobangUse(valHoobangUse);\n\n/*---------------------------------------------*/\n\n// [쓰기] 글 작성시 작성완료 버튼 제목 옆에도 나오도록 추가\naddWriteBtn(valAddWriteBtn);","scss":"/*=========================================\r\n\t아무것도 수정하지마세요\r\n===========================================*/\r\n\r\n/*\r\n\r\n// [공식]웹페이지 가로폭 변경\r\n.container {\r\n    max-width: 1400px !important;\r\n}\r\n\r\n// [공식]글씨 크기 변경입니다. 0.8em 1.1 등등으로 변경하시면 돼요\r\n:root {\r\n--bs-body-font-size: 0.9em;//글자크기\r\n--bs-body-line-height: 1.3;//줄간격\r\n}\r\n\r\n//\t[공식]메뉴 위치 변경(order 0: 왼쪽, 2: 오른쪽)\r\n.order-1 {\r\n    padding-left:20px;\r\n}\r\n\r\n.col-lg-9 {\r\n    width:80%;\r\n}\r\n\r\n.order-2 {\r\n    order: 0 !important;\r\n    background: rgb(255,255,255);\r\n    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);\r\n    border-right:1px solid #333;\r\n    width:20%;\r\n}\r\n\r\n// [공식]검색메뉴 항상 보임\r\n#boardSearch {\r\n  display: block;\r\n}\r\n*/\r\n\r\n\r\n/* 댓글 버튼 위치 변경 */\r\n// .comment-content.p-3 {\r\n// \tdisplay: flex;\r\n// \tjustify-content: space-between;\r\n// }\r\n\r\n// .comment-content.p-3 .na-convert {\r\n// \tmax-width: 700px;\r\n// }\r\n\r\n// .comment-content.p-3 div.d-flex.justify-content-between.mt-3 {\r\n// \theight: 31px;\r\n// \tmin-width: 235px;\r\n// \tmargin-top: 0px !important;\r\n// }\r\n\r\n/* 추천 버튼 배경색 변경\r\n   - 원하는 색상으로 변경하세요\r\n   - 원래 색상 쓰고 싶으신 경우 삭제 또는 주석(앞에 // 슬래시 2개) 하세요\r\n*/\r\nbutton[title='추천']{\r\n\tbackground-color: #dc3545\r\n}\r\n\r\n// 나의 프로필 숨기기(이미지, 이름) : 필요에 따라 둘 중에 하나만 활성화 하세요\r\n#main-wrap .container .sticky-top.py-3 .d-flex.align-items-center.my-2 {\r\n\t//display: none !important; //프로필 숨기기\r\n\tdisplay: block; // 프로필 보기\r\n}\r\n\r\n// 사이드메뉴 관련(수정금지)\r\n#sidebar-site-menu {\r\n\tdisplay: none;\r\n}\r\n\r\n// 게시판 목록 다시그리기 관련(수정금지)\r\n.hd-wrap .col-1{\r\n\twidth: 50px;\r\n}\r\n.col-1.wr-no.d-none.d-md-block {\r\n\t//display: none !important;\r\n\twidth: 50px;\r\n\tvisibility: hidden;\r\n}\r\n.wr-num {\r\n\tvisibility: hidden\r\n}\r\n\r\n.neon {\r\n  color: #fff;\r\n  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;\r\n}\r\n\r\n.filter-item {\r\n    display: block;\r\n}\r\n\r\n\r\n/* 모바일 대응 */\r\n// .ang-menu-icon {\r\n//     display: none;\r\n//     background-color: var(--bs-body-color);\r\n//     cursor: pointer;\r\n//     border: 1px solid #fff;\r\n//     border-radius: 50%;\r\n//     width: 50px;\r\n//     height: 50px;\r\n// }\r\n\r\n// .ang-menu-icon span {\r\n//     background-color: #333;\r\n//     display: block;\r\n//     width: 25px;\r\n//     height: 3px;\r\n//     margin-bottom: 5px;\r\n// }\r\n\r\n.ang-menu-icon {\r\n    position: relative;\r\n    width: 50px;\r\n    height: 50px;\r\n    background-color: var(--bs-body-color);\r\n    border: 1px solid #fff;\r\n    border-radius: 50%;\r\n}\r\n\r\n.ang-menu-icon span {\r\n    background-color: #333;\r\n    display: block;\r\n    width: 25px;\r\n    height: 3px;\r\n    margin-bottom: 5px;\r\n    position: relative;\r\n    top: 30%;\r\n    left: 25%;\r\n}\r\n\r\n.ang-mobile-menu {\r\n    position: fixed;\r\n    top: 48px;\r\n    left: -250px;\r\n    width: 250px;\r\n    height: 100%;\r\n    background-color: var(--bs-body-bg);\r\n    transition: left 0.3s ease;\r\n    overflow-y: auto;\r\n    border-right: 1px solid #3f3f3f;\r\n    z-index: 9000;\r\n}\r\n\r\n.ang-mobile-menu ul {\r\n    list-style: none;\r\n    padding: 0;\r\n}\r\n\r\n.ang-mobile-menu ul li {\r\n    padding: 15px;\r\n}\r\n\r\n.ang-mobile-menu ul li a {\r\n    color: #fff;\r\n    text-decoration: none;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .ang-menu-icon {\r\n        display: block;\r\n    }\r\n    .ang-mobile-menu {\r\n        left: -100%;\r\n    }\r\n}\r\n","libs":["jQuery 3"],"updatedAt":1714669388588}],"libs":[{"isDefault":true,"name":"jQuery 3","src":"@extension@jquery.min.js"}],"version":10,"sync":{"chunkLen":5,"id":"0ceae02a-4790-479d-9d73-c6628f1c4cf3","lastEmitterId":"20c8125d-ab1c-4c3a-8883-404839e1299e","updatedAt":1714637017034}}