2023/11/29 콘텐츠 위치 이동으로 수정

This commit is contained in:
kmg 2023-11-29 15:27:57 +09:00
parent 572efdd16a
commit 844eed526b

View File

@ -177,8 +177,8 @@ input[type="text"] {height: 40px; padding: 0 15px; font-size: 16px; color: #222;
input[type="text"]:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;} input[type="text"]:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;}
input[type="text"]::placeholder {color: #999;} input[type="text"]::placeholder {color: #999;}
input[type="text"]:valid {color: #555;} input[type="text"]:valid {color: #555;}
input[type="checkbox"]+label {color: #555; font-size: 16px; font-weight: 300; line-height: 1; vertical-align: middle;} input[type="checkbox"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
input[type="radio"]+label {color: #555; font-size: 16px; font-weight: 300; line-height: 1; vertical-align: middle;} input[type="radio"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
textarea {border: 1px solid #d5d5d5; border-radius: 5px;} textarea {border: 1px solid #d5d5d5; border-radius: 5px;}
textarea::placeholder {color: #000;} textarea::placeholder {color: #000;}
select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(../images/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;} select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(../images/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;}
@ -228,7 +228,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tab .tab_li.on .tab_button{position:relative;z-index:20;margin:-5px 0 0 0;font-weight:500;color:#fff;} .tab .tab_li.on .tab_button{position:relative;z-index:20;margin:-5px 0 0 0;font-weight:500;color:#fff;}
.tab_content{display:none;} .tab_content{display:none;}
.tab_content.on{display:block;} .tab_content.on{display:block; margin:0 0 50px 0; border-bottom:1px solid #f37632;}
/* table title */ /* table title */
.tb_tit01 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 15px;} .tb_tit01 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 15px;}
@ -253,7 +253,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_type01>table>tbody>tr>th,.tb_type01>table>tbody>tr>td{ font-size: 16px; text-align: left;box-sizing: border-box;} .tb_type01>table>tbody>tr>th,.tb_type01>table>tbody>tr>td{ font-size: 16px; text-align: left;box-sizing: border-box;}
.tb_type01>table>tbody>tr>th{background-color: #f5f5f5; font-weight: 400; vertical-align: top; padding-top: 19px; padding-left: 20px; padding-bottom: 16px;} .tb_type01>table>tbody>tr>th{background-color: #f5f5f5; font-weight: 400; vertical-align: top; padding-top: 19px; padding-left: 20px; padding-bottom: 16px;}
.tb_type01>table>tbody>tr>th p {line-height: 1.3;} .tb_type01>table>tbody>tr>th p {line-height: 1.3;}
.tb_type01>table>tbody>tr>td{padding: 12px 20px; height: 60px; font-weight: 300; color: #555; vertical-align: middle;} .tb_type01>table>tbody>tr>td{padding: 12px 20px; height: 60px; font-weight: 400; color: #555; vertical-align: middle;}
.tb_type01>table>tbody>tr>td input[type="text"] {height: 40px;padding: 0 15px; border-radius: 5px; font-size: 16px; box-sizing: border-box;} .tb_type01>table>tbody>tr>td input[type="text"] {height: 40px;padding: 0 15px; border-radius: 5px; font-size: 16px; box-sizing: border-box;}
.tb_type01>table>tbody>tr>td input[type="radio"]+label {margin-right: 10px;} .tb_type01>table>tbody>tr>td input[type="radio"]+label {margin-right: 10px;}
.tb_type01>table>tbody>tr>td input[type="checkbox"]+label {margin-right: 10px;} .tb_type01>table>tbody>tr>td input[type="checkbox"]+label {margin-right: 10px;}
@ -273,7 +273,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
/* 교육기반강화연수 */ /* 교육기반강화연수 */
.tb_tit02 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin:-5px 0 15px 0;} .tb_tit02 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin:0 0 15px 0;}
.tb_tit02>p {font-size: 18px;} .tb_tit02>p {font-size: 18px;}
.tb_tit02 .tb_tit02_left {display: flex; align-items: center;} .tb_tit02 .tb_tit02_left {display: flex; align-items: center;}
.tb_tit02 .tb_tit02_left p{font-size: 22px; font-weight: 600; color: #222; } .tb_tit02 .tb_tit02_left p{font-size: 22px; font-weight: 600; color: #222; }
@ -312,7 +312,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.edup_result ul li.pre {position: relative; padding: 0 0 0 25px;} .edup_result ul li.pre {position: relative; padding: 0 0 0 25px;}
.edup_result ul li.pre::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #e40000; left: 0; top: 55%; transform: translateY(-50%);} .edup_result ul li.pre::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #e40000; left: 0; top: 55%; transform: translateY(-50%);}
.edu_program { } .edu_program {margin:0 0 50px 0; }
.edu_program table {border-top:2px solid #000; width:100%; } .edu_program table {border-top:2px solid #000; width:100%; }
.edu_program table.ppre {color:#0c3a97; } .edu_program table.ppre {color:#0c3a97; }
.edu_program table th {vertical-align: middle; line-height:20px; background-color: #f5f5f5; border-left:1px solid #d5d5d5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:10px 0;} .edu_program table th {vertical-align: middle; line-height:20px; background-color: #f5f5f5; border-left:1px solid #d5d5d5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:10px 0;}
@ -353,7 +353,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_list02 {width:100%; } .tb_list02 {width:100%; }
.tb_list02 table {border-top:2px solid #000; width:100%; } .tb_list02 table {border-top:2px solid #000; width:100%; }
.tb_list02 table th {vertical-align: middle; line-height:20px; background-color: #f5f5f5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:15px 0;} .tb_list02 table th {vertical-align: middle; line-height:20px; background-color: #f5f5f5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:15px 0;}
.tb_list02 table td {vertical-align: middle; line-height:20px; text-align: center; border-bottom: 1px solid #d5d5d5; padding:8px 0;} .tb_list02 table td {vertical-align: middle; line-height:20px; text-align: center; border-bottom: 1px solid #d5d5d5; padding:16px 2px; color:#555;}
.tb_list02 table .btnType02 {border-radius:5px; padding:5px 10px; font-size:15px; margin:0 0 0 3px;} .tb_list02 table .btnType02 {border-radius:5px; padding:5px 10px; font-size:15px; margin:0 0 0 3px;}
.tb_list02 table .btnType03 {border-radius:5px; padding:5px 10px; font-size:15px;} .tb_list02 table .btnType03 {border-radius:5px; padding:5px 10px; font-size:15px;}
.tb_list02 table .btnType04 {border-radius:5px; padding:5px 10px; font-size:15px;} .tb_list02 table .btnType04 {border-radius:5px; padding:5px 10px; font-size:15px;}
@ -433,7 +433,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_type02>table>thead>tr>th:last-child,.tb_type02>table>tbody>tr>td:last-child{border-right: 0;} .tb_type02>table>thead>tr>th:last-child,.tb_type02>table>tbody>tr>td:last-child{border-right: 0;}
.tb_type02>table>thead>tr>th{font-weight: 400; background-color: #f5f5f5;} .tb_type02>table>thead>tr>th{font-weight: 400; background-color: #f5f5f5;}
.tb_type02>table>tbody>tr>th {line-height: 1.4;} .tb_type02>table>tbody>tr>th {line-height: 1.4;}
.tb_type02>table>tbody>tr>th, .tb_type02>table>tbody>tr>td {color: #555; font-weight: 300; position: relative;} .tb_type02>table>tbody>tr>th, .tb_type02>table>tbody>tr>td {color: #555; font-weight: 400; position: relative;}
.tb_type02 tbody td input[type="text"].input_time {padding: 0 5px; margin: 0 5px; text-align: center;} .tb_type02 tbody td input[type="text"].input_time {padding: 0 5px; margin: 0 5px; text-align: center;}
.tb_type02 tbody td button {width: 90px; height: 36px; text-align: center; font-size: 16px; border-radius: 5px;} .tb_type02 tbody td button {width: 90px; height: 36px; text-align: center; font-size: 16px; border-radius: 5px;}
.tb_type02 tbody td button.table_del {width: auto; height: auto;} .tb_type02 tbody td button.table_del {width: auto; height: auto;}
@ -469,7 +469,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_list01 thead th{height: 55px; padding: 0 5px; box-sizing: border-box; vertical-align: middle;border-bottom: 1px solid #d5d5d5; font-size: 17px; font-weight: 400; color: #222; background-color: #f5f5f5; word-break: keep-all;} .tb_list01 thead th{height: 55px; padding: 0 5px; box-sizing: border-box; vertical-align: middle;border-bottom: 1px solid #d5d5d5; font-size: 17px; font-weight: 400; color: #222; background-color: #f5f5f5; word-break: keep-all;}
.tb_list01 thead th button {font-size: 8px; padding: 0 8px;} .tb_list01 thead th button {font-size: 8px; padding: 0 8px;}
.tb_list01 tbody tr:last-child{border-bottom: 0;} .tb_list01 tbody tr:last-child{border-bottom: 0;}
.tb_list01 tbody th, .tb_list01 tbody td {border-bottom: 1px solid #ececec; font-weight: 300; color: #555555; vertical-align: middle; padding: 16px 2px;font-size: 16px; line-height: 1.3;} .tb_list01 tbody th, .tb_list01 tbody td {border-bottom: 1px solid #ececec; font-weight: 400; color: #555555; vertical-align: middle; padding: 16px 2px;font-size: 16px; line-height: 1.3;}
.tb_list01 tbody th:not(.has_notice), .tb_list01 tbody tr.new_cont td {color: #5c6dc3; text-decoration: underline;} .tb_list01 tbody th:not(.has_notice), .tb_list01 tbody tr.new_cont td {color: #5c6dc3; text-decoration: underline;}
.tb_list01 tbody td.t_left {padding: 0 15px;} .tb_list01 tbody td.t_left {padding: 0 15px;}
.tb_list01 tbody td p {width: 100%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /* 테이블 안에 내용 ..처리 할때 */ .tb_list01 tbody td p {width: 100%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /* 테이블 안에 내용 ..처리 할때 */
@ -529,7 +529,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.list_view .view_info span{position: relative; padding-left: 20px;} .list_view .view_info span{position: relative; padding-left: 20px;}
.list_view .view_info span::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; left: 7px; top: 6.5px;} .list_view .view_info span::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; left: 7px; top: 6.5px;}
.list_view .view_cont{border-bottom: 1px solid #d5d5d5;padding: 40px 30px;} .list_view .view_cont{border-bottom: 1px solid #d5d5d5;padding: 40px 30px;}
.list_view .view_cont p{font-size: 18px; font-weight: 300; box-sizing: border-box; line-height: 1.4; word-break: break-word;} .list_view .view_cont p{font-size: 18px; font-weight: 400; color:#555; box-sizing: border-box; line-height: 1.4; word-break: break-word;}
.list_view .file_list{width: 100%; border-bottom: 1px solid #d5d5d5; padding: 20px 30px; box-sizing: border-box;} .list_view .file_list{width: 100%; border-bottom: 1px solid #d5d5d5; padding: 20px 30px; box-sizing: border-box;}
.list_view .file_list td{display: flex; font-size: 18px; font-weight: 300; margin-bottom: 10px} .list_view .file_list td{display: flex; font-size: 18px; font-weight: 300; margin-bottom: 10px}