.page-view.ajax_default2 .layer-contents { padding: 1em 0; } .div_board_contents #list_tab { border-top: none !important; border-bottom: none !important; } #list_top { padding: 0 .5em; } #list_top form.cate { float: left; } #list_top .category .selected { font-weight: 500; } .form_ezboard_search input[name="st"] { width: 50vw; max-width: 200px; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .for_search { color:#fff;border-color: #1c3b51 !important;background-color: #1c3b51 !important; } .page-list.ajax_default2 .list-wrap-ajax_default2 .cls_ellipsis_subjct { font-weight: 500; } .page-write.ajax_default2 tbody th { background-color: inherit !important; } .page-write.ajax_default2 input[type=date] { line-height: 1em; } .page-write.ajax_default2 tbody td.in, .page-write.ajax_default2 tbody td, .page-write.ajax_default2 tbody th { height: inherit !important; padding: .5em !important; } .page-write.ajax_default2 .line { height: 1px; padding: 0 !important; } .page-write.ajax_default2 .gong_limit_btn_wrap .btn { width: 45px; } .link-wrap { margin: 5px 0; text-align: right; font-size: 11px; color: #dbdbdb; } tr.list .hit-date { margin-top: 6px; } tr.list .hit-date * { font-size: 13px; color: #999; } .attached-files .file-link-wrap, .attached-files .file-link-wrap .file-name-btn { max-width: 100%; } .page-view.ajax_default2 .view-btn-prev-next { position: fixed; top: 50%; } .page-view.ajax_default2 .view-btn-prev-next.prev { left: 1em; } .page-view.ajax_default2 .view-btn-prev-next.next { right: 1em; } .arrow { width: 40px; height: 40px; border-left: 5px solid #f4f4f4; border-bottom: 5px solid #f4f4f4; } .arrow.left { transform: rotate(45deg); } .arrow.right { transform: rotate(225deg); } div[image-preview] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999999; display: flex; background-color: #545454; cursor: pointer; } div[image-preview] > img { margin: 0 auto; margin-top: auto; margin-bottom: auto; width: 100%; height: 100%; object-fit: contain; } div[image-preview] > button[close] { position: fixed; top: 15px; right: 5px; border: none; background-color: #545454; padding: 10px; opacity: .7; } div[image-preview] > iframe { width: 100%; } div[image-preview] .tooltip { display: none; background-color: black; color: #fff; text-align: center; padding: 5px; border-radius: 6px; position: absolute; z-index: 1; transition: opacity 0.3s; visibility: hidden; opacity: 0; white-space: nowrap; pointer-events: none; } div[image-preview]:hover .tooltip { visibility: visible; opacity: 1; } @media only screen and (max-width: 640px) { .arrow { width: 35px; height: 35px; border-left: 3px solid #f4f4f4; border-bottom: 3px solid #f4f4f4; } } @media only screen and (max-width: 425px) { .div_board_contents .attached-files ul li .file-download-btn { right: -10px !important; } } .view-hide { transition: .8s; } .view-hide.hide-left { left: -1000px; opacity: 0; }