@charset "UTF-8";

.table-wrap{margin:0 0 20px;overflow:hidden;border-top: 2px solid #01314d;}
:is(.sj-table, .b-sj-table){position:relative;margin-right:-1px;width:calc(100% + 1px);border-top: 3px solid #01314D;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed;}
:is(.sj-table, .b-sj-table) thead{position:relative;}
:is(.sj-table, .b-sj-table) th{padding:14px 20px 13px;border-right: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;font-size:16px;line-height:22px;color: #000;font-weight: 700;word-wrap:break-word;text-align:center;text-indent:0;}
:is(.sj-table, .b-sj-table).th-right thead th{border-right:1px solid #e7ebee;}
:is(.sj-table, .b-sj-table) th.th-right{border-right:1px solid #e7ebee;}
:is(.sj-table, .b-sj-table) thead th,
:is(.sj-table, .b-sj-table) tbody th{background-color: #F6F6F6;}
:is(.sj-table, .b-sj-table) tbody th{border-right:1px solid #e7ebee;border-bottom:1px solid #e7ebee;}
:is(.sj-table, .b-sj-table) td{padding:14px 20px 13px;border-right: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;background-color:#fff;font-size: 15px;line-height: 140%;color: #555;font-weight: 500;word-wrap:break-word;text-align:center;text-indent:0;}
:is(.sj-table, .b-sj-table) td .con-p{margin:0 0 10px;}
:is(.sj-table, .b-sj-table) .td-big{font-size:20px;line-height:26px;font-weight:700;}
:is(.sj-table, .b-sj-table) .td-left{text-align:left !important;}
:is(.sj-table, .b-sj-table) .td-bg{background-color:#fbfbfb; }
:is(.sj-table, .b-sj-table) .td-bg02{background-color:#f7f8f9; }
:is(.sj-table, .b-sj-table) .td-bg-yellow{background-color:#eeede3; }
:is(.sj-table, .b-sj-table) .td-bg-lightgray{background-color:#fbfbfb; }
:is(.sj-table, .b-sj-table) th.no-bg{background-color:#fff;}
:is(.sj-table, .b-sj-table) .no-bottom{border-bottom:none !important;}
:is(.sj-table, .b-sj-table) .no-right{border-right:none !important;}
:is(.sj-table, .b-sj-table) .bo-bottom th,
:is(.sj-table, .b-sj-table) .bo-bottom td,
:is(.sj-table, .b-sj-table) th.bo-bottom,
:is(.sj-table, .b-sj-table) td.bo-bottom{border-bottom:1px solid #b8c2c9 !important;}
:is(.sj-table, .b-sj-table) tfoot td{background:#e7ebee;color:#555;}

:is(.sj-table, .b-sj-table) td :is(.ul-type-dot, .ul-type-bar, .ol-type-circle){margin:0;}
:is(.sj-table, .b-sj-table) td .ul-type-dot > li{margin:0 0 7px;padding:0 0 0 10px;font-weight:500;color:#555;line-height:24px;}
:is(.sj-table, .b-sj-table) td .ul-type-dot > li:last-of-type{margin-bottom:0;}
:is(.sj-table, .b-sj-table) td .ul-type-dot > li::before{top:10px;width:3px;height:3px;}
:is(.sj-table, .b-sj-table) td .ul-type-bar{margin:5px 0 0}
:is(.sj-table, .b-sj-table) td .ul-type-bar > li{margin:0 0 5px;color:#777;}
:is(.sj-table, .b-sj-table) td .ul-type-bar > li:last-of-type{margin:0;}

/* scrollbox */
.scrollbox :is(.sj-table, .b-sj-table):after{content:'';display:block;position:absolute;top:1px;right:0;width:1px;height:calc(100% + 1px);background:#fff;}

.msg-touch-help{position:absolute;top:min(50px, 12%);left:50%;z-index:10;margin:0 0 0 -35px;width:70px;height:70px;opacity:0.7;}
.table-wrap .msg-touch-help{display:none;}
.msg-touch-help img {width:100%;}
.msg-touch-help p{margin:5px 0 0 0;font-size:16px;line-height:24px;color:#fff;font-weight:700;text-align:center;}

.slash{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="lightgray" /></svg>');}
.backslash{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="lightgray" /></svg>');}

@media screen and (max-width:1024.98px) {
	:is(.sj-table, .b-sj-table) th{padding:10px 14px 9px;font-size:14px;line-height:20px;}
	:is(.sj-table, .b-sj-table) td{padding:10px 14px 9px;font-size:14px;line-height:20px;}
	:is(.sj-table, .b-sj-table) .td-big{font-size:16px;line-height:18px;}
	:is(.sj-table, .b-sj-table) .td-left{padding-left:10px;}
	:is(.sj-table, .b-sj-table) td .ul-type-dot > li{margin:0;padding:0 0 0 8px;line-height:24px;}
	:is(.sj-table, .b-sj-table) td .ul-type-dot > li::before{top:12px;}

	.table-wrap{margin:0 0 10px;}
	.b-sj-table tbody th{padding:7px 10px;}

	/* scrollbox */
	.scrollbox{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;}
	.scrollbox > :is(.sj-table, .b-sj-table){width:1100px;}
	.scrollbox  .sj-table-width700{min-width:700px;width:100%;}
	.scrollbox  .sj-table-width700 th{word-break:keep-all;}
	.table-wrap .msg-touch-help{display:block;}
}