#board-list-wrap #board-list {width:100%; margin:2em 0;}

#board-list-wrap #board-list #list-title li {color:#4B4B4B; float:left; height:40px; border:0px solid #DDD; border-top:2px solid #CCCCCC; border-bottom:1px solid #DDDDDD; background-color:#f9f9f9; text-align:center; line-height:35px; margin:0 -1px -1px -1px; margin:0px 0 5px 0;}
#board-list-wrap #list-title #title-num {width:13%;}
#board-list-wrap #list-title #title-subject {width:60%;}
#board-list-wrap #list-title #title-name {width:13%;}
#board-list-wrap #list-title #title-date {width:13.5%;}

/*#board-list-wrap #board-list ul:first-child {clear:both; border-bottom:none; height:30px; padding: .5em 0 ;}*/
/*#board-list-wrap #board-list ul {clear:both; border-bottom:1px solid #666; height:30px; padding: .5em 0 ;}*/
#board-list-wrap #board-list ul:first-child {font-weight:bold;}
#board-list-wrap #board-list ul {clear:both; border-bottom:1px solid #DDDDDD; height:30px; padding: .5em 0 ;}
#board-list-wrap #board-list .list-list li {float:left; height:auto; min-height:28px; line-height:28px; top:-10px; position:relative; color:#4B4B4B;}
#board-list-wrap #board-list .list-list li a, #board-list-wrap #board-list .list-list li a:hover, #board-list-wrap #board-list .list-list li a:active{color:#4b4b4b}
#board-list-wrap .list-list .list-01 {width:13%; text-align:center;}
#board-list-wrap .list-list .list-02 {width:55%; text-align:left; text-overflow: ellipsis }
#board-list-wrap .list-list .list-03 {width:13%; text-align:center;}
#board-list-wrap .list-list .list-04 {width:13.5%; text-align:center;}


#board-list-search .write_btn li p{/*background:#fff; border:1px solid #ddd; */ background:#d39f88; color:#fff; border:none; padding:5px 10px;}
#board-list-wrap .list-null {text-align:center;}

#board-list-wrap #board-list-paging {clear:both; width:100%; height:30px; margin:auto; text-align:center }
#board-list-wrap #board-list-paging li {display:inline; font-size:.8em; text-decoration:none; border:1px solid #eee; padding:.2em .8em; margin:0.2em;}

#board-list-wrap #board-list-btn {clear:both; text-align:right }

#board-list-wrap #board-list-search {width:100%; height:30px;}
#board-list-wrap #board-list-search ul {float:left }
#board-list-wrap #board-list-search ul+ul {float:right }
#board-list-wrap #board-list-search li {float:left; padding-left:3px;}
#board-list-wrap #board-list-search li:first-child {padding-left:0px;}

#sfl{padding:7px; border:1px solid #ccc; height: 36px; }
#stx{padding:16px; border:1px solid #ccc; height: 36px;}
#search_type { height: 36px; }

#search_btn{ background:#9a9a9a; color:#fff; border:none; padding:8px 10px; height: 36px; line-height: 18px; }

.ellipsis{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}

