001d59716c
> 등록/수정, 분쟁조정안내 > 분쟁조정 상담 > 리스트/등록, 분쟁조정안내 > 분쟁조정 게시판 > 리스트/등록, 게시판 관리 > 리스트, 코드관리, 운영관리 > 코드관리, 위원관리, 비주얼, 배너, 담당자관리
105 lines
5.9 KiB
CSS
105 lines
5.9 KiB
CSS
@charset "utf-8";
|
|
|
|
/* sub layout */
|
|
.wrap .seedBody{margin:0 0 80px 0;}
|
|
.wrap .page-title-wrap{}
|
|
.wrap .page-title-inner{float:none;}
|
|
.wrap .page-title-wrap h3,.wrap .title.depth01{float:none;font-size:32px;font-weight:bold;color:#222;margin:0 0 45px 0;}
|
|
.wrap .page-refresh.static{position:absolute;top:8px;margin:0;}
|
|
|
|
.wrap .page-title-wrap .sch-content-wrap{margin:0 0 10px 0;}
|
|
.sch-content-wrap .sch-select{font-size:15px;}
|
|
.wrap .sch-content-wrap *{float:none;height:36px;}
|
|
|
|
.wrap .tooltipBox{display:none;}
|
|
|
|
/* title */
|
|
form h3,.title.depth02{font-size:20px;font-weight:bold;}
|
|
.title.depth03{font-size:18px;font-weight:bold;}
|
|
|
|
/* detail_search */
|
|
.search_detail{display:flex;padding:0 40px;margin:0 0 40px 0;background:#f4f5f6;border:2px solid #e8e8e8;border-radius:5px;flex-wrap:wrap;align-items:center;}
|
|
.search_detail .search_ul{display:flex;width:100%;padding:10px;border-bottom:1px solid #d5d5d5;align-items:center;gap:30px;}
|
|
.search_detail .search_ul:last-child{border-bottom:0;}
|
|
.search_detail .search_ul li{display:flex;align-items:center;}
|
|
.search_detail .search_ul .title{margin:0 10px 0 0;}
|
|
.search_detail .search_ul input,.search_detail .search_ul select{height:36px;}
|
|
.search_detail .search_ul input[name=searchTitle]{width:440px;}
|
|
.search_detail .search_ul .calendar input{background-image:url(/kofair_case_seed/adm/images/component/icon_calendar.png);background-position:calc(100% - 10px) 50%;background-repeat:no-repeat;}
|
|
.search_detail .search_ul select{width:300px;}
|
|
.search_detail .search_ul select[name=searchState]{width:150px;}
|
|
.search_detail .search_ul .btn-page-sch{width:80px;}
|
|
|
|
/* calendar */
|
|
.calendar{display:flex;align-items:center;margin:0 12px 0 0;gap:4px;}
|
|
.calendar input[type="text"]{width:120px;font-size:14px;font-weight:400;color:#666;}
|
|
.calendar input[type="text"]+img{margin:0 0 0 -32px;}
|
|
.calendar input[type="text"]:first-child+img{margin:0 13px 0 -32px;}
|
|
|
|
.wrap .form-group.calendar{display:flex;align-items:center;}
|
|
.wrap .form-group.calendar input[type="text"],.wrap .hasDatepicker{width:150px !important;height:36px;}
|
|
|
|
/* table - 리스트 */
|
|
.wrap .form-wrap{border:0;}
|
|
.wrap .table_top,.wrap .search_wrap .calendar_term,.wrap .table_top .search_wrap,.wrap .table_top .type_select{display:flex;align-items:center;gap:5px;}
|
|
.wrap .table_top{justify-content:space-between;}
|
|
.wrap .table_top.right{justify-content:flex-end;}
|
|
.wrap .table_top .sch-content-wrap{margin:0;}
|
|
.wrap .table_top input,.wrap .table_top select{height:36px;}
|
|
.wrap .table_total_text{display:block;font-size:15px;font-weight:400;color:#444;margin:0 0 3px 0;align-self:flex-end;}
|
|
.wrap .table-layout{border:0;border-top:2px solid #222;border-radius:0;}
|
|
.wrap .table-layout table th{height:50px;font-size:15px;padding:0;background:#f4f5f6;border-bottom:1px solid #d5d5d5;vertical-align:middle;}
|
|
.wrap .table-layout table td{height:50px;font-size:15px;padding:0;border-bottom:1px solid #d5d5d5;vertical-align:middle;}
|
|
.wrap .table-layout table tr:hover td{background:#fbfcfc;}
|
|
|
|
.wrap .table-layout.border table thead th,.wrap .table-layout.border table tbody td{border-right:1px solid #d5d5d5;}
|
|
.wrap .table-layout.border table thead tr:nth-child(n+2) th{height:35px;}
|
|
.wrap .table-layout.border table thead tr:nth-child(n+2) th:last-child{border-right:1px solid #d5d5d5;}
|
|
.wrap .table-layout.border table thead th:last-child,.wrap .table-layout.border table tbody td:last-child{border-right:0;}
|
|
|
|
/* table - 상세 */
|
|
.wrap .bbs-view-layout{padding:0;border-top:2px solid #222;border-bottom:1px solid #e5e5e5;border-radius:0;box-shadow:none;-webkit-box-shadow:none;}
|
|
.wrap .bbs-view-item{width:100%;}
|
|
.wrap .bbs-view-item .item-title{width:20%;max-width:220px;height:100%;font-size:16px;font-weight:400;background:#f4f5f6;padding:0 0 0 20px;}
|
|
.wrap .bbs-view-item .item-box{width:80%;padding:10px 20px;}
|
|
.wrap .bbs-view-item input[type="text"],.wrap .bbs-view-item select{height:36px;vertical-align:middle;}
|
|
.wrap .bbs-view-item .item-box .btn-sch-item{display:inline-flex;height:36px;font-size:16px;color:#163db1;background:#fff;border:1px solid #163db1;border-radius:5px;justify-content:center;align-items:center;}
|
|
|
|
.wrap .bbs-view-item .input_box,.wrap .bbs-view-item .email_wrap,.wrap .bbs-view-item .phone_wrap{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
|
|
.wrap .bbs-view-item button{height:36px;}
|
|
|
|
.wrap .btn-area{display:flex;justify-content:space-between;}
|
|
.wrap .btn-area.right{justify-content:flex-end;}
|
|
.wrap .btn-area.left{justify-content:flex-start;}
|
|
.wrap .btn-area.center{justify-content:center;}
|
|
|
|
.wrap .btn-area div{display:flex;gap:10px;}
|
|
.wrap .btn-area button{min-width:90px;height:46px;font-size:18px;border-radius:5px;padding:0;margin:0;line-height:1;}
|
|
|
|
.wrap .col-table.data-table.border_0{border-bottom:0;}
|
|
.wrap .col-table.data-table{border:0;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;}
|
|
.wrap .col-table.data-table table th,.wrap .col-table.data-table table td{height:45px;padding:10px 20px;border-right:1px solid #e5e5e5;font-family:'Noto Sans KR', sans-serif;line-height:1.5;white-space:normal;}
|
|
.wrap .col-table.data-table table th{background:#f4f5f6;}
|
|
.wrap .col-table.data-table table tr{border-bottom:1px solid #e5e5e5;}
|
|
.wrap .col-table.data-table table tbody tr:last-child{border-bottom:0;}
|
|
.wrap .col-table.data-table table td:last-child{border-right:0;}
|
|
|
|
/* editor */
|
|
div.webnote_toolbar_container{display:flex;}
|
|
|
|
/* 분쟁사건 배정관리 */
|
|
.wrap .cs-panel-title{font-size:16px;}
|
|
|
|
|
|
/* 종료사건 조회 */
|
|
.endcase_content .input_box{display:flex;gap:10px;}
|
|
.endcase_content .input_box select{height:36px;}
|
|
|
|
/* 코드관리 */
|
|
.wrap .code_cont{position:absolute;background:transparent;top:100px;right:30px;}
|
|
.wrap .code_cont .icon_menu{padding:0;}
|
|
.wrap .code_cont .icon_menu ul{display:flex;flex-direction:column;gap:15px;}
|
|
.wrap .code_cont .icon_menu ul li{margin:0;}
|
|
.wrap .code_table span.button{width:29px;margin:0;}
|
|
.wrap .code_table td.order_td a{display:flex;justify-content:center;}
|