@charset "utf-8";

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:40px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; padding: 15px 0 0; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}


.list_top {margin-bottom: 40px;}
.list_top h3 {
    font-size: 38px; color: #1c2028; font-weight: 700;
}
.list_top p {font-size: 17px;  margin-top: 29px; color: #666666;}

/* total / search */
.board_head_wrap *{font-family: "Pretendard", sans-serif;}
.board_head_wrap {display: flex; justify-content: space-between; align-items: flex-end; } 

/* total */
.board_head_wrap .head_left .total_p { font-size: 17px; font-weight: 500; color: #5d5d5d;}
.board_head_wrap .head_left .total_p .semi_color {font-weight: 600; color: #ff7f00;}

/* 제목 드롭박스 */
.list-search_wrap .list-search-box {display: flex; gap: 0 10px;}
.list-search-drop .search_drop  select.sfl {display: inline-block; position: relative; width: 130px; height: 50px; padding: 0 15px; border: none; border-radius: 25px; font-size: 16px; color:#999999;  -webkit-appearance: none;  -moz-appearance: none; appearance: none;  background: url('/img/list_arrow.png') no-repeat center right 20px #f5f5f5; }

/* 검색창 */
.list-search-input .search_box {position: relative;}
.list-search-input .search_box input {width: 320px; height: 50px; padding: 0 15px; border: none; border-radius: 25px; font-size: 16px; background-color: #f5f5f5; }
.list-search-input .search_box input::placeholder {color: #888;}
.list-search-input .list_btn {position: absolute; right: 20px; top: 50%; background: transparent; border: none; transform: translateY(-50%);}
.list-search-input .list_btn i {font-size: 18px; color:#5d5d5d; }

/* 검색창 */
.board-list  .category_modify > ul.category_modify_ul > li > a {font-size: 18px; font-weight: 500; padding: 0; color: #999999;}
.board-list .category_modify > ul.category_modify_ul > li > a::after{display: none;}
.board-list .category_modify > ul.category_modify_ul > li.active > a {font-weight: 700; color: #ff7f00; text-decoration: underline; text-underline-offset: 15px;}



/* 리스트 게시판 */

/* new / notice 스티커 관련 */
#list-board .wr-new {display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 20px;font-weight: 700; font-size: 10px; text-align: center;  ; border-radius: 50%;  background: #ff7f00; color: #fff; background-image: none;} 
#list-board .wr-notice {width: auto; height: auto; background-image: none; padding: 6px 14px; font-size: 14px; font-weight: 600; color: #ff7f00; border-radius: 5px; background-color: #fff2e5;}

#list-board {margin-top: 30px;}
#list-board  .list-body {border-top: 1px solid #e1e1e1; border-bottom: none;}
#list-board .list-body li {border-bottom: 1px solid #e1e1e1; padding: 0; background-color: #fff; transition: all .3s ease-in-out;}
#list-board  .list-body li > div {padding:0;}
#list-board .list-body li.no_num {background-color: #fcfcfc !important;}
#list-board .list-body li.no_num .item-subject {color: #1c2028 !important;}
#list-board .list-body li.bg {background-color: #fcfcfc;}

.notice_style #list-board .wr-num {width: 9%; font-size: 16px; transition: all .3s ease-in-out;}

#list-board .list-body .wr-subject .item-subject {display: block; padding: 29.5px 0; }
#list-board .list-body li.no_num .item-subject {padding: 29px 0;}
#list-board .list-body .wr-subject .wr_sub_box {display: flex; gap:0 10px;}
#list-board .list-body .wr-subject .item-subject span.wr_title {font-weight: 500; font-size: 17px; color: #1c2028; transition: all .3s ease-in-out;}

#list-board .list-body li.bg .item-subject span.wr_title {color: #1c2028;}
#list-board .list-body li.no_bg .item-subject span.wr_title {color: #999999;}
#list-board .list-body .wr-date {color:#999999; font-size:16px;}







@media (max-width:1280px) {
    .notice_style #list-board .wr-num  {width: 10%;}
}

@media (max-width:991px) {
    .list_top {
        margin-bottom: 30px;
    }
    .list_top h3 {font-size: 24px;}
    .list_top p {font-size: 13px; margin-top: 20px;}

    /* total / search */
    .board_head_wrap {flex-direction: column; gap: 15px 0; align-items: flex-start; margin-bottom: 15px;}
    /* total */
    .board_head_wrap .head_left .total_p {font-size: 15px;}
    /* 제목 드롭박스 */
    .head_right {width: 100%;}
    .list-search-drop {width: 20%;}
    .list-search-drop .search_drop select.sfl {width: 100%; font-size: 14px;}
    .list-search-input {width: 80%;}
    .list-search-input .search_box input {width: 100%; font-size: 14px;}
    .list-search-input .list_btn i {font-size: 16px;}

    .list-category .dropdown .dropdown-menu {padding: 50px 0 30px; z-index: 4;}
    .list-category .dropdown #categoryLabel {position: relative; border-radius: 50px !important; z-index: 5; font-size: 14px; font-weight: 500; outline: none;         padding: 12.5px 0;}
    .list-category .dropdown .dropdown-menu .selected a {color: #ff7f00;}
    .list-category .dropdown .dropdown-menu li {margin-bottom: 15px;}
    .list-category .dropdown .dropdown-menu li:last-child {margin-bottom: 0;}
    .list-category .dropdown .dropdown-menu li a {padding: 0; font-weight: 500;}
    .list-category .dropdown .dropdown-menu li a:hover {background-color: transparent;}


    #list-board {margin-top: 10px;}

    .board-list .category_modify {margin-bottom: 0; padding-bottom: 40px;}
    .category_modify > ul.category_modify_ul > li {position: relative;}
    .category_modify > ul.category_modify_ul > li a::after {display: none; position: absolute; content: ''; transform: translate(0); top: 130%; left: 0; width: 100%; height: 1px; background: #ff7f00;}
    .board-list .category_modify > ul.category_modify_ul > li.active a::after {display: block;}
    .board-list .category_modify > ul.category_modify_ul > li.active > a {font-size: 16px; text-decoration: none;}
    .board-list .category_modify > ul.category_modify_ul > li > a {font-size: 16px;}


    .category_modify > ul.category_modify_ul {display: flex; white-space: nowrap;}


}



@media (max-width:768px) {
    /* total */
    .board_head_wrap .head_left .total_p {font-size: 15px;}
    /* 제목 드롭박스 */
    .head_right {width: 100%;}
    .list-search-drop {width: 20%;}
    .list-search-drop .search_drop select.sfl {width: 100%; font-size: 13px; height: 40px;}
    .list-search-input {width: 80%;}
    .list-search-input .search_box input {width: 100%; font-size: 13px; height: 40px;}
    .list-search-input .list_btn i {font-size: 15px;}


    #list-board .list-body li {padding: 0 15px;}
    #list-board .list-body li.no_num {padding: 0;}
    #list-board .list-body li.no_num .wr-subject {padding-left:15px;}


    #list-board .wr-new {margin-top: -2px;}

    #list-board .item-details {padding-top:0px}
    #list-board .item-details .item-details_date  span{color:#999999; font-size: max(1.822916666666667vw,12px);}
    #list-board .list-body .wr-subject .wr_sub_box {gap: 0 5px;}
    #list-board .list-body .wr-subject .item-subject {display: flex; flex-direction: column; gap: 10px 0; padding: 15px 0; }
    #list-board .list-body .wr-subject .item-subject span.wr_title {font-size: max(2.083333333333333vw,14px); max-width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

    .board-list .category_modify { padding-bottom: 35px;}

    .board-list .category_modify > ul.category_modify_ul > li.active > a {font-size: 15px;}
    .board-list .category_modify > ul.category_modify_ul > li > a {font-size: 15px;}
    
}

@media (max-width:555px) {
    .notice_style #list-board .wr-num {width: 18%;}
}


/* view 페이지 */

/* 기존에 있는 css 삭제를 위해 삽입 */
#list_view .view_title {border-top: none; padding: 17px 0 50px;}
#list_view .view_title .view_info {float: none;}
#list_view .view_title .view_subject {padding: 0; float: none;}
#list_view .view_title .view_info > span {padding: 0;}

/* view 상단 tag */
#list_view .view_bo_cate {margin-bottom: 30px;}
#list_view .view_bo_cate span {display: inline-flex; align-items: center; justify-content: center; /*font-size: 16px;*/ font-size: max(0.8333333333333333vw, 14px); font-weight: 500; padding: 8px 15px; border-radius: 50px; margin-right: 4px;}
#list_view .view_bo_cate span.tag1 {color: #fff;  background: #ff7f00;}
#list_view .view_bo_cate span.tag2 {color: #ff7f00; border: 1px solid #ff7f00;}

/* view 제목 */
#list_view .view_title .view_subject {margin-bottom: 30px; /*font-size: 28px;*/ font-size: max(2.1875vw,32px ); line-height: 1.5; color: #1c2028;}

/* view 작성일 */
#list_view .view_title .view_info .view_date {display: flex; gap: 0 8px;}
/* #list_view .view_title .view_info .view_date span {font-size: 18px;} */
/* #list_view .view_title .view_info .view_date span {font-size: max(1.25vw, 18px);} */
#list_view .view_title .view_info .view_date span {font-size: max(18px, 18px);}

/* view 목록보기 */
.view_list_btn  {display: flex; justify-content: center; }
.view_list_btn a {padding: 18px 51.92px; border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #adadad; transition: all .3s cubic-bezier(0.45, 0, 0.55, 1);}
.view_list_btn a span { /*font-size: 16px;*/ font-size: max(1.041666666666667vw, 16px); font-weight: 500; color: #1c2028; transition: all .25s cubic-bezier(0.45,0,0.55,1); }


.view_prev_next {margin: 150px 0 30px; border-top: 1px solid #e1e1e1;}
.view_prev_next div {display: flex; padding: 25px 24px; align-items: center; justify-content: space-between;}
.view_prev_next div .pn_a {display: flex; align-items: center;}
.view_prev_next div .pn_a .pn_head {position: relative; display: inline-block;  margin-top: -1px;  padding: 7px; margin-right: 40px; border-radius: 5px;  font-size: max(0.625vw, 10px); font-weight: 700; background: #ff7f00; color:#fff;}
.view_prev_next div .pn_a .pn_head::after {position: absolute;content: '';top: 32%;right: -28px; width: 14px;height: 7px;}
.view_prev_next div .pn_a .pn_txt {font-size: max(1.041666666666667vw, 16px);font-weight: 500; color: #1c2028;}

.view_prev_next div .pn_date {font-size: max(0.8854166666666667vw, 15px); color: #999999;}

.view_prev_next div.view_prev .pn_a .pn_head::after {background: url(/img/view_top.png) no-repeat; background-size:cover;}
.view_prev_next div.view_next .pn_a .pn_head::after {background: url(/img/view_bot.png) no-repeat; background-size:cover;}


.view_prev_next div.view_prev { border-bottom: 1px solid #e1e1e1;}
.view_prev_next div.view_next {border-bottom: 1px solid #e1e1e1;}

@media (hover:hover) {
    .view_list_btn a:hover {background-color: #ff7f00; border-color: #ff7f00;}
    .view_list_btn a:hover span {color: #fff;}
}

@media (max-width:1280px) {
    .view-wrap.view_style {
        max-width: calc(100% / 9 * 8);
        margin: 0 auto;
    }
}

@media (max-width:768px) {
    #list_view .view_title {padding: 15px 0 30px;}
    .view-wrap.view_style {
        max-width: calc(100% / 8.5 * 8);
        margin: 0 auto;
    }

    #list_view .view_title .view_subject {
        font-size: max(2.219979818365288vw,18px);
        margin-bottom: 25px;
    }

    #list_view .view_bo_cate span {
        font-size: max(1.513622603430878vw, 13px) ;
        
    }

    #list_view .view_title .view_info .view_date span {font-size: max(1.412714429868819vw,15px); }

    #list_view .view_bo_cate {margin-bottom: 20px;}

    .view_list_btn a {padding: 15px 30px;}
    .view_list_btn a span {font-size: max(1.412714429868819vw,14px);}

    .view_prev_next div {
        padding: 10px 15px;
        flex-direction: column;
        align-items: flex-start;
        gap:10px 0;
    }

    .view_prev_next div .pn_a .pn_head::after {width: 11px; height: 5px; top: 33%; right: -20px; }
    .view_prev_next div.view_next .pn_a .pn_head::after {background: url(/img/view_bot.png) no-repeat; background-size: cover; }
    .view_prev_next div.view_prev .pn_a .pn_head::after {background: url(/img/view_top.png) no-repeat; background-size: cover;}
    .view_prev_next div .pn_a {flex-direction: column; gap: 10px 0; align-items: flex-start;}
    .view_prev_next div .pn_a .pn_txt {font-size: max(2.604166666666667vw,16px) ;}

    .view_prev_next div .pn_a .pn_head {margin-right: 0; padding: 5px;} 
}

@media (max-width:480px) {
 
}

.view-head.panel {margin-top: 15px; border: none !important;}
.view-head.panel .list-group  {text-align: right;}
.view-head.panel .view_file_download {background-color: #fbfbfb; border-radius: 50px !important; width: auto; display: inline-block;}
.view-head.panel .view_file_download:hover {background: #fbfbfb;}