/* 페이지네이션 */ .pagination { display: flex; align-items: center; justify-content: center; } .pagination .num { display: flex; align-items: center; justify-content: center; margin: 0 10px; } .pagination .num .page-item a { display: inline-block; font-size: 18px; color: #979592; width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #dddddd; margin-left: -1px; } .pagination .num .page-item.on a { border-color: #979592; color: #68635e; position: relative; z-index: 10; } .pagination .num .page-item a:hover { border-color: #68635e; color: #68635e; position: relative; z-index: 10; } .pagination .num .page-item.arrow a { border: none; } .pagination .num .page-item.arrow:hover a { border: none; } .pagination .num .page-item.arrow1 a { background-color: #68635e; } .pagination .num .page-item.arrow2 a { background-color: #979592; } /* select css */ .src_box #jk_select01-button, .src_box #jk_select02-button, .src_box input[type="text"] { height: 35px; border: 1px solid #bbb9b6; border-radius: 5px; background-color: transparent; padding: 0 10px; margin-right: 5px; font-size: 18px; } .src_box #jk_select01-button, .src_box #jk_select02-button { width: 70px; } .src_box #jk_select01-button .ui-selectmenu-text, .src_box #jk_select02-button .ui-selectmenu-text { margin-right: 0; line-height: 34px; } .src_box #jk_select01-button .ui-icon, .src_box #jk_select02-button .ui-icon { background-image: url(/img/sub/sel_arrow.png); background-position: center; width: 10px; height: 6px; background-size: 10px 6px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } #jk_select01-menu, #jk_select02-menu { border-radius: 5px; padding-bottom: 0; max-height: 200px; } #jk_select01-menu .ui-menu-item-wrapper, #jk_select02-menu .ui-menu-item-wrapper { padding: 7.5px 10px; color: #666360; font-size: 18px; } #jk_select01-menu .ui-state-active, #jk_select02-menu .ui-state-active { margin: 0; border: none; background-color: #68635e; color: #fff; } .src_box input[type="text"] { width: 200px; } .src_box button { padding: 0 15px; line-height: 35px; font-size: 18px; color: #fff; background-color: #68635e; border-radius: 5px; border-style: none; } /* 진경 리스트 */ .board_section .sTit_box { margin-bottom: 70px; } .ellipsis { display: block; width: 41.6667vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ellipsis2 { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .src_box { margin-bottom: 20px; } .src_box form { justify-content: flex-end; } #jk_section .jk_content, #dataR_section .jk_content { border-top: 2px solid #979592; } #jk_section .jk_content .list_contents, #dataR_section .jk_content .list_contents { margin-bottom: 20px; } #jk_section .jk_content .jk_line, #dataR_section .jk_content .jk_line { padding: 30px; border-bottom: 1px solid #b2afad; } #jk_section .jk_content .jk_line > a, #dataR_section .jk_content .jk_line > a { display: block; } #jk_section .jk_content .jk_line > a:hover .jk_tit, #dataR_section .jk_content .jk_line > a:hover .jk_tit { text-decoration: underline; text-underline-position: under; } #jk_section .jk_content .jk_titBox, #dataR_section .jk_content .jk_titBox { margin-bottom: 25px; align-items: center; } #jk_section .jk_content .jk_titBox .jk_tit, #dataR_section .jk_content .jk_titBox .jk_tit { font-size: 24px; font-weight: bold; } #jk_section .jk_content .jk_titBox span, #dataR_section .jk_content .jk_titBox span { display: inline-block; font-size: 14px; color: #fff; font-weight: bold; padding: 7px 10px; background-color: #a9bed0; border-radius: 3.5px; margin-left: 15px; } #jk_section .jk_content .jk_txtBox, #dataR_section .jk_content .jk_txtBox { margin-bottom: 25px; } #jk_section .jk_content .jk_txtBox p, #dataR_section .jk_content .jk_txtBox p { font-size: 18px; line-height: 1.6; } #jk_section .jk_content .jk_dateBox span, #dataR_section .jk_content .jk_dateBox span { font-size: 18px; color: #979592; font-family: 'Noto_Sans_KR', sans-serif; font-weight: 300; } .write_box { text-align: right; margin-bottom: 40px; } .write_box a { display: inline-block; padding: 10px 25px; background-color: #68635e; border-radius: 5px; color: #fff; font-size: 20px; } /* 사진, 영상 리스트 */ #dataR_section .jk_content .jk_line { padding-left: 0; } #dataR_section .jk_line > a.jk_a { display: flex; } #dataR_section .jk_line > a.jk_a .jk_thumb { width: 250px; } #dataR_section .jk_line > a.jk_a .jk_thumb img { max-width: 250px; max-height: 170px; } #dataR_section .jk_line > a.jk_a .jk_cont { width: calc(100% - 250px); padding-left: 30px; } /* 뷰페이지 */ #view_section tr.top { border-top: 1px solid #c9cccf; border-bottom: 1px solid #c9cccf; } #view_section tr.bottom { border-bottom: 1px solid #c9cccf; } #view_section th.th3 { font-size: 18px; padding: 15px 0 15px 2%; width: 15%; } #view_section td.th_txt { font-size: 18px; padding: 15px; text-align: left; } #view_section .view_cont { padding: 20px; border-bottom: 1px solid #c9cccf; margin-bottom: 40px; } #view_section .view_cont .img_box { text-align: center; } #view_section .view_cont .video_box { text-align: center; } #view_section .view_cont .video_box iframe, #view_section .view_cont .video_box video { width: 70%; height: 500px; margin-bottom: 30px; } #view_section .view_cont img { margin-bottom: 30px; } #view_section .view_cont p { font-size: 16px; line-height: 1.6; word-break: keep-all; } #view_section .toList_box { text-align: right; } #view_section .toList_box a { display: inline-block; padding: 10px 25px; background-color: #68635e; border-radius: 5px; color: #fff; font-size: 20px; } /* 공지사항 */ #notice_section .notice_table { margin-bottom: 20px; } #notice_section .t_title { border-top: 2px solid #979592; border-bottom: 2px solid #979592; } #notice_section .t_title th { padding: 15px 0; font-size: 20px; font-weight: medium; color: #3c362f; } #notice_section .t_list { border-bottom: 1px solid #ddd; } #notice_section .t_list td { padding: 20px 0; font-size: 18px; } /* 글쓰기 */ #write_section tr.top { border-top: 1px solid #c9cccf; border-bottom: 1px solid #c9cccf; } #write_section th.th4 { font-size: 20px; width: 120px; text-align: left; padding-left: 20px; } #write_section td.th_txt { width: calc(100% - 120px); font-size: 20px; padding: 15px; } #write_section input[type="text"] { width: 100%; height: 40px; padding-left: 20px; background-color: #eee; border: none; line-height: 40px; } #write_section .bottom input[type="text"] { width: 150px; } #write_section td.write_td { padding: 20px; border-bottom: 1px solid #ddd; border-top: 1px solid #c9cccf; } #write_section .add_fileBox { margin-top: 10px; } #write_section .add_fileBox .text_01 { font-size: 12px; color: #8e8e8e; line-height: 18px; } #write_section td.add_file { width: 120px; padding: 10px 0; font-size: 20px; color: #848484; } #write_section td.text_03 { width: calc(100% - 120px); } #write_section .textarea_01 { width: 300px; height: 30px; font-size: 16px; border: 1px solid #ddd; } #write_section .btn_group { text-align: right; margin-top: 20px; } #write_section .btn_group .btn { background-color: #68635e; border-radius: 5px; font-size: 20px; padding: 15px 30px; text-align: center; margin: 0 5px; display: inline-block; border-style: none; color: #fff; } @media screen and (max-width: 768px){ .board_section .sTit_box { margin-bottom: 90px; } .ellipsis { width: 50.6667vw; } .ellipsis2 { -webkit-line-clamp: 4; } /* 진경 리스트 */ .src_box { margin-bottom: 40px; } .src_box #jk_select01-button, .src_box #jk_select02-button, .src_box input[type="text"] { height: 50px; margin-right: 1%; } .src_box #jk_select01-button, .src_box #jk_select02-button { width: 15%; } .src_box #jk_select01-button .ui-selectmenu-text, .src_box #jk_select02-button .ui-selectmenu-text { font-size: 2.6042vw; line-height: 50px; } #jk_select01-menu .ui-menu-item-wrapper, #jk_select02-menu .ui-menu-item-wrapper { padding: 10px; font-size: 2.6042vw; } .src_box input[type="text"] { width: 57%; } .src_box button { width: 10%; line-height: 50px; word-break: keep-all; padding: 0; } #jk_section .jk_content .jk_line, #dataR_section .jk_content .jk_line { padding: 30px 20px; } #jk_section .jk_content .jk_titBox .jk_tit, #dataR_section .jk_content .jk_titBox .jk_tit { font-size: 3.3854vw; } #jk_section .jk_content .jk_titBox span, #dataR_section .jk_content .jk_titBox span { font-size: 2.3438vw; margin-left: 20px; } #jk_section .jk_content .jk_txtBox p, #dataR_section .jk_content .jk_txtBox p { font-size: 2.6042vw; } #jk_section .jk_content .jk_dateBox span, #dataR_section .jk_content .jk_dateBox span { font-size: 2.6042vw; } /* 사진자료, 영상자료리스트 */ #dataR_section .jk_line > a.jk_a { flex-wrap: wrap; } #dataR_section .jk_line > a.jk_a .jk_thumb { width: 100%; text-align: center; margin-bottom: 30px; } #dataR_section .jk_line > a.jk_a .jk_thumb img { max-width: 500px; max-height: 320px; width: 100%; } #dataR_section .jk_line > a.jk_a .jk_cont { width: 100%; padding-left: 0; } /* 공지사항 */ #notice_section .t_title th { font-size: 2.8646vw; } #notice_section .t_list td { font-size: 2.6042vw; } /* 뷰페이지 */ #view_section th.th3 { font-size: 2.6042vw; } #view_section td.th_txt { font-size: 2.6042vw; } #view_section .view_cont p { font-size: 2.3438vw; } #view_section .toList_box a { font-size: 3.1250vw; } #view_section .view_cont .video_box iframe, #view_section .view_cont .video_box video { width: 90%; height: 400px; } } @media screen and (max-width: 500px){ .board_section .sTit_box { margin-bottom: 45px; } .ellipsis { width: 45.6667vw; } /* 페이지네이션 */ .pagination .num .page-item a { font-size: 12px; width: 30px; height: 30px; line-height: 30px; } /* 글쓰기 */ #write_section th.th4 { font-size: 14px; width: 60px; padding-left: 10px; } #write_section td.th_txt { width: calc(100% - 60px); padding: 10px; font-size: 14px; } #write_section input[type="text"] { height: 35px; padding-left: 10px; } #write_section td.add_file { width: 70px; font-size: 13px; } #write_section td.text_03 { width: calc(100% - 70px); } #write_section td.write_td { padding: 20px 10px; } #write_section .textarea_01 { height: 24px; font-size: 12px; width: 100%; } #write_section .btn_group .btn { padding: 10px 15px; font-size: 16px; } /* 진경 리스트 */ .src_box { margin-bottom: 20px; } .src_box #jk_select01-button, .src_box #jk_select02-button, .src_box input[type="text"] { height: 35px; width: 18%; padding: 0 5px; } .src_box #jk_select01-button .ui-icon, .src_box #jk_select02-button .ui-icon { right: 5px; background-size: 8px 4px; width: 8px; height: 4px; } .src_box #jk_select01-button .ui-selectmenu-text, .src_box #jk_select02-button .ui-selectmenu-text { font-size: 13px; line-height: 35px; } #jk_select01-menu .ui-menu-item-wrapper, #jk_select02-menu .ui-menu-item-wrapper { padding: 5px; font-size: 13px; } .src_box button { line-height: 35px; font-size: 13px; } .src_box input[type="text"] { width: 50%; font-size: 13px; } #jk_section .jk_content .jk_line, #dataR_section .jk_content .jk_line { padding: 15px 10px; } #jk_section .jk_content .jk_titBox, #dataR_section .jk_content .jk_titBox, { margin-bottom: 15px; } #jk_section .jk_content .jk_titBox .jk_tit, #dataR_section .jk_content .jk_titBox .jk_tit { font-size: 16px; } #jk_section .jk_content .jk_titBox span, #dataR_section .jk_content .jk_titBox span { font-size: 12px; margin-left: 10px; padding: 5px; } #jk_section .jk_content .jk_txtBox, #dataR_section .jk_content .jk_txtBox { margin-bottom: 15px; } #jk_section .jk_content .jk_txtBox p, #dataR_section .jk_content .jk_txtBox p { font-size: 13px; } #jk_section .jk_content .jk_dateBox span, #dataR_section .jk_content .jk_dateBox span { font-size: 13px; } .write_box { margin-bottom: 20px; } .write_box a { padding: 10px 20px; font-size: 14px; } /* 영상자료, 사진자료 리스트 */ #dataR_section .jk_line > a.jk_a .jk_thumb img { max-width: 250px; max-height: 170px; width: 100%; } /* 공지사항 */ #notice_section .t_title th { font-size: 14px; padding: 10px 0; } #notice_section .t_list td { font-size: 12px; padding: 15px 0; } /* 뷰페이지 */ #view_section th.th3 { font-size: 14px; } #view_section td.th_txt { font-size: 12px; } #view_section .view_cont p { font-size: 13px; } #view_section .toList_box a { font-size: 16px; } #view_section th.th3 { padding: 10px 0; } #view_section td.th_txt { padding: 10px; } #view_section .view_cont { margin-bottom: 20px; padding: 10px; } #view_section .view_cont img { margin-bottom: 20px; } #view_section .view_cont .video_box iframe, #view_section .view_cont .video_box video { width: 100%; height: 200px; } } @media screen and (max-width: 359px){ .pagination .num .page-item a { font-size: 12px; width: 25px; height: 25px; line-height: 25px; } /* 공지사항 */ .ellipsis { width: 35.6667vw; } #notice_section .t_title th { font-size: 12px; } #notice_section .t_list td { font-size: 10px; } }