#fullpage3 {
    position:relative;
    top:0px;
    z-index:9;
    width:100%;
    height:100vh;
    max-width:100%;
}

/*공지사항*/
.f3-container {
    margin:0 auto;
    max-width:1200px;
    width:100%;
    height:100%;
    color:#fff;
}
.section-noti {
    margin:0 auto;
    width:798px;
    height:auto;
    padding-bottom:50px;
}
.section-noti h2 {
    font-size:23px;
    color:#000;
    text-align:center;
    margin-top:140px;
    margin-bottom:20px;
    font-weight:600;
}
.view-noti-group a,
.list-noti a {
    color:#000;
    display:block;
}

/*공지사항 - 목록*/
.pageNav {
    margin:0 auto;
    width:auto;
    margin-top:17px;
    text-align: center;
}
.pageNav>li {
   /* float:left;*/
    display:inline-block;
    font-size:16px;
    cursor:pointer;
    color:#606060;
    text-align:center;
    /*display:block;*/
    width:22px;
    height:25px;
    margin:0;
    padding:0;
}
.pageNav>li:first-child,
.pageNav>li:last-child {
    color:#014099;
    font-weight:bold;
    width:24px;
    font-size:12px;
}
.pageNav>li.act {
    color:#014099;
    font-weight:bold;
}
.pageNav>li:first-child {
    text-align:left;
}
.pageNav>li:last-child {
    text-align:right;
}
.pageNav>li:not(:last-child):not(:first-child) {
    text-align:center;
    vertical-align:top;
    margin-top:2px;
}
.pageNav::after {
    content:'';
    display:block;
    clear:both;
}
.list-noti>li {
    width:100%;
    font-size:16px;
}
.list-noti>.list-head {
    text-align: center;
    background-color:#014099;
}
.list-noti>.list-pick {
    color:#000;
    background-color:#fff;
    border-bottom:1px solid #c7c7c7;
}
.list-noti>.list-pick:hover {
    background-color: rgba(238, 238, 238, 0.324);
    transition: 0.5s;
}
.view-noti-group .list-pick>div,
.list-noti>li>div {
    float:left;
    line-height:58px;
}
.view-noti-group .list-pick::after,
.list-noti>li::after {
    content:'';
    display:block;
    clear:both;
}
.view-noti-group .list-pick>div:first-child,
.list-noti>li>div:first-child {
    width:10%;
}
.view-noti-group .list-tlt.-tl,
.list-noti>li>div:nth-child(2) {
    width:70%;
}
.view-noti-group .list-date.-tl,
.list-noti>li>div:last-child {
    width:20%;
}
.view-noti-group .list-pick>div:not(:nth-child(2)),
.list-noti>.list-pick>div:not(:nth-child(2)) {
    text-align:center;
}
.tlt-noti>div:first-child,
.view-noti-group .list-tlt.-tl a,
.list-tlt.-t a {
    padding:0 3%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/*공지사항 - 내용보기*/
.tlt-noti {
    background-color:#014099;
    padding:0 3%;
}
.tlt-noti>div {
    float:left;
    line-height:60px;
}
.tlt-noti>div:first-child {
    width:85%;
}
.tlt-noti>div:last-child{
    width:15%;
    text-align:right;
}
.tlt-noti::after {
    content:'';
    display:block;
    clear:both;
}
.dt-noti {
    background-color:#fff;
    color:#000;
    padding:3.4%;
    border-bottom:1px solid #c7c7c7;
    border-left:1px solid #c7c7c7;
    border-right:1px solid #c7c7c7;
}
.dt-noti img {
    width:100%;
    margin-bottom:2em;
}
.view-noti-group>.list-pick {
    background-color:#fff;
    color:#000;
    border-bottom:1px solid #c7c7c7;
    border-left:1px solid #c7c7c7;
    border-right:1px solid #c7c7c7;
}
.dt-noti-txt {
    margin-top:20px;
    -ms-word-break:keep-all;
    word-break:keep-all;
}
.view-noti-group {
    margin-bottom:50px;
}
.btn-return {
    margin:0 auto;
    display:block;
    width:300px;
    height:66.5px;
    line-height:66.5px;
    background-color:#014099;
    color:#fff;
    font-size:20px;
    text-align:center;
    margin-bottom:50px;
}


/*
* 미디어쿼리 시작
*/

@media (max-width:1280px) {

}

@media (max-width: 767px) {
    
    /*공지사항 목록 - 모바일*/
    .list-pick.-pr,
    .list-pick.-ne,
    .pageNav,
    .list-head,
    .list-num {
        display:none;
    }
    .section-noti {
        width:100%;
    }
    .section-noti h2 {
        font-size:1.4em;
        margin-top:106px;
        margin-bottom:14px;
    }
    .list-noti>li {
        font-size:1.2em;
        height:108px;
        padding:6.4%;
    }
    .list-noti>li:nth-child(2) {
        border-top:1px solid #c7c7c7;
    }
    .list-noti>.list-pick {
        border-left:none;
        border-right:none;
        position:relative;
    }
    .list-date.-t {
        position:absolute;
        bottom:18px;
    }
    .tlt-noti>div,
    .list-noti>li>div {
        float:none;
        width:100%;
        line-height:normal;
    }
    .list-noti>li>div:nth-child(2) {
        width:100%;
    }
    .list-noti>.list-pick>div:not(:nth-child(2)) {
        text-align:left;
    }
    .list-noti>li>div:last-child {
        font-size:.7em;
        color:#a0a0a0;
    }
    .tlt-noti>div:first-child,
    .view-noti-group.list-tlt.-tl a, 
    .list-tlt.-t a {
        padding:0;
    }
    .tlt-noti>div:first-child,
    .list-tlt.-t a {
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
        -webkit-box-orient: vertical;
        overflow:hidden;  
    }

    /*공지사항 내용보기 - 모바일*/
    .tlt-noti>div:first-child {
        width:100%;
        font-size:1.1em;
    }
    .tlt-noti {
        background-color:#fff;
        color:#000;
        position:relative;
        height:60px;
        border-top:1px solid #c7c7c7;
        border-bottom:1px solid #c7c7c7;
        height:108px;
        padding:6.4% 5%;
    }
    .tlt-noti>div:last-child {
        width:auto;
        text-align:left;
        font-size:.7em;
        color:#a0a0a0;
    }
    .tlt-noti>div:last-child {
        position:absolute;
        bottom:20px;
    }
    .dt-noti {
        border-left:none;
        border-right:none;
        padding:5%;
    }
    .dt-noti-txt {
        margin-top:40px;
        padding-bottom:34px;
    }
    .btn-return {
        width:64%;
        height: 58px;
        line-height:58px;
        font-size:1.2em;
    }

}