@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

 #content {overflow-x: hidden;}
/* .area_subVisual.subtype02 {border-bottom: 0;} */
.inr {max-width: 1400rem; margin: 0 auto; padding: 0 30rem;}
.dot-list.mt {margin-top: 30rem;}
.dot-list em {display: block; font-size: 14rem; color: #666;}

.sub-tab {display: flex; justify-content: center; margin:calc(-1 * (var(--m120) / 2)) 0 var(--m100); padding: 0 30rem;}
.sub-tab li {width: 257rem; height: 60rem; line-height: 60rem; border: 1rem solid #242424; text-align: center;}
.sub-tab li:nth-child(n+2) {border-left: 0;}
.sub-tab li a {font-size: 16rem; color: #212121; display: block; width: 100%; height: 100%;}
.sub-tab li a span {display: inline-block; padding: 0 5rem 2rem; line-height: 1.2; vertical-align: middle; word-break:break-all;}
.sub-tab li.active {background: #242424;}
.sub-tab li.active a {color: #fff;}

.sub-tab.col6 {flex-wrap: wrap;}
.sub-tab.col6 li {width: calc(100%/6); box-sizing: border-box;}
.sub-tab.col6 li:nth-child(7) {border-left: 1rem solid #212121;}
.sub-tab.col6 li:nth-child(n+7) {border-top: 0;}

.sub-tab-ty2 {display: flex; justify-content: center; margin-top: 120rem; width: 100%; border-bottom: 1rem solid #ddd;}
.sub-tab-ty2 li {width: 180rem; text-align: center;}
.sub-tab-ty2 li.active {border-bottom: 2rem solid #212121;}
.sub-tab-ty2 li a {padding: 0 5rem 15rem; display: block;}
.sub-tab-ty2 li a span {display: inline-block; padding: 0 5rem 2rem; line-height: 1.2; vertical-align: middle; word-break:break-all;}

/* table custom */
#content table.table {margin-top: 0 !important;}
#content table.table th {padding: 15rem !important;}
#content table.table td {padding: 12rem 26rem !important;}
#content table.table tbody td{color:#555;}
#content table.table .dot-list > li,
#content table.table .dot-tt {padding-left: 10rem;}
#content table.table .dot-list > li::before,
#content table.table .dot-tt::before {width: 3rem; height: 3rem; top: 9rem;}
#content table.table tr.total td {background: #f8f8f8; font-weight: bold;}
#content table.table thead th[rowspan]:last-child {border-right: 0; border-left: dashed #ccc;}
.table-info {font-size: 16rem; color: #666; padding-top: 7rem; display: block;}
.sub-table {margin-top: 25rem; position: relative;}
.table-sm__txt {position: absolute; top: -28rem; right: 0; font-size: 13rem; color: #666;}

#content table.table.ty2 .bd-none {border-right: 0;}
#content table.table.ty2 .bd-type1 {border-right: 1rem solid #e0e0e0;}
#content table.table .table-img {display: table; margin: 0 auto;}
#content table.table .table-img img {width: 100%;}
#content table.table .align-center {text-align: center;}
#content table.table .align-left td p {margin-bottom: 8rem;}



@media (max-width:860px){

    .sub-tab-ty2 li {width: 140rem;}
    .sub-tab.col6 li {width: calc(100%/3)}
    .sub-tab.col6 li:nth-child(4),
    .sub-tab.col6 li:nth-child(10) {border-left: 1rem solid #242424;}
    .sub-tab.col6 li:nth-child(n+4) {border-top: 0;}
        
}
@media (max-width:600px) {
    #content .scrollTable .table.w1000 {width: 1000px !important;}
}
@media (max-width: 540px){
    .inr {padding: 0 20rem;}
    .sec-comm__title {font-size: 24rem; padding: 0 0 0 40rem; margin-bottom: 20rem;}
    .sec-comm__title::before {width: 30rem; height: 30rem;}

    #content table.table th {padding: 10rem !important;}
    #content table.table td {padding: 10rem 15rem !important;}

    .sub-tab {padding: 0 20rem;}
    .sub-tab li {height: 54rem; line-height: 54rem; width: calc(100% / 3);}
    .sub-tab li a {font-size: 14rem; word-wrap: break-word;}
    .sub-tab li a i,.sub-tab-ty2 li a i {display: block;}
    .sub-tab-ty2 {margin-top: 65rem;}
    .sub-tab-ty2 li a {padding: 0 5rem 6rem; font-size: 14rem;}

    .sub-tab.col4 {flex-wrap: wrap;}
    .sub-tab.col4 li {width: calc(100%/2); box-sizing: border-box;}
    .sub-tab.col4 li:nth-child(3) {border-left: 2rem solid #242424;}
    .sub-tab.col4 li:nth-child(n+3) {border-top: 0;}

    .sub-tab.col6 li {width: calc(100%/2)}
    .sub-tab.col6 li:nth-child(3),
    .sub-tab.col6 li:nth-child(5),
    .sub-tab.col6 li:nth-child(9),
    .sub-tab.col6 li:nth-child(11) {border-left: 1rem solid #242424;}
    .sub-tab.col6 li:nth-child(4),
    .sub-tab.col6 li:nth-child(10) {border-left: 0;}
    .sub-tab.col6 li:nth-child(n+4) {border-top: 0;}

}