.content{    
    height:100%;
}
.closeBtn{
    padding: 5px 10px 0 0;
    font-size: 18px;
    color: darkgrey;
    float: right;
}
.info {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

.tab-content{
    position: relative;
    top: 0;   
    width: 95%;
}
.tab-content > input[type="radio"] {
    display: none;
}
.tab-content > input[type="radio"] + label {
    display: inline-block;
    margin-left: 5px;
    padding: 15px;
    font-size: 16px;
    letter-spacing: -1px;
    background: linear-gradient(to top, black, rgb(17, 17, 17) 7%, rgb(27, 27, 27));
    color: dimgray;
    border-radius: 5px 5px 0 0;
    border: #cccccc 1px solid;
    border-bottom: 0px;
    cursor: pointer;
    z-index: -1;
}
.tab-content > input[type="radio"]:checked + label {
    position: relative;
    top:1px;
    font-weight: 400;   
    background: rgb(20, 20, 20);
    color: dodgerblue;
    z-index: 5;
    transition: all 0.3s;
}
.tab-content .conbox{
    display: none;
    position: absolute;
    top:49px;
    width: 100%;
    height: 100px;
    margin-right: 10px;
    padding: 5px 0 10px 0;
    background: rgb(20, 20, 20);
    border-top:#cccccc 1px solid;
    color: rgb(160, 160, 160);
    /* background: chartreuse; */
}
.tab-content > input[id="tab1"]:checked ~ .con1{
    display:block;
    height: auto;
    overflow: auto;
}
.tab-content > input[id="tab2"]:checked ~ .con2{
    display:block;    
}
.tab-content > input[id="tab3"]:checked ~ .con3{
    display:block;    
}
.tab-content .item{
    padding: 10px 0 5px 0;
}
/* ?�이�??��???*/
.tab-content table{
    width:calc(100% - 1px);
    border-collapse: collapse;
}
.tab-content th, .tab-content td{
    font-size: 16px;
    text-align: center;
    padding: 7px 2px;
    border:rgb(63, 63, 63) 1px solid;
}
.tab-content th{
    /* background: rgb(3, 3, 3); */
    background: dodgerblue;
    color: white;
}
.tab-content .sub{
    background: rgb(3, 3, 3);  
}
.gen-mo{
    background: rgb(75, 75, 75);
    text-align: center; 
}
.tab-content .decent-tit{
    text-align: left;
}
.tab-content .line{
    height: 2px;
    background: rgb(63, 63, 63);
    padding: unset;
}
.tab-content tr:first-child td{
    border:0;
    line-height: 25px;
    color: white;
    font-weight: 700;
}

.descent{
    width: 100%;
    padding: 0 5px;
    border: rgb(80, 80, 80) 1px solid;    
}
.dotLine{
    width: 100%;
    border-top: 0;
    border-bottom: rgb(100, 100, 100) 1px dotted;
    border-left: 0;
    border-right: 0;
}
.boxwrap{
    display: flex; 
    justify-content: center;
    align-items: center;
    padding: 20px 5px;
    
}
.box{
    display: flex;    
    align-items: center;
    height: 170px;
}
.box.one{
    width:40%;
}
.box.two{
    width:20%;
}
.box.three{
    display: flex; 
    flex-direction: column;
    justify-content:space-between;
    align-items: center;
    width:40%;
}
.parent{    
    width: 100%;
    border: dodgerblue 1px solid;
}
.parent > div{
    text-align: center;
    padding: 7px 3px;
    font-size: 16px;
    color: rgb(202, 202, 202);
}
.parent > div:first-child{
    background: dodgerblue;
    color: rgb(255, 255, 255);
    font-weight: 700;
}
hr{
    width: 50%;
    border-top: dodgerblue 1px solid;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}
.box.two > div{
    width:50%;
    height:100px;
    border-top: dodgerblue 1px solid;
    border-left: dodgerblue 1px solid;
    border-bottom: dodgerblue 1px solid;
}

.descent .boxwrap:last-child .parent{   
    border: rgb(235, 90, 22) 1px solid;
}
.descent .boxwrap:last-child .parent > div:first-child{
    background: rgb(235, 90, 22);
}
.descent .boxwrap:last-child hr{
    border-top: rgb(235, 90, 22) 1px solid;
}
.descent .boxwrap:last-child .box.two > div{
    border-top: rgb(235, 90, 22) 1px solid;
    border-left: rgb(235, 90, 22) 1px solid;
    border-bottom: rgb(235, 90, 22) 1px solid;
}