@media screen and (max-width:768px) {
    /*normal*/
    .table-box {
      overflow-x:auto;
    }
  }

.table-c4-wsame > tbody > tr > td,
.table-c4-wsame > thead > tr > th{
    width:25%;
}

.table-c2-wsame > tbody > tr > td,
.table-c2-wsame > thead > tr > th{
    width:50%;
}

.table-c2-3-7 > tbody > tr > td:nth-child(1),
.table-c2-3-7 > thead > tr > th:nth-child(1){
    width:30%;
}

.table-c2-3-7 > tbody > tr > td:nth-child(2),
.table-c2-3-7 > thead > tr > th:nth-child(2){
    width:70%;
}

.table-c2-4-6 > tbody > tr > td:nth-child(1),
.table-c2-4-6 > thead > tr > th:nth-child(1){
    width:40%;
}

.table-c2-4-6 > tbody > tr > td:nth-child(2),
.table-c2-4-6 > thead > tr > th:nth-child(2){
    width:60%;
}

.table-c2-wsame > tbody > tr > td,
.table-c2-wsame > thead > tr > th{
    width:50%;
}

.table-c2-w3-a > tbody > tr > td:nth-child(1),
.table-c2-w3-a > thead > tr > th:nth-child(1){
    width:22% !important;
}


.table-c3-w3-a-1 > tbody > tr > td:nth-child(1),
.table-c3-w3-a-1 > thead > tr > th:nth-child(1){
    width:22% !important;
}

.table-c3-w3-a-1 > tbody > tr > td:nth-child(3),
.table-c3-w3-a-1 > thead > tr > th:nth-child(3){
    width:10% !important;
}

@media(min-width:1200px){ 
    .media-1200-d-flex{
        display:flex !important;
    }

    .media-1200-pl-lg-22{
        padding-left: 22px !important;
    }

    .txt-media-1200 > p{
        font-size:14px;
    }

    .w1200-width-1{width:1%;}	.w1200-width-11{width:11%;}	.w1200-width-21{width:21%;}	.w1200-width-31{width:31%;}	.w1200-width-41{width:41%;}	.w1200-width-51{width:51%;}	.w1200-width-61{width:61%;}	.w1200-width-71{width:71%;}	.w1200-width-81{width:81%;}	.w1200-width-91{width:91%;}
    .w1200-width-2{width:2%;}	.w1200-width-12{width:12%;}	.w1200-width-22{width:22%;}	.w1200-width-32{width:32%;}	.w1200-width-42{width:42%;}	.w1200-width-52{width:52%;}	.w1200-width-62{width:62%;}	.w1200-width-72{width:72%;}	.w1200-width-82{width:82%;}	.w1200-width-92{width:92%;}
    .w1200-width-3{width:3%;}	.w1200-width-13{width:13%;}	.w1200-width-23{width:23%;}	.w1200-width-33{width:33%;}	.w1200-width-43{width:43%;}	.w1200-width-53{width:53%;}	.w1200-width-63{width:63%;}	.w1200-width-73{width:73%;}	.w1200-width-83{width:83%;}	.w1200-width-93{width:93%;}
    .w1200-width-4{width:4%;}	.w1200-width-14{width:14%;}	.w1200-width-24{width:24%;}	.w1200-width-34{width:34%;}	.w1200-width-44{width:44%;}	.w1200-width-54{width:54%;}	.w1200-width-64{width:64%;}	.w1200-width-74{width:74%;}	.w1200-width-84{width:84%;}	.w1200-width-94{width:94%;}
    .w1200-width-5{width:5%;}	.w1200-width-15{width:15%;}	.w1200-width-25{width:25%;}	.w1200-width-35{width:35%;}	.w1200-width-45{width:45%;}	.w1200-width-55{width:55%;}	.w1200-width-65{width:65%;}	.w1200-width-75{width:75%;}	.w1200-width-85{width:85%;}	.w1200-width-95{width:95%;}
    .w1200-width-6{width:6%;}	.w1200-width-16{width:16%;}	.w1200-width-26{width:26%;}	.w1200-width-36{width:36%;}	.w1200-width-46{width:46%;}	.w1200-width-56{width:56%;}	.w1200-width-66{width:66%;}	.w1200-width-76{width:76%;}	.w1200-width-86{width:86%;}	.w1200-width-96{width:96%;}
    .w1200-width-7{width:7%;}	.w1200-width-17{width:17%;}	.w1200-width-27{width:27%;}	.w1200-width-37{width:37%;}	.w1200-width-47{width:47%;}	.w1200-width-57{width:57%;}	.w1200-width-67{width:67%;}	.w1200-width-77{width:77%;}	.w1200-width-87{width:87%;}	.w1200-width-97{width:97%;}
    .w1200-width-8{width:8%;}	.w1200-width-18{width:18%;}	.w1200-width-28{width:28%;}	.w1200-width-38{width:38%;}	.w1200-width-48{width:48%;}	.w1200-width-58{width:58%;}	.w1200-width-68{width:68%;}	.w1200-width-78{width:78%;}	.w1200-width-88{width:88%;}	.w1200-width-98{width:98%;}
    .w1200-width-9{width:9%;}	.w1200-width-19{width:19%;}	.w1200-width-29{width:29%;}	.w1200-width-39{width:39%;}	.w1200-width-49{width:49%;}	.w1200-width-59{width:59%;}	.w1200-width-69{width:69%;}	.w1200-width-79{width:79%;}	.w1200-width-89{width:89%;}	.w1200-width-99{width:99%;}
    .w1200-width-10{width:10%;}	.w1200-width-20{width:20%;}	.w1200-width-30{width:30%;}	.w1200-width-40{width:40px;}	.w1200-width-50{width:50%;}	.w1200-width-60{width:60%;}	.w1200-width-70{width:70%;}	.w1200-width-80{width:80%;}	.w1200-width-90{width:90%;}	.w1200-width-100{width:100%;}
    
}

