380 lines
26 KiB
CSS
380 lines
26 KiB
CSS
@charset "utf-8";
|
|
|
|
/* sub layout */
|
|
.wrap .seedBody{margin:0 0 80px 0;}
|
|
.wrap .page-title-inner{float:none;}
|
|
.wrap .page-title-wrap h3,.wrap .title.depth01,.wrap .cont_tit h2{float:none;font-size:32px;font-weight:bold;color:#222;margin:0 0 45px 0;padding:0;}
|
|
.wrap .tooltipBox{display:none;}
|
|
.wrap .page-refresh.static{position:absolute;top:8px;margin:0;}
|
|
|
|
.wrap .page-title-wrap .sch-content-wrap{margin:0 0 10px 0;}
|
|
.wrap .sch-content-wrap .sch-select,
|
|
.wrap .list_util.search_wrap select{font-size:15px;}
|
|
.wrap .sch-content-wrap *{float:none;height:36px;}
|
|
.wrap .list_util.search_wrap .search_input{width:258px;min-width:140px;margin:0;padding:0 10px;}
|
|
.wrap .list_util.search_wrap button{font-size:16px;}
|
|
|
|
.wrap .cont_wrap{padding:0;}
|
|
.wrap .cont_wrap>.box{box-shadow:none;}
|
|
.wrap .cont_wrap .cont_tit{padding:0;border-bottom:0;}
|
|
.wrap .cont_tit h2::before{display:none}
|
|
.wrap .cont_wrap .cont_nav{display:none;}
|
|
.wrap .cont_wrap .cont{padding:0;}
|
|
|
|
/* title */
|
|
form h3,.title.depth02{font-size:20px;font-weight:bold;}
|
|
.title.depth03{font-size:18px;font-weight:bold;}
|
|
.wrap .title.slide_heading_title{font-size:22px;font-weight:bold;color:#222;}
|
|
|
|
/* 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:#fff url(/kofair_case_seed/adm/images/component/icon_calendar.png) no-repeat calc(100% - 10px) 50% !important;}
|
|
.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;}
|
|
|
|
.ui-widget-content{border:1px solid #e8e8e8 !important;background:#fff !important;color:#333 !important;box-shadow: 0 0 5px rgba(0,0,0,0.08);}
|
|
.ui-datepicker .ui-datepicker-buttonpane.ui-widget-content{box-shadow:none;border:0 !important;}
|
|
.ui-widget-content *{font-family:'Noto Sans KR', sans-serif !important;}
|
|
.ui-datepicker{padding:10px 15px !important;}
|
|
.ui-datepicker .ui-datepicker-header{padding:0;border:0;background:#fff;}
|
|
.ui-datepicker-title{display:flex;margin:0 !important;gap:6px;justify-content:flex-start;align-items:center;}
|
|
.ui-datepicker table thead tr{border-bottom:1px solid #e5e5e5;font-size:15px;}
|
|
.ui-datepicker-calendar .ui-state-default,
|
|
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
|
|
.ui-datepicker-calendar .ui-widget-header .ui-state-default{display:flex;height:35px;font-size:15px;font-weight:400 !important;text-align:center;border:0 !important;background:#fff !important;color:#333 !important;justify-content:center;align-items:center;}
|
|
.ui-datepicker-calendar .ui-state-default.ui-state-hover,
|
|
.ui-datepicker-calendar .ui-widget-content .ui-state-default.ui-state-hover,
|
|
.ui-datepicker-calendar .ui-widget-header .ui-state-default.ui-state-hover{color:#163db1 !important;background:#e3edfe !important;border-radius:5px;}
|
|
.ui-datepicker-calendar tbody tr:first-child td{padding:3px 0 0 0;}
|
|
.ui-datepicker-calendar tbody tr:last-child td{padding:0 0 3px 0;}
|
|
.ui-datepicker-calendar tbody tr:last-child{border-bottom:1px solid #e5e5e5;}
|
|
.ui-datepicker .ui-datepicker-title select,
|
|
.dateimepicker-hour,.dateimepicker-minuts{font-size:15px !important;font-weight:500;line-height:1;padding:0 10px;margin:-1px 4px 0 0;vertical-align:middle;}
|
|
.ui-datepicker.ui-widget{font-size:16px !important;}
|
|
|
|
.ui-datepicker .ui-datepicker-buttonpane button{position:relative;height:30px;font-size:15px;color:transparent !important;background:#fff !important;margin:0 !important;padding:0 10px !important;border:1px solid #d5d5d5 !important;}
|
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current::after{position:absolute;content:"오늘";font-size:15px;color:#666;left:50%;transform:translateX(-50%);}
|
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{font-weight:400;}
|
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close::after{position:absolute;content:"닫기";font-size:15px;color:#666;;left:50%;transform:translateX(-50%);}
|
|
|
|
.wrap .bbs-view-item .item-box .datepicker{background:#fff url(/kofair_case_seed/adm/images/component/icon_calendar.png) no-repeat calc(100% - 15px) center !important;}
|
|
.ui-datepicker-next.ui-corner-all,.ui-datepicker-prev.ui-corner-all{display:none;}
|
|
|
|
.wrap .col-table.data-table .picker__input{background:#fff url(/kofair_case_seed/adm/images/component/icon_calendar.png) no-repeat calc(100% - 15px) center !important;}
|
|
.wrap .col-table.data-table .picker__table{margin:15px 0 0 0;border-bottom:1px solid #d5d5d5;}
|
|
.wrap .col-table.data-table .picker__table thead th,.wrap .col-table.data-table .picker__table tbody td{border:0;}
|
|
.wrap .col-table.data-table .picker__table tbody td{height:55px;padding:0;font-size:15px;}
|
|
.wrap .col-table.data-table .picker__table .picker__day{height:100%;font-size:15px;padding:1px 10px;}
|
|
|
|
.wrap .prc_content .col-table.data-table.table-layout.txt_center td .picker__nav--next,
|
|
.wrap .prc_content .col-table.data-table.table-layout.txt_center td .picker__nav--prev{width:auto;}
|
|
.wrap .prc_content .col-table.data-table.table-layout.txt_center .picker__footer button{width:calc(100% / 3);}
|
|
|
|
/* 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.left{justify-content:flex-start;}
|
|
.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 .list_util select,.wrap .list_util input,.wrap .list_util button{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 thead th .sort_wrap{display:inline-flex;margin:0 0 0 8px;gap:3px;}
|
|
.wrap .table-layout table thead th .sort_wrap a{display:flex;width:20px;height:20px;background:#fff;border:1px solid #d5d5d5;border-radius:5px;justify-content:center;align-items:center;}
|
|
.wrap .table-layout table td{height:50px;font-size:15px;text-align:center;padding:0;border-bottom:1px solid #d5d5d5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;}
|
|
.wrap .table-layout table td a{line-height:1.4;}
|
|
.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;}
|
|
|
|
.wrap .table-layout table{width:100%;}
|
|
.wrap .table-layout thead th .sortBtn{font-size:8px;color:#163db1;}
|
|
|
|
/* 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:last-child{border-bottom:1px solid #ececec;}
|
|
.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 .input_box{min-height:50px;gap:8px 16px;}
|
|
.wrap .bbs-view-item .input_box span{display:flex;align-items:center;gap:6px;}
|
|
.wrap .bbs-view-item .input_box span [type=radio],.wrap .bbs-view-item .input_box span [type=checkbox]{margin:0;}
|
|
.wrap .bbs-view-item .input_box span [type=radio]+label,.wrap .bbs-view-item .input_box span [type=checkbox]+label{margin:0;}
|
|
.wrap .bbs-view-item button{height:36px;font-size:16px;}
|
|
|
|
.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{width:100%;}
|
|
.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.left table th{text-align:left;}
|
|
.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;}
|
|
.wrap .col-table.data-table textarea{max-width:100%;}
|
|
|
|
.wrap .radio_wrap,.wrap .radio_wrap span{display:flex;align-items:center;}
|
|
.wrap .radio_wrap{gap:20px;}
|
|
.wrap .radio_wrap input[type="radio"]{margin:0;}
|
|
.wrap .radio_wrap input[type="radio"]+label{margin:0 0 0 5px;}
|
|
.wrap .radio_wrap.none_span input[type="radio"]+label{margin:0 0 0 -12px;}
|
|
|
|
.wrap .checkbox_wrap,.wrap .checkbox_wrap span{display:flex;align-items:center;}
|
|
.wrap .checkbox_wrap{gap:20px;}
|
|
.wrap .checkbox_wrap input[type="checkbox"]+label{margin:0 0 0 5px;}
|
|
.wrap .checkbox_wrap.none_span input[type="checkbox"]+label{margin:0 0 0 -12px;}
|
|
|
|
/* 파일 테이블 */
|
|
.upload_area_top{display:flex;margin:0 0 8px 0;justify-content:space-between;align-items:flex-end;}
|
|
.upload_area_top button{height:34px !important;margin:0;}
|
|
.upload_area_top .file_info_text{font-size:15px;font-weight:300;color:#666;margin:0;}
|
|
|
|
.wrap .file_wrap,.wrap .file_wrap table{width:100%;}
|
|
.wrap .file_wrap{margin:10px 0 0 0;border:1px solid #d5d5d5;border-radius:5px;}
|
|
.wrap .file_wrap table thead th{height:40px !important;background:#cccdce;border-bottom:1px solid #e5e5e5;font-size:15px;font-weight:500;padding:0 5px !important;vertical-align:middle;}
|
|
.wrap .file_wrap table thead th:last-child{border-right:0;}
|
|
.wrap .file_wrap table tbody td{height:35px !important;font-size:14px;padding:0 !important;text-align:center;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
|
|
.wrap .file_wrap table tbody tr:last-child td{border-bottom:0;}
|
|
.wrap .file_wrap table tbody td .btn_del{height:24px;vertical-align:middle;}
|
|
.wrap .file_wrap .file_name img{display:inline-block;vertical-align:middle;}
|
|
|
|
.cs_file_list{display:inline-flex;width:calc(100% - 150px);flex-direction:column;gap:8px;}
|
|
.file_row{display:flex;padding:10px 20px;align-items:center;flex-wrap:wrap;gap:5px;background:#f4f5f6;border-radius:5px;}
|
|
.file_row.background_none{background:none;padding:0;}
|
|
.file_row img+a{max-width:calc(100% - 50px);width:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
|
|
.file_row .btn_file_del{width:18px;height:18px;background:#e40000;border-radius:5px;margin:2px 0 0 0;}
|
|
.file_row .btn_file_del i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/adm/images/component/icon_popup_close_white.png) no-repeat center center;background-size:8px auto;}
|
|
|
|
.cs_file_box{display:flex !important;width:100%;padding:15px 20px;margin:12px 0 0 0 !important;border:2px solid #e5e5e5;border-radius:5px;justify-content:space-between;align-items:center;}
|
|
|
|
/* 갤러리 리스트 */
|
|
.list_gallery{display:flex;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;margin:15px 0 0 0;padding:30px 0;gap:30px;flex-wrap:wrap}
|
|
.list_gallery article{position:relative;width:calc((100% - 104px)/4);border:1px solid #d5d5d5;}
|
|
.list_gallery .gallery_util{position:absolute;display:flex;width:60px;height:30px;right:10px;border-radius:5px;top:10px;background-color:#86817e;color:#fff;justify-content:center;align-items:center;font-size:14px;font-weight:500;z-index:1;}
|
|
.list_gallery .gallery_util.use_gallery{background-color:#163db1;}
|
|
.list_gallery .img_area{position:relative;display:flex;width:100%;height:190px;border-bottom:1px solid #d5d5d5;background-color:#f5f5f5;justify-content:center;align-items:center;}
|
|
.list_gallery .img_area img{max-width:100%;max-height:100%;}
|
|
.list_gallery .text_area{padding:20px;}
|
|
.list_gallery .list_tit{height:40px;font-size:18px;font-weight:600;margin-bottom:8px;line-height:1.3;overflow:hidden;}
|
|
.list_gallery .list_info{display:flex;flex-wrap:wrap;justify-content:space-between;}
|
|
.list_gallery span{font-size:14px;font-weight:400;color:#888888;line-height:1.4;}
|
|
.list_gallery .list_writer{display:block;width:100%;}
|
|
|
|
/* page */
|
|
.page{margin:40px auto 0 auto;text-align:center;}
|
|
.page button{width:32px;height:32px;border:1px solid #d5d5d5;border-radius:5px;font-size:14px;color:#666;vertical-align:middle;padding:0;margin:1px 2px;}
|
|
.page button.on{border:1px solid #163db1;color:#163db1;}
|
|
.page button i{display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:center;}
|
|
.page .btn_page_first,.page .btn_page_prev,.page .btn_page_next,.page .btn_page_last{background-color:#f5f5f5;}
|
|
.page .btn_page_first i{background-image: url(/kccadrPb/adm/image/btn_page_first.png);}
|
|
.page .btn_page_prev i{background-image: url(/kccadrPb/adm/image/btn_page_prev.png);}
|
|
.page .btn_page_next i{background-image: url(/kccadrPb/adm/image/btn_page_next.png);}
|
|
.page .btn_page_last i{background-image: url(/kccadrPb/adm/image/btn_page_last.png);}
|
|
|
|
/* editor */
|
|
div.webnote_toolbar_container{display:flex;}
|
|
|
|
/* 드래그드롭 */
|
|
.dragdrop_wrap{margin:10px 0 0 0;border-radius:5px;}
|
|
.bbs-view-item .innorix_basic div.irx_filetree.empty-uploader{background:url(/kofair_case_seed/adm/images/component/dragdrop_img.png) no-repeat center center !important;}
|
|
|
|
/* 댓글 */
|
|
.cmmt_wrap{margin-top: 30px;}
|
|
.cmmt_tit{display: flex; align-items: center;}
|
|
.cmmt_tit img{margin-right: 6px;}
|
|
.cmmt_tit span{color: #163db1; font-weight: bold; font-size: 20px;}
|
|
.cmmt_list{width: 100%; border-top: 1px solid #d5d5d5; margin-top: 10px;}
|
|
.cmmt_list li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 24px 0;}
|
|
.cmmt_person{min-width: 70px; position: relative; font-size: 18px; font-weight: 500; margin-right: 10px; padding-left: 20px;}
|
|
.cmmt_person::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 4px;}
|
|
.cmmt_detail{font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.5px; color: #222; padding-left: 20px;}
|
|
.cmmt_date{display: inline-block; margin-top: 20px; font-weight: 400; font-size: 16px; color: #999;}
|
|
.cmmt_detail .btn_wrap{float: right; margin-top: 15px;}
|
|
.cmmt_detail .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;}
|
|
.cmmt_input{width: 100%; margin-top: 30px;}
|
|
.cmmt_input textarea{height: 80px; width: calc(100% - 90px); vertical-align: middle; border: 2px solid #e5e5e5; border-radius: 5px; padding: 15px; box-sizing: border-box;}
|
|
.cmmt_input .cmmt_add{width: 80px; height: 80px; border-radius: 5px; background-color: #163db1; border: 0; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: background-color 0.2s linear;}
|
|
|
|
/* 분쟁사건 배정관리 */
|
|
.wrap .cs-panel-title{font-size:16px;}
|
|
.applyCheck .dl_wrap{display:flex;gap:20px;}
|
|
.applyCheck .check_dl{display:flex;width:calc(100% / 4);gap:8px;flex-direction:column;}
|
|
.applyCheck .check_dl dt label{font-size:16px;font-weight:500;margin:0 0 0 8px;}
|
|
.applyCheck .check_dl dd{padding:0 0 0 10px;}
|
|
.applyCheck .check_dl dd label{font-size:14px;font-weight:400;margin:0 0 0 5px;letter-spacing:-0.5px;}
|
|
|
|
/* 분쟁사건 처리관리 */
|
|
.title.prc_title{display:flex;justify-content:space-between;align-items:center;}
|
|
.title.prc_title .select_wrap{display:flex;gap:8px;}
|
|
.title.prc_title .select_wrap *{height:36px;font-size:16px;}
|
|
.prc_content .btn_wrap{margin:0 0 40px 0;align-items:flex-end}
|
|
.prc_content .btn_wrap .area_right:only-child{width:100%;}
|
|
.prc_content .btn_wrap *{min-height:36px;}
|
|
.prc_content .btn_wrap.ac *{height:46px;}
|
|
.prc_content .btn_wrap .area_left,.prc_content .btn_wrap .area_right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
|
|
.prc_content .btn_wrap .area_right{width:40%;justify-content:flex-end;}
|
|
.prc_content .btn-default{font-size:16px;}
|
|
.prc_content .col-table.data-table th,
|
|
.prc_content .col-table.data-table td{text-align:left;}
|
|
.prc_content .btn-temp-view::after{display:none;}
|
|
.prc_content .cs-panel-heading{display:flex;justify-content:space-between;align-items:center;}
|
|
.prc_content .cs-panel-heading .title.depth02{font-size:22px;}
|
|
.prc_content .table-layout.txt_center th,.prc_content .table-layout.txt_center td{text-align:center;padding:10px 2px;}
|
|
.prc_content .table-layout.txt_center th *,.prc_content .table-layout.txt_center td *{min-width:0;width:100%;font-size:14px;}
|
|
.prc_content .term_wrap .bbs-view-layout>div{border-bottom:1px solid #ececec;}
|
|
.prc_content .term_wrap .bbs-view-layout .bbs-view-item{border-bottom:0;}
|
|
.prc_content .term_wrap .check_wrap input[type="checkbox"]{margin:15px 0 0 0;}
|
|
.prc_content .term_wrap .check_wrap input[type="checkbox"]+label{font-size:15px;font-weight:300;}
|
|
.prc_content .bbs-view-item .item-title{width:30%;}
|
|
.prc_content .table-layout.border td *{width:90%;text-align:center;margin:0 auto;}
|
|
|
|
/* 분쟁조정 협의회 관리 */
|
|
.confer_content .btn_wrap .btn{font-size:16px;}
|
|
.confer_content .btn_wrap select{height:36px;}
|
|
.confer_content .btn_wrap .area_left,.confer_content .btn_wrap .area_right{display:flex;align-item:center;gap:8px;}
|
|
.confer_content .cs-panel.bbs-view-layout{border-left:0;border-right:0;}
|
|
.confer_content .green_border{vertical-align:baseline;}
|
|
.confer_content .table-layout select{width:95%;}
|
|
.confer_content .table-layout thead tr:nth-child(2) th:last-child{border-right:0 !important;}
|
|
|
|
/* 협의회이관 관리 */
|
|
.price_table table td{padding:0;}
|
|
.price_table input,.price_table select{width:90%;}
|
|
|
|
/* 종료사건 조회 */
|
|
.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 table td{height:45px;}
|
|
.wrap .code_table span.button{width:29px;margin:0;}
|
|
.wrap .code_table td.order_td a{display:flex;justify-content:center;}
|
|
|
|
.wrap .code_table span.button.mini_green{padding:0;width:36px;height:25px;border-radius:5px;background:#0ca448;background-image:none;background-position:unset;}
|
|
.wrap .code_table span.button.mini_green *{display:flex;width:100%;height:100%;font-size:12px;line-height:1;padding:0;background-position:unset;background-image:none;justify-content:center;align-items:center;left:0;font-family:'Noto Sans KR', sans-serif;}
|
|
|
|
.wrap .code_table span.button.mini_red{padding:0;width:36px;height:25px;border-radius:5px;background:#e40000;background-image:none;background-position:unset;}
|
|
.wrap .code_table span.button.mini_red *{display:flex;width:100%;height:100%;font-size:12px;line-height:1;padding:0;background-position:unset;background-image:none;justify-content:center;align-items:center;left:0;font-family:'Noto Sans KR', sans-serif;}
|
|
.wrap .code_table .menuedit{background:none;height:auto;padding:0 !important;}
|
|
.wrap .code_table .menuedit a{padding:0 0 0 28px;}
|
|
.wrap .code_table .menuedit.sub2 a{padding:0 0 0 34px;}
|
|
.wrap .code_table .menuedit.sub3 a{padding:0 0 0 40px;}
|
|
.wrap .code_table .menuedit.sub4 a{padding:0 0 0 46px;}
|
|
.wrap .code_table .menuedit.sub5 a{padding:0 0 0 52px;}
|
|
.wrap .code_table .menuedit.sub6 a{padding:0 0 0 58px;}
|
|
.sub1:after{left:10px !important;}
|
|
.sub2:after{left:16px !important;}
|
|
.sub3:after{left:22px !important;}
|
|
.sub4:after{left:28px !important;}
|
|
.sub5:after{left:34px !important;}
|
|
.sub6:after{left:40px !important;}
|
|
|
|
/* 메뉴관리 */
|
|
.menu_wrap{display:flex;align-items:flex-start;}
|
|
.menu_wrap .menu_area{width:300px;margin:0 50px 0 0;}
|
|
.menu_wrap .menu_area .btn_wrap{margin:0 0 15px 0;}
|
|
.menu_wrap .menu_area .btn_wrap button{width:80px;height:30px;font-size:15px;padding:0;}
|
|
.menu_wrap .menu_area .menu_list{border:1px solid #d5d5d5;border-radius:5px;}
|
|
.menu_wrap .menu_detail{width:calc(100% - 350px);}
|
|
.menu_wrap .menu_detail .title{margin:0 0 25px 0;}
|
|
|
|
/* 아이디 중복확인 */
|
|
.id_duplication_popup .popup_sub_tit{margin:0 0 30px 0;}
|
|
|
|
/* 통계 */
|
|
.statistics_title.search_detail .search_ul{gap:10px;}
|
|
.statistics_title.search_detail .search_ul select{width:150px;}
|
|
|
|
.chart_wrap{min-height:300px;padding:30px;border:3px solid #e8e8e8;border-radius:5px;}
|
|
|
|
/* slide_wrap */
|
|
.slide_wrap .cs-panel{border:0;border-radius:0;box-shadow:none;}
|
|
.slide_wrap .cs-panel-heading{padding:0;margin:0 0 20px 0;border:0;border-radius:0;background:#fff;}
|
|
.slide_wrap .cs-panel-body{padding:0;}
|
|
.slide_wrap .cs-toggle-btn,.slide_wrap .btn-temp-view{display:flex;height:60px;font-size:18px;font-weight:bold;color:#222;padding:0 30px;border:1px solid #d5d5d5;border-radius:5px;background:#f4f5f6;justify-content:space-between;align-items:center;}
|
|
.slide_wrap .cs-toggle-btn.active,.slide_wrap .btn-temp-view.open{border:1px solid #163db1;background:#e2edff;}
|
|
.slide_wrap .cs-toggle-btn .fl{display:flex;align-items:center;}
|
|
.slide_wrap .cs-toggle-btn .fr,.slide_wrap .btn-temp-view .fr{position:relative;width:30px;height:30px;color:transparent;border-radius:100%;background:#adadb5;}
|
|
.slide_wrap .cs-toggle-btn.active .fr,.slide_wrap .btn-temp-view.open .fr{background:#163db1;}
|
|
|
|
.slide_wrap .cs-toggle-btn+.cs-toggle{margin:20px 0;border-top:2px solid #222;}
|
|
.slide_wrap .cs-toggle-btn .fr::after,.slide_wrap .btn-temp-view .fr::after{position:absolute;content:"";width:8px;height:8px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(-135deg);left:11px;top:10px;}
|
|
.slide_wrap .cs-toggle-btn.active .fr::after,.slide_wrap .btn-temp-view.open .fr::after{transform:rotate(45deg);top:12px;}
|
|
|
|
/* step */
|
|
.step_ol.cs-step{display:flex;margin:0 0 40px 0;gap:60px;justify-content:space-between;}
|
|
.step_ol.cs-step li{position:relative;width:calc((100% / 6) - 60px);}
|
|
.step_ol.cs-step.step_3 li{position:relative;width:calc((100% / 3) - 60px);}
|
|
.step_ol.cs-step li::before,.step_ol.cs-step li::after{position:absolute;content:"";}
|
|
.step_ol.cs-step li::before{width:100%;height:1px;background:#d5d5d5;left:100%;top:50%;transform:translateY(-50%;)}
|
|
.step_ol.cs-step li::after{width:30px;height:30px;border:1px solid #d5d5d5;border-radius:100%;background:#fff url(/kofair_case_seed/adm/images/component/icon_arrow_right.png) no-repeat center center;top:50%;left:calc(100% + 21px);transform:translateY(-50%);}
|
|
.step_ol.cs-step.step_3 li::after{left:calc(100% + 30px);}
|
|
.step_ol.cs-step li a{display:flex;height:50px;font-size:18px;font-weight:300;border:1px solid #d5d5d5;border-radius:60px;background:#f4f5f6;justify-content:center;align-items:center;line-height:1.3;}
|
|
.step_ol.cs-step li:last-child::before,.step_ol.cs-step li:last-child::after{display:none;}
|
|
.step_ol.cs-step li a:hover,.step_ol.cs-step li.active a{color:#fff;border:1px solid #171c70;background:#171c70;}
|
|
.step_ol.cs-step li a:before{display:inline-block;padding:0 10px 0 0;font-size:18px;background:transparent;margin:0;line-height:1.3;}
|
|
.step_ol.cs-step li:hover a:before, .step_ol.cs-step li.active a:before{font-weight:600;color:#fff;background:#171c70;}
|
|
|
|
/* page */
|
|
.wrap .pagination,.wrap .pagination-control{height:40px;}
|
|
.wrap .pagination li a{display:flex;width:40px;height:40px;font-size:15px;font-weight:400;line-height:1;justify-content:center;align-items:center;}
|
|
.wrap .pagination-control a{background-position:50% 58% !important;}
|
|
.wrap .pagination li a:hover{color:#163db1;background:#e3edfe;}
|
|
.wrap .pagination li a.on{background:#fff !important;font-weight:600;color:#163db1 !important;border:1px solid #163db1;}
|
|
.wrap .pagination-control a img{display:none;}
|
|
.wrap .pagination-inner{border:0;}
|
|
.wrap .pagination-control.prev a:after,.pagination-control.next a:after{display:none;}
|
|
|
|
|
|
@media screen and (max-width: 1600px){
|
|
.search_wrap .sch-content-wrap .sch-text{width:200px;}
|
|
.wrap .form-group.calendar input[type="text"], .wrap .hasDatepicker{width:120px !important;}
|
|
|
|
.search_detail{padding:0 20px;}
|
|
.search_detail .search_ul{gap:15px;}
|
|
.search_detail .search_ul .title{white-space:nowrap;}
|
|
.search_detail .search_ul input[name=searchTitle]{width:230px;}
|
|
|
|
/* 분쟁사건 처리관리 */
|
|
.step_ol.cs-step li a{font-size:16px;}
|
|
.step_ol.cs-step li a:before{font-size:16px;padding:0 5px 0 0;}
|
|
}
|