.tabs-container{display: flex;flex-direction: column;}
.tabs-header{display: flex;overflow-x: auto;white-space: nowrap;position: relative;justify-content: flex-end;}
.tabs-header::-webkit-scrollbar {width: 100%;height: 2px;position: absolute;} 
.tabs-header::-webkit-scrollbar-track {background: #D8DDE3;border-radius: 50px;} 
.tabs-header::-webkit-scrollbar-thumb {background: #256EF4;border-radius: 50px;}
.tabs-header:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #d8e3f2;z-index: -1;}
.tab-a{padding: 15.5px 12px;cursor: pointer;transition: background ease .2s;flex: 0 0 auto;font-weight: 400;font-size: 15px;line-height: 150%;letter-spacing: -0.025em;color: #555;}
.tab-a.active{color: #1F4E79;font-weight: 600;border-bottom: 2px solid #1F4E79;}
.tab-content{display: none;padding: 80px 0 0 0;background: #fff;}
.tab-content.active{display: block;}

.content-wrap {display: flex;}
.content-wrap + .content-wrap {margin-top: 80px;}
.content-wrap .heading {width: 200px;flex-shrink: 0;}
.content-wrap .title {font-weight: 600;font-size: 24px;line-height: 150%;letter-spacing: -0.025em;color: #fff;padding: 8px 20px;background: #256EF4;border-radius: 8px 0 0 8px;margin: 4px -2px 0 0;}
.content-wrap .title.blue {background: #1F4E79;}
.content-wrap .label {font-weight: 400;font-size: 20px;line-height: 150%;letter-spacing: -0.025em;color: #000a1a;display: flex;align-items: center;gap: 10px;padding: 8px 20px;}
.content-wrap .label > span:last-child {font-weight: 600;color: #256EF4;}

.tabs-container .table {border: 1px solid #D8E3F2;border-radius: 8px;background: #fff;width: 100%;overflow: hidden;}
.tabs-container .table td > p {display:none;}

.tabs-container .row-main {cursor: pointer;}
.tabs-container tr.row-main td:first-child {border-left: 4px solid transparent;transition: border-color .3s ease;}
.tabs-container tr.row-main.active td:first-child {border-left-color: #1F4E79;}
.tabs-container .row-main.active .name {font-weight: 600;}
.tabs-container .row-main .cat {font-family: 'Paperlogy';font-weight: 600;font-size: 15px;line-height: 150%;letter-spacing: -0.025em;color: #0054CC !important;text-align: left;}
.tabs-container .row-main td {text-align: center}
.tabs-container .row-main .name {font-family: 'Paperlogy';font-weight: 400;font-size: 18px;line-height: 150%;letter-spacing: -0.025em;color: #000a1a;text-align: left;transition: font-weight .2s ease;}
.tabs-container .row-main .credit {font-family: 'Noto Sans';font-weight: 700;font-size: 16px;line-height: 150%;color: #000a1a;}
.tabs-container .row-main .arrow {display: block;width: 10px;height: 6px;-webkit-mask-image: url(../img/content/content-arrow04.png);mask-image: url(../img/content/content-arrow04.png);-webkit-mask-size: cover;mask-size: cover;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;background: #888888;margin: 0 auto;transform: rotate(180deg);transition: transform .3s ease, background-color .3s ease;}
.tabs-container .row-main.active .arrow {transform: rotate(0);background-color: #256EF4;}
.tabs-container tr.row-detail td:first-child {border-left: 4px solid transparent;transition: border-color .3s ease;}
.tabs-container tr.row-detail.active td:first-child {border-left-color: #1F4E79;}
.tabs-container .row-detail .detail-text {font-family: 'Paperlogy';font-weight: 400;font-size: 15px;line-height: 150%;letter-spacing: -0.025em;color: #555;}
.tabs-container tr.row-detail .detail-inner{max-height: 0;overflow: hidden;transition: max-height .35s ease, padding .35s ease;}
.tabs-container tr.row-detail .detail-content {padding: 20px;}
.tabs-container tr.row-detail td {padding: 0;}
.tabs-container .table thead th {text-align: center;}
.tabs-container .table thead th.content {text-align: left;}
.tabs-container .table tbody td {border-bottom: 0;}
.tabs-container tbody tr:nth-child(4n + 1),
.tabs-container tbody tr:nth-child(4n + 2){background: #F5F8FD !important;}
.tabs-container tbody tr:nth-child(4n + 3),
.tabs-container tbody tr:nth-child(4n + 4){background: #fff !important;}

@media(max-width:1440px){
	.content-wrap {flex-direction: column;gap: 20px;}
	.content-wrap .heading {width: 100%;}
	.content-wrap .title {margin: 4px 0 0;}
}

@media(max-width:768px){
	.tabs-container .table {width: 800px;}
	.tabs-header{justify-content: flex-start;}
	.tab-content {padding: 40px 0 0;}
	.content-wrap + .content-wrap {margin-top: 40px;}
}