@media(min-width:768px){ 
    .min-768-d-flex{
        display:flex !important;
    }

    .media-d-none > thead > .dis-sm-tr-row,
    .media-d-none > tbody > .dis-sm-tr-row {
       display:none !important;
    }

    /*LTV차트 속성*/
    .tab_cont4_con_line_wrap {
        position: absolute;
        top: 1550px;
        display: flex;
        align-items: baseline;
    }
    
    .tab_cont4_con_line {
        height: 118px;
        width: 1px;
        border-left: 3px dashed #ff3831;
    }
}

@media(min-width:768px) and (max-width:1199px){


    .media-768-pl-md-10{
        padding-left: 10px !important;
    }

    .media-768-pr-md-0{
        padding-right: 0px !important;
    }
    
    .txt-media-768 > thead > tr > th,
    .txt-media-768 > tbody > tr > td,
    .txt-media-768 > p{
        font-size:13px;
    }

    .txt-media-768 > p{
        line-height: 160% !important;
    }

    .font-media-768{
        font-size:13px;
    }

    .txt-media-768 > a > .max-small {
        width:100%;
        height:auto;
        max-width: 688px;
        max-height: 270px;
        display : inline-block;
        margin : auto;
        overflow: hidden;
        object-fit: cover;
        vertical-align:middle;
        line-height: 270px;
    }

    .txt-media-768 > div > .card-body > .px-lg-4 {
        font-size:13px;
    }

    .w768-width-1{width:1% !important;} .w768-width-11{width:11% !important;}	.w768-width-21{width:21% !important;}	.w768-width-31{width:31% !important;}	.w768-width-41{width:41% !important;}	.w768-width-51{width:51% !important;}	.w768-width-61{width:61% !important;}	.w768-width-71{width:71% !important;}	.w768-width-81{width:81% !important;}	.w768-width-91{width:91% !important;}
    .w768-width-2{width:2% !important;}	.w768-width-12{width:12% !important;}	.w768-width-22{width:22% !important;}	.w768-width-32{width:32% !important;}	.w768-width-42{width:42% !important;}	.w768-width-52{width:52% !important;}	.w768-width-62{width:62% !important;}	.w768-width-72{width:72% !important;}	.w768-width-82{width:82% !important;}	.w768-width-92{width:92% !important;}
    .w768-width-3{width:3% !important;}	.w768-width-13{width:13% !important;}	.w768-width-23{width:23% !important;}	.w768-width-33{width:33% !important;}	.w768-width-43{width:43% !important;}	.w768-width-53{width:53% !important;}	.w768-width-63{width:63% !important;}	.w768-width-73{width:73% !important;}	.w768-width-83{width:83% !important;}	.w768-width-93{width:93% !important;}
    .w768-width-4{width:4% !important;}	.w768-width-14{width:14% !important;}	.w768-width-24{width:24% !important;}	.w768-width-34{width:34% !important;}	.w768-width-44{width:44% !important;}	.w768-width-54{width:54% !important;}	.w768-width-64{width:64% !important;}	.w768-width-74{width:74% !important;}	.w768-width-84{width:84% !important;}	.w768-width-94{width:94% !important;}
    .w768-width-5{width:5% !important;}	.w768-width-15{width:15% !important;}	.w768-width-25{width:25% !important;}	.w768-width-35{width:35% !important;}	.w768-width-45{width:45% !important;}	.w768-width-55{width:55% !important;}	.w768-width-65{width:65% !important;}	.w768-width-75{width:75% !important;}	.w768-width-85{width:85% !important;}	.w768-width-95{width:95% !important;}
    .w768-width-6{width:6% !important;}	.w768-width-16{width:16% !important;}	.w768-width-26{width:26% !important;}	.w768-width-36{width:36% !important;}	.w768-width-46{width:46% !important;}	.w768-width-56{width:56% !important;}	.w768-width-66{width:66% !important;}	.w768-width-76{width:76% !important;}	.w768-width-86{width:86% !important;}	.w768-width-96{width:96% !important;}
    .w768-width-7{width:7% !important;}	.w768-width-17{width:17% !important;}	.w768-width-27{width:27% !important;}	.w768-width-37{width:37% !important;}	.w768-width-47{width:47% !important;}	.w768-width-57{width:57% !important;}	.w768-width-67{width:67% !important;}	.w768-width-77{width:77% !important;}	.w768-width-87{width:87% !important;}	.w768-width-97{width:97% !important;}
    .w768-width-8{width:8% !important;}	.w768-width-18{width:18% !important;}	.w768-width-28{width:28% !important;}	.w768-width-38{width:38% !important;}	.w768-width-48{width:48% !important;}	.w768-width-58{width:58% !important;}	.w768-width-68{width:68% !important;}	.w768-width-78{width:78% !important;}	.w768-width-88{width:88% !important;}	.w768-width-98{width:98% !important;}
    .w768-width-9{width:9% !important;}	.w768-width-19{width:19% !important;}	.w768-width-29{width:29% !important;}	.w768-width-39{width:39% !important;}	.w768-width-49{width:49% !important;}	.w768-width-59{width:59% !important;}	.w768-width-69{width:69% !important;}	.w768-width-79{width:79% !important;}	.w768-width-89{width:89% !important;}	.w768-width-99{width:99% !important;}
    .w768-width-10{width:10% !important;}	.w768-width-20{width:20% !important;}	.w768-width-30{width:30% !important;}	.w768-width-40{width:40% !important;}	.w768-width-50{width:50% !important;}	.w768-width-60{width:60% !important;}	.w768-width-70{width:70% !important;}	.w768-width-80{width:80% !important;}	.w768-width-90{width:90% !important;}	.w768-width-100{width:100% !important;}
    
}

