@charset "utf-8";
/************************************************************************
 * 프로젝트   : 케스코사업관리시스템
 * 파일명      : reset.css
 * 설명         : 사업관리시스템
 * 작성일      : 2023.01.12
 * 작성자      : LEE
 * 버   전      : 1.0
************************************************************************/

/*----------------- 기본 form 디자인 -----------------*/
select{-webkit-appearance: none;-moz-appearance: none;appearance: none; background: #fff url(../images/dash_select2.png) no-repeat 98% 45%;padding: 0 24px 0 10px;}
select::-ms-expand { display: none; }
select,input { box-sizing: border-box;padding-left: 10px;}
select.form,
input.form {height: 30px;display:inline-block;border: 1px solid #e0e0e0;box-sizing: border-box;vertical-align: top;background-color:#fff;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;min-width: 50px;color: #6b6b6b;margin: 0 1px; cursor: pointer}
input.form[type="radio"], input[type="checkbox"] {background:none; border:none;}
input.form[type="text"] {box-sizing:border-box;color:#303030;}
/*
input.form[type='file']{height:auto;padding-top:.583em;padding-bottom:.583em; line-height:1.333;}
*/
select.form {background: #fff url(../images/dash_select2.png) no-repeat center right 8px;}
input.form:hover, select.form:hover, textarea.form:hover, .inp_date:hover {border-color:#686868}
input.form:disabled {background:#e9ecef!important }
input.form:disabled:hover { border: 1px solid #b8b8b8;}
textarea.form {width:100%;height:8em;line-height:1.333;font-size:14px;border-radius: 2px; border: 1px solid #ced4da; background-color: #fff;}
textarea.form.lg {height:16em !important;}
textarea.form.xlg {height:30em !important;}
textarea.form:disabled {background:#e9ecef!important }
.inp_date { display: inline-block; width:130px; height: 30px; border: 1px solid #e0e0e0;box-sizing: border-box;vertical-align: top; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; color: #6b6b6b;margin: 0 1px; text-align: left; background: #FFF url(../images/btn_calender.png) no-repeat; background-position: 90% 50%; cursor: pointer;}
textarea { box-sizing: border-box; padding: 10px;}
select:focus, textarea:focus, input:focus, button:focus, textarea:focus { border: 1px solid #727272 !important;}

/* 기본테이블 */
.table_typA { display:block; overflow:hidden}
.contTbl{width:100%;margin:5px 0 10px;border:0;border-collapse:separate;border-top: 2px solid #333;border-bottom: 1px solid #ccc;border-right:1px solid #fff;background:#fff;word-break: keep-all;table-layout: auto;}
.contTbl>*>tr{border-right:2px solid #fff;}
.contTbl>*>tr>th,
.contTbl>*>tr>td {padding: 8px 4px;border-color: #cccccc;border-style:solid;border-width:1px 1px 0 0;vertical-align:middle;line-height:1.2;}
.contTbl>*>tr>td{font-size: 14px;height: 16px;}
.contTbl>*>tr>td a{color: #000; font-weight: 500;word-break: break-all;}
.contTbl>*>tr>td a:not([class*='btn']):hover{text-decoration: underline; color: #0024a5;}
.contTbl>*>tr>td p{margin: 3px 0}
.contTbl>*>tr>th{background: #fafafa;color: #333;font-weight: 500;}
.contTbl>*>tr>th[scope=rowgroup],.contTbl>*>tr>th[scope=colgroup],.thBg{background: #f2f2f2 !important}
.contTbl>*>tr>*:last-child{border-right: none;}
.contTbl>thead>tr>th{border-width:0 1px 1px 0;text-align:center;padding: 10px 5px;}
.borR{ border-right:1px solid #ccc !important}
.contTbl > tfoot > * {background: #f7f7f7;font-weight:400;}
.contTbl > tfoot td,.contTbl > tfoot th{border-top: 1px solid #888}
.contTbl>tbody>tr:first-child>th, .contTbl>tbody>tr:first-child>td{border-top-width:0;}
.contTbl * > table {margin:0 !important;}

/* 메인페이지 테이블 last tr color 설정 - jsj */
.table_main Tfoot td {background-color: #EDEEF7 !important; font-weight: bold !important; color: #303030 !important;}

/* tr호버효과 */
table.tbl_hover tbody tr:hover{background: #faf8f1; cursor: pointer;}
table tbody tr.on {background:  #f3f9ff;}
.thC>tbody>tr>th{text-align: center !important;}
.tdL th{text-align: center;}
.tdL td, .tbtdL{text-align: left;}
.tdL td, .tbtdR{text-align: right; padding-right: 5px;}

/* 테이블스크롤 */
/* .table_typB { width:1426px; } */ /* 2023-02-16 변경 */
.table_typB { width:1676px; }

.sot{overflow: auto; box-sizing: border-box;}
.sot > table { table-layout: fixed; position: relative; border-collapse: separate !important; width:100%; overflow: visible; border:0; border-top: 2px solid #333;border-bottom: 1px solid #ccc;border-right:1px solid #fff;background:#fff; }
.sot-table-width-auto  > table { width:auto !important;}
.sot-table-width-100px  > table{ width:100px !important;}
.sot-top { position: sticky; top:0; z-index: 20;}
.sot-left{ position: sticky; left: 0; z-index: 10; background-color: #fff; }
.sot-left1{ position: sticky; left: 0; z-index: 7; background-color: #fff; }
.sot-left2{ position: sticky; left: 0; z-index: 5; background-color: #fff; }
.sot-top.sot-left {z-index: 30;}

/* 박스분할 */
.box_division_area {display:table;table-layout:fixed!important;width:100%;  }
.subbox_row {display:table-row;width:100%; vertical-align:top; padding: 0; }
.subbox_cell {display:table-cell; overflow:initial;padding:0;vertical-align:inherit; padding:10px }
.subbox_cell:last-child { padding-right:0; border-right:0px }
.subbox_cell:first-child { padding-left:0;  }
.cell_page { display:block; overflow:hidden; border:1px solid #cccccc; background-color:#fff; padding:10px; }

/* 파일첨부 */
.files_box input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.files_box label { display: inline-block; text-align: center; font-size:14px; background-color:#fff; padding:0 24px; text-align:center; line-height:28px; font-weight:500; color:#fff; border:1px solid #136ec2; background:#136ec2; cursor: pointer; }
.files_box .upload-name { height: 30px; display: inline-block; border: 1px solid #e0e0e0; box-sizing: border-box; vertical-align: top; background-color: #fff; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; min-width: 50px; width:512px !important; color: #6b6b6b; margin: 0 1px; }
.files_box .upload-name2 { height: 30px; display: inline-block; border: 1px solid #e0e0e0; box-sizing: border-box; vertical-align: top; background-color: #fff; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; min-width: 50px; color: #6b6b6b; margin: 0 1px; }
.filelist_box { display:block; overflow:hidden; border:1px solid #CCC}

.filelist_box .downinfo { float:left; display:block; width:100%; margin:4px 0 4px; cursor: pointer; }
.filelist_box .downinfo .filesize {font-size:14px !important; line-height:36px; }
.downinfo em[class*="icon_"] { display: inline-block; position: relative; font-size:14px !important;  padding-left:22px; margin: 5px; color:#000  }
.downinfo em {
    display:inline-block;
    /*width:400px; */
    text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align: middle
}
.downinfo em.icon_ppt:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background: url(../images/icon_file_all.png)  no-repeat 0px 0px; }
.downinfo em.icon_docx:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png) no-repeat -19px 0px; }
.downinfo em.icon_xlsx:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png) no-repeat -39px 0px; }
.downinfo em.icon_html:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png)  no-repeat -60px 0px; }
.downinfo em.icon_png:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png)  no-repeat -82px 0px; }
.downinfo em.icon_jpg:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png)  no-repeat -103px 0px; }
.downinfo em.icon_gif:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png)  no-repeat -122px 0px; }
.downinfo em.icon_zip:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png)  no-repeat -142px 0px; }
.downinfo em.icon_rar:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png)  no-repeat -163px 0px; }
.downinfo em.icon_pdf:before { content: '';  position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png)  no-repeat -181px 0px; }
.downinfo em.icon_hwp:before { content: '';  position: absolute;  top: 7px;  left: 0;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png)  no-repeat -221px 0px; }
.downinfo em.icon_none:before { content: '';  position: absolute;  top: 2px;  left: 3px;  width: 18px;  height: 16px; background:url(../images/icon_file_all.png)  no-repeat -202px 0px; }
.btnf-area {float:right; margin-right:10px; margin-top:3px}
.btn_delete { background: #F30; min-width: 80px; border: 1px solid #F30; color: #fff; font-size: 14px; font-weight: 500; padding: 5px 20px 5px; line-height: 28px;  cursor: pointer;}
.btn_delete:hover{background:#C30 ; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }

 /* 테이블조회 */
.sarchTxpa_box { position:relative; overflow:hidden; padding:25px 0px; margin-bottom:0px;}
.pacount {  position:absolute; top:14px; left:5px;}
.pacount .data_num { font-size:15px; padding-left:15px;background: url(../images/blist_dot.png) no-repeat 6px 10px;background-size:3px; line-height:22px;   color:#26334f}
.pacount .data_num strong { color:#F30; font-weight:500}
.srcR_box { position:absolute; right:0px; top:9px; display:inline-block; }

 /* 페이징 */
.paging_wrap { text-align:center; }
.paging_wrap [class*="btn_page_"] { overflow: hidden; position: relative; width: 44px; height: 33px; text-align: left; text-indent: -10000em; vertical-align: middle; border: 1px solid #cdcdcd; background-color:#FFF; cursor:pointer;  }
.paging_wrap [class*="btn_page_"]:before {content: ''; display: block; position: absolute; top: 10px; left: 50%; width: 15px; height: 11px; margin-left: -6px; background: url(../images/btn_all_01.png) no-repeat; }
.paging_wrap .btn_page_first:before { background-position: -94px -30px; }
.paging_wrap .btn_page_last:before { background-position: -184px -30px; }
.paging_wrap .btn_page_prev { margin-left:10px; margin-right:10px}
.paging_wrap .btn_page_next { margin-left:10px;}
.paging_wrap .btn_page_last { margin-left:8px;}
.paging_wrap .btn_page_prev:before { width: 10px; margin-left: -3px; background-position: -124px -30px; }
.paging_wrap .btn_page_next:before { width: 10px; margin-left: -3px; background-position: -153px -30px; }
/* 페이징 ul li 태그 설정 시작 */
.paging_wrap ul { display: inline-block ; vertical-align: middle; min-width: 30px;  font-size: 15px; color: #444; line-height: 18px; color:#123461; text-align:center; cursor:pointer; }
.paging_wrap li { display: inline-table ; vertical-align: middle; margin: 10px 2px; min-width: 30px;  font-size: 15px; color: #444; line-height: 18px; color:#123461; text-align:center; border:1px solid #ebebeb; padding:8px 5px 6px; cursor:pointer;}
.paging_wrap button.current, .paging_wrap li.current { color: #26334f; font-weight: 500; text-decoration: underline; background-color:#FBFBFB;  /*cursor: not-allowed; */ }


.btn_group_wrap {  position:relative; display:block; min-height:50px  }
.btn_popgroup_wrap {  position:relative; display:block; min-height:32px  }
.btn_g_left { position:absolute; left:0px }
.btn_g_right { position:absolute; right:0px}
.btn_a_small_01, .btn_a_small_02, .btn_a_small_03, .btn_a_small_04, .btn_a_small_05{ display: inline-block; text-align: center; font-size:14px; background-color:#fff; padding:0 24px; text-align:center; line-height:30px; font-weight:500; color:#333; }
.btn_a_small_01 { border:1px solid #136ec2; }
.btn_a_small_02 { border:1px solid #363940; }
.btn_a_small_03 { border:1px solid #f15c30; }
.btn_a_small_04 { border:1px solid #52608d; }
.btn_a_small_05 { border:1px solid #093 }
.btn_a_small_01:hover{background:#136ec2; transition: all 0.2s ease-in; color:rgba(255,255,255,1); border:1px solid #136ec2 }
.btn_a_small_02:hover{background:#363940; transition: all 0.2s ease-in; color:rgba(255,255,255,1); border:1px solid #363940 }
.btn_a_small_03:hover{background:#f15c30; transition: all 0.2s ease-in; color:rgba(255,255,255,1); border:1px solid #f15c30 }
.btn_a_small_04:hover{background:#52608d; transition: all 0.2s ease-in; color:rgba(255,255,255,1); border:1px solid #52608d }
.btn_a_small_05:hover{background:#080; transition: all 0.2s ease-in; color:rgba(255,255,255,1); border:1px solid #52608d }

.btn_list_src { display: inline-block; text-align: center; font-size:14px; background-color:#fff; padding:0 24px; text-align:center; line-height:28px; font-weight:500; color:#333; border:1px solid #136ec2;  }
.btn_list_src:hover{background:#136ec2; transition: all 0.2s ease-in; color:rgba(255,255,255,1); border:1px solid #136ec2 }

.status_value01 {display: inline-block; text-align: center; font-size:12px; padding:0 14px; text-align:center; line-height:30px; font-weight:500;  background:#136ec2; transition: all 0.2s ease-in; color:rgba(255,255,255,1); border:1px solid #136ec2; width:70px; border-radius:40px; }
.status_value02 {display: inline-block; text-align: center; font-size:12px; padding:0 14px; text-align:center; line-height:30px; font-weight:500;  background:#f15c30; transition: all 0.2s ease-in; color:rgba(255,255,255,1); border:1px solid #f15c30; width:70px; border-radius:40px; }
.status_value03 {display: inline-block; text-align: center; font-size:12px; padding:0 14px; text-align:center; line-height:30px; font-weight:500;  background:#52608d; transition: all 0.2s ease-in; color:rgba(255,255,255,1); border:1px solid #52608d; width:70px;border-radius:40px;  }

/* 검색영역 버튼 */
.btn_a_src_01 { background: #fff; border: 1px solid #999; color: #222; min-width: 80px; font-size: 14px; font-weight: 500; padding: 0px 20px 0px; line-height: 30px; cursor: pointer;}
.btn_a_src_01:hover{background:#D5D5D5; transition: all 0.2s ease-in; color: #222; }
.btn_a_src_02 { background: #0c3681; min-width: 80px; border: 1px solid #0c3681; color: #fff; font-size: 14px; font-weight: 500; padding: 0px 20px 0px; line-height: 30px;  cursor: pointer;}
.btn_a_src_02:hover{background:#0a2d6a; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }
.btn_a_src_03 { background: #2c5eb6; min-width: 80px; border: 1px solid #0c3681; color: #fff; font-size: 14px; font-weight: 500; padding: 0px 20px 0px; line-height: 30px;  cursor: pointer;}
.btn_a_src_03:hover{background:#184daa; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }
.btn_a_src_03_1 { background: #2c5eb6; min-width: 35px; border: 1px solid #0c3681; color: #fff; font-size: 14px; font-weight: 500; padding: 0px 10px 0px; line-height: 30px;  cursor: pointer;}
.btn_a_src_03_1:hover{background:#184daa; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }
.btn_a_src_04 { background: #2c5eb6; min-width: 80px; border: 1px solid #f15c30; background-color:#fff; color: #f15c30; font-size: 14px; font-weight: 500; padding: 0px 20px 0px; line-height: 30px;  cursor: pointer;}
.btn_a_src_04:hover{background:#f15c30; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }
.btn_a_src_none { background:#D1D1D1; min-width: 80px; border: 1px solid #D1D1D1; color: #fff; font-size: 14px; font-weight: 500; padding: 0px 20px 0px; line-height: 30px;  cursor: not-allowed;}

.btn_addsq { background: #0c3681; min-width: 80px; border: 1px solid #0c3681; color: #fff; font-size: 14px; font-weight: 500; padding: 0px 20px 0px; line-height: 28px;  cursor: pointer;}
.btn_addsq:hover{background:#0a2d6a; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }
.btn_close { background: #F30; min-width: 80px; border: 1px solid #F30; color: #fff; font-size: 14px; font-weight: 500; padding: 0px 20px 0px; line-height: 28px;  cursor: pointer;}
.btn_close:hover{background:#C30 ; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }
.btn_addsq { background: #0c3681; min-width: 80px; border: 1px solid #0c3681; color: #fff; font-size: 14px; font-weight: 500; padding: 0px 20px 0px; line-height: 28px;  cursor: pointer;}
.btn_addsq:hover{background:#0a2d6a; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }
.btn_plus{ background: #555555;min-width: 80px;border: 1px solid #555555;color: #fff;font-size: 14px;font-weight: 500; padding: 0px 10px 0px;line-height: 28px;cursor: pointer;}

/* radio */
.radio {position: relative; display: inline-block;vertical-align: middle;}
.radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radio input[type="radio"] + label {display: inline-block;position: relative;padding-left: 25px;cursor: pointer;vertical-align: top; font-size:15px;}
.radio input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 50%;margin-top: -8.5px;width: 20px;height: 20px;text-align: center;background: #fafafa;border: 1px solid #cacece;border-radius: 100%;}
.radio input[type="radio"]:checked + label:before {border-color: #adb8c0;}
.radio input[type="radio"]:checked + label:after {content: '';position: absolute;top: 50%;margin-top: -3.4px;left: 5px;width: 10px;height: 10px;background: #1967b4;border-radius: 100%;}
.radio li{float: left;margin-right: 12px}
.term {position: relative;display: inline-block;width: 135px;}
input[type="radio"] + label:hover, input[type="checkbox"] + label:hover,
input[type="radio"] + label:focus, input[type="checkbox"] + label:focus  { text-decoration: underline !important; cursor: pointer; }
/* checkbox */
.checkboX {position: relative; display: inline-block;vertical-align: middle;}
.checkboL li{float: left;margin-right: 12px}

input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }i
input[type="checkbox"] + label { display: inline-block; position:relative; }
input[type="checkbox"] + label:before { content:""; display:inline-block; margin:0 4px 0 0; width:20px; height:20px; border:1px solid #cacece; background-color:#FFF; position:relative; top:4px; border-radius:3px; transition:all 0.5s; }
input[type="checkbox"]:checked + label:before { background:#004ac5; border:1px solid #003fbe}
input[type="checkbox"]:checked + label:after  {content: ''; position:absolute; left:0px; top:4px; background: url(../images/checkboximg.png) no-repeat center; width:20px; height:20px; background-size:14px auto }


/* 가로세로 단위 */
.mt0 {margin-top:0px !important;} .mr0 {margin-right:0px !important;} .mb0 {margin-bottom:0px !important;} .ml0 {margin-left:0px !important;}
.mt5 {margin-top:5px !important;} .mr5 {margin-right:5px !important;} .mb5 {margin-bottom:5px !important;} .ml5 {margin-left:5px !important;}
.mt10 {margin-top:10px !important;} .mr10 {margin-right:10px !important;} .mb10 {margin-bottom:10px !important;} .ml10 {margin-left:10px !important;}
.mt15 {margin-top:15px !important;} .mr15 {margin-right:15px !important;} .mb15 {margin-bottom:15px !important;} .ml15 {margin-left:15px !important;}
.mt20 {margin-top:20px !important;} .mr20 {margin-right:20px !important;} .mb20 {margin-bottom:20px !important;} .ml20 {margin-left:20px !important;}
.mt25 {margin-top:25px !important;} .mr25 {margin-right:25px !important;} .mb25 {margin-bottom:25px !important;} .ml25 {margin-left:25px !important;}
.mt30 {margin-top:30px !important;} .mr30 {margin-right:30px !important;} .mb30 {margin-bottom:30px !important;} .ml30 {margin-left:30px !important;}
.mt35 {margin-top:35px !important;} .mr35 {margin-right:35px !important;} .mb35 {margin-bottom:35px !important;} .ml35 {margin-left:35px !important;}
.mt40 {margin-top:40px !important;} .mr40 {margin-right:40px !important;} .mb40 {margin-bottom:40px !important;} .ml40 {margin-left:40px !important;}
.mt45 {margin-top:45px !important;} .mr45 {margin-right:45px !important;} .mb45 {margin-bottom:45px !important;} .ml45 {margin-left:45px !important;}
.mt50 {margin-top:50px !important;} .mr50 {margin-right:50px !important;} .mb50 {margin-bottom:50px !important;} .ml50 {margin-left:50px !important;}
.mt55 {margin-top:55px !important;} .mr55 {margin-right:55px !important;} .mb55 {margin-bottom:55px !important;} .ml55 {margin-left:55px !important;}
.mt60 {margin-top:60px !important;} .mr60 {margin-right:60px !important;} .mb60 {margin-bottom:60px !important;} .ml60 {margin-left:60px !important;}
.mt65 {margin-top:65px !important;} .mr65 {margin-right:65px !important;} .mb65 {margin-bottom:65px !important;} .ml65 {margin-left:65px !important;}
.mt70 {margin-top:70px !important;} .mr70 {margin-right:70px !important;} .mb70 {margin-bottom:70px !important;} .ml70 {margin-left:70px !important;}
.mt75 {margin-top:75px !important;} .mr75 {margin-right:75px !important;} .mb75 {margin-bottom:75px !important;} .ml75 {margin-left:75px !important;}
.mt80 {margin-top:80px !important;} .mr80 {margin-right:80px !important;} .mb80 {margin-bottom:80px !important;} .ml80 {margin-left:80px !important;}
.mt85 {margin-top:85px !important;} .mr85 {margin-right:85px !important;} .mb85 {margin-bottom:85px !important;} .ml85 {margin-left:85px !important;}
.mt90 {margin-top:90px !important;} .mr90 {margin-right:90px !important;} .mb90 {margin-bottom:90px !important;} .ml90 {margin-left:90px !important;}
.mt95 {margin-top:95px !important;} .mr95 {margin-right:95px !important;} .mb95 {margin-bottom:95px !important;} .ml95 {margin-left:95px !important;}
.mt100 {margin-top:100px !important;} .mr100 {margin-right:100px !important;} .mb100 {margin-bottom:100px !important;} .ml100 {margin-left:100px !important;}

.pt0 {padding-top:0px !important;}	 .pr0 {padding-right:0px !important;} .pb0 {padding-bottom:0px !important;} .pl0 {padding-left:0px !important;}
.pt5 {padding-top:5px !important;}	 .pr5 {padding-right:5px !important;} .pb5 {padding-bottom:5px !important;} .pl5 {padding-left:5px !important;}
.pt10 {padding-top:10px !important;} .pr10 {padding-right:10px !important;} .pb10 {padding-bottom:10px !important;} .pl10 {padding-left:10px !important;}
.pt15 {padding-top:15px !important;} .pr15 {padding-right:15px !important;} .pb15 {padding-bottom:15px !important;} .pl15 {padding-left:15px !important;}
.pt20 {padding-top:20px !important;} .pr20 {padding-right:20px !important;} .pb20 {padding-bottom:20px !important;} .pl20 {padding-left:20px !important;}
.pt25 {padding-top:25px !important;} .pr25 {padding-right:25px !important;} .pb25 {padding-bottom:25px !important;} .pl25 {padding-left:25px !important;}
.pt30 {padding-top:30px !important;} .pr30 {padding-right:30px !important;} .pb30 {padding-bottom:30px !important;} .pl30 {padding-left:30px !important;}
.pt35 {padding-top:35px !important;} .pr35 {padding-right:35px !important;} .pb35 {padding-bottom:35px !important;} .pl35 {padding-left:35px !important;}
.pt40 {padding-top:40px !important;} .pr40 {padding-right:40px !important;} .pb40 {padding-bottom:40px !important;} .pl40 {padding-left:40px !important;}
.pt45 {padding-top:45px !important;} .pr45 {padding-right:45px !important;} .pb45 {padding-bottom:45px !important;} .pl45 {padding-left:45px !important;}
.pt50 {padding-top:50px !important;} .pr50 {padding-right:50px !important;} .pb50 {padding-bottom:50px !important;} .pl50 {padding-left:50px !important;}
.pt55 {padding-top:55px !important;} .pr55 {padding-right:55px !important;} .pb55 {padding-bottom:55px !important;} .pl55 {padding-left:55px !important;}
.pt60 {padding-top:60px !important;} .pr60 {padding-right:60px !important;} .pb60 {padding-bottom:60px !important;} .pl60 {padding-left:60px !important;}
.pt65 {padding-top:65px !important;} .pr65 {padding-right:65px !important;} .pb65 {padding-bottom:65px !important;} .pl65 {padding-left:65px !important;}
.pt70 {padding-top:70px !important;} .pr70 {padding-right:70px !important;} .pb70 {padding-bottom:70px !important;} .pl70 {padding-left:70px !important;}
.pt75 {padding-top:75px !important;} .pr75 {padding-right:75px !important;} .pb75 {padding-bottom:75px !important;} .pl75 {padding-left:75px !important;}
.pt80 {padding-top:80px !important;} .pr80 {padding-right:80px !important;} .pb80 {padding-bottom:80px !important;} .pl80 {padding-left:80px !important;}
.pt85 {padding-top:85px !important;} .pr85 {padding-right:85px !important;} .pb85 {padding-bottom:85px !important;} .pl85 {padding-left:85px !important;}
.pt90 {padding-top:90px !important;} .pr90 {padding-right:90px !important;} .pb90 {padding-bottom:90px !important;} .pl90 {padding-left:90px !important;}
.pt95 {padding-top:95px !important;} .pr95 {padding-right:95px !important;} .pb95 {padding-bottom:95px !important;} .pl95 {padding-left:95px !important;}
.pt100 {padding-top:100px !important;} .pr100 {padding-right:100px !important;} .pb100 {padding-bottom:100px !important;} .pl100 {padding-left:100px !important;}

/* width */
.wpAuto {width:auto !important;}
.wp5  {width:5% !important;}
.wp10 {width:10% !important;}
.wp15 {width:15% !important;}
.wp20 {width:20% !important;}
.wp25 {width:25% !important;}
.wp30 {width:30% !important;}
.wp35 {width:35% !important;}
.wp40 {width:40% !important;}
.wp45 {width:45% !important;}
.wp46 {width:46% !important;}
.wp47 {width:47% !important;}
.wp48 {width:48% !important;}
.wp49 {width:49% !important;}
.wp50 {width:50% !important;}
.wp55 {width:55% !important;}
.wp60 {width:60% !important;}
.wp65 {width:65% !important;}
.wp70 {width:70% !important;}
.wp75 {width:75% !important;}
.wp80 {width:80% !important;}
.wp85 {width:85% !important;}
.wp90 {width:90% !important;}
.wp95 {width:95% !important;}
.wp98 {width:98% !important;}
.wp99 {width:99% !important;}
.wp100 {width:100% !important;}

.wd10 {width:10px !important;}
.wd15 {width:15px !important;}
.wd20 {width:20px !important;}
.wd25 {width:25px !important;}
.wd30 {width:30px !important;}
.wd35 {width:35px !important;}
.wd40 {width:40px !important;}
.wd45 {width:45px !important;}
.wd50 {width:50px !important;}
.wd55 {width:55px !important;}
.wd60 {width:60px !important;}
.wd65 {width:65px !important;}
.wd70 {width:70px !important;}
.wd75 {width:75px !important;}
.wd80 {width:80px !important;}
.wd85 {width:85px !important;}
.wd90 {width:90px !important;}
.wd95 {width:95px !important;}
.wd100 {width:100px !important;}
.wd150 {width:150px !important;}
.wd200 {width:200px !important;}
.wd250 {width:250px !important;}
.wd300 {width:300px !important;}
.wd500 {width:500px !important;}

.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.txtJ {text-align:justify !important;}
.blind{display: none;}



.popup_wrap { display: none; opacity:0; position:relative; width:auto; min-width:500px; background-color:#FFF }
.title_pop { display:block; overflow:hidden; position:relative}
.title_pop h2 { background-color: #121A4C; color:#fff; font-size: 16px; padding: 15px 15px;}
.pop_doc { display:block; overflow:hidden; padding:15px; overflow-y: auto; max-height:800px}
.btn-close {  position: absolute; top: 13px; right: 15px; z-index: 0; width: 24px; height: 24px; overflow: hidden; box-sizing: content-box; background: url(../images/pop_icon_w_close.png) no-repeat; }
.btn-close img { width: 24px; height: 24px; }
.pop_doc_box { overflow:hidden; min-height:150px; border:1px solid #CCC; padding:5px; font-size:14px; line-height:18px; }
.popup_wrap .pop_doc .img_box{width: 180px; margin: 0 auto;}
.popup_wrap .pop_doc .img_box img{width: 100%;}
/*
.popup_wrap { border: 1px solid #707070;background-color:#FFF;  position: absolute;  text-align: left;  z-index: 2;  display: block;box-shadow:0 1.2rem 1.6rem rgba(0,0,0,0.16); }
*/

/* 달력 */
.ui-datepicker .ui-datepicker-header { padding: 15px 0 !important; }
.ui-datepicker { width: 250px !important; padding: 0px !important ; display: none; border: 0; margin-top: 5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06), 0 5px 0 0 rgba(0, 0, 0, 0.02);  }
.ui-widget.ui-widget-content {  border-radius: 3px; overflow: hidden; background: #fff; }
.ui-datepicker .ui-widget-header { position: relative;  border: 0;  background:#31499d; border-bottom:1px solid #25346c; color: #fff; border-radius: 0; }
.ui-datepicker .ui-datepicker-title { color:#FFF; font-weight:500; font-size:14px !important; line-height: 15px !important;}
.ui-datepicker th { font-size:14px !important;}
.ui-datepicker td span, .ui-datepicker td a { padding: 5px !important; text-align: center !important; text-decoration: none; font-size:13px !important}
/*.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #f6fafd !important; }*/
.ui-datepicker-calendar > tbody td:first-child a { color:#F00 !important }
.ui-datepicker-calendar > tbody td:last-child a { color:#06F !important }
.ui-state-active, .ui-widget-content .ui-state-active { background: #f6fafd !important; border:1px solid #31499d !important; color:#006 !important  }
.ui-icon { display:none !important}
.ui-state-hover {  border: none !important; }
.ui-datepicker .ui-datepicker-prev { position: absolute; top: 15px !important; left:1px !important; width:30px !important; height:30px !important; }
.ui-datepicker .ui-datepicker-next { position: absolute; top: 15px !important; right:1px !important; width:34px !important; height:30px !important; }
.ui-datepicker .ui-datepicker-prev { background: url(../images/ca_arrow_prev_img.png)no-repeat !important; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { background: url(../images/ca_arrow_next_img.png) no-repeat !important; cursor: pointer; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid #0c3681 !important; background: #0c3681 !important; color: #FFF !important; }

.ui-datepicker-title select { overflow:hidden; border:1px solid #F0F; margin:0 3px !important; cursor: pointer;}
.ui-datepicker-title select {-webkit-appearance: none;-moz-appearance: none;appearance: none; background: #fff url(../images/dash_select2.png) no-repeat 98% 45%;padding: 0 24px 0 10px;}
.ui-datepicker-title select::-ms-expand { display: none; }
.ui-datepicker-title select{ box-sizing: border-box;padding-left: 10px;}
.ui-datepicker-title select {height: 30px;display:inline-block;border: 1px solid #e0e0e0;box-sizing: border-box;vertical-align: top;background-color:#fff;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;min-width: 50px;color: #6b6b6b;margin: 0 1px;}

/* 타이포 */
ul.ul01{margin: 5px 0 20px}
ul.ul01 li{position: relative;margin-bottom: 5px;padding-left: 16px;line-height: 22px;}
ul.ul01 li:last-child{margin-bottom: 0}
ul.ul01 li:before{content: '';width: 5px;height: 5px;border-radius: 5px;background: #31aeb5;display: block;margin: 0 4px;position: absolute;left: 0;top: 10px;}
ul.ul02{margin: 5px 0}
ul.ul02 li:before{content: '';width: 5px;height: 2px;background: #1d3a63;display: block;margin: 0 4px;position: absolute;left: 0;top: 11px;}
ol.ol01{margin: 3px 0 10px 20px}
ol.ol01 li{list-style-type: decimal;list-style-position: outside;/*font-weight: 400;*/font-size: 14px;line-height: 18px;margin-bottom: 5px;}
ol.ol01 li:last-child{margin-bottom:0;}
ol.ol02{margin: 4px 0}
ol.ol02 li{list-style: none;/*font-weight: 200;*/font-size: 15px;line-height: 17px;margin-bottom: 5px;}
ol.ol02 li:before {display: inline-block;width: 18px;height: 18px;border-radius: 20px;line-height: 16px;font-size:13px;text-align:center;margin:0 4px 1px 0;vertical-align: middle;border: 1px solid #8e8e8e;box-sizing: border-box;}
ol.ol02 > li:nth-child(1):before {content:'1'}
ol.ol02 > li:nth-child(2):before {content:'2'}
ol.ol02 > li:nth-child(3):before {content:'3'}
ol.ol02 > li:nth-child(4):before {content:'4'}
ol.ol02 > li:nth-child(5):before {content:'5'}
ol.ol02 > li:nth-child(6):before {content:'6'}
ol.ol02 > li:nth-child(7):before {content:'7'}
ol.ol02 > li:nth-child(8):before {content:'8'}
ol.ol02 > li:nth-child(9):before {content:'9'}
ol.ol02 > li:nth-child(10):before {content:'10'}
ol.ol03{margin: 5px 0 5px 10px;}
ol.ol03 li{list-style-type: decimal-leading-zero;list-style-position: inside;font-size: 15px;line-height: 17px;margin-bottom: 3px;}

.notI-Tx1 {position: relative; padding-left: 30px;  font-size: 15px;}
.notI-Tx1::after {content: ''; position: absolute; left: 0; top: 2px; width: 18px; height: 18px;}
.notI-Tx1.txcolor1 {color: #b11116;}
.notI-Tx1.txcolor1::after {background: url(../images/ic-noti1.png) no-repeat center center; background-size:18px 18px}
.notI-Tx1.txcolor2 {color: #0068b7;}
.notI-Tx1.txcolor2::after {background: url(../images/ic-noti2.png) no-repeat center center; background-size:18px 18px}
.notI-Tx1.txcolor3 {color: #0c8d8c;}
.notI-Tx1.txcolor3::after {background: url(../images/ic-noti3.png) no-repeat center center; background-size:18px 18px}

.content-box-1 { width: 100%;  margin: 0 auto; border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 4px; padding: 15px; border-color: #E0E0E3; background-color: #FBFBFB }
.content-box-2 { display:block; overflow:hidden;  margin: 0 100px; border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 4px; padding: 15px; border-color: #E0E0E3; background-color: #FBFBFB }

.blt04, .txt_square01 > li { position: relative; padding: 0 0 0 10px }
.blt04::after, .txt_square01 > li::after { position: absolute;content: '';display: block; left: 0;top: 11px; width: 5px;	height: 2px; background: #707070; }

/* 텝메뉴 */
.wrap_tab01 { display:block; overflow:hidden; width:100%; border-left:0; border-right:0; }
.wrap_tab01 li {float:left; width:25%;}
.wrap_tab01 li a { display:block; background-color:#f6fafd; line-height:40px; height:40px; text-align:center; font-size:18px; color:#333; box-sizing:border-box; }
.wrap_tab01 li + li a {border: #fff solid 1px;}
.wrap_tab01 li a:hover {background:#f5f5f5;}
.wrap_tab01 li.on a { border: #0958aa solid 2px; color: #0958aa; background-color: #fff; font-weight: 700; line-height: 36px; box-shadow:#d9ffff 0px 0px 20px; }
.wrap_tab01.usebox-tab2 li {width:50%;}
.wrap_tab01.usebox-tab3 li {width:33.33333%;}
.wrap_tab01.usebox-tab5 li {width:20%;}
.wrap_tab01.usebox-tab6 li {width:16.66666%;}

/* 조회 탭버튼 */
.wT02-group { display: inline-block; overflow:hidden}
.searchT02_btn.on{color:#fff !important;background-color:#162a8a ;}
.searchT02_btn{float:left;min-width:90px;height:40px;font-size:17px; line-height:33px; text-align: center;letter-spacing: -0.36px;color:#444;padding:3px 15px;background-color:#f1f5fa;border:1px solid #e0e0e0;border-width:1px 1px 1px 0;-moz-box-sizing:border-box;box-sizing:border-box;}
.searchT02_btn.sb2{min-width:52px;}
.searchT02_btn:first-child{border-left:1px solid #ccc;border-right:1px solid #ccc;border-radius:4px 0 0 4px;}
.searchT02_btn:last-child{border-left:0;border-radius:0 4px 4px 0;}

/* 조회 탭버튼 */
.wT01-group { display: inline-block; overflow:hidden}
.search_btn.on{color:#fff !important;background-color:#5574e2;}
.search_btn{float:left;min-width:30px; height:30px;font-size:12px; line-height:22px; text-align: center;letter-spacing: -0.36px;color:#444;padding:3px 10px;background-color:#fff;border:1px solid #e0e0e0;border-width:1px 1px 1px 0;-moz-box-sizing:border-box;box-sizing:border-box;}
.search_btn.sb2{min-width:52px;}
.search_btn:first-child{border-left:1px solid #ccc;border-right:1px solid #ccc;border-radius:4px 0 0 4px;}
.search_btn:last-child{border-left:0;border-radius:0 4px 4px 0;}

.wrap_tab02 {display:block; position:relative; margin:0 auto 22px; font-size:15px; line-height:22px; overflow:hidden; }
.wrap_tab02 ul {list-style:none;margin:0;padding:1px 0 0 1px;overflow:hidden; background:#fff url(../images/patten.png) ;}
.wrap_tab02>.toggle~ul{border:0; }
.wrap_tab02 li{float:left;width:100%;margin:0;padding:0;}
.wrap_tab02 li>a{display:block; position:relative; min-height:22px; margin:-1px 0 0 -1px; padding:9px;background-color: #FFF; border: 1px solid #d2d2d2; color:#424e5a; text-decoration:none !important; }
.wrap_tab02 li>a:hover, .cnb1 li>a:focus{z-index:10;position:relative; border:1px solid #0c3681; color:#000; text-decoration: underline !important; }
.wrap_tab02 li>a:before { content: ''; display: block; position: absolute; right: 0; top: 50%; width: 20px; height: 20px; margin: -10px 10px; background: url(../images/cnb1bg1.png) no-repeat; }
.wrap_tab02 li.on>a{z-index:5;position:relative; border:1px solid #0c3681; background-color:#0c3681; color:#fff; cursor:default; }
.wrap_tab02 li.on>a:before { background-image: url(../images/cnb1bg1on.png) }
.wrap_tab02 ul:before, .wrap_tab02 ul:after { content: ''; display: table;}
.wrap_tab02 [class*='col-'] li{width:100%;}
[class*='wrap_tab02'] .col-1 > li{width:100%;text-align:left;}
[class*='wrap_tab02'] .col-2 > li{width:50%;}
[class*='wrap_tab02'] .col-3 > li{width:33.33333%;}
[class*='wrap_tab02'] .col-4 > li{width:25%;}
[class*='wrap_tab02'] .col-5 > li{width:20%;}
[class*='wrap_tab02'] .col-6 > li{width:16.66666%;}

.wrap_tab03 {margin-bottom:30px;background-color:#fff;border-bottom:2px solid #253982}
.wrap_tab03 ul {display:table;width:100%;table-layout:fixed}
.wrap_tab03 ul li {position:relative;display:table-cell;vertical-align:bottom}
.wrap_tab03 ul li button {display:block;width:100%;height:40px;padding:0 0 2px 0;font-size:16px;letter-spacing:-1px; text-align:center;color:#aaa;border:1px solid #ddd;border-bottom:none;background-color:#fff; cursor: pointer;}
.wrap_tab03 ul li ~ li button {border-left:none}
.wrap_tab03 ul li button.active {color:#0b318f;background-color:#fff;padding-bottom:0;border:2px solid #253982 !important;border-bottom:none !important; }
.wrap_tab03 ul li button.active:after {content:'';position:absolute;height:5px;left:2px;bottom:-4px;right:2px;background-color:#fff}

.sitemap * { transition: color 0.5s;}
.sitemap h2 { padding: 0 0 5px; color:#c2c1bf; font-size: 18px; line-height: 100%;}
.sitemap a { font-size:13px; color:#55524d; }
.sitemap > div { float: left; padding: 0 25px 0 25px; width: 200px;}
.sitemap > div:hover * { color:#c2c1bf;}
.sitemap > div:hover h2 {color:#ff5400;}
.sitemap > div > ul > li > a { display: block; margin: 24px 0 15px;}
.sitemap > div > ul > li:hover > a { color:#ff5400;}
.sitemap > div > ul > li > ul { border-left:1px solid #3c3933;}
.sitemap > div > ul > li > ul > li { position: relative; padding: 0 0 8px 19px; line-height: 100%;}
.sitemap > div > ul > li > ul > li:before { content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background: #ff5400; opacity: 0; transition: opacity 0.5s;}
.sitemap > div > ul > li > ul > li:hover:before { opacity: 1;}
.sitemap > div > ul > li > ul > li:hover > a { color:#ff5400;}
.sitemap > div > ul > li > ul > li > ul { padding: 15px 0 0;}
.sitemap > div > ul > li > ul > li > ul a { display: block; padding: 4px 0; font-size: 11px;}
.sitemap > div > ul > li > ul > li > ul li { position: relative; z-index: 2; padding: 0 0 0 18px; border-left:1px solid #3c3933; line-height: 15px;}
.sitemap > div > ul > li > ul > li > ul li:before { content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background: #ff5400; opacity: 0; transition: opacity 0.5s;}
.sitemap > div > ul > li > ul > li > ul li:hover:before { opacity: 1;}
.sitemap > div > ul > li > ul > li > ul li:hover a { color:#ff5400;}

/* 20230221 float 클래스 설정 - jsj */
.f_ri {float: right !important;}
.f_le {float: left !important;}
.txt_hidden {display: inline-block; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dp_in {display: inline-block;}
.filterForm::after,.content_area_inner::after {content: ''; display: block; clear: both;}
.center {text-align: center;}
.blue_bold {font-weight: 500 !important; color: #0b318f !important; text-decoration: underline !important;}

.must_tip {display:inline-block; margin-left: 15px; font-weight: 500;  color: #E21818; font-size: 14px;}

.finger [class*="contTbl"] td {cursor: pointer !important;}
.d_none {display: none !important;}

/* 20230705 .table_typB*/
.contTbl .dp_flex{display: flex; justify-content: center; gap: 10px;}
.contTbl .dp_flex > span{background-color: #eee; color: #000; padding: 5px 40px; line-height: 20px;  border: 1px solid #ddd;}
.contTbl .td_img{width: 250px; height: 250px;margin: auto; margin: 0 auto;  border: 1px solid #eee;}
.contTbl .td_img img{ overflow: hidden; width: 100%;}
.contTbl .vaT{vertical-align: top !important;}
.contTbl .vaT .fw500{font-weight: 500; font-size: 15px;}