/* BASIC css start */
#content { margin: 5rem 0 7rem; }
<!--
h3{ position: relative; display: block; font-weight: 900; font-size: 1.9rem; line-height: 5rem; margin-bottom: 4rem;}
h3:after { position: absolute; content:''; display: block; background-color: #333; width: 60px; height: 5px; bottom: -10px; left: 0;}
-->

/* 상단디자인  */
#contentTop{ position: relative; display: block; text-align: center; padding: 5rem 2rem; background-color: #ccc; background-size: 110%; background-repeat: no-repeat; background-position: center; }
#contentTop h2{ font-size: 2rem; font-weight: 600; line-height: 4.1rem; color: #fff; }
#contentTop p{ font-size: 1rem; line-height: 1.2rem; color: #fff;  }
#contentTop:after{ content:''; position: absolute; display: block; background-color: #fff; height: 49px; width: 2px; left: 50%; bottom: 5%; }



.chart__box{ width:100%;display: block; position: relative; }
.chart__box .th,
.chart__box .tr{ width:100%;display: block; position: relative; }

.chart__box .th { font-weight: 900; font-size:1rem; border-bottom: 1px solid #919191; border-top: 2px solid #333;display: flex; padding: 1.4rem 0;}
.chart__box .th > div { width:100%;text-align: center; display: inline-block;}
.chart__box .tr { font-size: 0.8rem; border-bottom: 1px solid #efefef; padding: 1.4rem 0; border-bottom: 1px solid #919191; display: flex; align-items: flex-start; align-content: center;}
.chart__box .tr > div { width:100%;text-align: center; display: inline-block;}

.chart__box .no{ width:10% !important}
.chart__box .title { width:20% !important}
.chart__box .txt{ width:54% !important; text-align: left!important;}
.chart__box .won { width:15% !important}




@media screen and (max-width:1300px) and (min-width:641px) { 

}

@media screen and (max-width: 1000px) {
    
    #contentTop:after {  height: 39px;}
    #contentTop {  padding: 4rem 2rem; background-size: 150%;}
}

@media screen and (max-width: 640px) {
    #content {  margin: 3rem 0 7rem;}
    
    .chart__box .th {   display: none;}
    .chart__box { border-top: 2px solid #919191; } 
    .chart__box .tr {  flex-wrap: wrap; padding: 1rem 1rem; font-size: 0.9rem; box-sizing: border-box;}
    .chart__box .tr span { font-weight: 600;}
    .chart__box .no {  text-align: left !important; width: 17% !important;}
    .chart__box .txt { width: 100% !important; margin-top: 0.5rem;}
    .chart__box .won { width: 100% !important; text-align: left !important;  margin-top: 0.5rem;}
    .chart__box .title { width: 70% !important;  text-align: left !important;}
    .chart__box .title br { display: none; }
}

@media screen and (max-width: 400px) {

}





/* BASIC css end */