@media(min-width:600px ) and (max-width:767px){
    .txt-media-600 > div > .card-body > .px-lg-4 {
        font-size:13px;
    }
}

@media(min-width:1201px){
    .txt-media-1201 > div > .card-body > .px-lg-4 {
        font-size:16px;
    }
}


@media(min-width:768px) and (max-width:991px){
    .media-d-none > thead > tr > .dis-no,
    .media-d-none > tbody > tr > .dis-no {
        display:none !important;
    }
}

@media(min-width:1px) and (max-width:767px){
    .media-390-pl-sm-10{
        padding-left: 10px !important;
    }


    .txt-media-390 > thead > tr > th,
    .txt-media-390 > tbody > tr > td,
    .txt-media-390 > tbody > tr > td > ul > li,
    .txt-media-390 > tbody > tr > td > ol > li,
    .txt-media-390 > p{
        font-size:11px;
    }

    .txt-media-390 > p{
        line-height: 120% !important;
    }

    .txt-media-390-p-8 > tbody > tr > td,
    .txt-media-390-p-8 > tbody > tr > th{
        font-size:11px;
        padding : 8px 4px 8px 4px;
        vertical-align: middle;
    }

    .txt-media-390-p-8 > .list-group-item {
        font-size:11px;
        padding : 8px 4px 8px 4px;
    }

    .txt-media-390 > .col-12 > .accordion{
        margin-top:10px;
    }


    .media-d-none > thead > tr > .dis-no,
    .media-d-none > tbody > tr > .dis-no {
        display:none !important;
    }

    .media-d-none > thead > .dis-on {
        display:block !important;
    }

    .media-d-none > thead > .dis-sm-tr-row,
    .media-d-none > tbody > .dis-sm-tr-row {
       display:table-row !important;
    }

    .media-px-2 > thead > tr > th,
    .media-px-2 > tbody > tr > td {
        padding : 6px 2px;  
    }

    .media-pt-12 > thead > tr > th,
    .media-pt-12 > tbody > tr > td {
        font-size:12px;
    }

    .media-pt-10 > thead > tr > th,
    .media-pt-10 > tbody > tr > td {
        font-size:10px;
    }

    .subTable>thead>tr>th {
        padding: 1px !important;
    }

    .media-span-10{
        font-size:8px;
    }

    modal-body > .media-padding-3 > thead > tr > th{
        padding:3px;
    }
    
    .tab_cont4_con_line {
        height: 108px;
        width: 1px;
        border-left: 3px dashed #ff3831;
    }
     /*LTV차트 속성*/
    .tab_cont4_con_line_wrap {
        position: absolute;
        top: 1965px;
        display: flex;
        align-items: baseline;
    }
    
    .txt-media-390 > .tab_cont4_con_line_wrap,
    .txt-media-390 > .tab_cont4_con_line_txt{
        border: 2px solid #e83e35;
        border-radius: 30px;
        margin-left: 4px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .txt-media-390 > a > .max-small {
        width:100%;
        height:auto;
        max-width: 688px;
        max-height: 270px;
        display : inline-block;
        margin : auto;
        overflow: hidden;
        object-fit: cover;
        vertical-align:middle;
        line-height: 270px;
    }

 .Table-px-1 > thead > tr > th,
 .Table-px-1 > thead > tr > td,
 .Table-px-1 > tbody > tr > th,
 .Table-px-1 > tbody > tr > td{

     padding:16px 4px 16px 4px;
     vertical-align:middle;
 }

}