/* PC (해상도 1024px)*/
@media all and (min-width:1024px) {
    /* .newsbrige-admin{border: 1px solid red;} */
    .hidden-pc {
        display: none;
    }

    .hidden-md {
        display: block;
    }

    .newsbrige-admin .header-wrap {
        height: 5.7rem;
        padding: 1.2rem 3.2rem 1.2rem 1.6rem
    }

    .userinfo-wrap {
        top: 5.5rem;
    }

        .userinfo-wrap .inner-round.top:after {
            right: 36px;
        }

        .userinfo-wrap .inner-round.top:before {
            right: 35px;
        }

    .header-wrap .d-flex-items {
        padding-top: 0;
    }

    .main-container {
        margin-top: 5.7rem;
    }

    .sidebar {
        position: initial;
        transform: translateX(0);
        width: 20rem;
        top: 0;
        overflow-y: inherit;
    }

    .sidebar-inner {
        padding: 0;
        width: inherit;
    }

    .today-data-view {
        width: calc(100% - 250px);
    }

    .desk-request {
        margin-top: 0rem;
        width: 100%;
    }

        .desk-request .gray-box {
            width: 203px;
            flex: 1 1 203px;
            flex-direction: row;
            justify-content: space-between;
            padding: 0 1.6rem
        }

    .desk-panel {
        top: 2rem;
        left: 21.1rem;
    }

    .slide-row-wrap .d-flex-scroll {
        overflow: hidden;
    }

        .slide-row-wrap .d-flex-scroll .item-cont {
            width: 25%
        }

    .nav-list li {
        padding: 0.8rem 0.7rem
    }

    .container-wrap {
        width: 117rem;
        margin: 0 auto;
        padding: 6.4rem 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .content {
        width: calc(100% - 224px)
    }

    .desk-request {
        height: 8rem;
        box-shadow: 0 1px 8px 3px rgba(0,0,0,0.1);
    }

        .desk-request .gray-box .sub-title + button {
            margin-top: 0;
        }

    .item-cont {
        padding: 0 0.9rem 0
    }

    .slide-row-wrap {
        padding: 16px;
    }

    .desk-request .btn-area {
        padding: 2.4rem 1.7rem;
        position: relative;
    }

    /* .desk-request .btn-area:before{
        content:'';
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0;
        background-color: #dedede;
    } */

    .item-cont > .data-view-item {
        margin-top: 1rem;
    }

    .item-cont .d-flex {
        flex-direction: row;
        margin-top: 15px;
    }

        .item-cont .d-flex .data-view-item + .data-view-item {
            margin-left: 20px;
        }

    .row-group .card {
        width: 25%;
        height: auto;
    }

    .row-group.d-flex-scroll {
        overflow: hidden;
    }

        .row-group.d-flex-scroll .card {
        }

    .function-wrap .card .ico-dec {
        display: block;
        width: 6.2rem;
        height: 6.2rem;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0.6rem 1.6rem 0 1.6rem;
    }

    .function-wrap .card {
        background-color: #fff;
        width: 23.3%;
    }

        .function-wrap .card:first-child {
            margin-left: 0;
        }

    .ico-dec.lock {
        background-image: url('../image/lock.png');
    }

    .ico-dec.share {
        background-image: url('../image/share.png');
    }

    .ico-dec.youtube {
        background-image: url('../image/youtube.png');
    }


    .ico-dec.picture {
        background-image: url('../image/picture.png');
    }

    .ico-dec.edit-large {
        background-image: url('../image/edit_large.png');
    }

    .ico-dec.alert-large {
        background-image: url('../image/alert_large.png');
    }


    .function-wrap .card.bg-gray .card-title {
        font-size: 2.4rem;
        margin-bottom:4.2rem;
    }

    .card-group-item .card {
        width: calc(25% - 16px);
        margin-bottom: 1.6rem;
    }

    .card {
        height: 24rem;
        box-sizing: border-box;
    }

    .tab-cont {
        display: none;
    }

    .tab > li {
        padding: 0 2.4rem;
        position: relative;
    }

    .tab li ~ li {
        margin-left: 0;
    }

    .tab > li:first-child {
        padding-left: 0;
    }

    .tab > li:before {
        content: '';
        display: block;
        height: 13px;
        width: 1px;
        background-color: #e9e9e9;
        position: absolute;
        top: 12px;
        right: 0;
    }

    .tab > li > a {
        width: 100%
    }

    .tab .menu-more {
        margin-left: 0
    }

    .tab li.menu-more:before, .tab li.menu-more.active a:before {
        background-color: transparent;
    }

    .card-group-item .card .card-footer .d-flex {
        flex-direction: row;
        justify-content: space-between;
    }

    .request-wrap .d-flex {
        flex-direction: row;
    }

    .request-wrap .item-box.request-cont {
        width: 74.1%;
        margin-right: 2.2rem;
    }

    .request-wrap .item-box.newsbrige-cont {
        width: 22rem;
        margin-top: 0;
    }

    .request-list .d-inline-flex dt {
        margin-bottom: 3.4rem;
    }

    .info-menu-list .d-flex {
        flex-direction: column;
    }

    .info-menu-list li {
        width: 100%;
        margin-bottom: 8px;
    }

    .sidebar .sidebar-inner {
        overflow-y: hidden;
        font-size: 1rem;
    }

    .sidebar .copyright {
        position: static;
        height: 3rem;
        text-align: center;
        border-top: none;
        background: #fafafa;
        font-size: 1rem;
        padding: 0;
        text-align: center;
        margin: 0;
    }

    .request-wrap .item-box.newsbrige-cont .row-group {
        flex-direction: column;
    }

        .request-wrap .item-box.newsbrige-cont .row-group .card {
            width: 100%;
        }

            .request-wrap .item-box.newsbrige-cont .row-group .card + .card {
                margin-top: 1.3rem;
                margin-left: 0;
            }

    .staff-board .no-label {
        display: block;
    }

    .staff-board .item-box .card-body .d-flex {
        flex-direction: row;
    }

    .staff-board .item-box .no-label + .card-text {
        margin-left: 1.6rem;
    }

    .staff-board .card.card-nonline {
        border-width: 0 0 1px 0 !important;
        border-radius: inherit;
        height: auto;
    }

    .staff-board .border-view-info {
        margin-left: auto;
    }

        .staff-board .border-view-info span:nth-child(2) {
            padding: 0 16px
        }

    /* 서브 가이드 */
    .sub-title-cont {
        padding: 3.6rem 3.0rem
    }


        .sub-title-cont .title {
            font-size: 4.8rem;
            line-height: 1.2;
        }

    .sub-header-area + .container-wrap {
        padding-top: 3rem;
    }

    .sub-container {
        padding-top: 0;
        margin-left: 4rem
    }

    .sub-title-cont.sub-bg1 {
        background-image: url('../image/sub_bg1.png');
    }

    .sub-title-cont.sub-bg2 {
        background-image: url('../image/sub_bg2.png');
    }

    .sub-header-area .desk-request {
        box-shadow: none;
    }

        .sub-header-area .desk-request .sub-title + button {
            margin-top: 0;
        }

    .ad-article-wrap {
        min-width: 1170px;
        padding: 8px 0 0 0;
    }

        /*.ad-article-wrap .article-top {
            width: 76.8rem;
            margin: 0 auto;
        }*/

    .articel-box .side-left .card-add,
    .articel-box .side-right .card-add,
    .articel-box .side-right .btn-file-add {
        width: 180px;
    }

    /*.articel-box .side-left {
        width: 15.4%;
        margin-right: 2.2rem;
        float: left;
    }*/
    
    /*.articel-box > .side-right {
        width: 38.7rem;
        float: right;
        margin-top: 0;
    }*/

    /*.articel-box .center-area {
        width: 56.9rem;
        float: left;
    }*/

    /*.side-inner-right {
        float: left;
        padding-right: 8px;
        width: 36.7rem;
        float:right;
    }*/

    /*모달창*/
    .modal-body {
        padding: 0 2.6rem 0rem 2.6rem;
    }

    .modal-footer {
        padding: 2rem 2.6rem;
        justify-content: center;
        border-top: none;
    }

    .advanced-function-wrap .half-box {
        flex-direction: row;
    }

    .half-box .desc-wrap {
        width: 48%;
    }

    .advanced-function-wrap .half-box .w36 {
        width: 36% !important
    }

    .article-write {
        flex-direction: row;
    }

        .article-write .write-left {
            width: 45%;
            min-width: 60rem;
        }

        .article-write .write-right {
            width: calc(100% - 45%);
            margin-left: 3rem;
        }

    .half-box {
        flex-direction: row;
    }

    .float-wrap dl.desc-wrap {
        float: left;
        width: 50%;
    }

    .float-wrap > .f-right {
        float: right
    }

    .float-wrap .w36 {
        width: 36%;
    }

    .function-wrap .row-group .card {
        height: 24rem;
    }

    .tbl-half-wrap table {
        width: 50%;
    }

        .tbl-half-wrap table:last-child {
            width: calc(50% - 1.6rem);
            margin-top: 0;
        }

    .image-area {
        margin-top: 0rem;
    }

    .article-sort-type, .article-sort-type1, .artcle-search-inner {
        flex-direction: row;
    }

    .article-sort-type, .article-sort-type1 {
        margin-bottom: 1.6rem;
    }

        .article-sort-type1 .input-control {
            width: 48.6%
        }

        .article-sort-type div:first-child .d-flex div {
            margin-right: 0.9rem;
        }

        .article-sort-type > div + div {
            margin-left: 0.9rem;
            width: 23.8%;
            margin-top: 0;
        }

        .article-sort-type1 .d-flex-items div:not(:last-child),
        .article-sort-type1 .d-flex-items div:last-child {
            width: initial
        }

        .article-sort-type1 .input-control {
            margin-top: 0;
        }

    .artcle-search-inner > div {
        width: 87.5%;
    }

    .artcle-search-inner .btn-solid-search {
        width: 108px;
        height: 9.8rem;
    }

    .d-flex-tblinner {
        display: block;
    }

    .status-area-box {
        flex-direction: row;
        width: 13rem;
        padding: 0 8px;
        top: calc(50% - 10px)
    }


        .status-area-box .d-flex {
            flex-direction: row;
        }

    .artcle-search-inner {
        margin-bottom: 0;
    }

    .status-label .ico-status ~ .ico-status {
        margin-left: 8px;
    }

    .status-label .ico-status {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
        font-size: 1.2rem;
    }

        .status-label .ico-status ~ .ico-status {
            margin-left: 2px;
        }

    .article-sort-area {
        padding: 1.6rem
    }

    .row-item {
        max-width: 90rem;
        flex-direction: row;
    }

    .flex-txt-area {
        width: calc(100% - 270px);
        margin-left: 120px;
    }


        /* .flex-txt-area p{
        width: auto;
    } */

        .flex-txt-area .btn-area {
            display: block;
        }

    .last-infoarea .infoarea-label {
        display: none;
    }

    .last-infoarea {
        width: 15rem !important;
    }
}


/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
    .newsbrige-admin {
        /* border: 1px solid red; */
    }

    .hidden-md {
        display: none;
    }

    .hidden-pc {
        display: block;
    }

    .desk-request {
        margin-top: 0;
    }

        .desk-request .gray-box {
            flex-direction: row;
        }

    .item-cont .d-flex {
        flex-direction: column;
    }

    .slide-row-wrap .d-flex-scroll,
    .row-group.d-flex-scroll {
        overflow: hidden;
    }

    .sub-cont-area .card {
        width: 49%;
        margin-bottom: 10px;
    }
}


@media (min-width: 576px) {
    .modal-dialog {
        max-width: 770px;
    }
    /* 
    .container{
        max-width: inherit;
    } */
    .btn-solid-search {
        height: 8.4rem;
        line-height: 8.4rem;
    }

    .last-infoarea {
        width: 100%;
    }
}

@media (max-width:768px) {
    .function-wrap .card.bg-gray {
        width: 100%;
        background-repeat: round;
        min-width:auto;
        margin-left:0;
    }
    .function-wrap .card.bg-white{
        display:none;
    }
}

@media (max-width:380px){
    .modal-title {
        font-size: 1.8rem;
    }
    .header-top h1{
        font-size:1.6rem;
    }
}



/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
/* @media all and (max-width:767px) { 
    .hidden-md{
        display:block;
    }
    
 }




@media (min-width: 768px) { 

 }


@media (min-width: 992px) { 

 }


@media (min-width: 1200px) { 

}


@media (min-width: 1400px) { 

 } */