/* PC [1024xp 이상 적용] */
@media all and (min-width:769px),(max-width:1200px) {

    #board-list-wrap #list-title #title-num {width:10% }
    #board-list-wrap #list-title #title-subject {width:55%; text-overflow: ellipsis;}
    #board-list-wrap #list-title #title-name {width:15% }
    #board-list-wrap #list-title #title-date {width:20% }
    #board-list-wrap #list-title #title-hit {width:10%;}

    #board-list-wrap .list-list .list-01 {width:10%; text-align:center }
    /*#board-list-wrap .list-list .list-02 {width:55%; text-align:left }*/
    #board-list-wrap .list-list .list-02 {width:55%; text-align:center }
    #board-list-wrap .list-list .list-03 {width:15%; text-align:center }
    #board-list-wrap .list-list .list-04 {width:20%; text-align:center }
    #board-list-wrap .list-list .list-05 {width:10%; text-align:center;}


    #board-list-wrap #board-list ul {clear:both; border-bottom:1px solid #DDDDDD; height:50px; padding:18px 0;}
    .paging-mob{display:none;}
    .paging-pc{width:100%;overflow:hidden;display:block;margin-bottom:40px;}


    .paginate_complex{padding:15px 0;line-height:normal;text-align:center}
    .paginate_complex a, .paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;color:#323232;text-decoration:none;vertical-align:top}
    .paginate_complex a:hover, .paginate_complex a:active, .paginate_complex a:focus{background-color:#f8f8f8}
    .paginate_complex strong{color:#d39f88}
    .paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
    .paginate_complex .direction:hover,
    .paginate_complex .direction:active,
    .paginate_complex .direction:focus{color:#323232;background-color:#fff}
    .paginate_complex .prev{border-left:0}
    .paginate_complex .next{border-right:0}
    .paginate_complex .direction span{display:inline-block;position:relative;top:8px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
    .paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
    .paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}

    .inner {margin:0px auto 0px auto;overflow:hidden;padding-top:10px;}
}

/* mobile [0 ~ 768px 적용] */
@media all and (max-width:768px) {
    #board-list-wrap #board-list {width:94%; margin:0 auto;}

    /*#board-list-wrap #board-list #list-title li#title-subject {text-align:left; padding-left:20px;}*/
    #board-list-wrap #board-list #list-title li#title-subject { text-align: center; }
    /*#board-list-wrap #board-list #list-title li#title-date {text-align:right; padding-right:30px;}*/
    #board-list-wrap #board-list #list-title li#title-date { text-align: center; }

    #board-list-wrap #list-title #title-num {display:none;}
    #board-list-wrap #list-title #title-subject {width:70%;text-align:left;}
    #board-list-wrap #list-title #title-name {display:none;}
    #board-list-wrap #list-title #title-date {display:block; width:30%;}
    #board-list-wrap #list-title #title-hit {display:none;}

    #board-list-wrap .list-list .list-01 {display:none;}
    /*#board-list-wrap .list-list .list-02 {width:65%; text-align:left; padding:0 0 0 5%; font-size:14px;}*/
    #board-list-wrap .list-list .list-02 {width:70%; text-align:left; padding:0 0 0 5%; font-size:14px;}
    #board-list-wrap .list-list .list-03 {display:none;}
    /*#board-list-wrap .list-list .list-04 {display:block; width:30%; text-align:right; font-size:14px; color:#999;}*/
    #board-list-wrap .list-list .list-04 {display:block; width:30%; text-align:center; font-size:14px; color:#999;}
    #board-list-wrap .list-list .list-05 {display:none;}

    #board-list-search {width:100%; text-align:center; margin-top:10px;}
    #board-list-search ul:nth-child(1){width:95%; margin-left:2.5%; margin-bottom:10px;}
    #board-list-search .write_btn {width:95%; margin-right:2.5%; margin-bottom:10px;}
    #board-list-search li.board-list-title {width:30%}
    #board-list-search li.board-list-text {width:50%}
    #board-list-search li.board-list-search {width:20%}


    #sfl{padding:7px; border:1px solid #ccc; width:100%}
    #stx{padding:16px; border:1px solid #ccc;width:100%}
    #search_btn{background:#9a9a9a; color:#fff; border:none;; padding:8px 10px;width:100%}
    #board-list-search .write_btn li {width:100%; text-align:center;}
    #board-list-search .write_btn li p{background:#d39f88; color:#fff; border:none; padding:8px 0; font-size:16px; width:100%;}

    .paging-mob{display:block;}
    .paging-pc{display:none;}

    #paging ul{width:95%; margin:0 auto;}
    #paging li{float:left;width:50%;box-sizing:border-box;padding:2px 0;font-size:14px;}
    #paging li:nth-child(1){border-right:1px solid #ddd;;}
    #paging li a{color:#666;}
    #paging li a .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
    #paging li a .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}

    .gtit_mob{display:none;}
    .inner {margin:10px auto 0px auto;}

    .P-scontent{margin:0;}
    .P-footer{margin:20px 0 0 0;}
    /* breadCrumb */
    .breadCrumb{display:none;}
}

/* renewal */

.basic-list-wrapper:hover {
    background: #e9e9e9;
    cursor:pointer;
}

.basic-list-wrapper:active {
    background: #e9e9e9;
    cursor:pointer;
}

#board-list #list-title .list-list .basic-list-wrapper ul li{
    text-align: center;
}

.basic-list-secret {
    width: 90%;
    text-align: left;
}

.basic-list-comment {
    color: #ff0000;
}

.search-category {
    float: left;
    padding: 0px 3px 0px 3px;
}

@media all and (max-width:768px) {
    .search-category {
        float: none;
        width: 100%;
    }
    .search-category > #sfl {
        width: 96%;
    }

    .search-text {
        width: 95%;
        margin: 3px 0px 3px 2.5%;
    }

    .search-text > .board-list-title > #search_type {
        width: 100%;
    }
}

.js_list_wr_subject {
    text-align: left!important;
    padding-left: 20px;
}