html,body{background:#fff;margin:0px;}
#header{
    height:50px;background:#fff;border-bottom:1px solid #e6e8ea;display:flex;align-items:center;margin-left:20px;
    justify-content: space-between;margin-right:20px;
}
#header > div > img{height:28px}
#header > div#senddate{font-weight:bold;font-size:14px;text-align:right;}
#expire{margin:10px;border-radius:10px;font-size:20px;font-weight:bold;background:black;opacity:0.6;color:#fff;height:200px;display:flex;align-items:center;justify-content: center;}
#contents{margin:40px;border-radius: 30px;background:#fff;}
#contents ul li:first-child{float:left}
#contents ul li:last-child{float:right;text-align:right; margin-bottom:5px;list-style:none;
}
.list_table tr th, .list_table tr td{height:30px}
#mc-footer{
    height:100%;
}
#mc-footer > div{
    width:1000px;text-align:left;padding-left:120px;
}
#mc-footer > div > #cmpinfo{margin-left:225px;margin-bottom:10px;}
#mc-footer > div > #cmpinfo2{display:flex;margin-left:80px}
#mc-footer > div > #cmpinfo2 > div{margin-right:20px;}
#mc-footer2{padding:10px;
    font-family: Lato,"Noto Sans KR", sans-serif;
    font-size:12px;
    border-top:1px solid #d3d6da;
    text-align:center;width:100%;color:#a5a9b0;padding-top:10px;padding-bottom:10px;
    background:#f3f4f6;font-weight:normal;
    line-height:20px;
    padding-top:20px;
    padding-bottom:40px;
    height:100%;
}
.list_table button{font-size:12px}
.list_table tr th:nth-child(1){width:*}
.list_table tr th:nth-child(2){width:80px}
#mc-footer2{display:none;}
#mc-footer2 img{height:15px;margin-top:5px;opacity:0.8;}

.list_table.type2 tr th:nth-child(1){width:*}
.list_table.type2 tr th:nth-child(2){width:80px}
.list_table.type2 tr th:nth-child(3){width:80px}
.list_table.type2 tr th:nth-child(4){width:80px}
.list_table.type2 tr th:nth-child(5){width:80px}
@media screen and (max-width:767px) {
    #mc-footer{display:none;}
    #mc-footer2{display:block;}
    #contents{margin:20px;}
    #col1{width:80px}
    .list_table button{font-size:9px}
    #contents ul li button{font-size:10px}
    .list_table tr th:nth-child(1){width:*}
    .list_table tr th:nth-child(2){width:80px}
    .list_table.type2 tr th:nth-child(1){width:*}
    .list_table.type2 tr th:nth-child(2){width:40px}
    .list_table.type2 tr th:nth-child(3){width:40px}
    .list_table.type2 tr th:nth-child(4){width:40px}
    .list_table.type2 tr th:nth-child(5){width:60px}
} 
#contents > ul{padding-left:20px;margin:0px}