first commit
This commit is contained in:
revlis44
@@ -0,0 +1,452 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
|
||||
/*공통박스*/
|
||||
.gray_box_01{ border:1px solid #ccc; }
|
||||
.gray_box_02{ border:2px solid #ccc; }
|
||||
|
||||
/*탭메뉴*/
|
||||
.tab_m_01{border-bottom:2px solid #474747; height:42px;margin-bottom:30px;}
|
||||
.tab_m_01:after{clear:both; content: ""; display:block;}
|
||||
.tab_m_01 li{float:left;}
|
||||
.tab_m_01 li a{background:#fff; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; color:#777;display:block;font-size:16px;height:40px;line-height: 39px; padding:0 14px;}
|
||||
.tab_m_01 li:first-child{border-left:1px solid #c3c3c3}
|
||||
.tab_m_01 li.on a{border-top:2px solid #474747; border-right:2px solid #474747; border-left:2px solid #474747; color: #333;font-weight: bold;height: 42px;line-height: 37px;padding: 0 13px; margin-left:-1px;}
|
||||
|
||||
|
||||
/*************************************** 버튼스타일 ******************************************/
|
||||
.button_basic{border:1px solid #ccc; display:inline-block; color:#333; font-size:14px;}
|
||||
.button_basic a{color:#333;}
|
||||
.excel_icon a{background:url(../../../images/admin/board/excel_icon.png) no-repeat 15px center; padding:11px 15px 10px 40px; display:inline-block; }
|
||||
.people_icon a{background:url(../../../images/admin/board/user_icon.gif) no-repeat 15px center; padding:9px 15px 8px 40px; display:inline-block; font-weight:bold; }
|
||||
.people_icon a:hover{background:#fafafa url(../../../images/admin/board/user_icon.gif) no-repeat 15px center;}
|
||||
.icon_calendar_bor{padding:0px; height:24px;}
|
||||
img.ui-datepicker-trigger{ vertical-align:middle; margin-left:5px; }
|
||||
input + img.ui-datepicker-trigger {position:relative; margin-left:3px; top:-2px; }
|
||||
|
||||
|
||||
/*테이블*/
|
||||
table {font-size:14px;}
|
||||
table caption{position:relative; visibility:hidden; height:0; font-size:0;}
|
||||
.tbl_basic{width:100%;border-top:2px solid #585858; border-bottom:1px solid #ddd; text-align:left;}
|
||||
.tbl_basic caption{height:0;line-height:0;}
|
||||
.tbl_basic th{ font-weight:bold; color:#222;}
|
||||
.tbl_basic th{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px; vertical-align:middle;}
|
||||
.tbl_basic td{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px; vertical-align:middle;}
|
||||
.tbl_basic th.col_style{border-bottom:1px solid #fff;}
|
||||
.tbl_basic thead th {background:#fafafa; vertical-align:middle;}
|
||||
.tbl_basic tbody th {background:#f7f7f7; color:#333; vertical-align:middle;}
|
||||
.tbl_basic tfoot{background:none;}
|
||||
.tbl_basic .left{text-align:left;}
|
||||
.tbl_basic > tbody > tr > td > a {color:#0a72dd; font-weight:bold; }
|
||||
.tbl_basic > tbody > tr > td > a:hover{text-decoration:underline;}
|
||||
.tbl_basic tr:hover {background-color:#fefef4;}
|
||||
.tbl_basic td.photo_img img{width:50px; height:50px;}
|
||||
.tbl_basic input[type="checkbox"]{border:none; height:27px;}
|
||||
.tbl_basic> tbody > tr > td > input[type="checkbox"]{border:none; height:auto;}
|
||||
|
||||
.tbl_basic_02{width:100%;border-top:1px solid #23598c;border-bottom:1px solid #ddd; text-align:center;}
|
||||
.tbl_basic_02 caption{height:0;line-height:0;}
|
||||
.tbl_basic_02 th{ font-weight:bold; color:#222;}
|
||||
.tbl_basic_02 th{padding:8px; border-right:1px solid #89adcf; border-bottom:1px solid #23598c; margin-left:-1px;vertical-align:middle;}
|
||||
.tbl_basic_02 td{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
|
||||
.tbl_basic_02 th:first-child,
|
||||
.tbl_basic_02 td:first-child{border-left:none}
|
||||
.tbl_basic_02 th.col_style{ border-bottom:1px solid #89adcf;}
|
||||
.tbl_basic_02 thead th {background:#5284b3;color:#fff;vertical-align:middle;}
|
||||
.tbl_basic_02 tbody th {background:#f7f7f7;color:#333;vertical-align:middle;}
|
||||
.tbl_basic_02 .total{background-color:#f4f2e3; font-weight:600;}
|
||||
.tbl_basic_02 .left{text-align:left;}
|
||||
.tbl_basic_02 a{color:#333;}
|
||||
.tbl_basic_02 a:hover{text-decoration:underline;}
|
||||
.tbl_basic_02 tr:hover {background-color:#f4f2e3;}
|
||||
.tbl_basic_02 td.photo_img img{width:50px; height:50px;}
|
||||
|
||||
.tbl_basic_02 input[type="checkbox"]{border:none; height:27px;}
|
||||
|
||||
.tbl_basic_03{width:100%;border-top:1px solid #ccc;border-bottom:1px solid #CCC; text-align:center;}
|
||||
.tbl_basic_03 caption{height:0;line-height:0;}
|
||||
.tbl_basic_03 th{ font-weight:bold; color:#222;}
|
||||
.tbl_basic_03 th{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
|
||||
.tbl_basic_03 td{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
|
||||
.tbl_basic_03 th:first-child,
|
||||
.tbl_basic_03 td:first-child{border-left:none}
|
||||
.tbl_basic_03 thead th {background:#e8ecee;color:#333;vertical-align:middle;}
|
||||
.tbl_basic_03 tbody th {background:#f7f7f7;color:#555;vertical-align:middle;}
|
||||
|
||||
.tbl_basic_03 .left{ text-align:left;}
|
||||
.tbl_basic_03 a{color:#333;}
|
||||
.tbl_basic_03 a:hover{text-decoration:underline;}
|
||||
|
||||
|
||||
.tbl_basic_04{width:100%;border-top:1px solid #696969;border-bottom:1px solid #ddd; text-align:center;}
|
||||
.tbl_basic_04 caption{height:0;line-height:0;}
|
||||
.tbl_basic_04 th{ font-weight:bold; color:#222;}
|
||||
.tbl_basic_04 th{padding:7px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
|
||||
.tbl_basic_04 td{padding:5px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
|
||||
.tbl_basic_04 th:first-child,
|
||||
.tbl_basic_04 td:first-child{border-left:none}
|
||||
.tbl_basic_04 th.col_style{ border-bottom:1px solid #fff;}
|
||||
.tbl_basic_04 thead th {background:#fafafa;vertical-align:middle;}
|
||||
.tbl_basic_04 tbody th {background:#f7f7f7;color:#333;vertical-align:middle;}
|
||||
.tbl_basic_04 tfoot{background:none;}
|
||||
.tbl_basic_04 .brnone{ text-align:left;}
|
||||
.tbl_basic_04 a{color:#333;}
|
||||
.tbl_basic_04 a:hover{text-decoration:underline;}
|
||||
.tbl_basic_04 tr:hover {background-color:#f4f2e3;}
|
||||
.tbl_basic_04 td.photo_img img{width:50px; height:50px;}
|
||||
.tbl_basic_04 input{vertical-align:top;}
|
||||
|
||||
.tbl_basic_view{background:#fff; border-collapse: collapse; border-top:2px solid #a8a8a8; width:100%;}
|
||||
.tbl_basic_view th {background-color:#fafafa; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px;text-align: center; vertical-align: middle; line-height:17px; color:#222;}
|
||||
.tbl_basic_view th:first-child {border-left:none; }
|
||||
|
||||
.tbl_basic_view td {border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; text-align: center;vertical-align: middle; line-height:17px;}
|
||||
.tbl_basic_view td .line_none{border-left:none;}
|
||||
.tbl_basic_view .left {text-align:left;}
|
||||
.tbl_basic_view input.style_no{ border:none;}
|
||||
.tbl_basic_view td.photo_view_img img{ max-width:100%;}
|
||||
.tbl_basic_view td img{ vertical-align:middle; cursor:pointer;}
|
||||
.tbl_basic_view td:hover {background-color:#fefef4;}
|
||||
.tbl_basic_view input[type="text"]{vertical-align:top;}
|
||||
.tbl_basic_view td input[type="checkbox"]{height:auto !important;}
|
||||
|
||||
/*페이지번호*/
|
||||
.pagination {font-family:Tahoma,Geneva,sans-serif; text-align:center;margin-top:20px; position:relative; text-align: center;width: 100%; font-size:14px;}
|
||||
.pagination a.pagenum {cursor:pointer; display:inline-block; margin: 0 0 5px; padding: 2px 10px 4px; text-decoration: none; vertical-align:top;}
|
||||
.pagination a{color:#555; margin:0 2px;}
|
||||
.pagination a.pagenum:hover{text-decoration:underline;}
|
||||
.pagination strong{background-color:#7f7f7f;border:1px solid #7f7f7f;color:#fff; display:inline-block; margin:0; padding:2px 9px 4px;}
|
||||
.pagination span.arrow{border:1px solid #d9d9d9;cursor:pointer;display:inline-block;font-size:0;height:24px;line-height:0;vertical-align:top;width:24px;}
|
||||
.pagination span.arrow.pagefirst {background: #fff url("../../../images/admin/board/btn_page_first.gif") no-repeat center;}
|
||||
.pagination span.arrow.pageprev {background: #fff url("../../../images/admin/board/btn_page_prev.gif") no-repeat center; margin-right:10px;}
|
||||
.pagination span.arrow.pagenext {background: #fff url("../../../images/admin/board/btn_page_next.gif") no-repeat center; margin-left:10px;}
|
||||
.pagination span.arrow.pageend {background: #fff url("../../../images/admin/board/btn_page_end.gif") no-repeat center;}
|
||||
.pagination a:hover span.arrow {border: 1px solid #7f7f7f; text-decoration: none;}
|
||||
|
||||
|
||||
.pagination_01 {font-family:Tahoma,Geneva,sans-serif; text-align:center;margin-top:20px; position:relative; text-align: center;width: 100%; font-size:14px;}
|
||||
.pagination_01 a.pagenum {cursor:pointer; display:inline-block; margin: 0 0 5px; padding: 2px 5px 4px; text-decoration: none; vertical-align:top;}
|
||||
.pagination_01 a{color:#555; margin:0 2px;}
|
||||
.pagination_01 a.pagenum:hover{text-decoration:underline;}
|
||||
.pagination_01 strong{background-color:#7f7f7f;border:1px solid #7f7f7f;color:#fff; display:inline-block; margin:0; padding:2px 5px 4px;}
|
||||
.pagination_01 span.arrow{border:1px solid #d9d9d9;cursor:pointer;display:inline-block;font-size:0;height:24px;line-height:0;vertical-align:top;width:24px;}
|
||||
.pagination_01 span.arrow.pagefirst {background: #fff url("../../../images/admin/board/btn_page_first.gif") no-repeat center;}
|
||||
.pagination_01 span.arrow.pageprev {background: #fff url("../../../images/admin/board/btn_page_prev.gif") no-repeat center; margin-right:10px;}
|
||||
.pagination_01 span.arrow.pagenext {background: #fff url("../../../images/admin/board/btn_page_next.gif") no-repeat center; margin-left:10px;}
|
||||
.pagination_01 span.arrow.pageend {background: #fff url("../../../images/admin/board/btn_page_end.gif") no-repeat center;}
|
||||
.pagination_01 a:hover span.arrow {border: 1px solid #7f7f7f; text-decoration: none;}
|
||||
|
||||
|
||||
/*게시판 상단 검색*/
|
||||
.boardHead {display:block; overflow:hidden; margin-bottom:13px; position:relative; min-height:20px; border:1px solid #d0d0d0; background:#f0f0f0; padding:10px 15px; }
|
||||
.boardHead > a.btn_search_gray{
|
||||
background-color:#686868; border:1px solid #575757; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:2px 10px 4px;
|
||||
text-decoration:none;
|
||||
}
|
||||
.boardHead > a.btn_search_gray:HOVER {
|
||||
background-color:#4c4c4c; border:1px solid #2f2f2f;
|
||||
}
|
||||
|
||||
.boardHead .range{position:absolute; right:0; width:auto; width:173px;}
|
||||
.boardHead input{height:24px; }
|
||||
.boardHead img{cursor:pointer; vertical-align:top; padding-top:2px;}
|
||||
.boardHead .border_right{position:absolute; right:20px; top:15px; font-size:14px; color:#444;}
|
||||
.boardHead .border_right_01{position:absolute; right:0; top:8px;}
|
||||
.boardHead input, .boardHead select{vertical-align:top; border:1px solid #bbbbbb;}
|
||||
.boardHead select{height:26px; min-width:80px;}
|
||||
|
||||
#searchKeyword{width:200px !important;}
|
||||
|
||||
/*버튼모음*/
|
||||
.file_icon{background:url("../../../images/board/ico_disket_small.gif") no-repeat scroll left top;height:13px;width:14px; font-size:0; display:inline-block;vertical-align:middle; margin:-1px 0 0 5px; cursor:pointer;}
|
||||
.file_icon a{display:block;}
|
||||
.labHide{font-size:0;left:-1000px; position:absolute; top: -1000px;}
|
||||
|
||||
a.btn_search_lightblue{background-color:#6896ba; border:1px solid #87959b; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px;}
|
||||
|
||||
a.btn_search_blue{background-color:#007bc7; border:1px solid #007bc7; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px; text-decoration:none; border-radius:2px;}
|
||||
a.btn_search_blue{background-color:#006aab; border:1px solid #004169; }
|
||||
|
||||
select + a.btn_search_lightgray,
|
||||
input + a.btn_search_lightgray
|
||||
{ position:relative; top:-1px; }
|
||||
|
||||
a.btn_search_lightgray {
|
||||
background-color:#949494; border:1px solid #767676; color:#fff !important; font-size:13px; font-weight:500; display:inline-block;
|
||||
margin:0; padding:1px 10px 4px; text-decoration:none; border-radius:2px;
|
||||
}
|
||||
a.btn_search_lightgray:HOVER {
|
||||
background-color:#6d6d6d; border:1px solid #535353;
|
||||
}
|
||||
input + a.btn_search_lightgray {position:relative; top:-2px; }
|
||||
|
||||
|
||||
a.btn_search_white{background-color:#f4f2f2; border:1px solid #ababab; color:#333; font-size:13px; font-weight:500; display:inline-block; padding:1px 10px 3px;}
|
||||
a.btn_search_white_01{background-color:#fff; border:1px solid #ababab; color:#000; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px;}
|
||||
input.btn_search_lightgray{background-color:#949494; cursor:pointer; border:1px solid #767676; color:#fff !important; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px; height:auto; border-radius:2px;}
|
||||
input.btn_search_blue{background-color:#1587cb; cursor:pointer; border:1px solid #0d6aa1; color:#fff !important; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px; height:auto; border-radius:2px;}
|
||||
|
||||
input.btn_search_lightgray:hover{background-color:#6d6d6d; border:1px solid #535353;}
|
||||
input.btn_search_blue:hover{background-color:#0b7cbf; border:1px solid #096094;}
|
||||
|
||||
/*게시판 리스트에 들어가는 버튼 모음*/
|
||||
.btn_search_gray,
|
||||
.btn_search_gray > a {
|
||||
background-color:#888; border:1px solid #767676; color:#fff !important;
|
||||
font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 3px 1px;
|
||||
text-decoration:none;
|
||||
}
|
||||
.btn_search_red,
|
||||
.btn_search_red > a {
|
||||
background-color:#f3503f; border:1px solid #e34434; color:#fff;
|
||||
font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 3px 1px;
|
||||
}
|
||||
|
||||
a.btn_gray_01 {
|
||||
background:#1587cb; border:1px solid #006fa9; color:#fff !important;
|
||||
font-size:12px; font-weight:500; display:inline-block; margin:0; padding:2px 5px 4px 5px;
|
||||
text-decoration:none !important;
|
||||
border-radius:2px;
|
||||
}
|
||||
a.btn_gray_01:HOVER {
|
||||
background:#0c6da7;
|
||||
}
|
||||
|
||||
|
||||
.btn_search_read{background-color:#4fb000; border:1px solid #4fb000; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
|
||||
.btn_search_noread{background-color:#ec8500; border:1px solid #ec8500; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
|
||||
.btn_search_receipt{background-color:#888; border:1px solid #888; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
|
||||
.btn_search_send{background-color:#888; border:1px solid #888; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
|
||||
.btn_search_send_no{background-color:#ec8500; border:1px solid #ec8500; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
|
||||
.btn_search_return{background-color:#f3503f; border:1px solid #f3503f; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
|
||||
.btn_search_bgray{background-color:#888; border:1px solid #888; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
|
||||
.btn_search_bred{background-color:#f3503f; border:1px solid #f3503f; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
|
||||
|
||||
|
||||
/*상태값 아이콘*/
|
||||
.static_cl_01 {
|
||||
background-color:#fefafa; border:1px solid #e1e1e1; color:#3e454c !important;
|
||||
font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 3px 3px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
/*버튼*/
|
||||
.btn_type_blue a{padding:6px 15px 8px; background:#1587cb; color:#fff; border:1px solid #006fa9; display:inline-block; text-align:center; font-size:14px; text-decoration:none; }
|
||||
.btn_type_gray a{padding:6px 15px 8px; background:#666666; color:#fff; border:1px solid #555; display:inline-block; text-align:center; font-size:14px; }
|
||||
.btn_type_blue a:hover{ background:#0d76b4; text-decoration:none;}
|
||||
.btn_type_gray a:hover{ background:#555; text-decoration:none;}
|
||||
|
||||
|
||||
|
||||
|
||||
/*달력*/
|
||||
.calenderWrap .year_search{text-align:center; font-size:26px; color:#333; }
|
||||
.calenderWrap .year_search img{vertical-align:middle;}
|
||||
.btn_year a{padding:1px 10px 3px 8px; background:#fafafa; color:#333; font-weight:bold; border:1px solid #ccc; display:inline-block; text-align:center; font-size:13px;}
|
||||
.icon_calendar{border:1px solid #c1c1c1; padding:6px; display:inline-block;}
|
||||
|
||||
.calenderWrap .icon_calendar{background:url(../../../images/admin/board/icon_calendar.gif) no-repeat center center; padding:3px; display:inline-block; width:16px; height:16px;}
|
||||
.calenderWrap .icon_calendar a{font-size:0; display:inline-block;width:16px; height:16px; }
|
||||
.calenderWrap .calenderA { border-top:1px solid #333; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-collapse:collapse; margin:20px auto 25px; width: 100%;}
|
||||
.calenderWrap .calenderA th {background-color:#f7f4e9; padding:15px 0; border-left: 1px solid #ccc;}
|
||||
.calenderWrap .calenderA th.sunday{color:#fd0002}
|
||||
.calenderWrap .calenderA td span.sunday{color:#fd0002 !important;}
|
||||
.calenderWrap .calenderA th.saturday{color:#017aff}
|
||||
.calenderWrap .calenderA td span.saturday{color:#017aff !important;}
|
||||
.calenderWrap .calenderA td span.gray_t{color:#d4d4d4 !important;}
|
||||
.calenderWrap .calenderA th em {color: #017aff;font-weight: bold;}
|
||||
.calenderWrap .calenderA td {border-left:1px solid #ccc;border-top: 1px solid #ccc; vertical-align:top; height:100px;}
|
||||
.calenderWrap .calenderA td:hover {background:#f8f4eb;border:1px solid #b9a16b;}
|
||||
|
||||
.calenderWrap .calenderA td a {display: block;}
|
||||
.calenderWrap .calenderA td .cal_date {display:block;font-size:13px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding: 5px 0 0 5px;}
|
||||
.calenderWrap .calenderA td .cal_case {display: block;font-size:13px; padding:10px 10px 12px 10px; color:#666;}
|
||||
.calenderWrap .calenderA td .cal_case ul li{ margin:5px 0; background:url(../../../images/admin/board/bul_gray.gif) no-repeat left 6px; padding-left:8px;}
|
||||
.calenderWrap .calenderA td .cal_case ul li a{color:#666;}
|
||||
.calenderWrap .calenderA td .cal_case ul li a:hover{text-decoration:underline;}
|
||||
|
||||
.calenderWrap .calenderA td.on {background: #ed8824;border: 1px solid #de7610; color:#fff;}
|
||||
|
||||
.calenderWrap .calenderA td.on .cal_case ul li{ margin:5px 0; background:url(../../../images/admin/board/bul_white.gif) no-repeat left 6px !important; padding-left:8px;}
|
||||
.calenderWrap .calenderA td.on .cal_case ul li a{color:#fff;}
|
||||
.calenderWrap .calenderA td.on .cal_case em {color:#fff;}
|
||||
.calenderWrap .calenderA td.off { color: #d2dcf0;}
|
||||
.calenderWrap .calenderA td.month {border-bottom:1px solid #e3e3e3; text-align:center; vertical-align:middle; font-weight:500; font-size:16px;}
|
||||
.calenderWrap .calenderA td.month em{font-size:24px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
|
||||
.calenderWrap .calenderA td.month:hover {background:none;border:none; border-top:1px solid #e3e3e3;}
|
||||
|
||||
|
||||
/* 갤러리 리스트 */
|
||||
#galleryList{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; padding:20px 0;}
|
||||
#galleryList ul li{ width:20%; float:left; margin-bottom:20px;}
|
||||
#galleryList ul li a{display:block; border:1px solid #ccc; margin:0 3%;}
|
||||
|
||||
#galleryList ul li a:hover{ background-color:#f4f2e3; border:1px solid #b5b081; text-decoration:none;}
|
||||
#galleryList ul li span{display:block;}
|
||||
#galleryList:after{ clear:both; content:""; display:block;}
|
||||
#galleryList ul li span.thum_date{font-size:13px; padding:5px 20px 20px; color:#777;}
|
||||
#galleryList ul li span.thum_image{ padding:20px 20px 10px;}
|
||||
#galleryList ul li span.thum_image img{ width:100%; height:150px !important;}
|
||||
#galleryList ul li span.thum_title{padding:0px 20px; height:25px; font-weight:500; color:#222; font-size:16px; line-height:22px; width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
|
||||
|
||||
@media only screen and (max-width:1300px) {
|
||||
#galleryList ul li span.thum_image{ padding:10px 10px 10px;}
|
||||
#galleryList ul li span.thum_date{padding:5px 10px 10px;}
|
||||
#galleryList ul li span.thum_title{padding:0px 10px;}
|
||||
}
|
||||
@media only screen and (max-width:1300px) {
|
||||
#galleryList ul li span.thum_image img{ width:100%; height:90px !important;}
|
||||
}
|
||||
@media screen and (min-width:1301px) and (max-width:1500px) {
|
||||
#galleryList ul li span.thum_image img{ width:100%; height:130px !important;}
|
||||
}
|
||||
|
||||
/*댓글*/
|
||||
.comment_area{ margin-top:30px; border-top:2px solid #ccc; padding-top:20px;}
|
||||
.comment_area .comment_write{position:relative;padding-top:10px;}
|
||||
.comment_area .comment_write strong.title{font-weight:600; font-size:17px; padding-left:25px; color:#222; background:url(../../../images/admin/h4_bul.gif) no-repeat left 5px;}
|
||||
|
||||
.cm_social_link{ height:30px; text-align:right; position:absolute; right:0; top:0;}
|
||||
.cm_social_link a{ display:inline-block; border:1px solid #c0c0b5; width:27px; height:27px; cursor:pointer; border-radius:40px; background:url(../../../images/civileducation/common/board/icon_cm_social.png) no-repeat center top;}
|
||||
.cm_social_link a.tw{ background-position: center -27px;}
|
||||
.cm_social_link a.fb{ background-position: center -54px;}
|
||||
.cm_social_link a span{display:none;}
|
||||
|
||||
.cm_area{position:relative; margin-top:5px;}
|
||||
.cm_write{float:left; width:89%; position:relative; border:1px solid #ccc; border-right:none;}
|
||||
.cm_write textarea{width:98%; padding:5px 1%; height:75px; display:block; border:none !important;}
|
||||
.cm_write .cm_write_text{ position:absolute; top:10px; left:1.5%; z-index:-1px; color:#999; cursor:pointer; height:60px;}
|
||||
.cm_upload{float:right; width:10.6%; border:1px solid #bbb; height:85px;}
|
||||
.cm_upload input[type="button"]{ cursor:pointer; width:100%; height:83px; font-weight:bold; background:#fafafa; color:#222; font-size:14px; border:none;}
|
||||
.cm_notice{font-size:12px; color:#777; margin-top:5px;}
|
||||
.cm_area:after{ clear:both; content:""; display:block;}
|
||||
|
||||
.reply_area {margin-top:35px;}
|
||||
.reply_area strong.title{ font-weight:600; font-size:16px; color:#222; border-bottom: 1px solid #ccc; line-height:22px; padding-bottom:10px; }
|
||||
.reply_area span.reply_count{ display:inline-block; color:#e82e2e; margin-left:5px; font-weight:600; font-size:18px;line-height:22px;}
|
||||
|
||||
.reply_area .reply_box{border-bottom: 1px solid #ddd; padding:10px 0; position:relative; font-size:13px;}
|
||||
.reply_box dl dt{margin-bottom:7px; font-size:15px; font-weight:600; color:#333; }
|
||||
.reply_box dl dt span.history{ display:inline-block; font-size:13px; margin-left:10px; color:#777; font-weight:normal;}
|
||||
.reply_box dl dt a.reply_delete{ display:inline-block; border-left:1px solid #e0e0e0; margin-left:10px; text-align:center; padding:3px 4px 2px; color:#222; border:1px solid #ccc; font-weight:normal; font-size:12px;}
|
||||
.reply_box dl dt a:hover.reply_delete{ background-color:#e2e2e2;}
|
||||
.reply_box p{ font-size:14px; line-height:18px; color:#666;}
|
||||
|
||||
/*기관부서관리*/
|
||||
.jstree_demo_box{border:2px solid #ccc; float:left; width:50%; height:400px; overflow-y:scroll; }
|
||||
|
||||
.jstree_demo_box_select{ background-color:#d6e0e5; padding:20px; text-align:center; }
|
||||
.jstree_demo_box_select select{width:50%; height:30px;}
|
||||
.jstree_demo_box_select input[type="button"]{ background:#1587cb; border:1px solid #0d6aa1; height:30px; color:#fff; padding:0 10px 2px; cursor: pointer;}
|
||||
.jstree_demo_box_r_box{background:url(../../../images/admin/btn_next_tree.gif) no-repeat left center; float:right; width:49%; }
|
||||
.jstree_demo_box_r{border:2px solid #ccc; height:358px; padding:20px; margin-left:60px; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*사용자관리*/
|
||||
.jstree_user_box{border:2px solid #ccc; float:left; width:40%; height:595px; overflow-y:scroll; }
|
||||
|
||||
.jstree_user_box_select{ background-color:#d6e0e5; padding:10px; text-align:center; }
|
||||
.jstree_user_box_select select{width:20%; height:30px;}
|
||||
.jstree_user_box_select input[type="button"]{ background:#1587cb; border:1px solid #0d6aa1; height:30px; color:#fff; padding:0 10px 2px; cursor: pointer;}
|
||||
.jstree_user_box_select input[type="text"]{ height:27px;}
|
||||
|
||||
.jstree_user_box_r_box{background:url(../../../images/admin/btn_next_tree.gif) no-repeat left center; float:right; width:58%; }
|
||||
.jstree_user_box_r{position:relative; border:2px solid #ccc; height:555px; padding:20px; margin-left:60px; }
|
||||
|
||||
.jstree_user_box_r input[type="button"]{ background:#1587cb; border:1px solid #0d6aa1; height:30px; color:#fff; padding:0 10px 2px; cursor:pointer;}
|
||||
.jstree_user_box_r input[type="button"].gray_btn_bu{ background:#666666; border:1px solid #555555; height:30px; color:#fff;}
|
||||
.jstree_user_box_r input[type="checkbox"]{border:none;}
|
||||
|
||||
a.btn_search_gray{background-color:#686868; border:1px solid #575757; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:2px 10px 4px;
|
||||
text-decoration:none;}
|
||||
a.btn_search_gray:HOVER {background-color:#4c4c4c; border:1px solid #2f2f2f;}
|
||||
|
||||
.jstree_user_box_r .range{position:absolute; right:0; width:auto; width:173px;}
|
||||
.jstree_user_box_r input{height:24px; }
|
||||
.jstree_user_box_r img{cursor:pointer; vertical-align:top; padding-top:2px;}
|
||||
.jstree_user_box_r .border_right{position:absolute; right:20px; top:20px; font-size:14px; color:#444;}
|
||||
.jstree_user_box_r input, .jstree_user_box_r select{vertical-align:top; border:1px solid #bbbbbb;}
|
||||
.jstree_user_box_r select{height:26px; min-width:80px;}
|
||||
|
||||
.jstree_user_box_r > form > #searchKeyword{width:150px !important;}
|
||||
|
||||
|
||||
/*조직도*/
|
||||
.organization_box{overflow:hidden; border:1px solid #ccc; padding:20px;}
|
||||
|
||||
.organization a:hover{ text-decoration:underline;}
|
||||
.organization li.org_depth_01 a{display:inline-block; font-weight:600; font-size:20px; color:#fff; padding:15px; }
|
||||
.organization li.org_depth_01 span {width:200px; display:inline-block; background-color:#008dce; text-align:center;}
|
||||
.organization li ul{padding-left:100px; }
|
||||
.organization li ul li{background:url(../../../images/admin/org_depth_row.gif) repeat-y left top;}
|
||||
|
||||
.organization li ul li:last-child.org_depth_02, .organization li ul li:last-child.org_depth_03{background:none;}
|
||||
.organization li ul li.org_depth_02 a{width:150px; display:block; font-size:16px; background-color:#0eac85; color:#fff; padding:12px; margin:10px 0 0 130px;}
|
||||
|
||||
.organization li ul li.org_depth_02 span{display:inline-block;color:#fff; background:url(../../../images/admin/org_depth_col.gif) no-repeat left -15px; }
|
||||
.organization li ul li ul{padding-left:210px; }
|
||||
|
||||
.organization li ul li ul li.org_depth_03 a{display:block; width:150px; font-weight:500; font-size:15px; background:#8d8d8d; color:#fff; padding:11px; margin:0 0 10px 100px; }
|
||||
.organization li ul li ul li.org_depth_03 span{display:inline-block; font-size:16px; color:#fff; background:url(../../../images/admin/org_depth_col.gif) no-repeat left -20px;}
|
||||
.organization li ul li ul li:last-child.org_depth_03 a{ }
|
||||
|
||||
/*권한관리*/
|
||||
.group_area_01 { float:left; width:50%;}
|
||||
.group_area_01_01{ border:2px solid #ccc; overflow-y:scroll; margin:15px 0 0 0; height:400px;}
|
||||
.group_area_table{ padding:20px 15px;}
|
||||
.group_area_02{background:url(../../../images/admin/btn_next_tree.gif) no-repeat left center; float:right; width:49%; }
|
||||
.group_area_02_01{ border:2px solid #ccc; padding:15px; margin:15px 0 0 60px; height:369px;}
|
||||
|
||||
.group_area_01_01 input[type="text"]{font-family:"맑은 고딕",Malgun Gothic,AppleGothic,sans-serif,"돋움", Dotum; border: 1px solid #c1c1c1; padding: 2px 0 3px 3px;}
|
||||
|
||||
.group_search_wrap{padding:20px 60px 20px 20px; position:relative; background:#d6e0e5; text-align:center;}
|
||||
|
||||
.group_search_btn{ position:absolute; right:20px; top:22px;}
|
||||
.group_search_btn .btn_blue{display:block; background: #1587cb; border: 1px solid #0d6aa1; color: #fff; padding:4px 10px 4px; font-size:13px;}
|
||||
|
||||
.group_search_btn .btn_blue:HOVER {
|
||||
background-color:#0d76b4; border:1px solid #0d6aa1;
|
||||
}
|
||||
|
||||
/*요청처리현황*/
|
||||
.sts-a { color: green !important; font-size: 12px; }
|
||||
.sts-b { color: red !important; font-size: 12px; }
|
||||
.sts-c { color: blue !important; font-size: 12px; }
|
||||
|
||||
.year-text {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.year-info-wrap {
|
||||
text-align: right; /* 오른쪽 정렬 */
|
||||
}
|
||||
|
||||
.year-info {
|
||||
font-size: 12px;
|
||||
color: red; /* 빨간 글씨 */
|
||||
position: relative;
|
||||
left: 370px;
|
||||
}
|
||||
|
||||
/*차트*/
|
||||
.chart-container {
|
||||
display: flex;
|
||||
gap: 40px;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.chart-box {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user