File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
.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;}