@charset "UTF-8";

/*테이블 공통 - 글 정렬(중앙 - c, 왼쪽 - l, 오른쪽 - r)*/
.txtc{text-align:center;}
.txtl{text-align:left;}
.txtr{text-align:right;}
.txtj{text-align:justify;}

/* 첨부파일 스타일1 한줄에 여러개 나열 */
.document{display: inline-block; padding: 0 7px 0 25px; line-height: 1.692307; color: #299ce0; background: url(../img/fileicon.png) no-repeat left 5px center; border: 1px solid #a1d4f1; border-radius: 3px; box-sizing: border-box;}
.document + .document{margin-left: 2px;}

/* 첨부파일 스타일2 한줄에 하나씩 */
.file{display: block; padding-left: 20px;}
.file.color_1{color: #1c7932; background: url(../img/at1.png) no-repeat left center;}
.file.color_2{color: #b90d0d; background: url(../img/at2.png) no-repeat left center;}
.file.color_3{color: #247be6; background: url(../img/at3.png) no-repeat left center;}
.file.color_4{color: #000000; background: url(../img/at4.png) no-repeat left center;}

/* 필수 입력 항목 표시 */
.essential{display: inline-block; margin-left: 1px; color: salmon;}

/* 한줄에 인풋 여러개 쓰는 경우 */
.input_list > li{display: inline-block;}
.input_list > li + li{margin-left: 5px;}
.input_list > li > input{width: 110px;}
.input_list > li > .txt{display: inline-block; margin-left: 5px;}
.input_list.mobile > li + li{margin-left: 0;}

/* 테이블 스크롤, 너비가 긴 테이블을 감싸 스크롤을 이용하여 볼 수 있게 감싸는 division */
.table_scroll{margin-bottom: 20px; border: 1px solid #b6b6b6; overflow-y: auto;}
.table_scroll.ver2{height: 400px; border: 1px solid #b6b6b6; overflow-y: auto;}

/* 테이블 스크롤, 너비가 긴 테이블을 감싸 스크롤을 이용하여 볼 수 있게 감싸는 division , 표 높이에 맞춰 스크롤 조정 */
.table_scroll_height{margin-bottom: 20px; border: 1px solid #b6b6b6; overflow-y: auto;}

/*테이블의 특정 td를 일정크기 이상 글자 안나오도록 조정*/
.with_200px, .with_300px, .with_400px{display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.with_200px{width: 200px;}
.with_300px{width: 300px;}
.with_400px{width: 400px;}

/*테이블1 - 기본*/
.table_style1{width: 100%;border-top: 2px solid #03243a;}
.table_style1 td, .table_style1 th{padding: 5px; font-size: 13px; line-height: 1.846153; border: 1px solid #b1aeae;}
.table_style1 th{font-weight: 600;color: #000;background-color: #f2f6fc;}
.table_style1 td{background-color: #fff;}
.table_style1 td:first-child, .table_style1 th:first-child{border-left: 0;}
.table_style1 td:last-child, .table_style1 th:last-child{border-right: 0;}

/*테이블2 - 게시판 목록*/
.table_style2{margin-left: -1px;border-top: 2px solid #03243a;}
.table_style2 td, .table_style2 th{padding: 5px; font-size: 13px; line-height: 1.846153; border: 1px solid #b1aeae;}
.table_style2 th{color: #000;font-weight: 600;background-color: #f2f6fc;}
.table_style2 td{background-color: #fff;}
.table_style2 tfoot td{color: #235299;font-weight: 500;background-color: #dde8f7;border: 1px solid #9fbde9;}

/*테이블3 - 검색*/
.table_style3{width: 100%;}
.table_style3 td, .table_style3 th{position: relative;padding: 5px 10px 5px 10px;font-size: 14px;line-height: 1.714285;} 
.table_style3 th{color: #123c6d;}
.serch_option{position: absolute;top: 50%;left: 10px;height: 24px;padding-left: 10px;margin-top: -12px;background: url(../img/tyt03ct.png) no-repeat left center;}
.table_style3 input{display: block; width: 100%; height: 24px !important; padding: 0 8px; border: 1px solid #a3a3a3; border-radius: 3px; box-sizing: border-box;}
.table_style3 select{border: 1px solid #a3a3a3; background-color: #fff; border-radius: 3px;}

/*테이블4 - 분할테이블*/
.table_style4{width: 100%; margin-top: -1px; margin-left: -1px;}
.table_style4 td, .table_style4 th{padding: 5px; font-size: 13px; line-height: 1.846153; border: 1px solid #b1aeae;}
.table_style4 th{color: #000;font-weight: 600;background-color: #f2f6fc;}
.table_style4 td{background-color: #fff;}
.table_style4 td:first-child, .table_style4 th:first-child{border-left: 0;}
.table_style4 td:last-child, .table_style4 th:last-child{border-right: 0;}

/*테이블5 - 인증서목록테이블*/
.table_style5{width: 100%;}
.table_style5 > tbody > tr + tr{border-top: 1px solid #e9e9e9;}
.table_style5 td, .table_style5 th{padding: 25px;font-size: 15px;line-height: 2;}
.table_style5 th{font-size: 30px;font-weight: 600;color: #000;}
.table_style5 th span{padding-left: 20px;background:url(../img/tyiflist.png) no-repeat left center;}
.table_style5 td{background-color: #fff;}
.table_style5 td img.docu_img{border: 1px solid #bbb;}
.table5_list > li{position: relative;padding-left: 150px;}
.table5_list > li > i{position: absolute; top: 0; left: 0; padding-left: 13px; font-style: normal; font-weight: 600;}
.table5_list > li > i::before{content: ''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; margin-top: -1.5px; background-color: #235299;}
.btn_table5{display: inline-block;padding: 0 10px 0 34px;line-height: 35px;color: #fff;border-radius: 5px;background: url(../img/print.png) no-repeat left 10px center;background-color: #247be6;}
.btn_table5_2{display: inline-block;padding: 0 10px 0 34px;line-height: 35px;color: #fff;border-radius: 5px;background: url(../img/print.png) no-repeat left 10px center;background-color: #5297eb;}
.btn_table5_3{display: inline-block;padding: 0 10px 0 34px;line-height: 35px;color: #fff;border-radius: 5px;background: url(../img/write.png) no-repeat left 10px center;background-color: #91c518;}

.details_search_wrap{position: relative; padding-right: 66px;}
.details_search_wrap .btn_table{position: absolute; top: 50%; right: 0; margin-top: -12px;}

/*효원 추가*/
.table5_list > .p_btn + .p_btn {margin-top: 6px}
.total_tr{border-top:2px solid #9fc6ff;}
.total_td{background: #dfecff !important; color: #2660b7; font-weight:bold;} 

/*테이블6 - 분할테이블*/
.table_style4{width: 100%; margin-top: -1px; margin-left: -1px;}
.table_style4 td, .table_style4 th{padding: 5px; font-size: 13px; line-height: 1.846153; border: 1px solid #b1aeae;}
.table_style4 th{color: #000;font-weight: 600;background-color: #f2f6fc;}
.table_style4 td{background-color: #fff;}
.table_style4 td:first-child, .table_style4 th:first-child{border-left: 0;}
.table_style4 td:last-child, .table_style4 th:last-child{border-right: 0;}

.details_search_wrap{position: relative; padding-right: 66px;}
.details_search_wrap .btn_table{position: absolute; top: 50%; right: 0; margin-top: -12px;}

/*테이블 - 합계 관련 */
th.total_line, td.total_line {color: #225324; background-color: #cfe9d0;}