@font-face {
    font-family: 'Dream';
    src:url('../font/SCDream4.otf') format('woff'),
        url('../font/SCDream4.otf') format('woff2');
    font-weight: 400;
}

*{
    font-family: 'Dream';
    font-size : 14px;
    word-break: keep-all;
}

.p030{
    padding : 0 30px;
}

.p020{
    padding : 0 20px;
}

.mb30{
    margin-bottom : 30px;
}
.mb20{
    margin-bottom : 20px;
}
.mb10{
    margin-bottom : 10px;
}

.mb5{
    margin-bottom : 5px;
}

.title{
    text-align : center;
    padding-top: 40px;
    padding-bottom : 40px;
}

.section{
    margin-bottom : 30px;
}



.container{
    padding : 0 30px;
}
.title p{
        font-size: 2.2rem;
    font-weight : bold;
    position : relative;
    
}

.title p::after{
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    
    width: 60px;
    height: 2px;
    border-top: 2px solid black;
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    bottom: -20px;
}

.title2{
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 600;
    font-weight: 600;
}


.section .subTitle{
    font-size :1.4rem;
    margin-bottom:10px;
    color: #0068b7;
    font-weight: 700;
}



.ulBox{
    margin-top : 10px;
    padding-left: 25px;
    margin-bottom: 20px;
}

.ulBox > ul li{
    position : relative;
    margin-top : 10px;
}

.ulBox ul li::after{
    content : '';
    position : absolute;
    top: 0px;
    left: -25px;
    width: 15px;
    height: 15px;
    background : url(../img/ico-con-list.png) 0 0 no-repeat;
}
.ulBox  ul li ul li{
    border : none;
    left : 25px;
}

.ulBox  ul li ul li::after{
    content : '';
    position : absolute;
    top : 6px;
    left : -25px;
    width : 7px;
    height : 7px;
    background : #ccd0d7;
    border-radius : 100%;
}

.liBox{
    margin-top:10px;
}

.liBox ul li{
    margin-top:10px;
}


.txt{
    margin-bottom : 20px;
}
table tr td{
    border : 1px solid black;
    text-align : center;
    
}

.tableBox table tr td{
    padding: 7px;
    font-size: 0.8rem;
}
.pTxt{
    margin-top : 40px;
    color : #336185;
    font-weight : 700;
    margin-left: -25px;
    position : relative;
}

.pTxt::after{
    content:'';
    position : absolute;
    top : -7px;
    left:0px;
    width:20px;
    border-top : 2px solid #046478;
}

.ulBox .gray_dot li::after{
    content : '';
    position : absolute;
    top : 8px;
    left : -25px;
    width : 7px;
    height : 7px;
    background : #ccd0d7;
    border-radius : 100%;
}

.txtList{
    display : none;
}

.txtList.show{
    display : block;
}

.list{
    margin-top: 40px;
    width: 100%;
    padding-bottom : 70px;
}
.list table thead{
    pointer-events: none;
}
.list table tr th{
    background: #fff;
    font-size: 1.3rem;
    font-weight: normal;
    padding: 11px 0;
    border-bottom: 1px solid #cfcfd1;
    border-top: 2px solid #006276;
}

.list table tr td{
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 11px 0;
    color: #666;
    border-bottom: 1px solid #cfcfd1;
    cursor : pointer;
}

.list table tr td.td-num{
    border-left : none;
    border-right : 1px solid #fff;
}

.list table tr td.td-subject{
    text-align: left;
    padding-left: 20px;
    font-weight: normal;
    border-right : none;
    border-left : none;
    
}

.list table tr td.td-subject .new{
    position: relative;
    top: 0;
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background: url(../img/ico-con-new.png) no-repeat center center;
    margin-left: 7px;
    vertical-align: middle;
}

.list table tr.on{
    background : #9995cc;
    
}

.list table tr.on td{
    color : #fff;
}

.contents{
    padding : 0 20px;
}
.contents .listClose{
    position: relative;
    height: 50px;
}

.contents .listClose .closeBtn{
    width: 50px;
    height: 50px;
    background: black;
    color: white;
    position: absolute;
    right: 0;
}
.pageNum {
    text-align: center;
    margin-top:20px;
    margin-top: 20px;
    padding-bottom: 20px;
}
.pageNum span{
    font-size : 1.3rem;
    padding : 5px 10px 5px 10px;
}

.pageNum span.on{
    width: 35px;
    height: 35px;
    line-height: 32px;
    border-radius: 100%;
    background-color: #8290A8;
    border-color: #8290A8;
    color : white;
    padding : 5px 10px 5px 10px;
}

.pageNum span.dis{
    color : #dddddd;
    pointer-events: none;
}
@media all and (min-width:600px) and (max-width:1024px) {
    body{
    }
}
/* 모바일 */
@media  all and (max-width:600px){
    body{
    }
    *{
        font-size : 12px;
    }
    .container{
        padding : 0 15px;
    }

    .contents{
        padding : 0 10px;
    }
    .list table tr th{
        font-size: 1.1rem;
    }
}