@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;}

/* popup */
.window_popup{padding:30px;background:#fff;}
.window_popup .table-layout table tr th,
.window_popup .table-layout table tr th label,
.window_popup .col-table.data-table table tr th,
.window_popup .col-table.data-table table tr th label,
.window_popup .table-layout table tr td,
.window_popup .col-table.data-table table tr td{font-size:14px;padding:5px 10px;}
.window_popup .table-layout table tr th,
.window_popup .col-table.data-table table tr th,
.window_popup .table-layout table tr td,
.window_popup .col-table.data-table table tr td{height:40px;vertical-align:middle;}

/* 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-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 .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;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;}

.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 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"]+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;}

/* 갤러리 리스트 */
.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;}

/* 댓글 */
.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 *{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;}
.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%;}
.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;}

/* 협의회이관 관리 */
.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 span.button{width:29px;margin:0;}
.wrap .code_table td.order_td a{display:flex;justify-content:center;}

/* 메뉴관리 */
.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;}

/* 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;}