@import url("https://fonts.dubuplus.com/css?family=Nanum Square");

.sub {margin:30px; overflow:hidden;}
.sub dl{margin-bottom:55px;}
.sub dl dt{font-family: 'Nanum Square';  color:#333; font-size:30px; letter-spacing:-1.5px;    margin-bottom:15px;}
.sub dl dt:before{content:''; display:inline-block; height:22px; width:8px; background:#464646; margin-right:10px;  border-radius: 0 5px 0 5px;}
.sub dl dt span {font-size:25px; margin-left:5px;}
.sub dl dd img{width:100%; margin:0 0 20px;}
.sub dl dd p{font-size:16px; padding:5px 0; text-align:right;}
.sub dl dd p strong {    font-weight: 500;    color: #ff1f1f;}
.red {color:#d22828; font-weight:500;}

.sub table{
    width:100%;  
    border-bottom:1px solid #ccc;
    border-collapse:collapse;

    border-spacing:2px;
}
.sub th{
    padding: 10px 5px;
    border:1px solid #fff;
    background-color: #72675e;
    color:#fff;
    font-weight:500;
    font-size:15px;
    text-align:center;
}
.sub td{
    padding: 10px 5px;
    border: 1px solid #ddd;
    color: #4c4c4c;
    text-align: center;
    font-size:15px;
}

/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .sub dl dd ul.txt li{font-size:16px;}
}

/* mobile */
@media screen and (max-width:768px){
    .sub{margin:5px;}
    .sub dl dt { font-size: 22px;    }
    .sub dl dt:before {    margin-bottom: -3px;}
        .sub dl dt span { font-size: 18px;    }
    .sub th, .sub td{font-size:13px; padding:10px 3px; letter-spacing:-1px;}
}