@charset "utf-8";

/* Pretendard CDN */
/* @font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-Bold.woff2') format('woff2');
} */

.inner {
    width: 100%;
	max-width: 1448px;
    margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
}
/* 사이즈 축소 요청으로 조금 조절함. 26.06.09 */
body{min-width:1400px;overflow-x: auto;zoom:0.9;}
.wrap{display: flex;align-items: normal;justify-content: flex-start;flex-direction: column; min-height: 100%;}
body.lock{overflow:hidden;}

/*************************** 헤더 *************************/
.header.active{background:#fff;}
.header .logo a{display:block;width:393px;height:40px;background:url(/cefc-mgmt/images/logo_header.svg) no-repeat;font-size:0;}

.tnb-list{display: flex;align-items: center;justify-content: flex-end;flex-direction: row;padding:16px 0;gap:12px;}
.tnb-list li{display: inline-flex;gap: 12px;align-items: center;justify-content: flex-start;flex-direction: row;}
.tnb-list li:first-child::after{display: block;width: 1px;height: 16px;background: #6D7882;content: "";}
.tnb-list .btn-login{display: block;padding-left:24px;background: url(/cefc-mgmt/images/ico_login.svg) no-repeat left center;}
.tnb-list .homepage a{display: block;padding-right:24px;background: url(/cefc-mgmt/images/ico_tnb_arr.svg) no-repeat calc(100% - 5px) center;}
.tnb-list .form-select{width:240px;}

.gnb-wrap{position:relative;}
.gnb-wrap .inner{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.gnb-list{display: flex;flex-direction: row;align-items: center;gap: 20px;}
.gnb-list > li > a{display:block;font-size:24px;padding:18px 16px;font-weight:bold;border-bottom:3px solid transparent}
.gnb-list > li.on > a,
.gnb-list > li > a:hover{border-bottom:3px solid #279FD3}
.gnb-depth-wrap{display:none;overflow: hidden;position: absolute;top: 75px;left: 0;width:100%;z-index: 100;border-top: 1px solid #d6d6db;background:#fff;box-shadow:4px 6px 6px 0 rgba(0, 0, 0, 0.25);transition: opacity .2s ease;}
.gnb-dep02{display:flex;width: 100%;max-width:1400px;margin:0 auto;padding:40px 0 60px;justify-content: flex-start;flex-wrap: wrap;}
.gnb-dep02 > li{width:25%;border-right:1px solid #CDD1D5;}
.gnb-dep02 > li:nth-child(n+5){margin-top:60px;}
.gnb-dep02 > li > a{display:block;padding:11px 20px;font-size:20px;font-weight:700;}
.gnb-dep03 > li > a{display:block;padding:8.5px 20px;text-align: left;font-size: 18px;border: 0;}
.gnb-dep03 > li > a:hover{color:#279FD3;}
/*************************** 메인페이지 *************************/
.main{background:#ECEFF5}
.main.login .banner-txt .txt,
.main.login .banner-menu .login-menu{display:none;}
.main.login .banner-menu .quick-menu{display:block;}

.main.certify-login{background:#fff;}
.main.certify-login .tnb-list,
.main.certify-login .gnb-list,
.main.certify-login .banner-cont,
.main.certify-login .service-banner{display:none;}

.main.certify-login .gnb-wrap{padding:50px 24px;border-bottom:1px solid #CDD1D5;}
.main.certify-login .certify-login-cont{display:block;padding:60px 0;}
.certify-login-cont{display:none;}

.banner-cont{flex:1;background:url(/cefc-mgmt/images/main_banner.png) no-repeat center;background-size:contain;padding:84px 0;}
.banner-cont .inner{display:flex;justify-content: space-between;align-items: center;}
.banner-cont .banner-txt .tit{font-size:52px;line-height: 1.4;font-weight:700}
.banner-cont .banner-txt .txt{margin-top:24px;font-size:24px;}
.banner-cont .banner-txt span{display: block;margin-top:4px;font-size:16px;}
.banner-cont .banner-menu{width:312px;}
.banner-menu .login-menu{padding:31px 24px;background:#fff;border-radius:20px;box-shadow:rgba(0, 0, 0, 0.1)  3px 3px 8px 0;text-align:center;}
.banner-menu .login-menu .tit{display:block;padding-top:88px;background:url(/cefc-mgmt/images/bg_login.svg) no-repeat top center;font-size:24px;}
.banner-menu .login-menu .login-list li{margin-top:8px;}
.banner-menu .login-menu .login-list li:first-child{margin-top:32px;}
.banner-menu .login-menu .login-list li:first-child a{color:#fff;background:#279FD3;border:1px solid #279FD3;}
.banner-menu .login-menu .login-list li a{display:block;width:100%;padding:13.5px 0;border-radius:8px;font-size:18px;border:1px solid #464C53;color:#464C53;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .08s ease;}
.banner-menu .login-menu .login-list li a:hover,
.banner-menu .login-menu .login-list li a:focus{background:#F2FAFD;border-color:#279FD3;color:#127FAE;box-shadow:0 2px 6px rgba(30,33,36,.16);}
.banner-menu .login-menu .login-list li:first-child a:hover,
.banner-menu .login-menu .login-list li:first-child a:focus{background:#239ace;border-color:#239ace;color:#fff;}
.banner-menu .login-menu .login-list li a:active{transform:translateY(1px);box-shadow:inset 0 1px 3px rgba(30,33,36,.18);}
.banner-menu .quick-menu{display:none;}
.banner-menu .quick-menu .quick-list{display:flex;flex-wrap: wrap;gap: 12px;}
.banner-menu .quick-menu .quick-list li{box-shadow:rgba(0, 0, 0, 0.1)  3px 3px 8px 0;background-repeat:no-repeat;background-position:19px center;border-radius:20px;transition:transform .2s ease, box-shadow .2s ease;}
.banner-menu .quick-menu .quick-list li a{display:flex;flex-direction: column;align-items: center;align-content: center;justify-content: space-between;width:150px;height:150px;padding:19px 12px;background:#fff;border:1px solid transparent;border-radius:20px;transition:background-color .2s ease, border-color .2s ease;}
.banner-menu .quick-menu .quick-list li img{transition:transform .2s ease;}
.banner-menu .quick-menu .quick-list li .txt{font-size:20px;line-height:1.3;font-weight:700;text-align:center;transition:color .2s ease;}
.banner-menu .quick-menu .quick-list li:hover,
.banner-menu .quick-menu .quick-list li:focus-within{transform:translateY(-4px);box-shadow:rgba(0, 0, 0, 0.16)  4px 8px 16px 0;}
.banner-menu .quick-menu .quick-list li:hover a,
.banner-menu .quick-menu .quick-list li:focus-within a{background:#F2FAFD;border-color:#279FD3;}
.banner-menu .quick-menu .quick-list li:hover img,
.banner-menu .quick-menu .quick-list li:focus-within img{transform:scale(1.06);}
.banner-menu .quick-menu .quick-list li:hover .txt,
.banner-menu .quick-menu .quick-list li:focus-within .txt{color:#127FAE;}

.service-banner{padding:17px 0;background:#279FD3;}
.service-banner .inner{display:flex;align-items: center;justify-content: center;gap:20px;}
.service-banner p{font-size:24px;font-weight:700;color:#fff;}
.service-banner a{font-size:44px;font-weight:700;color:#fff;}
.service-banner span{font-size:20px;color:#fff;}

/*************************** 서브페이지 *************************/
/*************************** 서브페이지 *************************/
.breadcrumb-wrap {
  padding: 8px 0;
  background: #F8F8F8;
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 4px;
  margin: 0;
}

.breadcrumb li {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 4px;
  height: 20px;
  line-height: 20px;
}

.breadcrumb li:not(:last-child)::after {
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background: url(/cefc-mgmt/images/ico_bread_arr.svg) no-repeat center / contain;
  content: "";
}

.breadcrumb li a,
.breadcrumb li span {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  font-size: 16px;
  line-height: 20px;
  color: #1E2124;
  text-decoration: none;
}

.breadcrumb .home {
  transform: translateY(3px);
}

.breadcrumb .home::before {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background: url(/cefc-mgmt/images/ico_bread_home.svg) no-repeat center / contain;
  content: "";

}
.sub-container .inner{display: flex;flex-direction: row;}
.sub-container .left-menu{width:260px!important;padding-top:40px!important;border-right:1px solid #CDD1D5!important;background:transparent!important}
.left-menu .menu-toggle{cursor:pointer}
.left-menu .depth1-title{display:block;padding:11px 42px 11px 14px;font-size:20px;font-weight:700;background-image:url(/cefc-mgmt/images/ico_lnb_arr.svg);background-repeat:no-repeat;background-position: calc(100% - 14px) center;}
.left-menu .depth1-title.open{background-image:url(/cefc-mgmt/images/ico_lnb_arr_on.svg);color:#279FD3;}
.left-menu .depth1-title:hover{background-color:#F1F1F1;}
.left-menu .depth2-title{display:block;padding:8.5px 6px 8.5px 24px;border-radius:8px;}
.left-menu .depth2-title:before{display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:2px;background:#1E2124;vertical-align: middle;content:''}
.left-menu .depth2-title.open{font-weight:700;}
.left-menu .depth2-title:hover{background-color:#F1F1F1;}
.left-menu .depth3{margin-top:8px;}
.left-menu .depth3-item:hover{background-color:#F1F1F1;border-radius:8px;}
.left-menu .depth3-title{display:block;padding:8px 9px;margin:0 16px 0 36px;font-size:16px;border-left:1px solid #CDD1D5;}
.left-menu .depth3-title.open{color:#279FD3;font-weight:700;border-left:1px solid #279FD3;}

.content-wrapper{width:calc(100% - 260px);min-height:700px!important;}
.content-wrap{margin-top:60px;margin-left:60px;margin-bottom:80px;}
.content-title{font-size:40px;margin-bottom:60px;}
.section-wrap{margin-bottom:60px}
.section-wrap:last-child{margin-bottom:0;}
.section-title{margin-bottom:20px;}
.section-title:after{display:block;content:'';clear:both;}
.section-title .tit{float:left;font-size:28px;}
.section-title .tit .sub{margin-left:10px;font-size:20px;color:#6D7882;}
.section-title h5.tit{font-size:20px;}
.section-title .btn-list{float:right;}
.article-wrap:nth-child(n+2){margin-top:20px;}
.article-wrap + .section-title{margin-top:20px;}
.btn-list{display:flex;gap:8px;margin:0;padding:0;}
.btn-list li{display:flex;margin:0;padding:0;}
.btn-list li:has(> button[style*="display:none"]),
.btn-list li:has(> button[style*="display: none"]),
.btn-list li:has(> button[hidden]) {
  display:none;
}

/*************************** 컴포넌트 *************************/
/* 테이블 */
caption{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.table-wrap .table th,
.table-wrap .table td{padding:8px 16px;height:56px;border:1px solid #CDD1D5;vertical-align:middle;}
.table-wrap .table th{background:#F4F5F6;font-weight:700;text-align:center;vertical-align: middle;}
.table-wrap .table thead + tbody td:first-child,
.table-wrap .table th:first-child{border-left:0;}
.table-wrap .table thead th:last-child,
.table-wrap .table td:last-child{border-right:0;}
.table-wrap .table thead th{border-bottom:0;}
.table-wrap .table thead + tbody td{text-align:center;}
.table-wrap .table thead + tbody td.txt-left{text-align:left;}
.table-wrap .table td > .form-input,
.table-wrap .table td > .form-select{width:100%;}
.table-wrap .table tr.disabled th,
.table-wrap .table tr.disabled td{background:#DFDFDF;}

/* 폼 */
.fieldset{display:flex;gap:8px;flex-direction:row;margin-top:8px;align-items: center;}
.fieldset:first-child{margin-top:0;}
.fieldset.col{flex-direction: column;gap:24px;}
.fieldset > .form-input{flex:1;}
.fieldset .text{font-size:16px;}
.fieldset .txt{flex-shrink: 0;}
.form-group{display:flex;gap:8px;align-items: flex-start;flex-direction: column;}
.form-group.row{flex-direction: row;}
.form-group .form-tit{font-size:16px;}
.form-group .form-conts{width:100%;}
.form-check{display: inline-flex;flex-direction: row;align-items: center;gap: 5px;min-height:20px;margin-bottom:0;padding-left:0!important;vertical-align: middle;line-height: 1;}
.check-area{display: flex;flex-direction: row;gap:24px;}
.cefc-form-inline .form-check,
.check-area .form-check{white-space:nowrap;}

/* 텍스트 입력 */
.form-input{min-height: 40px;padding: 0 12px;background-color: #fff;border: 1px solid #D0D5DD;border-radius: 6px;font-size:16px;}
.form-input:focus,
.form-input:focus-visible{outline:1px solid #279FD3}
.form-input.xxs{flex:none;width:50px!important}
.form-input.xs{flex:none;width:80px!important}
.form-input.sm{flex:none;width:160px!important}
.form-input.md{flex:none;width:320px!important}
.form-input.lg{flex:none;width:480px!important}
.form-input.wide{flex:none;width:270px!important;max-width:300px!important;}
.form-input.wide-flex{width:270px!important;max-width:300px!important;}
.form-input[readonly],
.form-input[disabled]{border-color: #CDD1D5;background-color: #DFDFDF;color: #6D7882;}

.form-textarea{width:100%;min-height:140px;border: 1px solid #D0D5DD;border-radius: 6px;font-size:16px;}
.textarea-check{margin-top:4px;}
.textarea-check .check-num{float:right;font-size:14px;color:#6D7882;}
.textarea-check .check-num .num{color:#279FD3}

/* 셀렉트 */
.form-select{min-width: 100px;min-height: 40px;padding: 0 34px 0 12px;;background: url(/cefc-mgmt/images/ico_select.svg) no-repeat calc(100% - 10px) center;background-color: #ffffff;background-size: 18px;border: 1px solid #CDD1D5;border-radius: 6px;font-size:16px;}
.form-select.md{width:240px!important;}
.form-select.wide{flex:none;width:250px!important;max-width:250px!important;}
.form-select[disabled]{border-color: #c6c6c6;background-color: #d8d8d8;color: #717171;}
.form-select:focus,
.form-select:focus-visible{outline:1px solid #279FD3}

/* 체크박스 */
.form-check input[type=checkbox]{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.form-check input[type=checkbox] ~ label{position: relative;display: inline-flex;gap: 8px;align-items: center;min-height:20px;line-height:20px;}
.form-check input[type=checkbox] ~ label:before{display: flex;flex-shrink: 0;width: 20px;height: 20px;background-color:#fff;border: 1px solid #6D7882;border-radius:3px;content:'';margin-top:0;}
.form-check input[type=checkbox] ~ label:after{display: inline-flex;position:absolute;left:4px;top:4px;width: 12px;height:12px;-webkit-mask-image:url(/cefc-mgmt/images/ico_checkbox_checked.svg);mask-image:url(/cefc-mgmt/images/ico_checkbox_checked.svg);forced-color-adjust: none;mask-repeat: no-repeat;background-color: #fff;mask-position: center center;mask-size: contain;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;-webkit-mask-size: contain;content:'';}
.form-check input[type=checkbox]:checked ~ label:before{background-color: #279FD3;border: 1px solid #279FD3}
.form-check input[type=checkbox]:checked ~ label:after{background-color:#fff;}
.form-check input[type=checkbox]:disabled ~ label:before{border-color: #CDD1D5;background-color: #DFDFDF;}
.form-check input[type=checkbox]:disabled ~ label:after{background-color:transparent;}
.form-check input[type=checkbox]:disabled:checked ~ label:after{background-color:#6D7882;}
.fieldset > input[type=checkbox],
.table-wrap td > input[type=checkbox],
.tui-grid-container input[type=checkbox] {
  width:20px;
  height:20px;
  margin:0;
  vertical-align:middle;
  flex:0 0 auto;
}
.table-wrap td > input[type=checkbox],
.tui-grid-container input[type=checkbox] {
  display:block;
  margin-left:auto!important;
  margin-right:auto!important;
}
.tui-grid-container .tui-grid-cell-row-header,
.tui-grid-container .tui-grid-cell-row-header .tui-grid-cell-content {
  text-align:center!important;
  vertical-align:middle!important;
}
.tui-grid-container .tui-grid-cell-row-header .tui-grid-cell-content {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  line-height:1!important;
}
.tui-grid-container .tui-grid-cell-row-header input[type=checkbox] {
  display:block!important;
  position:static!important;
  top:auto!important;
  transform:none!important;
  align-self:center!important;
}
.agree-check{display:flex;margin-top:20px;font-weight:700;gap:8px;}

/* 라디오버튼 */
.form-check input[type=radio]{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.form-check input[type=radio] ~ label{position: relative;display: inline-flex;gap: 8px;align-items: center;min-height:20px;line-height:20px;}
.form-check input[type=radio] ~ label:before{display: flex;flex-shrink: 0;width: 20px;height: 20px;border: 1px solid #6D7882;background-color: #fff;border-radius:10px;content:'';}
.form-check input[type=radio] ~ label:after{display: inline-flex;position:absolute;left:5px;top:5px;width: 10px;height:10px;border-radius: 5px;content:'';}
.form-check input[type=radio]:checked ~ label:before{border: 1px solid #279FD3}
.form-check input[type=radio]:checked ~ label:after{background-color:#279FD3;}
.form-check input[type=radio]:disabled ~ label:before{border-color: #CDD1D5;background-color: #DFDFDF;}
.form-check input[type=radio]:disabled ~ label:after{background-color:transparent;}
.form-check input[type=radio]:disabled:checked ~ label:after{background-color:#717171;}

/* 전화번호 */
.form-phone{display:flex;align-items: center;gap:5px;}
.form-phone .form-input{width:100px;}

/* 달력 */
.form-date{display:flex;align-items: center;gap:5px;}
.form-date .form-input{flex:1;min-width:0;padding-right:40px;background-image:url(/cefc-mgmt/images/icon_calendar.svg);background-repeat:no-repeat;background-position:calc(100% - 10px) center}
.form-input.input-item.datepicker{height:40px;min-height:40px;padding-right:34px;background-position:right 10px center;background-size:18px;}
.form-input.input-item.readonlyPicker{height:40px;min-height:40px;padding-right:34px;background-position:right 10px center;background-size:18px;pointer-events: none;}
.fieldset .form-date .form-input{padding-right:12px;width:auto;}
.form-date .flatpickr-footer{display:none}
.form-date .flatpickr-calendar{padding:15px 0;}
.form-date .flatpickr-months{margin-bottom:10px;}
.form-date .flatpickr-current-month .flatpickr-monthDropdown-months,
.form-date .flatpickr-current-month .flatpickr-year-select{border:none!important;text-align:center;width:50px !important;padding:0!important;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form-date .flatpickr-months .flatpickr-prev-month,
.form-date .flatpickr-months .flatpickr-next-month{top:15px;line-height:1;}
.form-date .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{left:40px;}
.form-date .flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:40px;}

.grid-date-cell {
  position: relative;
  width: 100%;
}

.grid-date-cell .form-control {
  width: 100%;
  height: 32px;
  min-height: 32px;
  padding: 0 28px 0 8px;
  border: 1px solid #D0D5DD;
  border-radius: 4px;
  background-color: #fff;
  color: #1E2124;
  font-size: 14px;
  line-height: 30px;
  box-sizing: border-box;
}

.grid-date-cell .date-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  pointer-events: none;
  background: url(/cefc-mgmt/images/icon_calendar.svg) no-repeat center / 16px 16px;
}

.grid-date-editable .tui-grid-layer-editing {
  width: 140px !important;
  max-width: 140px !important;
  padding: 8px 18px !important;
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
}

.grid-date-editable .tui-grid-layer-editing input {
  width: 100% !important;
  max-width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 8px !important;
  border: 1px solid #279FD3 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  line-height: 30px !important;
  text-align: center !important;
}

/* 버튼 */
.table-wrap + .button-wrap{margin-top:8px;}
.table-wrap + .button-wrap .button{padding:7px 12px;border-radius:6px;font-size:16px;}
.button-wrap{display:flex;justify-content: space-between;margin-top:40px;}
.button-wrap .button-area{display:flex;gap:8px;}
.button-wrap .button-area > .btn-list{display:flex;gap:8px;}
.button-wrap .button-area > .btn-list + .btn-list{margin-left:auto;}
.button-wrap.side .button-area > .button + .btn-list{margin-left:auto;}
.button-wrap.center,
.button-wrap.right,
.button-wrap.side{display:block;}
.button-wrap.center .button-area{justify-content:center}
.button-wrap.right .button-area{justify-content: flex-end;}
.button-wrap.side .button-area{justify-content:space-between;}
.button-wrap .button{padding:14px 20px;border-radius:8px;font-size:18px;}
.button{padding:7px 12px;border:1px solid #464C53;border-radius:6px;font-size:16px;flex-shrink: 0;}
.button:hover{background:#f8f8f8;}
.button.blue{background:#279FD3;color:#fff;border:1px solid #279FD3;}
.button.blue:hover{background:#239ace;}
.button.red{background:#FFEEEA;color:#DE3412;border:1px solid #DE3412;}
.button.btn_down{padding-left:36px;background-image:url(/cefc-mgmt/images/ico_down.svg);background-repeat:no-repeat;background-position:12px center}
.btn-white,
.btn-outline-secondary {
  background:#fff;
  border:1px solid #464C53;
  color:#464C53;
}
.btn-blue,
.button.btn-blue {
  background:#279FD3;
  border:1px solid #279FD3;
  color:#fff;
}
.btn-white:not(:disabled):hover,
.btn-outline-secondary:not(:disabled):hover {
  border-color:#464C53;
  background:#F1F1F1;
  color:#464C53;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
}
.btn-blue:not(:disabled):hover,
.button.btn-blue:not(:disabled):hover {
  border-color:#037FB5;
  background:#037FB5;
  color:#fff;
}
.btn-white:not(:disabled):active,
.btn-outline-secondary:not(:disabled):active {
  border-color:#2F343A;
  background:#E5E7EA;
  color:#464C53;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.14);
  transform:translateY(1px);
}
.btn-blue:not(:disabled):active,
.button.btn-blue:not(:disabled):active {
  border-color:#006D9D;
  background:#006D9D;
  color:#fff;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.16);
  transform:translateY(1px);
}

/* 텍스트 */
.text.point{color:#096AB3;}
.text.danger{color:#DE3412}
.text.mt8{margin-top: 8px;}

/* 문구 박스 */
.phrase-box{padding:16px 24px;background:#F5F8FA;border:1px solid #CDD1D5;border-radius:12px;text-align:center;}
.phrase-box .text{}

/* 첨부파일 */
.btn_file{position:relative;}
.btn_file input[type="file"]{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;opacity:0;}
.attachment-wrap{border-radius:8px;border:1px solid #CDD1D5;padding:16px 24px; }
.attachment-wrap .text{padding:9px 0;text-align:center;color:#6D7882;}
.attachment-list{overflow-y:auto;max-height:200px;margin-right:8px; }
.attachment-list li{display:flex;padding:8px 14px;margin-bottom:8px;border-radius:8px;justify-content: space-between;align-items: center;}
.attachment-list li:hover{background:#F4F5F6;}
.attachment-list li:last-child{margin-bottom:0;}
.attachment-list li .name{display:flex;gap:16px;align-items: center;}
.attachment-list li a{display:block;padding-left:28px;background:url(/cefc-mgmt/images/file_down.png) no-repeat left center;background-size:20px;}
.attachment-list li a.pdf{background:url(/cefc-mgmt/images/ico_pdf.svg) no-repeat left center}
.attachment-list li .capacity{font-size:16px;color:#8A949E;}
.attachment-list li .btn_close{width:20px;height:20px;background:url(/cefc-mgmt/images/ico_close.svg) no-repeat;font-size:0;background-size: contain;}

/* 검색박스 */
.search-box-wrap{position:relative;padding:20px 24px;background:#F4F5F6;border-radius:12px;}
.search-box-wrap .search-button{display:flex;position:absolute;right:24px;bottom:20px;align-items: center;gap:8px;}
.search-box-wrap .search-button .btn_refresh{width:40px;height:40px;font-size:0;background:url(/cefc-mgmt/images/ico_refresh.svg) no-repeat center #fff;}
.section-title .btn-list .btn_refresh.member-refresh{display:block;width:48px;height:48px;min-width:48px;padding:0;border:1px solid #464C53;border-radius:6px;background:#fff url(/cefc-mgmt/images/ico_refresh.svg) no-repeat center / 24px 24px;text-indent:-9999px;overflow:hidden;line-height:48px;}
.search-box .row{display:flex;gap:40px;margin-bottom:16px;}
.search-box .row,
.form-group.row{flex-wrap:nowrap;margin-left:0;margin-right:0;--bs-gutter-x:0;--bs-gutter-y:0;}
.search-box .row > *,
.form-group.row > *{width:auto;max-width:none;padding-left:0;padding-right:0;}
.search-box .row:last-child{margin-bottom:0;}
.search-box .row dl{display:flex;gap:8px;align-items: center;margin:0;}
.search-box .row dl dt{flex-shrink: 0;font-weight:bold;white-space: nowrap;}
.search-box .row dl dd{display:flex;align-items: center;gap:8px;flex: 1;min-width: 0;margin:0;}
.search-box .row:last-child{padding-right:230px;margin-bottom:0;}
.search-box .form-select,
.search-box .form-input{width:100%;max-width:200px;}
.search-box .date-range-wrap .input-item{height:40px!important;min-height:40px!important;padding:0 34px 0 12px!important;font-size:16px!important;border-color:#D0D5DD!important;border-radius:6px!important;background-position:right 10px center!important;background-size:18px!important;}


/*************************** 커스텀 *************************/
/* 페이지네이션 */
div.tui-pagination{margin:40px 0 0;height:32px;}
div.tui-pagination .tui-page-btn,
div.tui-pagination .tui-first,
div.tui-pagination .tui-last,
div.tui-pagination .tui-next,
div.tui-pagination .tui-next-is-ellip,
div.tui-pagination .tui-prev,
div.tui-pagination .tui-prev-is-ellip{width:32px;height:32px;line-height:1.6;padding:0;margin-left:0;margin-right:8px;border:0;border-radius:4px;color:#1E2124;font-size:18px;}
div.tui-pagination .tui-is-selected{background:#279FD3;border:0!important;color:#fff;}
div.tui-pagination strong{background:transparent}
div.tui-pagination .tui-ico-ellip,
div.tui-pagination .tui-ico-first,
div.tui-pagination .tui-ico-last,
div.tui-pagination .tui-ico-next,
div.tui-pagination .tui-ico-prev{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size: contain;background-position: center!important;}
div.tui-pagination .tui-ico-next{background-image: url(/cefc-mgmt/images/ico_page_next.svg);}
div.tui-pagination .tui-ico-prev{background-image: url(/cefc-mgmt/images/ico_page_next.svg);transform: rotate(180deg);}
div.tui-pagination .tui-ico-last{background-image: url(/cefc-mgmt/images/ico_page_last.svg);}
div.tui-pagination .tui-ico-first{background-image: url(/cefc-mgmt/images/ico_page_last.svg);transform: rotate(180deg);}

/* ellipsis 완전 제거 */
div.tui-pagination .tui-next-is-ellip,
div.tui-pagination .tui-prev-is-ellip{
  display:none !important;
}

/* 그리드 */
.tui-grid-container{width:100%!important;border:1px solid #CDD1D5;border-radius:4px;overflow:hidden;font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:15px;color:#1E2124;}
.tui-grid-header-area .tui-grid-table th,
.tui-grid-cell.tui-grid-cell-header{background:#F4F5F6!important;color:#1E2124!important;font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:16px;font-weight:700;border:1px solid #CDD1D5!important;}
.tui-grid-container .tui-grid-cell-header,
.tui-grid-container .tui-grid-cell-header .tui-grid-cell-content{white-space:pre-line!important;line-height:1.25!important;}
.tui-grid-body-area .tui-grid-cell{padding:6px!important;color:#1E2124;font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:15px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tui-grid-container .tui-grid-cell-header .tui-grid-cell-content{text-align:center!important;}
.tui-grid-container .tui-grid-cell.tui-grid-cell-align-center .tui-grid-cell-content{text-align:center!important;}
.tui-grid-container .tui-grid-cell.tui-grid-cell-align-right .tui-grid-cell-content{text-align:right!important;}
.tui-grid-container .tui-grid-cell.tui-grid-cell-align-left .tui-grid-cell-content{text-align:left!important;}
.tui-grid-cell{background:#fff!important;border:1px solid #CDD1D5!important;border-left-width:1px!important;border-right-width:1px!important}
.tui-grid-cell-row-header{text-align:center!important;}
.tui-grid-border-line-top{border-top:1px solid #CDD1D5!important;}
.tui-grid-border-line-bottom{border-bottom:1px solid #CDD1D5!important;}
.const-fee-grid .tui-grid-body-area .tui-grid-cell {
  height:32px!important;
  padding:0 6px!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
}
.const-fee-grid .tui-grid-body-area .tui-grid-cell-content {
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  line-height:30px!important;
  box-sizing:border-box!important;
}
.const-fee-grid .tui-grid-body-area .tui-grid-cell-align-center .tui-grid-cell-content,
.const-fee-grid .tui-grid-body-area .tui-grid-cell.tui-grid-cell-align-center .tui-grid-cell-content {
  justify-content:center!important;
}
.const-fee-grid .tui-grid-body-area .tui-grid-cell-align-right .tui-grid-cell-content,
.const-fee-grid .tui-grid-body-area .tui-grid-cell.tui-grid-cell-align-right .tui-grid-cell-content {
  justify-content:flex-end!important;
}
.const-fee-grid .tui-grid-cell-row-header,
.const-fee-grid .tui-grid-cell-row-header .tui-grid-cell-content {
  height:32px!important;
  padding:0!important;
  line-height:30px!important;
}
.const-fee-grid .tui-grid-cell-row-header .tui-grid-cell-content {
  height:30px!important;
  min-height:30px!important;
}
.const-fee-grid .tui-grid-cell-row-header input[type=checkbox] {
  width:20px!important;
  height:20px!important;
  margin:0 auto!important;
}
.const-fee-grid .tui-grid-content-text {
  line-height:30px!important;
}
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-blue,
.tui-grid-container .tui-grid-body-area .row-blue .tui-grid-cell{background:#EFF6FF!important;color:#174EA6!important;}
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-red,
.tui-grid-container .tui-grid-body-area .row-red .tui-grid-cell{background:#FFF1F1!important;color:#B42318!important;}
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-pink,
.tui-grid-container .tui-grid-body-area .row-pink .tui-grid-cell{background:#FDF2F8!important;color:#B4237A!important;}
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-green,
.tui-grid-container .tui-grid-body-area .row-green .tui-grid-cell{background:#ECFDF3!important;color:#067647!important;}
.tui-grid-container .tui-grid-body-area .row-blue .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .row-red .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .row-pink .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .row-green .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-blue .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-red .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-pink .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-green .tui-grid-cell-content{color:inherit!important;font-weight:700;}

/* 모달 */
.modal-wrap{display:none;position:fixed;justify-content: center;align-items: center;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);z-index:1000;}
.modal-wrap .modal-dialog{display:flex;flex-direction: column;width:800px;min-height:300px;max-height:90%;margin:0 auto;border-radius:15px;background:#fff;}
.modal-wrap .modal-header{display:flex;justify-content: space-between;align-items: center;flex-shrink: 0;padding:24px;}
.modal-wrap .modal-header .tit{font-size:28px;font-weight:bold;}
.modal-wrap .modal-header .btn-modal-close{width:32px;height:32px;background:url(/cefc-mgmt/images/ico_modal_close.svg) no-repeat;background-size: contain;font-size:0;}
.modal-wrap .modal-cont{padding:16px 24px 0;flex:1;overflow-y:auto;}
.modal-wrap .button-wrap{padding:0 24px 40px;}

/* 아코디언 */
.accordion{width:100%;display: flex;flex-direction: column;gap: 15px;}
.accordion-item{border: 1px solid #ddd;border-radius:15px;}
.accordion-tit{width: 100%;text-align: left;padding: 15px;border-radius:15px 15px 0 0;background: url(/cefc-mgmt/images/ico_arrow.svg) no-repeat calc(100% - 15px) center;font-size:16px;}
.accordion-collapse{max-height: 0;overflow: hidden;transition: max-height 0.5s ease;border-radius:0 0 15px 15px;}
.accordion-collapse .accordion-cont{padding: 20px;background: #f7f7f7;}
.accordion-item.active .accordion-collapse{max-height: 300px;}
.accordion-cont p{line-height: 1.4;}
/* 공제조건 질문표 */
#aidQuestionnaireAccordion{gap:0;border-top:1px solid #1E2124;}
#aidQuestionnaireAccordion .accordion-item{border:0;border-bottom:1px solid #CDD1D5;border-radius:0;}
#aidQuestionnaireAccordion .accordion-tit{min-height:48px;padding:12px 42px 12px 16px;border-radius:0;background-color:#F4F5F6;background-position:calc(100% - 16px) center;color:#1E2124;font-size:16px;font-weight:700;line-height:1.5;}
#aidQuestionnaireAccordion .accordion-item.active .accordion-tit{border-radius:0;background-color:#F4F5F6;}
#aidQuestionnaireAccordion .accordion-collapse{border-radius:0;}
#aidQuestionnaireAccordion .accordion-cont{padding:16px;background:#fff;color:#1E2124;font-size:16px;}
#aidQuestionnaireAccordion .accordion-cont .text{margin-bottom:10px;color:#1E2124;font-size:16px;line-height:1.5;}
#aidQuestionnaireAccordion .question-check-list{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:2px;}
#aidQuestionnaireAccordion .question-radio-list{display:flex;flex-wrap:wrap;gap:10px 24px;margin:8px 0 14px;}
#aidQuestionnaireAccordion .sub{margin-left:8px;color:#6D7882;font-size:14px;font-weight:400;}
#aidQuestionnaireAccordion .dot-list li{color:#1E2124;font-size:16px;line-height:1.5;}
#aidQuestionnaireAccordion .table-wrap{margin-top:8px;}

/*************************** 페이지 *************************/
/* 마이페이지 - 공인인증서 등록/갱신 */
.public-register{display: flex;padding:80px;border:1px solid #CDD1D5;border-radius:12px;}
.public-register .form-group{width:100%;}
.public-register .form-input{width:100%;min-height:56px;border-radius:8px;}
.public-register .box{flex:1;}
.public-register .box:nth-child(n+2){margin-left:80px;padding-left:80px;border-left:1px solid #CDD1D5}
.public-register .button{width:100%;height:56px;margin-top:24px;border-radius:8px;}
.text-list li{line-height:1.5;}
.text-list.dot,
.dot-list{display:flex;flex-direction:column;gap:8px;}
.text-list.dot li,
.dot-list li{position:relative;padding-left:12px;}
.text-list.dot li::before,
.dot-list li::before{position:absolute;left:0;top:.72em;width:4px;height:4px;border-radius:50%;background:#1E2124;content:"";transform:translateY(-50%);}

/* 게시글 상세 */
.notice-detail h3{background:#F4F5F6;border-top:1px solid #CDD1D5;border-bottom:1px solid #CDD1D5;font-size:28px;padding:15px 0;text-align:center;}
.notice-detail .viewinfo{display:flex;padding:20px 16px;}
.notice-detail .viewinfo li{display:inline-block;vertical-align:middle;}
.notice-detail .viewinfo li:after{display:inline-block;width:1px;height:16px;margin:0 20px;background:#CDD1D5;vertical-align:middle;content:'';}
.notice-detail .viewinfo li:last-child:after{display:none;}
.notice-detail .viewinfo li span{display:inline-block;margin-left:12px;}
.notice-detail .fileup-wrap{padding: 0 16px;margin-bottom:20px;}
.notice-detail .fileup-wrap strong{display:block;margin-bottom:12px;}
.notice-detail .editor-wrap{display:block;min-height:370px;padding:10px 16px;border-top:1px solid #CDD1D5;border-bottom:1px solid #CDD1D5;font-size:18px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;}
.notice-detail .editor-wrap *{font-size:inherit !important;}
.notice-detail .list-wrap li{display:flex;padding:20px 40px;gap:40px;border-bottom:1px solid #CDD1D5;}

/* mgmt common interaction states */
.left-menu .depth1-title,
.left-menu .depth2-title,
.left-menu .depth3-title,
.left-menu a.menu-leaf{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;}
.left-menu .depth1-title,
.left-menu .depth2-title,
.left-menu a.menu-leaf{cursor:pointer;}
.left-menu .depth1-title.open,
.left-menu .depth2-title.open{color:#279FD3;font-weight:700;}
.left-menu a.menu-leaf.active,
.left-menu .depth3-title.active{background:#EAF7FC!important;color:#127FAE!important;border-left:3px solid #279FD3!important;border-radius:0 8px 8px 0;font-weight:700;box-shadow:inset 0 0 0 1px rgba(39,159,211,.14);}
.left-menu a.menu-leaf:hover,
.left-menu .depth3-title:hover{background-color:#F2FAFD;color:#127FAE;}
.left-menu .search-result-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;}
.left-menu .search-result-item a{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:6px;color:#1E2124;font-size:14px;}
.left-menu .search-result-item a:hover{background:#F2FAFD;color:#127FAE;}
.left-menu .search-result-item .menu-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* mgmt popup titles */
.modal-header .hp-popup-title{display:inline-flex;align-items:center;min-width:360px;max-width:100%;min-height:40px;margin:0;padding:8px 16px;border:none;border-radius:0;background:#fff;color:#1E2124;font-size:20px;font-weight:700;line-height:1.4;}
.modal-body .section-wrap{margin-bottom:24px;}
.modal-body .section-wrap:last-child{margin-bottom:0;}
.modal-body .search-box-wrap{border-radius:8px;}
.modal-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;border-top:0;}
.modal-footer .button{min-width:72px;}
/*
    G2b 팝업 버튼 사이즈 이슈
    공통을 건드리지 않는 선에서 조합원로그인에서 해결
*/
[id^="cefcG2bContractModal_"] .modal-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.35;
}
[id^="cefcG2bContractModal_"] .article-title .tit,
[id^="cefcG2bContractModal_"] .section-title .tit,
[id^="cefcG2bContractModal_"] h4.tit,
[id^="cefcG2bContractModal_"] h5.tit {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
[id^="cefcG2bContractModal_"] .modal-footer .btn {
  min-width: 108px;
  min-height: 42px;
  padding: 10px 21px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.modal-header .modal-header-actions{display:flex;align-items:center;gap:8px;}
.hp-info-chip{display:inline-flex;align-items:center;min-width:360px;max-width:100%;min-height:40px;padding:8px 16px;border:1px solid #CDD1D5;border-radius:6px;background:#F4F5F6;color:#1E2124;}
.hp-info-chip .label{flex:0 0 72px;margin-right:12px;font-weight:700;}
.hp-info-chip .value{min-width:0;word-break:break-all;}
.hp-modal-body-scroll{max-height:720px;overflow-y:auto;}
.hp-nested-table-cell{padding:0!important;vertical-align:top!important;}
.tui-grid-container .tui-grid-header-area .tui-grid-cell,
.tui-grid-container .tui-grid-header-area .tui-grid-cell.tui-grid-cell-selected,
.tui-grid-container .tui-grid-header-area .tui-grid-cell.tui-grid-cell-focused{background:#F4F5F6!important;}
.tui-grid-container .tui-grid-body-area .tui-grid-row:hover .tui-grid-cell,
.tui-grid-container .tui-grid-body-area .tui-grid-row-hover .tui-grid-cell,
.tui-grid-container .tui-grid-body-area .tui-grid-row-hover .tui-grid-cell-content{background:#F5F8FA!important;cursor:pointer;}
.tui-grid-container .tui-grid-body-area .tui-grid-row.tui-grid-row-selected .tui-grid-cell,
.tui-grid-container .tui-grid-body-area .tui-grid-row.row-selected .tui-grid-cell,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-selected,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.tui-grid-cell-current-row{background:#E4F4FF!important;}
.tui-grid-container .tui-grid-body-area .tui-grid-row.tui-grid-row-selected .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .tui-grid-row.row-selected .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-selected .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.tui-grid-cell-current-row .tui-grid-cell-content{background:transparent!important;}
.tui-grid-container .tui-grid-body-area .tui-grid-row.row-current-fee .tui-grid-cell,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-current-fee{
  background:#CDD1D5!important;
  border-color:#9AA4AE!important;
}
.tui-grid-container .tui-grid-body-area .tui-grid-row.row-current-fee .tui-grid-cell-content,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.row-current-fee .tui-grid-cell-content{
  background:transparent!important;
}
.tui-grid-container .tui-grid-body-area .tui-grid-cell.tui-grid-cell-selected,
.tui-grid-container .tui-grid-body-area .tui-grid-cell.tui-grid-cell-focused{outline:none!important;box-shadow:none!important;border-color:transparent!important;}
.tui-grid-container .tui-grid-cell,
.tui-grid-container .tui-grid-cell-focused,
.tui-grid-container .tui-grid-cell-selected{outline:none!important;box-shadow:none!important;}
.tui-grid-container .tui-grid-cell > div{outline:none!important;box-shadow:none!important;}
.tui-grid-container .tui-grid-layer-selection,
.tui-grid-container .tui-grid-layer-focus{display:none!important;}

button,
.button,
.btn,
.btn_file,
.btn_refresh,
.btn-modal-close,
.attachment-list li .btn_close{cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,filter .15s ease,transform .08s ease;}
button:not(:disabled):hover,
.button:not(:disabled):hover,
.btn:not(:disabled):hover,
.btn_file:hover,
.btn_refresh:hover,
.btn-modal-close:hover,
.attachment-list li .btn_close:hover{filter:brightness(.97);box-shadow:0 2px 6px rgba(30,33,36,.16);}
button:not(:disabled):active,
.button:not(:disabled):active,
.btn:not(:disabled):active,
.btn_file:active,
.btn_refresh:active,
.btn-modal-close:active,
.attachment-list li .btn_close:active{transform:translateY(1px);box-shadow:inset 0 1px 3px rgba(30,33,36,.18);}
button:disabled,
.button:disabled,
.btn:disabled,
button.disabled,
.button.disabled,
.btn.disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none;}
.cefc-form-inline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px 18px;
  text-align: left;
}

.cefc-date-range {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.cefc-date-range .cefc-date-range-line {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cefc-date-range .ml8 {
  margin-left: 4px;
}

.cefc-table-divider-row > th,
.cefc-table-divider-row > td {
  border-top: 1px solid #d8dde6;
}

.cefc-byte-count {
  margin-top: 4px;
  text-align: right;
  font-size: 12px;
  color: #666;
}

.cefc-form-notice {
  margin: 0 0 10px;
}

.cefc-inline-agreement {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* =====================================================
   TUI Grid를 일반 table th / td / tr 스타일과 동일하게
   - grid-table로 감싼 그리드만 적용
   - 헤더 2줄 세로 가운데 정렬
   - 좌우 바깥 테두리 제거
===================================================== */

/* 그리드 전체 */
.grid-table .tui-grid-container {
  width: 100% !important;
  border: 1px solid #CDD1D5 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 4px;
  overflow: hidden;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 18px !important;
  color: #1E2124 !important;
}

/* =====================================================
   Header th
===================================================== */

/* header cell 자체에는 padding 주지 않음 */
.grid-table:not(.grid-table-complex) .tui-grid-header-area .tui-grid-cell,
.grid-table:not(.grid-table-complex) .tui-grid-cell.tui-grid-cell-header {
  height: 56px !important;
}

.grid-table .tui-grid-header-area .tui-grid-cell,
.grid-table .tui-grid-cell.tui-grid-cell-header {
  padding: 0 !important;
  background: #F4F5F6 !important;
  border: 1px solid #CDD1D5 !important;
  color: #1E2124 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
}

/* header 안쪽 텍스트 영역 */
.grid-table .tui-grid-header-area .tui-grid-cell-content,
.grid-table .tui-grid-cell-header .tui-grid-cell-content {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 8px 16px !important;
  box-sizing: border-box !important;

  text-align: center !important;
  white-space: pre-line !important;
  line-height: 1.25 !important;
}

/* =====================================================
   Body td
===================================================== */

.grid-table .tui-grid-body-area .tui-grid-cell {
  height: 56px !important;
  padding: 8px 18px !important;
  background: #fff !important;
  border: 1px solid #CDD1D5 !important;
  color: #1E2124 !important;
  font-size: 18px !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


/* body 안쪽 내용 */
.grid-table .tui-grid-body-area .tui-grid-cell-content {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
  text-align: inherit !important;
}
/* =====================================================
   Grid Summary Row
   - TUI Grid body row와 합계행 줄 맞춤
===================================================== */

.tui-grid-scrollbar-frozen-border,
.tui-grid-scrollbar-right-bottom {
  display: none !important;
}

/* 합계행 전체 */
.grid-table .grid-summary-wrap {
  display: flex !important;
  width: 100% !important;
  height: 56px !important;
  margin-top: -1px;
  border: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* rowHeader 영역 보정용: 숨기면 안 됨 */
.grid-table .grid-summary-spacer {
  display: block !important;
  flex: 0 0 auto !important;
  width: 0;
  height: 56px !important;
  box-sizing: border-box !important;
}

/* 실제 합계행 스크롤 영역 */
.grid-table .grid-summary-viewport {
  flex: 1 1 auto !important;
  height: 56px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* 합계행 row */
.grid-table .grid-summary-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  height: 56px !important;
  box-sizing: border-box !important;
}

/* 합계행 cell */
.grid-table .grid-summary-cell {
  flex: 0 0 auto !important;
  height: 56px !important;
  padding: 8px 18px !important;

  border: 1px solid #CDD1D5 !important;
  border-top: 0 !important;
  border-left: 0 !important;

  background: #fff !important;
  color: #1E2124 !important;
  font-size: 18px !important;
  box-sizing: border-box !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* 합계 라벨 */
.grid-table .grid-summary-cell.is-label {
  justify-content: center !important;
  font-weight: 700 !important;
  background: #F4F5F6 !important;
}

/* 빈 칸 */
.grid-table .grid-summary-cell.is-empty {
  background: #fff !important;
}

/* 마지막 오른쪽 선 제거 */
.grid-table .grid-summary-cell:last-child {
  border-right: 0 !important;
}

/* =====================================================
   정렬 유지
===================================================== */

.grid-table .tui-grid-body-area .tui-grid-cell-align-center .tui-grid-cell-content,
.grid-table .tui-grid-body-area .tui-grid-cell.tui-grid-cell-align-center .tui-grid-cell-content {
  justify-content: center !important;
  text-align: center !important;
}

.grid-table .tui-grid-body-area .tui-grid-cell.grid-cell-btn {
  padding: 0 !important;
  vertical-align: middle !important;
}

.grid-table .tui-grid-body-area .tui-grid-cell.grid-cell-btn .tui-grid-cell-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.grid-table .tui-grid-body-area .tui-grid-cell.grid-cell-btn .btn-grid-search {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: auto !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

.grid-table .tui-grid-body-area .tui-grid-cell-align-left .tui-grid-cell-content,
.grid-table .tui-grid-body-area .tui-grid-cell.tui-grid-cell-align-left .tui-grid-cell-content {
  justify-content: flex-start !important;
  text-align: left !important;
}

.grid-table .tui-grid-body-area .tui-grid-cell-align-right .tui-grid-cell-content,
.grid-table .tui-grid-body-area .tui-grid-cell.tui-grid-cell-align-right .tui-grid-cell-content {
  justify-content: flex-end !important;
  text-align: right !important;
}

/* formatter가 span/div를 반환하는 경우 보정 */
.grid-table .tui-grid-body-area .tui-grid-cell-align-right .tui-grid-cell-content > *,
.grid-table .tui-grid-body-area .tui-grid-cell.tui-grid-cell-align-right .tui-grid-cell-content > * {
  width: 100% !important;
  text-align: right !important;
}

/* =====================================================
   좌우 바깥 테두리 제거
   - 일반 table의 th:first-child / td:last-child 효과와 동일
===================================================== */

/* 첫 번째 컬럼 왼쪽 선 제거 */
.grid-table .tui-grid-cell.grid-first-col {
  border-left: 0 !important;
}

/* 마지막 컬럼 오른쪽 선 제거 */
.grid-table .tui-grid-cell.grid-last-col {
  border-right: 0 !important;
}

/* row header를 쓰는 경우 왼쪽 바깥선 제거 */
.grid-table .tui-grid-cell-row-header {
  border-left: 0 !important;
  text-align: center !important;
}


/* =====================================================
   Hover / Selected
===================================================== */

.grid-table .tui-grid-body-area .tui-grid-row:hover .tui-grid-cell,
.grid-table .tui-grid-body-area .tui-grid-row-hover .tui-grid-cell {
  background: #F5F8FA !important;
  cursor: pointer;
}

.grid-table .tui-grid-body-area .tui-grid-row.tui-grid-row-selected .tui-grid-cell,
.grid-table .tui-grid-body-area .tui-grid-row.row-selected .tui-grid-cell,
.grid-table .tui-grid-body-area .tui-grid-cell.row-selected,
.grid-table .tui-grid-body-area .tui-grid-cell.tui-grid-cell-current-row {
  background: #E4F4FF !important;
}

.grid-table .tui-grid-body-area .tui-grid-row.tui-grid-row-selected .tui-grid-cell-content,
.grid-table .tui-grid-body-area .tui-grid-row.row-selected .tui-grid-cell-content,
.grid-table .tui-grid-body-area .tui-grid-cell.row-selected .tui-grid-cell-content,
.grid-table .tui-grid-body-area .tui-grid-cell.tui-grid-cell-current-row .tui-grid-cell-content {
  background: transparent !important;
}

/* =====================================================
   Focus 테두리 제거
===================================================== */

.grid-table .tui-grid-layer-selection,
.grid-table .tui-grid-layer-focus {
  display: none !important;
}

.grid-table .tui-grid-body-area .tui-grid-cell.tui-grid-cell-selected,
.grid-table .tui-grid-body-area .tui-grid-cell.tui-grid-cell-focused {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.grid-table .tui-grid-cell,
.grid-table .tui-grid-cell-focused,
.grid-table .tui-grid-cell-selected {
  outline: none !important;
  box-shadow: none !important;
}

.grid-table .tui-grid-cell > div {
  outline: none !important;
  box-shadow: none !important;
}

/* 필수항목 */
.required{font-size:0;}
.required:after{display:inline-block;font-size:15px;color:#DE3412;content:"*"}

.fee-status-static-grid .tui-grid-body-area .tui-grid-row:hover .tui-grid-cell,
.fee-status-static-grid .tui-grid-body-area .tui-grid-row-hover .tui-grid-cell,
.fee-status-static-grid .tui-grid-body-area .tui-grid-row-hover .tui-grid-cell-content,
.fee-status-static-grid .tui-grid-body-area .tui-grid-row.tui-grid-row-selected .tui-grid-cell,
.fee-status-static-grid .tui-grid-body-area .tui-grid-row.row-selected .tui-grid-cell,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.row-selected,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.tui-grid-cell-current-row,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.tui-grid-cell-selected,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.tui-grid-cell-focused {
  background: #fff !important;
  cursor: default !important;
}

.fee-status-static-grid .tui-grid-body-area .tui-grid-row.row-current-fee .tui-grid-cell,
.fee-status-static-grid .tui-grid-body-area .tui-grid-row.row-current-fee:hover .tui-grid-cell,
.fee-status-static-grid .tui-grid-body-area .tui-grid-row.row-current-fee.tui-grid-row-selected .tui-grid-cell,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.row-current-fee,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.row-current-fee.tui-grid-cell-current-row,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.row-current-fee.tui-grid-cell-selected,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.row-current-fee.tui-grid-cell-focused {
  background: #CDD1D5 !important;
  border-color: #9AA4AE !important;
}

.fee-status-static-grid .tui-grid-body-area .tui-grid-row.row-current-fee .tui-grid-cell-content,
.fee-status-static-grid .tui-grid-body-area .tui-grid-row.row-current-fee:hover .tui-grid-cell-content,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.row-current-fee .tui-grid-cell-content {
  background: transparent !important;
}

.fee-status-static-grid .tui-grid-body-area .btn-grid-search {
  cursor: pointer !important;
}

.fee-status-static-grid .tui-grid-body-area .tui-grid-row.row-current-refund .tui-grid-cell,
.fee-status-static-grid .tui-grid-body-area .tui-grid-row.row-current-refund:hover .tui-grid-cell,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.row-current-refund {
  background: #FDECEC !important;
  color: #DE3412 !important;
  font-weight: 700;
}

.fee-status-static-grid .tui-grid-body-area .tui-grid-row.row-current-refund .tui-grid-cell-content,
.fee-status-static-grid .tui-grid-body-area .tui-grid-cell.row-current-refund .tui-grid-cell-content {
  background: transparent !important;
  color: #DE3412 !important;
}