.modal-view.ajax_faq, .modal-write.ajax_faq, .modal-password.ajax_faq { z-index: 999998; } .swal2-container { z-index: 999999 !important; } .modal-view.ajax_faq .uk-modal-dialog { width: 1000px; } .modal-write.ajax_faq .uk-modal-dialog { width: 1000px; } .modal-password.ajax_faq .uk-modal-dialog { width: 350px; } .layer-contents, .board_contents { padding: 1em; } .div_board_contents #list_tab { border-top: none !important; border-bottom: none !important; } #list_top { padding: 0 .5em; } #list_top form.cate { float: left; } .form_ezboard_search input[name="st"] { width: 50vw; max-width: 200px; } .for_search { color:#fff;border-color: #1c3b51 !important;background-color: #1c3b51 !important; } .modal-write.ajax_faq tbody th { background-color: inherit !important; } .modal-write.ajax_faq input[type=date] { line-height: 1em; } .modal-write.ajax_faq tbody td.in, .modal-write.ajax_faq tbody td, .modal-write.ajax_faq tbody th { height: inherit !important; padding: .5em !important; } .modal-write.ajax_faq .line { height: 1px; padding: 0 !important; } .modal-write.ajax_faq .gong_limit_btn_wrap .btn { width: 45px; } .attached-files .file-link-wrap, .attached-files .file-link-wrap .file-name-btn { max-width: 100%; } .list-wrap-ajax_faq dl { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; } .faq_set.card { border: 0.5px solid #E8E4E1; border-radius: 12px; background: #fff; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; margin: 0 !important; padding: 0 !important; &:hover { border-color:#F56A00; box-shadow: 0 6px 20px rgba(245,106,0,.08) } } .faq_set.card:has(.faq_main:not(.none)) { border-color: #E8E4E1; box-shadow: 0 2px 12px rgba(24, 95, 165, 0.5); } .faq_set.card dt { margin: 0; padding: 0; } .faq_set.card dt a.view-link-btn { display: flex; align-items: center; gap: 12px; padding: 1.25rem 1.5rem; text-decoration: none; color: #111; font-weight: 500; line-height: 1.4; transition: background 0.15s; } .faq_set.card dt a.view-link-btn:hover { background: #ea5406; } .faq_set.card dt a.view-link-btn img { display: none; } .faq_set.card dt a.view-link-btn::before { content: 'Q'; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #f46318; color: #fff; font-size: 13px; font-weight: 600; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .faq_set.card dt a.view-link-btn:hover { background: #fff; color: #f46318; } .faq_set.card:has(.faq_main:not(.none)) dt a.view-link-btn::before { background: #f46318; color: #fff; } .faq_set.card dt a.view-link-btn::after { content: ''; display: inline-block; width: 8px; height: 8px; border-right: 2px solid #aab; border-bottom: 2px solid #aab; transform: rotate(45deg); margin-left: auto; flex-shrink: 0; transition: transform 0.3s ease, border-color 0.2s; position: relative; top: -2px; } .faq_set.card:has(.faq_main:not(.none)) dt a.view-link-btn::after { transform: rotate(225deg); border-color: #f46318; top: 2px; } .faq_main { overflow: hidden; transition: height 0.3s ease; margin: 0 !important; padding: 0 !important; border-top: 0.5px solid #E8E4E1; } .faq_main.none { display: none; border-top: none; } .faq_main h6 { margin: 0 0 10px 0; padding: 0; line-height: 1; } .faq_main h6 img { display: none; } .faq_main h6::before { content: 'A'; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #fde5d9; color: #f46318; font-size: 13px; font-weight: 600; } .faq_main .board_contents { padding: 1rem 1.25rem 1.25rem 1.25rem; color: #222; } .faq_main .board_contents p { margin: 0; } .faq_main h6 { padding: 1rem 1.25rem 0 1.25rem; } .faq_main .board_contents { padding-top: 0.5rem; } @media only screen and (max-width: 640px) { .uk-modal-body { padding: 5px 2vw; } } @media only screen and (max-width: 540px) { .uk-modal { padding: 0; } .div_board_contents .attached-files ul li .file-download-btn { right: -10px !important; } .faq_set.card dt a.view-link-btn, .faq_main h6, .faq_main .board_contents { padding: 12px; } }