.sub dl {margin-bottom: 100px;}
.sub dl dt {   font-family: 'SBAggroL'; font-size:32px; color:#000; letter-spacing: -1px; margin-bottom:10px;}
.sub dl dt:before{display:inline-block;content:'';  width:21px; height:22px; margin-right: 10px;background:url(/app/dubu_sourcecode/docs/imgs/1631163467_icon.png);}
.sub dl dt span {display: block;    font-size: 18px;    color: #818181;}
.sub dl dd  {padding:0 20px ;}
.sub dl dd .table_list table{width:100%;border-collapse:collapse;}
.sub dl dd .table_list table th,
.sub dl dd .table_list table td{padding:20px;border:1px solid #e2e2e2;line-height:1.5em;}
.sub dl dd div img {width: 100%;}
.sub dl dd .table_list table thead th{background:#253394; color: #fff; border: 1px solid #e2e2e2;font-weight: 500;font-size: 20px;}
.sub dl dd .table_list table tbody th {background:#f8f8f8;letter-spacing: -1px; text-align:center; color:#333; font-weight: 500; font-size:17px;}
.sub dl dd .table_list table tbody td {color: #666; text-align:center; letter-spacing: -1px;font-size: 17px;}
.sub dl dd div {margin-bottom:30px;}
.sub dl dd div h4{ font-size: 24px; font-weight: 500; color: #253394;    margin-bottom: 5px;    letter-spacing: -2px;}
.sub dl dd div h4:before{display:inline-block;content:'';  width:8px; height:8px;  border-radius:2px; margin-bottom: 5px; background:#253394;}
.sub dl dd div ul li {font-size: 17px;  letter-spacing: -1px; margin-bottom: 5px; color:#7c7c7c;}
.sub dl dd div ul li:before{display:inline-block;content:'';  width:3px; height:3px; margin-right: 5px; border-radius:50%; margin-bottom: 5px; background:#333;}
.sub dl dd .type2 {margin:50px 0;}
.sub dl dd .type2 li {    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
    width: 30%;
    text-align: center;
    padding: 30px;
    border-top: 5px solid #15157a;
    height: 313px;
    background: #ffffff;}
.sub dl dd .type2 li:last-child {margin-right: 0}
.sub dl dd .type2 li img {width: 80px; margin: 0 0 20px}
.sub dl dd .type2 li h4{font-family: 'SBAggroL'; letter-spacing: -1px; font-size: 25px; font-weight:normal; margin: 0 0 10px}
.sub dl dd .type2 li p{ font-size: 17px; color:#7c7c7c; letter-spacing: -1px;}
.sub dl dd .type2 li p strong { font-weight: 500; color:#15157a;}
.bg {padding: 30px; background:#f7f7f7; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}

.left {text-align:left !important;}



/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .sub .intro ul li:first-child,
    .sub .intro ul li:last-child {width: 100%; }
    .sub .intro ul li:first-child {padding-right:0; margin-bottom: 30px;}
    .sub ul li:last-child {margin: 10px 0 0}
}

/* mobile */
@media screen and (max-width:768px){
    .sub dl dt {font-size: 25px;}
    .sub dl dd {    padding: 0 10px;}
    .sub dl dd .table_list table th, 
    .sub dl dd .table_list table td {        padding: 15px;}
    .sub dl dd .table_list table thead th {font-size: 15px;}
    .sub dl dd .table_list table tbody th {font-size: 15px;}
    .sub dl dd .table_list table tbody td {font-size:14px;}


    .table_list table {
        min-width: 700px;
        /* 임의로 최소 넓이 조절 */
    }

    .table_list {
        width: 100%;
        /* 테블릿, 모바일 컨텐츠 사이즈 맞게 조절 */
        overflow-x: scroll;
    }

    .table_list::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        border: 3px solid #fff;
    }

    .table_list::-webkit-scrollbar-track {
        background: #efefef;
        border-radius: 10px;
    }

    .table_list::-webkit-scrollbar-thumb {
        height: 50px;
        width: 50px;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 8px;
    }
    .sub dl dd div h4 { font-size: 18px;}
    .sub dl dd div ul li {font-size: 15px; padding-left: 7px;text-indent: -7px;}
    
    
    .sub dl dd .type2 li     {width:100%; height: inherit; }

    .sub dl dd .type2 li:last-child {    border-bottom: 5px solid #15157a;}
    .sub dl dd .type2 li p { font-size: 15px;}
}