/** * CTRL AI global styles (migrated from Elementor Additional CSS #2382) */ :root { --ctrl-bg-main: #f1f3f5; --ctrl-bg-sub: #e5e7eb; --ctrl-bg-card: #f8fafc; --ctrl-text-main: #111827; --ctrl-text-sub: #374151; --ctrl-text-muted: #6b7280; --ctrl-border: #cbd5e1; --ctrl-accent: #ffdd57; --ctrl-blue: #3b82f6; --ctrl-blue-hover: #2563eb; --ctrl-danger: #d64545; --ctrl-danger-bg: #fff1f1; --ctrl-hover: #dde3ea; --ctrl-button-bg: #e2e8f0; --ctrl-button-hover: #cfd8e3; --ctrl-button-text: #1f2937; } body.ctrlai-dark-mode { --ctrl-bg-main: #141c29; --ctrl-bg-sub: #1e2a3e; --ctrl-bg-card: #172130; --ctrl-text-main: #ffffff; --ctrl-text-sub: #d0d7e1; --ctrl-text-muted: #8894a8; --ctrl-border: #4a5b75; --ctrl-accent: #ffdd57; --ctrl-blue: #3b82f6; --ctrl-blue-hover: #2563eb; --ctrl-danger: #ff7c7c; --ctrl-danger-bg: #3a2020; --ctrl-hover: #223149; --ctrl-button-bg: #223149; --ctrl-button-hover: #2c3d57; --ctrl-button-text: #ffffff; } body.ctrlai-light-mode, body:not(.ctrlai-dark-mode) { --ctrl-bg-main: #f1f3f5; --ctrl-bg-sub: #e5e7eb; --ctrl-bg-card: #f8fafc; --ctrl-text-main: #111827; --ctrl-text-sub: #374151; --ctrl-text-muted: #6b7280; --ctrl-border: #cbd5e1; --ctrl-accent: #ffdd57; --ctrl-blue: #3b82f6; --ctrl-blue-hover: #2563eb; --ctrl-danger: #d64545; --ctrl-danger-bg: #fff1f1; --ctrl-hover: #dde3ea; --ctrl-button-bg: #e2e8f0; --ctrl-button-hover: #cfd8e3; --ctrl-button-text: #1f2937; } /* =================================================================== [02] ?? ?c$? rnլ: rnլ ?? ?????c$(`??C ? ńT B [?% =================================================================== */ .kboard-avatar, img.avatar, .kboard-user-profile-image, .comments-list-author .kboard-avatar, .kboard-default-view .kboard-view-user-info .kboard-avatar, .kboard-default-cut-strings img { display: none !important; } .kboard-default-cut-strings img.mycred-rank-icon, .kboard-user-display img.mycred-rank-icon { display: inline-block !important; } /* =================================================================== [03] ?J ??rnլ ۊ̬ /rn?/K rnլ: Elementor, [?? L ???rnլ ۊ̬ (`?????1= ?* =================================================================== */ body, .elementor-section, .elementor-column, .elementor-widget-container, #kboard-document, #kboard-default-document, .kboard-document-wrap, .kboard-form { background-color: var(--ctrl-bg-main) !important; color: var(--ctrl-text-main) !important; } /* ? ?H0?ɿ??rn?c$? ??B ??# B */ body:not(.ctrlai-dark-mode), body:not(.ctrlai-dark-mode) h1, body:not(.ctrlai-dark-mode) h2, body:not(.ctrlai-dark-mode) h3, body:not(.ctrlai-dark-mode) h4, body:not(.ctrlai-dark-mode) h5, body:not(.ctrlai-dark-mode) h6, body:not(.ctrlai-dark-mode) p, body:not(.ctrlai-dark-mode) span, body:not(.ctrlai-dark-mode) li, body:not(.ctrlai-dark-mode) strong, body:not(.ctrlai-dark-mode) em, body:not(.ctrlai-dark-mode) div, body:not(.ctrlai-dark-mode) a { color: var(--ctrl-text-main); } /* =================================================================== [04] rn?̬ ?2 ?}1??? rnլ: ?I0, [,? ?a,, ?, ?.R??ۊ ?}1????% =================================================================== */ .kboard-form { padding: 10px 0; } .dc-title-box { background-color: var(--ctrl-bg-sub); border: 1px solid var(--ctrl-border); margin-bottom: 15px; } .dc-title-box input { background: transparent !important; border: 0 !important; color: var(--ctrl-text-main) !important; font-size: 15px !important; width: 100% !important; height: 40px !important; padding: 0 15px !important; box-shadow: none !important; } .dc-warning-box { font-size: 13px; color: var(--ctrl-text-sub); line-height: 1.6; padding-left: 5px; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid var(--ctrl-border); } .dc-ad-box { background-color: var(--ctrl-bg-sub); border: 1px solid var(--ctrl-border); height: 100px; display: flex; align-items: center; justify-content: center; color: var(--ctrl-text-muted); margin-bottom: 15px; } .dc-toolbar-box { display: flex; gap: 5px; padding-bottom: 5px; } .dc-tool-btn { background-color: var(--ctrl-button-bg) !important; color: var(--ctrl-button-text) !important; border: 1px solid var(--ctrl-border) !important; padding: 5px 12px !important; font-size: 13px !important; font-weight: bold !important; cursor: pointer; } .dc-tool-btn:hover { background-color: var(--ctrl-button-hover) !important; } .dc-editor-box { border: 1px solid var(--ctrl-border); background-color: var(--ctrl-bg-sub); margin-bottom: 15px; } /* =================================================================== [05] [rn B / ?? ?2 rnլ: rn ?I0, ?m?, B&, ?? 1uJ??ۊ̬ (`?rn?/K ?* =================================================================== */ .kboard-title, .kboard-title h1 { background-color: var(--ctrl-bg-main) !important; color: var(--ctrl-text-main) !important; border-bottom: 1px solid var(--ctrl-border) !important; } .kboard-detail { background-color: var(--ctrl-bg-main) !important; border-bottom: 1px solid var(--ctrl-border) !important; color: var(--ctrl-text-main) !important; } .kboard-detail .detail-name { color: var(--ctrl-text-muted) !important; } .kboard-content { background-color: var(--ctrl-bg-main) !important; color: var(--ctrl-text-main) !important; } .kboard-comments-default, .kboard-comments-default .comments-list, .kboard-comments-default .comments-list-item { background-color: var(--ctrl-bg-card) !important; color: var(--ctrl-text-main) !important; border-top: 1px solid var(--ctrl-border) !important; } /* =================================================================== [06] pu / ?, 0ɴ rnլ: pu, ?, 0ɴ ?I ?P(`??1= (` =================================================================== */ .kboard-vote-action-box { display: flex; gap: 15px; justify-content: center; margin: 30px 0; } .kboard-vote-btn { width: 100px; height: 70px; border-radius: 8px; color: #ffffff !important; font-weight: bold; font-size: 16px; cursor: pointer; } .kboard-vote-like { background-color: #4a5b75 !important; } .kboard-vote-report { background-color: #754a4a !important; } /* =================================================================== [07] rnլ [??x$ ?I ?P rnլ: rnլ KBoard 1uJ? ???Hl, ?9, ?f??? ?% =================================================================== */ #kboard-default-list .kboard-list table { table-layout: fixed !important; width: 100% !important; } #kboard-default-list table td { padding: 6px 0 !important; font-size: 13px !important; vertical-align: middle !important; color: var(--ctrl-text-main) !important; } .kboard-list-uid { width: 60px !important; text-align: center !important; } .kboard-list-category1 { width: 100px !important; text-align: center !important; } .kboard-list-user { width: 140px !important; } .kboard-list-date { width: 90px !important; text-align: center !important; } .kboard-list-vote, .kboard-list-view { width: 50px !important; text-align: center !important; } #kboard-default-list td.kboard-list-user { white-space: nowrap !important; } #kboard-default-list td.kboard-list-user img.mycred-rank-icon { width: 20px !important; height: 20px !important; margin-right: 5px !important; } #kboard-default-list td.kboard-list-user a { display: inline-block !important; max-width: 120px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: var(--ctrl-text-main) !important; } .kboard-list-user .mycred-rank-name, .kboard-list-user small { display: none !important; } #kboard-default-list thead th:nth-child(3), #kboard-default-list thead th:nth-child(4), #kboard-default-list td.kboard-list-category1, #kboard-default-list td.kboard-list-user { color: var(--ctrl-text-main) !important; } /* =================================================================== [08] [??(`; ?{1 rnլ: [???I0, ?{1x ??????1=/Z ?% =================================================================== */ .dc-board-header { padding: 15px 0 10px; border-bottom: 1px solid var(--ctrl-border); margin-bottom: 15px; } .dc-board-title { font-size: 22px; font-weight: bold; color: var(--ctrl-text-main); margin-bottom: 5px; } .dc-board-desc { font-size: 13px; color: var(--ctrl-text-muted); line-height: 1.5; } /* =================================================================== [09] ?{1 ? / ? rnլ: [??? ?I0, ?{1x, 0ɴ, ?<"?|1 ?}1????% =================================================================== */ .arca-header-wrapper { margin-bottom: 20px; font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; padding: 0 5px; background: transparent !important; } .arca-board-info { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid var(--ctrl-border); } .arca-title-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } .arca-title-row h2 { font-size: 28px !important; font-weight: 800 !important; color: var(--ctrl-text-main) !important; margin: 0 !important; line-height: 1.2; } .arca-title-row h2 a { color: var(--ctrl-text-main) !important; text-decoration: none; } .arca-desc-row { font-size: 14px; color: var(--ctrl-text-muted); padding-left: 2px; } .arca-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; flex-wrap: wrap; gap: 10px; background-color: transparent !important; } .arca-left-tools { display: flex; gap: 8px; align-items: center; } /* =================================================================== [10] (`; 0ɴ ?}1??? rnլ: ?|1/???0ɴ ?|1]o??J ??0ɴ ?ܮ ?* =================================================================== */ .arca-btn, .kboard-ctrlai-btn, .tool-btn, .view-all-btn-news, .dc-tool-btn, button:not(.slider):not(.close-btn) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 16px; min-height: 38px; font-size: 14px; font-weight: bold; border-radius: 6px; text-decoration: none !important; transition: all 0.2s; cursor: pointer; box-sizing: border-box; background: var(--ctrl-button-bg) !important; color: var(--ctrl-button-text) !important; border: 1px solid var(--ctrl-border) !important; } .arca-btn:hover, .kboard-ctrlai-btn:hover, .tool-btn:hover, .view-all-btn-news:hover, .dc-tool-btn:hover, button:not(.slider):not(.close-btn):hover { background: var(--ctrl-button-hover) !important; color: var(--ctrl-button-text) !important; } /* Z 0ɴ? Bĸ ?? */ .arca-btn-write { background-color: var(--ctrl-blue) !important; color: #ffffff !important; border: 0 !important; } .arca-btn-write:hover { background-color: var(--ctrl-blue-hover) !important; } .arca-btn-concept { border: 1px solid #ff5e5e !important; color: #ff5e5e !important; background: transparent !important; } .arca-btn-concept.active { background-color: #ff5e5e !important; color: #ffffff !important; } .arca-btn-all, .arca-btn-all.active { background: var(--ctrl-button-bg) !important; color: var(--ctrl-button-text) !important; border-color: var(--ctrl-border) !important; } /* =================================================================== [11] ?<"?|1 ??2ô rnլ: [???c ??2ô ????% =================================================================== */ .arca-select-wrap { position: relative; display: inline-block; } .arca-select-wrap select { appearance: none !important; -webkit-appearance: none !important; height: 38px !important; padding: 0 35px 0 15px !important; background-color: var(--ctrl-bg-card) !important; border: 1px solid var(--ctrl-border) !important; color: var(--ctrl-text-main) !important; font-size: 13px !important; border-radius: 4px !important; cursor: pointer; outline: none; font-weight: bold; min-width: 100px; } .arca-select-wrap select:hover { background-color: var(--ctrl-hover) !important; border-color: var(--ctrl-border) !important; } .arca-select-wrap::after { content: "??; font-size: 10px; color: var(--ctrl-text-muted); position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; } /* =================================================================== [12] ?a, / ?H ۊ rnլ: ?a, ۊ ۊ??H yv???|1 n?ۊ̬ ?E =================================================================== */ .arca-ad-banner, .kboard-notice-row td, .dc-ad-box, .dc-title-box, .dc-editor-box, .kboard-comments-default, .kboard-comments-default .comments-list-item { background-color: var(--ctrl-bg-card) !important; color: var(--ctrl-text-main) !important; border-color: var(--ctrl-border) !important; } .elementor-widget-container, .elementor-column-wrap, .elementor-column { background: transparent !important; } /* =================================================================== [13] CtrlAI |1? 1uJ??? ɑ? rnլ: x$ ? ɑ?ۊ̬ , ?, ˮ?, ?? ???}1????% =================================================================== */ #kboard-ctrlai-list { font-family: 'Pretendard', sans-serif; } .kboard-list-table { width: 100%; border-collapse: collapse; text-align: center; border-top: 2px solid var(--ctrl-border); margin-bottom: 15px; } .kboard-list-table th { padding: 10px 0; border-bottom: 1px solid var(--ctrl-border); font-size: 13px; color: var(--ctrl-text-sub); font-weight: normal; background: var(--ctrl-bg-main); } .kboard-list-table td { padding: 8px 0; border-bottom: 1px solid var(--ctrl-border); font-size: 13px; color: var(--ctrl-text-main); background: var(--ctrl-bg-main); } .kboard-list-table tbody tr:hover td { background-color: var(--ctrl-hover); } .col-uid { width: 8%; } .col-title { width: 55%; text-align: left !important; padding-left: 10px !important; } .col-author { width: 15%; } .col-date { width: 10%; } .col-view { width: 6%; } .col-vote { width: 6%; } .notice-badge { background-color: #e53e3e; color: white; padding: 2px 6px; border-radius: 3px; font-size: 11px; font-weight: bold; } .kboard-new-icon { color: var(--ctrl-accent); font-weight: bold; font-size: 11px; margin-left: 3px; } .kboard-list-table a { text-decoration: none; color: var(--ctrl-text-main); display: block; } .kboard-list-table a:hover { color: var(--ctrl-text-main); text-decoration: underline; } .kboard-comments-count { color: var(--ctrl-accent); font-weight: bold; font-size: 12px; margin-left: 5px; } /* =================================================================== [14] ? ˮ? rnլ: (` ? / ?J??? ?Ć ?}1??? =================================================================== */ .ctrlai-tags-wrap { margin-left: 8px; } .ctrlai-official-tag { display: inline-block; background-color: #ffdd57; color: #1e2a3e; padding: 1px 6px; border-radius: 4px; font-size: 11px; font-weight: bold; margin-right: 4px; vertical-align: text-bottom; } .ctrlai-user-tag { display: inline-block; background-color: var(--ctrl-bg-sub); color: var(--ctrl-text-muted); border: 1px solid var(--ctrl-border); padding: 1px 6px; border-radius: 4px; font-size: 11px; margin-right: 4px; vertical-align: text-bottom; } /* =================================================================== [15] ? 0ɴ / [??/ ? ?|1 ?? rnլ: ? f$ôo????0ɴ, [?2 , ? 0J ?}1??? =================================================================== */ .kboard-control { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .kboard-search-select, .kboard-search-input { background: var(--ctrl-bg-card); color: var(--ctrl-text-main); border: 1px solid var(--ctrl-border); padding: 5px; border-radius: 3px; } .kboard-pagination-pages { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 5px; } .kboard-pagination-pages li a { padding: 5px 10px; border: 1px solid var(--ctrl-border); border-radius: 3px; color: var(--ctrl-text-main); text-decoration: none; background: var(--ctrl-bg-card); } .kboard-pagination-pages li.active a, .kboard-pagination-pages li a:hover { background-color: var(--ctrl-hover); color: var(--ctrl-text-main); } /* =================================================================== [16] y$(TOC) rnլ: y$ ?-9m$ ۊ ?1=(`? ?}1????% =================================================================== */ #ez-toc-container, .ez-toc-v2_0_63 { background-color: var(--ctrl-bg-card) !important; border: 1px solid var(--ctrl-border) !important; padding: 15px !important; border-radius: 6px; font-family: 'Pretendard', sans-serif; margin-top: 20px; margin-bottom: 20px; } #ez-toc-container .ez-toc-title, .ez-toc-title-container .ez-toc-title { color: var(--ctrl-text-main) !important; font-size: 16px !important; font-weight: bold !important; } #ez-toc-container nav li a, .ez-toc-list li a { color: var(--ctrl-text-main) !important; text-decoration: none !important; font-size: 14px; line-height: 1.8; } #ez-toc-container nav li a:hover, .ez-toc-list li a:hover { color: var(--ctrl-accent) !important; text-decoration: underline !important; } .ez-toc-title-toggle i { color: var(--ctrl-text-muted) !important; } /* =================================================================== [17] ?c rnլ: ?J ??? ?c??ۊ̬ , ??? o,, ?}1????% =================================================================== */ .ctrlai-footer { background-color: var(--ctrl-bg-main); color: var(--ctrl-text-main); border-top: 1px solid var(--ctrl-border); padding: 50px 20px 40px; font-family: 'Pretendard', 'Apple SD Gothic Neo', sans-serif; font-size: 13px; line-height: 1.6; } .ctrlai-footer-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; } .ctrlai-footer h2 { font-size: 24px !important; margin: 0 0 15px 0 !important; background: linear-gradient(90deg, var(--ctrl-text-main) 0%, var(--ctrl-text-muted) 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block !important; font-weight: 800 !important; letter-spacing: -0.03em !important; } .ctrlai-footer h4 { font-size: 14px !important; font-weight: bold !important; color: var(--ctrl-text-main) !important; margin: 0 0 20px 0 !important; text-transform: uppercase; } .ctrlai-footer p { color: var(--ctrl-text-muted); margin: 0 0 15px 0; } .ctrlai-system-status { display: flex; align-items: center; gap: 8px; color: var(--ctrl-text-sub); font-weight: bold; margin-bottom: 25px; } .status-dot { width: 8px; height: 8px; background-color: #22c55e; border-radius: 50%; display: inline-block; box-shadow: 0 0 8px rgba(34, 197, 94, 0.6); } .version-badge { background-color: var(--ctrl-bg-sub); color: var(--ctrl-text-main); padding: 2px 6px; border-radius: 4px; font-size: 11px; margin-left: 4px; border: 1px solid var(--ctrl-border); } .ctrlai-copyright { font-size: 12px; color: var(--ctrl-text-muted) !important; margin-bottom: 0 !important; } .ctrlai-footer ul { list-style: none; padding: 0; margin: 0; } .ctrlai-footer ul li { margin-bottom: 12px; } .ctrlai-footer ul li a { color: var(--ctrl-text-muted); text-decoration: none; transition: none; } .ctrlai-footer ul li a.highlight-link { color: var(--ctrl-accent); font-weight: bold; } /* =================================================================== [18] ?Z? rnլ: k ?I*?v , ?{1?I , ?}1????% =================================================================== */ .hamburger-btn:hover { color: var(--ctrl-accent) !important; } .menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .menu-overlay.active { opacity: 1; visibility: visible; } .side-menu-panel { position: fixed; top: 0; left: -320px; width: 320px; height: 100vh; background: var(--ctrl-bg-main); z-index: 9999; transition: left 0.3s ease; box-shadow: 5px 0 15px rgba(0,0,0,0.25); display: flex; flex-direction: column; text-align: left; } .side-menu-panel.active { left: 0; } .side-menu-header { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid var(--ctrl-border); background: var(--ctrl-bg-sub); } .side-menu-header h3 { color: var(--ctrl-text-main); margin: 0; font-size: 18px; font-weight: 900; letter-spacing: 1px; line-height: 1; } .close-btn { background: none; border: none; color: var(--ctrl-text-muted); font-size: 22px; cursor: pointer; padding: 0; transition: 0.2s; line-height: 1; } .close-btn:hover { color: var(--ctrl-accent); transform: rotate(90deg); } .side-menu-content { padding: 25px 20px; overflow-y: auto; flex-grow: 1; } .menu-section { margin-bottom: 30px; } .menu-section h4 { color: var(--ctrl-text-muted); font-size: 12px; margin: 0 0 12px 0; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } .menu-section ul { list-style: none; padding: 0; margin: 0; } .menu-section ul li { margin-bottom: 5px; } .menu-section ul li a { display: block; color: var(--ctrl-text-main); text-decoration: none; font-size: 15px; font-weight: 500; padding: 8px 10px; border-radius: 4px; transition: all 0.2s; } .menu-section ul li a:hover { background: var(--ctrl-bg-sub); color: var(--ctrl-accent); padding-left: 15px; } /* =================================================================== [19] ?{1 ?I ?P rnլ: ?J ??? ?{1, [?19, ?9 cJ B =================================================================== */ .ctrlai-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 15px !important; background: var(--ctrl-bg-main) !important; } .header-left, .header-right { width: auto !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; gap: 10px !important; } .header-center { flex-grow: 1 !important; width: auto !important; margin: 0 15px !important; max-width: 500px; background: transparent !important; } /* =================================================================== [20] d$??ۊ?? rnլ: d$?ɿ???c, , [??yv???I ?P? ? =================================================================== */ @media (max-width: 768px) { .ctrlai-footer-container { grid-template-columns: 1fr; text-align: center; gap: 40px; } .ctrlai-system-status { justify-content: center; } .side-menu-panel { width: 280px; } #kboard-ctrlai-list .kboard-list-table, #kboard-ctrlai-list .kboard-list-table thead, #kboard-ctrlai-list .kboard-list-table tbody, #kboard-ctrlai-list .kboard-list-table tr, #kboard-ctrlai-list .kboard-list-table td { display: block !important; width: 100% !important; } #kboard-ctrlai-list .kboard-list-table thead { display: none !important; } #kboard-ctrlai-list .kboard-list-table tr { margin-bottom: 12px; padding: 15px; background: var(--ctrl-bg-card) !important; border-radius: 8px; border: 1px solid var(--ctrl-border) !important; } #kboard-ctrlai-list .kboard-list-table td.col-title { padding: 0 0 8px 0 !important; font-size: 15px !important; font-weight: bold; border: none !important; } #kboard-ctrlai-list .kboard-list-table td.col-author, #kboard-ctrlai-list .kboard-list-table td.col-date, #kboard-ctrlai-list .kboard-list-table td.col-view, #kboard-ctrlai-list .kboard-list-table td.col-vote { display: inline-block !important; width: auto !important; padding: 0 !important; margin-right: 12px; font-size: 11px !important; color: var(--ctrl-text-muted) !important; border: none !important; background: transparent !important; } #kboard-ctrlai-list .kboard-list-table td.col-uid { display: none !important; } } @media (max-width: 480px) { .header-center { display: none !important; } .header-left { gap: 5px !important; } .header-logo { font-size: 18px !important; } } /* =================================================================== [21] cH? 0I UI ?c$? rnլ: 0I ۊ? ?;, ? ?I??Z#o??c$? % =================================================================== */ #google_translate_element, .goog-te-gadget, .goog-te-banner-frame, .goog-te-banner-frame.skiptranslate, .skiptranslate, body > .skiptranslate { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; } body { top: 0 !important; position: static !important; } html { margin-top: 0 !important; } body.translated-ltr, body.translated-rtl, html.translated-ltr, html.translated-rtl { top: 0 !important; margin-top: 0 !important; } .goog-tooltip, .goog-tooltip:hover, .goog-text-highlight { display: none !important; background: none !important; box-shadow: none !important; border: none !important; } /* =================================================================== [22] ? ?H0??? pu? B rnլ: ?e$? ?|1 n?ۊ̬ ?E, 0ɴ ???*, yv 9m%???E =================================================================== */ body.ctrlai-light-mode .ctrlai-unified-sidebar, body:not(.ctrlai-dark-mode) .ctrlai-unified-sidebar, body.ctrlai-light-mode .kboard-list-table td, body.ctrlai-light-mode .kboard-list-table th, body:not(.ctrlai-dark-mode) .kboard-list-table td, body:not(.ctrlai-dark-mode) .kboard-list-table th { box-shadow: none !important; } body.ctrlai-light-mode .arca-btn, body.ctrlai-light-mode .kboard-ctrlai-btn, body.ctrlai-light-mode .tool-btn, body.ctrlai-light-mode .view-all-btn-news, body:not(.ctrlai-dark-mode) .arca-btn, body:not(.ctrlai-dark-mode) .kboard-ctrlai-btn, body:not(.ctrlai-dark-mode) .tool-btn, body:not(.ctrlai-dark-mode) .view-all-btn-news { background: #e2e8f0 !important; color: #1f2937 !important; border-color: #cbd5e1 !important; } body.ctrlai-light-mode .dc-title-box, body.ctrlai-light-mode .dc-editor-box, body.ctrlai-light-mode .kboard-comments-default, body:not(.ctrlai-dark-mode) .dc-title-box, body:not(.ctrlai-dark-mode) .dc-editor-box, body:not(.ctrlai-dark-mode) .kboard-comments-default { background-color: #f8fafc !important; } /* $ ?2 ?|1 n?ۊ ?E */ body:not(.ctrlai-dark-mode) .elementor-widget-container, body:not(.ctrlai-dark-mode) .elementor-column-wrap, body:not(.ctrlai-dark-mode) .elementor-column, body:not(.ctrlai-dark-mode) .ctrlai-header, body:not(.ctrlai-dark-mode) .header-center, body:not(.ctrlai-dark-mode) .arca-header-wrapper { background: transparent !important; color: var(--ctrl-text-main) !important; } /* ========================================================= [Light Mode Patch] ?e$? ?|1 n?ۊ̬ / ?J ? ?y?/ ?ܮB 0ɴ B rnլ: 1) ? ?H0?ɿ???e$? ???ۊ̬ ?E 2) ?J ? ?y?ۊ̬ ???v?1]o??Ć 3) ?ܮB 0ɴ ????% ========================================================= */ /* 1. ? ?H0?ɿ???e$? ?|1 n????ۊ̬ ?E */ body:not(.ctrlai-dark-mode) .ctrlai-header, body:not(.ctrlai-dark-mode) .side-menu-panel, body:not(.ctrlai-dark-mode) .side-menu-header, body:not(.ctrlai-dark-mode) .arca-ad-banner, body:not(.ctrlai-dark-mode) .kboard-notice-row td, body:not(.ctrlai-dark-mode) .dc-ad-box, body:not(.ctrlai-dark-mode) .dc-title-box, body:not(.ctrlai-dark-mode) .dc-editor-box, body:not(.ctrlai-dark-mode) .kboard-comments-default, body:not(.ctrlai-dark-mode) .kboard-comments-default .comments-list, body:not(.ctrlai-dark-mode) .kboard-comments-default .comments-list-item, body:not(.ctrlai-dark-mode) .kboard-list-table tr, body:not(.ctrlai-dark-mode) .kboard-list-table td, body:not(.ctrlai-dark-mode) .kboard-list-table th, body:not(.ctrlai-dark-mode) .kboard-title, body:not(.ctrlai-dark-mode) .kboard-title h1, body:not(.ctrlai-dark-mode) .kboard-detail, body:not(.ctrlai-dark-mode) .kboard-content { background-color: var(--ctrl-bg-card) !important; color: var(--ctrl-text-main) !important; border-color: var(--ctrl-border) !important; } /* 2. ? ?H0?ɿ???J ? ?ܮ ۊ ???% */ body:not(.ctrlai-dark-mode) .ctrlai-unified-sidebar { background: #eceff3 !important; border: 1px solid #cfd6df !important; color: #1f2937 !important; } /* 3. ? ?H0?ɿ???y??I]0 ۊ) ?K? ?Ć */ body:not(.ctrlai-dark-mode) .ctrlai-inner-box { background: #e5e7eb !important; border: 1px solid #d1d5db !important; } /* 4. ? ?H0?ɿ??? pill??cIG? B */ body:not(.ctrlai-dark-mode) .ctrlai-tag-pill { background: #f8fafc !important; color: #1f2937 !important; border: 1px solid #cbd5e1 !important; } body:not(.ctrlai-dark-mode) .ctrlai-tag-pill:hover { background: #e2e8f0 !important; } /* 5. ? ?H0?ɿ???J ? cIG??/ ? ń?/ ?I0??B */ body:not(.ctrlai-dark-mode) .ctrlai-dashed-line, body:not(.ctrlai-dark-mode) .menu-divider { border-top-color: #cfd6df !important; } body:not(.ctrlai-dark-mode) .ctrlai-sb-title, body:not(.ctrlai-dark-mode) .ctrlai-ac-header, body:not(.ctrlai-dark-mode) .ac-text, body:not(.ctrlai-dark-mode) .ac-icon, body:not(.ctrlai-dark-mode) .ac-toggle-icon::after { color: #4b5563 !important; } body:not(.ctrlai-dark-mode) .ctrlai-ac-header:hover { color: #111827 !important; } /* 6. ?ܮB 0ɴ B */ body:not(.ctrlai-dark-mode) .view-all-btn-news { background: #dde6f0 !important; color: #1e3a5f !important; border: 1px solid #bfd0e2 !important; border-radius: 6px !important; padding: 6px 12px !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; box-shadow: none !important; } body:not(.ctrlai-dark-mode) .view-all-btn-news:hover { background: #d2deeb !important; color: #16324f !important; border-color: #aebfd2 !important; } /* 7. ?|1/???0ɴ(`??ܮB 0ɴ ???* */ body:not(.ctrlai-dark-mode) .tool-btn, body:not(.ctrlai-dark-mode) .kboard-ctrlai-btn, body:not(.ctrlai-dark-mode) .arca-btn, body:not(.ctrlai-dark-mode) .view-all-btn-news { background: #dde6f0 !important; color: #1e3a5f !important; border: 1px solid #bfd0e2 !important; } body:not(.ctrlai-dark-mode) .tool-btn:hover, body:not(.ctrlai-dark-mode) .kboard-ctrlai-btn:hover, body:not(.ctrlai-dark-mode) .arca-btn:hover, body:not(.ctrlai-dark-mode) .view-all-btn-news:hover { background: #d2deeb !important; color: #16324f !important; border-color: #aebfd2 !important; } /* ========================================================= [Light Mode Text Fix] rnլ: ? ?H0?ɿ????B ???׬K/ۊy???rn?d$? ??K? Z# B[? ========================================================= */ body:not(.ctrlai-dark-mode) h1, body:not(.ctrlai-dark-mode) h2, body:not(.ctrlai-dark-mode) h3, body:not(.ctrlai-dark-mode) h4, body:not(.ctrlai-dark-mode) h5, body:not(.ctrlai-dark-mode) h6, body:not(.ctrlai-dark-mode) p, body:not(.ctrlai-dark-mode) span, body:not(.ctrlai-dark-mode) li, body:not(.ctrlai-dark-mode) strong, body:not(.ctrlai-dark-mode) em, body:not(.ctrlai-dark-mode) div, body:not(.ctrlai-dark-mode) a, body:not(.ctrlai-dark-mode) td, body:not(.ctrlai-dark-mode) th, body:not(.ctrlai-dark-mode) label, body:not(.ctrlai-dark-mode) small { color: #111827 !important; } /* $ ??/ (`? / [???I0 Z? ?׬K ? ???B */ body:not(.ctrlai-dark-mode) .elementor-heading-title, body:not(.ctrlai-dark-mode) .elementor-widget-container, body:not(.ctrlai-dark-mode) .elementor-text-editor, body:not(.ctrlai-dark-mode) .kboard-title, body:not(.ctrlai-dark-mode) .kboard-title h1, body:not(.ctrlai-dark-mode) .kboard-content, body:not(.ctrlai-dark-mode) .kboard-detail, body:not(.ctrlai-dark-mode) .kboard-detail .detail-name, body:not(.ctrlai-dark-mode) .arca-title-row h2, body:not(.ctrlai-dark-mode) .arca-title-row h2 a, body:not(.ctrlai-dark-mode) .arca-desc-row, body:not(.ctrlai-dark-mode) .dc-board-title, body:not(.ctrlai-dark-mode) .dc-board-desc, body:not(.ctrlai-dark-mode) .kboard-list-table a, body:not(.ctrlai-dark-mode) .kboard-list-table td, body:not(.ctrlai-dark-mode) .kboard-list-table th { color: #111827 !important; } /* ?{1x? ? z?G[?*/ body:not(.ctrlai-dark-mode) .detail-name, body:not(.ctrlai-dark-mode) .dc-warning-box, body:not(.ctrlai-dark-mode) .dc-board-desc, body:not(.ctrlai-dark-mode) .arca-desc-row, body:not(.ctrlai-dark-mode) .ctrlai-empty-text { color: #4b5563 !important; } /* ? ?3 ?׬K? ?d$ ??xt Z# B */ body:not(.ctrlai-dark-mode) [style*="color:#fff"], body:not(.ctrlai-dark-mode) [style*="color: #fff"], body:not(.ctrlai-dark-mode) [style*="color:#ffffff"], body:not(.ctrlai-dark-mode) [style*="color: #ffffff"], body:not(.ctrlai-dark-mode) [style*="color:rgb(255,255,255)"], body:not(.ctrlai-dark-mode) [style*="color: rgb(255,255,255)"] { color: #111827 !important; } /* ========================================================= [CTRL AI Light Mode FINAL FIX] rnլ: - ?{1 ۊ̬ ?* - ?J ? / ?y?ۊ̬ cIG - $ ?|1 n?ۊ ?E - 0ɴ ?}1????* - ??rn???H? # ?Ю ========================================================= */ /* ====================== 1. ?ܮ rnլ ۊ̬ ====================== */ body:not(.ctrlai-dark-mode) { background: #f5f6f8 !important; } /* ====================== 2. ?{1 (?ۊ? ====================== */ body:not(.ctrlai-dark-mode) header, body:not(.ctrlai-dark-mode) .ctrlai-header, body:not(.ctrlai-dark-mode) .elementor-location-header, body:not(.ctrlai-dark-mode) .elementor-location-header * { background: #e3e8ee !important; background-image: none !important; border-color: #cbd5e1 !important; } /* [?19 */ body:not(.ctrlai-dark-mode) input[type="search"], body:not(.ctrlai-dark-mode) .search-field, body:not(.ctrlai-dark-mode) .elementor-search-form__input { background: #f8fafc !important; color: #111827 !important; border: 1px solid #cbd5e1 !important; } /* ====================== 3. ?J ? ====================== */ body:not(.ctrlai-dark-mode) .ctrlai-unified-sidebar, body:not(.ctrlai-dark-mode) aside { background: #e9edf2 !important; border: 1px solid #cbd5e1 !important; } /* ?y?*/ body:not(.ctrlai-dark-mode) .ctrlai-inner-box { background: #dde3ea !important; border: 1px solid #cbd5e1 !important; border-radius: 10px !important; } /* ? pill */ body:not(.ctrlai-dark-mode) .ctrlai-tag-pill { background: #f8fafc !important; color: #1f2937 !important; border: 1px solid #bfc9d6 !important; } /* ====================== 4. $ ۊ (?|1 n??E ?) ====================== */ body:not(.ctrlai-dark-mode) .elementor-widget-container, body:not(.ctrlai-dark-mode) .elementor-widget-wrap, body:not(.ctrlai-dark-mode) .elementor-container, body:not(.ctrlai-dark-mode) .elementor-column, body:not(.ctrlai-dark-mode) .elementor-element { background: transparent !important; background-image: none !important; } /* 3 ۊ Z# ?E */ body:not(.ctrlai-dark-mode) [style*="background"], body:not(.ctrlai-dark-mode) [style*="linear-gradient"] { background: #f8fafc !important; background-image: none !important; } /* ====================== 5. [??/ yv ====================== */ body:not(.ctrlai-dark-mode) .kboard-list-table td, body:not(.ctrlai-dark-mode) .kboard-list-table th, body:not(.ctrlai-dark-mode) .kboard-comments-default, body:not(.ctrlai-dark-mode) .dc-title-box, body:not(.ctrlai-dark-mode) .dc-editor-box, body:not(.ctrlai-dark-mode) .dc-ad-box { background: #f8fafc !important; border-color: #cbd5e1 !important; } /* ====================== 6. 0ɴ (?ܮ ?*) ====================== */ body:not(.ctrlai-dark-mode) .arca-btn, body:not(.ctrlai-dark-mode) .tool-btn, body:not(.ctrlai-dark-mode) .kboard-ctrlai-btn, body:not(.ctrlai-dark-mode) .view-all-btn-news { background: #dbe5ef !important; color: #1e3a5f !important; border: 1px solid #b9cada !important; border-radius: 6px !important; } /* hover */ body:not(.ctrlai-dark-mode) .arca-btn:hover, body:not(.ctrlai-dark-mode) .tool-btn:hover, body:not(.ctrlai-dark-mode) .view-all-btn-news:hover { background: #cfdbe8 !important; } /* ====================== 7. rn???H? # ?Ю ====================== */ body:not(.ctrlai-dark-mode), body:not(.ctrlai-dark-mode) * { color: #111827 !important; } /* ?{1x?*/ body:not(.ctrlai-dark-mode) .detail-name, body:not(.ctrlai-dark-mode) .dc-board-desc, body:not(.ctrlai-dark-mode) .arca-desc-row { color: #4b5563 !important; } /* ========================================================= Header / Search / Sidebar button UI fix rnլ: 1) ?Z?0ɴ ?H/?9 B 2) o, Z B 3) [?19 ? ń??0??9 B 4) ?J ? ?ܮB 0ɴ ?H/? B ========================================================= */ /* ------------------------- 1. ?{1 ?ܮ ?9 ------------------------- */ .ctrlai-header, .site-header, header .elementor-container { display: flex !important; align-items: center !important; } /* ------------------------- 2. ?Z?0ɴ B ------------------------- */ .hamburger-btn, .menu-toggle, .ctrlai-header .hamburger-btn, .ctrlai-header .menu-toggle { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; padding: 0 !important; border-radius: 10px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; box-sizing: border-box !important; } /* ?Z?? ń?? */ .hamburger-btn i, .menu-toggle i, .hamburger-btn svg, .menu-toggle svg { font-size: 22px !important; line-height: 1 !important; } /* ------------------------- 3. o, ?/Z B ------------------------- */ .header-left, .ctrlai-header .header-left { display: flex !important; align-items: center !important; gap: 10px !important; } .header-logo, .header-logo a, .site-logo, .site-logo a, .site-title, .site-title a { display: inline-flex !important; align-items: center !important; margin: 0 !important; line-height: 1 !important; } /* ------------------------- 4. [?19 ?ܮ B ------------------------- */ .header-center, .search-form, .elementor-search-form { display: flex !important; align-items: center !important; } /* [?19 wrapper */ .elementor-search-form__container, .search-form, .header-center { min-height: 54px !important; } /* [??? ń?0ɴ ? */ .elementor-search-form__toggle, .elementor-search-form__icon, .search-submit, .search-btn { width: 52px !important; min-width: 52px !important; height: 52px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; box-sizing: border-box !important; } /* [??input */ .elementor-search-form__input, .search-field, .header-center input[type="search"] { height: 52px !important; min-height: 52px !important; line-height: 52px !important; padding: 0 18px !important; margin: 0 !important; box-sizing: border-box !important; } /* placeholder ? */ .elementor-search-form__input::placeholder, .search-field::placeholder, .header-center input[type="search"]::placeholder { line-height: normal !important; } /* ------------------------- 5. ?J ? ?ܮB 0ɴ B ------------------------- */ .view-all-btn-news { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 82px !important; height: 32px !important; padding: 0 12px !important; line-height: 1 !important; font-size: 12px !important; font-weight: 700 !important; border-radius: 6px !important; box-sizing: border-box !important; white-space: nowrap !important; } /* 0ɴ Z/??N??9 */ .ctrlai-ac-body div[style*="text-align: right"] { display: flex !important; justify-content: flex-end !important; align-items: center !important; margin-top: 8px !important; padding-right: 0 !important; } /* ------------------------- 6. ?}1d$v?/L 0ɴ ?i ?% ------------------------- */ body.ctrlai-dark-mode .view-all-btn-news { background: #223149 !important; border: 1px solid #3d4a5d !important; color: #ffffff !important; } /* ------------------------- 7. ? ?H0?ɿ??0ɴ ?i ?% ------------------------- */ body:not(.ctrlai-dark-mode) .view-all-btn-news { background: #dbe5ef !important; border: 1px solid #b9cada !important; color: #1e3a5f !important; }