Code - 2025_PROJECT/mjgo

.table{width:100%;table-layout:fixed;} /* ======================================================================================= tType1 ======================================================================================= */ /* 공통 */ .tType1{text-align:left;border-top:2px solid #000;} .tType1 tr{border-bottom:1px solid var(--table-tbody-border);} .tType1 th{min-width:75px;height:55px;font-size:17px;vertical-align:middle;} .tType1 th .essential{display:inline-block;margin:4px 2px 0 0;vertical-align:top;color:#e40000;} .tType1 th.vTop{vertical-align:top;padding:20px 0 0 0;} .tType1 td{font-size:16px;vertical-align:middle;padding:10px 0;} .tType1 tbody tr td p {line-height: 1.4;} .tType1 tbody tr.msg_title {display:none;} .tType1 tbody tr.msg_title.active {display:table-row;} .tType1 tbody tr.msg_title td .title_wrap .textbox {display:none;margin:10px 0 0;} .tType1 tbody tr.msg_title td .title_wrap .textbox.active {display:block;} .tType1_title {font-size: 20px; font-weight: 600; position: relative; height: 40px;} .tType1_title button {position: absolute;top: 22%; right: 0; transform: translateY(-50%); background-color: var(--primary-color); height: 40px; padding: 0 15px; color: #fff;} .tType1_title>span {font-size: 16px; font-weight: 300; color: #666;} .tType1 tbody tr td.send_list {position: relative;display: flex; justify-content: space-between;} .tType1 tbody tr td.send_list .list_left, .tType1 tbody tr td.send_list .list_right {width: calc(100%/2 - 25px);min-width: 290px;} .tType1 tbody tr td.send_list .list_left {left: 0;position: relative;} .tType1 tbody tr td.send_list .list_left .add_num {height: 90px;} .tType1 tbody tr td.send_list .list_left .add_num input[type="text"] {width: calc(100% - 97px);min-width: 200px;} .tType1 tbody tr td.send_list .list_left .add_num input[type="text"]::placeholder {color: #a6a6a6; font-weight: 300;} .tType1 tbody tr td.send_list .list_left .add_num>span {color: #e40000;font-size: 13px;font-weight: 400;line-height: 39px;} .tType1 tbody tr td .text_req {display: inline-block; color: #999; font-size: 17px; font-weight: 300; vertical-align: middle;} .tType1 tbody tr td.send_list .list_right {right: 0;} .tType1 tbody tr td.send_list .list_right .list_btnWrap {display: flex;flex-flow: wrap;justify-content: space-between;} .tType1 tbody tr td.send_list .list_right .list_btnWrap button {height: 37px;width: calc(100%/3 - 3px);margin-bottom: 5px;} .tType1 tbody tr td.send_list .add_btn {position: absolute; right: 0; top: 0;} .tType1 tbody tr td.send_list .add_btn button {min-width: 95px; height: 32px; font-size: 14px;} .tType1 tbody tr td.send_list .add_remove {text-align: center;margin: 40px 4px 0 4px;align-self: center;} .tType1 tbody tr td.send_list .add_remove button {display: block;max-width: 44px;padding: 4px 6px; border: 1px solid #b1b1b1;border-radius: 5px; margin: 0 auto;margin-bottom: 5px;font-size: 12px;} .tType1 tbody tr td.send_list .add_remove button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);} .tType1 tbody tr td.send_list .add_remove button.add i {background-image:url(/publish/images/content/add_btn.png);width: 11px;height: 10px;display: block;margin: 0 auto;} .tType1 tbody tr td.send_list .add_remove button.remove i {background-image:url(/publish/images/content/remove_btn.png);width: 11px;height: 10px;display: block;margin: 0 auto;} .tType1 tbody tr td.check_num>div {display: inline-block;} .tType1 tbody tr td.check_num>div button {height: 40px; padding: 0 5px;} .tType1 tbody input[type="text"] {height: 40px; padding: 0 15px; background-color: #f2f2f2;border-radius: 5px;line-height:38px;} .tType1 tbody input[type="password"] {height: 50px; padding: 0 15px; background-color: #f2f2f2;border-radius: 5px; font-size: 16px;} .tType1 tbody select.sel_number {width: 340px; height: 40px; padding: 0 20px; background-color: #f2f2f2;border-radius: 5px; border: 0;color: var(--primary-color);font-weight: 400;font-size: 16px;background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 94% center;} .tType1 tbody input[type="text"]::placeholder {color: #a6a6a6;} .tType1 tbody input:disabled {background-color: #dedede;} .tType3 {width: 100%; border-radius: 3px; border: 1px solid #ccc; box-sizing: border-box;} .tType3.payDetail {margin-bottom: 50px;} .tType3.usageDetail {margin-bottom: 50px;} .tType3.payDetail {margin: -15px 0 10px 0;} .payDetail .tType3_hd>div:nth-child(1), .payDetail .tType3_bd>div:nth-child(1) {width: 40px;} .payDetail .tType3_hd>div:nth-child(2), .payDetail .tType3_bd>div:nth-child(2) {width: 20%;} .payDetail .tType3_hd>div:nth-child(3), .payDetail .tType3_bd>div:nth-child(3) {width: 17%;} .payDetail .tType3_hd>div:nth-child(4), .payDetail .tType3_bd>div:nth-child(4) {width: 15%;} .payDetail .tType3_hd>div:nth-child(5), .payDetail .tType3_bd>div:nth-child(5) {width: 17%;} .payDetail .tType3_hd>div:nth-child(6), .payDetail .tType3_bd>div:nth-child(6) {width: 15%;} .payDetail .tType3_hd>div:nth-child(7), .payDetail .tType3_bd>div:nth-child(7) {width: 17%;} .table_cont {display: none;} .table_cont.current {display: block;} .tType3 .tType3_hd { display: flex; height: 36px; line-height: 34px; font-size: 15px; box-sizing: border-box; position: relative; z-index: 0; background-color: #ededed; text-align: center; border-radius: 3px 3px 0 0;} .tType3 .tType3_hd::after {content: ""; background-color: #e9e9e9; width: 100%; height: 18px; position: absolute; bottom: 0; left: 0;z-index: -1;} .tType3 .tType3_hd>div {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing: border-box;} .tType3 .tType3_hd>div:first-child {border-left: 0; } .tType3 .font_ellipsis {position: relative;} .tType3 .tType3_bd { display: flex; height: 40px; line-height: 40px; font-size: 15px; box-sizing: border-box; text-align: center; color: #555; font-weight: 300;} .tType3 .tType3_bd span {font-weight: 400;} .tType3 .tType3_bd>div {height: 40px; padding: 0 10px; line-height: 40px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; text-align: center; color: #555; font-weight: 300; box-sizing: border-box;} .tType3 .tType3_bd>div:first-child {border-left: 0;} .tType3 .tType3_bd:last-child>div {border-bottom: 0;} .tType3 .tType3_bd .table_certify {font-weight: 400;} .tType3 .tType3_bd .input_wrap2 input[type="text"] {text-align: center; background-color: #f2f2f2; width: calc(100% - 20px); height: 32px; border-radius: 5px; color: #555; vertical-align: baseline;} .tType3 .tType3_bd .input_wrap2 input[type="text"]::placeholder {color: #555;} .tType3 .tType3_bd .input_wrap2 input[type="text"]:-ms-input-placeholder {color: #555;} .tType3 .tType3_bd .btnType14 {height: 28px; padding: 0 11.5px; vertical-align: baseline; line-height: 28px;} .tType3 .tType3_bd input[type="radio"] {margin-top: 0; margin-right: 0; vertical-align: revert;} .tb_wrap{position:relative;width: 100%; min-height: 430px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; box-sizing: border-box;border-bottom:0 none;} .tb_wrap:after {content:'';position:absolute;left:2px;bottom:0;width:calc(100% - 4px);height:1px;background:#ccc;} .tType4{table-layout: fixed; width: 100%;} .tType4 thead{background-color: #ededed; position: relative; z-index: 0;} .tType4 thead tr:only-child th{height: 36px;} .tType4 thead th{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 400; position: relative; z-index: 1; line-height: 25px; vertical-align: middle;} .tType4 thead th::after{position: absolute; content: " "; width: 100%; height: 18px; background-color: #e5e5e5; bottom: 0; left: 0; z-index: -1;} .tType4 thead th:last-child{border-right: 0;} .tType4 .sort_wrap{display: inline-block;} .tType4 tbody td{text-align: center; font-size: 15px; color: #666; font-weight: 400; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 38px; vertical-align: middle; padding: 0 10px; box-sizing: border-box;} .tType4 tbody td.tb_tit{text-align: left; position: relative;} .tType4 tbody td.input_wrap2 input[type="text"] {text-align: center;background-color: #f2f2f2;width: calc(100% - 20px);height: 32px;border-radius: 5px;border: 1px solid #f2f2f2;margin-right: 0;color: #555;} .tType4 tbody tr:only-child:last-child td{border-bottom: 1px solid #ccc;} .tType4 tbody td:last-child{border-right: 0;} .tType4 tbody td>p{width: 100%; line-height: 38px; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -0.5px; overflow: hidden;margin: 0 auto;} .tType4 tbody td span {font-weight: 400;} .tType4 td input[type="text"]{height: 28px; display: inline-block; border: 1px solid #e5e5e5; margin-right: 5px;} .tType4 tbody .btnType14 {height: 28px;} .tType4 .memo_text {width: calc(100% - 35px); margin-right: 5px; display: inline-block; text-align: left; vertical-align: inherit;} .tType4 tbody td span.textReject {line-height:28px;} .tType4 tbody td .btnTypeReject {margin:0 0 0 3px;line-height:26px;letter-spacing:0;text-align:center;vertical-align:top;} .tType4 tbody td.result_cont a {text-align: left!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .tType4 tbody td.result_cont .result_tit { } .tType4 tbody td .cancel_date {font-size:14px; color:#666; display: block;}