@charset "utf-8";
/**
 * 최임위 반응형 - 서브 공통 컨텐츠
 * @author JSM (2021.09)
 * - 타이틀, 텍스트 목록, 목록 회색박스, 탭, 게시판, 검색, 페이징, 테이블, 레이어팝업
 * 
 */

/**
 * 타이틀
*/
/* .tit-top 기본 */
.tit-top {
    position:relative;
}
.tit-h3,
html[lang="en"] .tit-h2 { 
    color:#333;    
    font-weight:500;     
}
.tit-h4 {
    color:#053863;
    font-weight:500;
}
.tit-top .explanation_box { 
    padding:5px 0 17px; 
    text-align:left; 
}
/* .tit-top.type2 */
.tit-top.type2 {
    padding-bottom:35px;
    background:no-repeat right bottom;
    background-size:100% 4px;
}
/* .tit-top.type2  .page-zoom__box (크기조절, 인쇄) */
.tit-top.type2  .page-zoom__box {
    position:absolute;
    bottom:17px;
    right:0;
}
.tit-top.type2  .page-zoom__box ul {
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
}
.tit-top.type2  .page-zoom__box li {
    margin-left:15px;
}
.tit-top.type2  .page-zoom__box li:first-child {
    margin-left:0;
}
.tit-top.type2  .page-zoom__box li a {
    display:block;
    width:17px;
    height:17px;
}
.tit-top.type2  .page-zoom__box .zoomin {
    background:url('../images/sub/icon_zoomin.png') no-repeat;
}
.tit-top.type2  .page-zoom__box .zoomremove {
    background:url('../images/sub/icon_zoomremove.png') no-repeat;
}
.tit-top.type2  .page-zoom__box .zoomout {
    background:url('../images/sub/icon_zoomout.png') no-repeat;
}
.tit-top.type2  .page-zoom__box .print {
    width:18px;
    height:19px;
    background:url('../images/sub/icon_print.png') no-repeat;
}


/**
 * 텍스트 목록
*/
.list-depth li {
    position:relative;
}
.list-depth li:after {
    display:block;
    content:'';
    clear:both;
    position:absolute;
    left:0;
    border-radius:50%;
    background:#053863;
}
.list-depth .list-depth__sub {
    margin-top:7px;
}
.list-depth .list-depth__sub li {
    color:#666;
}
.list-depth .list-depth__sub li:after { 
    top:11px;   
    width:4px;
    height:1px;
    background:#666;
}
.list-depth .list-depth__sub02 {
    margin-top:7px;
}
.list-depth .list-depth__sub02 li {
    padding-left: 14px;
    text-indent: -14px;
    font-size: 14px;
    color:#666;
}
.list-depth .list-depth__sub02 li:after {
    display: none;
}
.caution_txt,
.caution_txt02 {
    position:relative;
    margin-top:17px;
    color:#666;
}
.caution_txt:after,
.caution_txt li:after {
    content:'';
    clear:both;
    position:absolute;
    left:0;
    top:9px;
    border-radius:50%;
    background:#666;
}
ol.caution_txt:after,
ul.caution_txt:after {
    display:none;
}
.caution_txt li {
    position:relative;
}


/**
 목록 회색박스
*/
/* .list-gray__box */
.list-gray__box {
    display:flex;
    flex-flow:wrap;
    position:relative;
    left:-14px;
    margin-top:22px;
    width:calc(100% + 14px);
}
.list-gray__box dl {
    display:inline-block;
    margin:18px 0 0 14px;
    padding:24px 25px 26px 0;
    width:100%;
    border:1px solid #eee;
    border-radius:5px;
    background-color:#f9f9f9;
    box-sizing:border-box;
}
.list-gray__box dt {
    margin-bottom:4px;
    padding-bottom:21px;
    background: url(../images/sub/sub_util_line.png) no-repeat right bottom;
    background-size:100% 4px;
}
.list-gray__box dt strong,
.list-gray__box dt span {
    display:inline-block;
    padding-left:25px;
    color:#053863;
    font-size:18px;
    box-sizing:border-box;
}
.list-gray__box dt strong {
    font-size:20px;
    font-weight:600;
}
.list-gray__box dt span {
    font-weight:300;
}
.list-gray__box dd {
    position:relative;
    margin-left:25px;
    padding:9px 0 0 15px;
    color:#333;
    font-size:16px;
}
.list-gray__box dd:after {
    display:block;
    content:'';
    position:absolute;
    left:0;
    top:19px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#053863;
}


/**
 * 탭
*/
/* .sub__tab */
.sub__tab {
    margin-top:12px;
}
.sub__tab ul {
    display:flex;
    width:100%;
    justify-content:center;
    position:relative;
}
.sub__tab ul::after {
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:calc( 100% - 1px );
    height:2px;
    background:#053863;
}
.sub__tab li {
    flex:1;
}
.sub__tab li.on {
    background:#fff;
    z-index:2;
}
.sub__tab li a {
    display:inline-block;
    width:100%;
    height:64px;
    color:#666;
    font-size:15px;
    line-height:64px;
    text-align:center;
    background:#f6f7fb;
}
.sub__tab li.on a {
    position:relative;
    color:#053863;
    font-weight:500;
    border:2px solid #053863;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom:0;
    background:#fff;
}
.sub__tab li.on a::after{
    display:none;
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    width:100%;
    max-width:144px;
    height:2px;
    background:#053863;
    transform:translateX(-50%);
}
.sub__tab + .committee__cont {
    margin-top:42px;
}
/* .line__tab-type2 */
.line__tab-type2 a {
    display:block;
    box-sizing:border-box;
}
/* .line__tab */
.line__tab li a {
    display:block;
    color:#666;
    text-align:center;
}
.line__tab li.on::after {
    content:'';
    display:block;
}


/**
 * 게시판 상단 - 게시물수, 검색, 회색박스검색
*/
.board-total { 
    display:flex;     
    align-items:flex-end;
    margin-bottom:15px; 
}
.board-total_txt { 
    color:#666; 
    font-size:18px; 
    font-weight:300; 
    line-height:38px; 
}
.board-total_txt span { 
    color:#053863; 
    font-weight:500; 
}
.board-total__right { 
    position:relative; 
    margin-left:auto; 
    padding-right:86px; 
}
.search-form__select { 
    width:130px; 
    height:40px; 
    color:#000; 
    border-radius:5px; 
    background-color:#eee; 
}
.search-form__type { 
    display:inline-block; 
    margin-left:2px; 
    padding:0 12px; 
    width:200px; 
    border-radius:5px; 
    background-color:#eee; 
}
.search-form__input { 
    width:100%; 
    height:40px; 
    color:#000; 
    border:0; 
    background-color:transparent; 
}
.button.search-form__button { 
    width:80px; 
    height:40px; 
    color:#fff; 
    font-size:16px; 
    font-weight:300; 
    border-radius:5px; 
    background:#053863; 
}
.sub__tab + .board-search___box,
.content-body .board-search___box {
    margin:40px 0 37px;
}
.board-search___box {
    position:relative;
    padding:25px 0;
    text-align:center;
}
.board-search___box .button.search-form__button {
    margin-left:2px;
}
.data-search__box {
    display:flex;
    justify-content:space-between;
    margin-top:45px;
}
.data-search__box .select {
    width:138px;
    height:40px;
    border-radius:5px;
    background-color:#eee;
}
.data-search__box .btn_basic {
    margin-left:6px;
    width:100px;
    font-size:16px;
    font-weight:300;
}
.data-search__box .txt {
    padding-top:12px;
    color:#666;
    font-size:14px;
    line-height:18px;
}


/**
 * 게시판 목록
*/
.tit-top + .board-total { 
    margin-top:62px;
}
.board-list { 
    border-top:1px solid #000; 
    border-bottom:1px solid #eee; 
}
.board-list li + li { 
    border-top:1px solid #eee; 
}
.board-list__link {
    display:block;
    position:relative;
    padding:30px;
}
.board-list__tit {
    padding-left:54px;
    color:#000; 
    font-size:18px;
    word-break:break-word;
}
.board-list__info {
    display:flex;
    display:-ms-flexbox;
    margin-top:20px;
}
.board-list__dl {
    display:flex;
    display:-ms-flexbox;
}
.board-list__dl + .board-list__dl {
    margin-left:30px;
}
.board-list__dt,
.board-list__dd {
    position:relative;
    color:#666;
    font-size:15px;
    font-weight:300;
    line-height:1.3;
}
.board-list__dt {
    margin-right:8px;
    padding-right:9px;
}
.board-list__dt:before {
    content:'';
    position:absolute;
    top:3px;
    right:0; 
    width:1px;
    height:14px;
    background-color:#ddd;
}
.board-list .txt-none01 {
    padding: 40px 5px;
    text-align:center;
    border-bottom: 1px solid #eee;
}

/**
 * 게시판 상세
*/
.board-view { 
    margin-top:22px;
    border-top:1px solid #000;
}
.board-view__title {
    display:block;
    position:relative;
}
.board-view__tit {
    padding-left:0;
    color:#000; 
    font-size:20px;
    word-wrap:break-word;
}
.board-view__info {
    display:flex;
    display:-ms-flexbox;
    margin-top:9px;
}
.board-view__dl {
    display:flex;
    display:-ms-flexbox;
}
.board-view__info .board-view__dl + .board-view__dl {
    margin-left:30px;
}
.board-view__info .board-view__dt {
    margin-right:9px;
    padding-right:8px;
}
.board-view__info .board-view__dt,
.board-view__info .board-view__dd {
    position:relative;
    color:#666;
    font-size:14px;
    font-weight:300;
    line-height:1.3;
}
.board-view__info .board-view__dt:before {
    content:'';
    position:absolute;
    top:3px;
    right:0; 
    width:1px;
    height:14px;
    background-color:#ddd;
}
.board-view__box {
    position:relative;
}
.board-view__file {
    padding:19px;
    border:1px solid #eee;
    border-width:1px 0;
    background:#f9f9f9;
}
.board-view__file .board-view__dt,
.board-view__file .board-view__dd {
    font-size:16px;
}
.board-view__file .board-view__dt {
    position:relative;
    padding-left :20px;
    color:#000;
    font-size:16px;
    font-weight:500;

}
.board-view__file .board-view__dt::before { 
    content:'';
    position:absolute;
    top:50%;
    left:0;
    margin-top:-8px;
    width:17px;
    height:16px;
    background:url('../images/common/icon/icon_board_file.png') no-repeat 50% 50%;
}
.board-view__file .board-view__dd {
    padding-left:19px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
}
.board-view__cont {
    min-height:250px;
    color:#000;
    word-wrap:break-word;
    box-sizing:border-box;
}
.board-view__list { 
    border:1px solid #ddd;
    border-width:1px 0;
}
.board-view__list .board-view__dl {
    margin-left:0;
    height:55px;
    box-sizing:border-box;
}
.board-view__list .board-view__dl + .board-view__dl {
    border-top:1px solid #eee;
}
.board-view__list .board-view__dt, 
.board-view__list .board-view__dd {
    font-size:16px;
    font-weight:400;
}
.board-view__list .board-view__dt {
    position:relative;
    width:15.9%;
    max-width:147px;
    padding:17px 5px 0;
    color:#000; 
    font-size:14px;
    text-align:center;
    background-color:#f9f9f9;
}
.board-view__list .board-view__dt span {
    display:inline-block;
    position:relative;
    padding:0 0 0 19px;
}
.board-view__list .board-view__dt span::before {
    content:'';
    position:absolute;
    left:0;
    top:9px;
    width:10px; 
    height:7px;
    background:no-repeat 50% 50%;
}
.board-view__list .board-view__dl.prev .board-view__dt span::before {
    background-image:url('../images/common/icon/icon_board_prev1.png');
}
.board-view__list .board-view__dl.next .board-view__dt span::before {
    background-image:url('../images/common/icon/icon_board_next1.png');
}
.board-view__list .board-view__dl.no_data .board-view__dt,
.board-view__list .board-view__dl.no_data .board-view__dd {
    color:#666;
}
.board-view__list .board-view__dl.no_data .board-view__dt span::before {
    background-image:url('../images/common/icon/icon_board_prev2.png');
}
.board-view__list .board-view__dl.no_data .board-view__dt span::before {
    background-image:url('../images/common/icon/icon_board_next2.png');
}
.board-view__list .board-view__dd {
    width:84.1%;
    padding:15px 23px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
    text-align:left; 
    box-sizing:border-box;
}
.board-view__list a {
    vertical-align:middle;
}


/**
 * paging
*/
.paging {
    position:relative;
    margin-top:40px;
    text-align:center;
}

.paging > .btn.first img {margin-right: 20px; margin-top:13px;}
.paging > .btn.prev img {margin-right: 15px; margin-top:13px;}
.paging > .btn.next img {margin-left: 15px; margin-top:13px;}
.paging > .btn.last img {margin-left: 20px; margin-top:13px;}

.paging__number {
    display:inline-block;
    vertical-align:top;
}
.paging__number--txt {
    display:inline-block;
    width:auto;
    min-width:40px;
    height:40px;
    margin:0 5px;
    color:#666;
    font-size:16px;
    vertical-align:top;
    line-height:38px;
}
.paging__number--txt:hover,
.paging__current {
    color:#fff;
    font-weight:700;
    border-radius:5px;
    background-color:#053863;
}
.paging__button {
    display:inline-block;
    width:40px;
    height:40px;
}
.paging__button a {
    display:inline-block;
    width:100%;
    height:100%;
    border-radius:5px;
    border:solid 1px #666;
}
.paging__button--first {
    background:url('../images/common/btn/btn_page_first.png') no-repeat 50% 50%;
    background-size:18px 17px;
}
.paging__button--prev {
    background:url('../images/common/btn/btn_page_prev.png') no-repeat 50% 50%;
    background-size:10px 17px;
}
.paging__button--next {
    background:url('../images/common/btn/btn_page_next.png') no-repeat 50% 50%;
    background-size:10px 17px;
}
.paging__button--last {
    background:url('../images/common/btn/btn_page_last.png') no-repeat 50% 50%;
    background-size:18px 17px;
}


.footable-page{
    display:inline-block;
    width:auto;
    min-width:40px;
    height:40px;
    margin:0 5px;
    color:#666;
    font-size:16px;
    vertical-align:top;
    line-height:38px;
}

.pagination{
    display:inline-block;
}

.active {
    color:#fff;
    font-weight:700;
    border-radius:5px;
    background-color:#053863;
}


/**
 * 테이블
*/
/* .table .table-board */
.unit_txt {
    color:#666;
    font-size:14px;
}
.data-table__box {
    position:relative;
}
.data-table__box .tit-h4 { 
    margin-bottom:7px; 
}
.data-table__box .unit_txt {
    position:absolute;
    right:0;
    top:12px;
}
.table .unit_txt {
    display:block;
    padding-bottom:7px;
    text-align:right;
}
.table .table-board thead th {
    padding:11px 0 12px;
    min-height:45px;
    color:#fff;
    font-size:14px;
    font-weight:500;
    background:#002c5a;
    box-sizing:border-box;
}
.table .table-board thead th span {
    display:block;
    font-size:12px;
    font-weight:300;
    text-align:center;
}
.table .table-board tbody tr {
    margin-top:7px;
    border:1px solid #eee;
}
.table .table-board td {
    padding:11px 5px 12px;
    min-height:65px;
    text-align:center;
    font-size:16px;
    border-bottom:1px solid #eee;
    box-sizing:border-box;
}
.table .table-board td:first-child {
    border-left:1px solid #eee;
}
.table .table-board td:last-child {
    border-right:1px solid #eee;
}
.table .table-board td.name {
    font-weight:500;
}
.table .table-board td.line {
    border-left:1px solid #eee;
}
.table .caution_txt {
    margin-top:17px;
}
.table .table-board.type2 thead th {
    font-size:14px;
}
.table .table-board.type2 thead tr + tr th {
    font-size:12px;
}
.table .table-board.type2 thead tr.depth th {
    font-weight:300;
}
.table .table-board.type2 thead tr + tr th {
    border-top:1px solid rgba(238, 238, 238, 0.2);
}
.table .table-board.type2 td {
    min-height:49px;
    font-size:12px;
}
.table .table-board.type2 td:first-child,
.table .table-board.type2 td:last-child {
    border-left:0;
}
.data-search__box + .table--over.table {
    margin-top: 10px;
}
.table--over.table {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
}
.table--over.table > .table-board {
    min-width: 776px;
}
.table--over.table .table-board.type2 thead th {
    border:1px solid rgba(238, 238, 238, 0.2);
}
.table--over.table .table-board.type2 td {
    border:1px solid #eee;
}
/* .sub_table */
.sub_table {
    position:relative;
    border:1px solid #eee;
    border-width:0 1px;
}
.sub_table .table-board th,
.sub_table .table-board td {
    padding:13px 5px 15px;
    min-height:63px;
    text-align:center;
    font-size:16px;
    border-bottom:1px solid #eee;
    box-sizing:border-box;
}
.sub_table .table-board thead th {
    min-height:49px;
    color:#fff;
    font-size:14px;
    font-weight:500;
    background:#002c5a;
    word-break:keep-all;
}
.sub_table .table-board th.name,
.sub_table .table-board td.name {
    font-weight:500;
}


/**
 * Layer Popup
 */
 .layer-popup_wrap {
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:99; 
    width:100%; 
    height:100%; 
    background-color:rgba(0, 0, 0, 0.55);
}
.layer-popup_box {
    position:relative;
    top:50%;
    left:50%; 
    transform:translate(-50%, -50%);
    z-index:99;
    box-sizing:border-box;
    background:#fff;
}
.layer-popup_box .layer-tit {
    display:block;
    padding:27px 27px 20px;
    font-size:24px;
    font-weight:500;
    border-bottom:1px solid #ddd;
}
.layer-popup_box .layer-popup_btn {
    position:absolute;
    top:35px;
    right:35px;
}
.layer-popup_box .layer-popup_btn .layer-close {
    width:22px;
    height:22px;
    background:url('../images/common/btn/layer_popup_close.png') no-repeat;
}


/**
 min-width:961px
*/
@media all and (min-width:961px) {
    /**
     * 게시판 목록
    */
    .board-list .attribute-label { 
        position:relative;
        left:30px; 
        top:33px;
    }


    /**
     * 게시판 상세
    */
    .board-view__title .attribute-label {
        position:relative;
    }
    .board-view__title {
        padding:30px;
    }
    .board-view__cont {
        padding:36px 22px;
    }
    
    .board__title__top {
        display: flex;
        display: -ms-flexbox;
    }
    .board__title__top .board-list__tit,
    .board__title__top .board-view__tit {
        padding-left: 0;
    }
    .board__title__top .attribute-label {
        position: relative;
        top: auto;
        left: auto;
        flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        margin-top: 5px;
        margin-right: 10px;
    }


    /**
     * 게시판 상단 - 게시물수, 검색, 회색박스검색
    */
    .board-search___box {
        background-color:#f4f4f4;
    }  
    .board-search___box .search-form__cont {
        display:inline-block;
    }  
    .board-search___box .search-form__select,
    .board-search___box .search-form__type {
        background-color:#fff;
    }    
    .board-total__right .button.search-form__button { 
        position:absolute; 
        top:-1px; 
        right:0; 
    }


    /**
     * 타이틀
    */
    .tit-h3 ,
    html[lang="en"] .tit-h2 { 
        font-size:32px;  
    }
    .tit-h4 {
        font-size:26px;
    }
    /* .tit-top.type2  .page-zoom__box (크기조절, 인쇄) */
    .tit-top.type2 {
        background-image:url('../images/common/page_title_line_pc.png');
    }
    

    /**
     * 텍스트 목록
    */
    .list-depth li:after {
        top:9px;
        width:6px;
        height:6px;
    }
    .list-depth > li {
        margin-top:5px;
        padding-left:17px;
        color:#333;
        font-size:18px;
    }
    .list-depth > li + li {
        margin-top:11px;
    }
    .list-depth .list-depth__sub li {
        padding-left:10px;
        font-size:16px;
    }
    .list-depth .list-depth__sub02 li {
        font-size:16px;
    }
    .caution_txt,
    .caution_txt li {
        padding-left:13px;
        font-size:14px;
    }
    .caution_txt02 {
        font-size:14px;
    }
    ol.caution_txt,
    ul.caution_txt {
        padding:0;
    }
    ol.caution_txt:after,
    ul.caution_txt:after {
        display:none;
    } 
    .caution_txt:after,
    .caution_txt li:after {
        width:4px;
        height:4px;
    }


    /**
     목록 회색박스
    */
    /* .list-gray__box */
    .list-gray__box dl {
        width:calc(33.3% - 14px);    
    }
    .list-gray__box dt strong,
    .list-gray__box dt span {
        display:block;
    }

    
    /**
     탭
    */
    /* .line__tab */
    [class^="line__tab"] .btn_select,
    [class^="line__tab"] button {
        display:none;
    }
    [class^="line__tab"] ul {
        display:flex;
        justify-content:space-between;
    }
    [class^="line__tab"] li {
        position:relative;
    }
    /* .line__tab */
    .line__tab .line-tab__cont {
        display:block;
    }
    .line__tab ul {
        display:flex;
        margin-top:22px;
        width:100%;
    }
    .line__tab li {
        position:relative;
        flex:1;
    }
    .line__tab li a {
        padding-bottom:12px;
        font-size:15px;
        border-bottom:1px solid #ddd;
    }
    .line__tab li.on a {
        color:#053863;
        font-weight:500;
        background:#fff;
        z-index:2;
    }
    .line__tab li.on::after {
        position:absolute;
        bottom:-1px;
        width:100%;
        height:2px;
        background:#053863;
    }
    /* .line__tab-type2 */
    .line__tab-type2 li:after {
        display:none;
        content:'';
        clear:both;
        position:absolute;
        left:0;
        top:50%;
        margin-top:-6px;
        width:1px;
        height:14px;
        background:#ddd;
    }
    .line__tab-type2 li + li { 
        margin-left:9px;
        padding-left:10px;
    }
    .line__tab-type2 li + li:after {
        display:block;
    }
    .line__tab-type2 a {
        color:#666;
        font-size:14px;
    }
    .line__tab-type2 li.on a {
        color:#002c5a;
        font-weight:500;
    }
    
}


/**
 max-width:960px
*/
@media all and (max-width:960px) {
    /**
     * 타이틀
    */
    .tit-top {
        text-align:center; 
    }
    .tit-h3 { 
        font-size:28px; 
    }
    .tit-h4 {
        font-size:24px;
    }
    /* .tit-top.type2  .page-zoom__box (크기조절, 인쇄) */
    .tit-top.type2 {
        padding-bottom:15px;
        background-image:url('../images/common/page_title_line_mobile.png');
    }
    .tit-top.type2 .page-zoom__box {
        display:none;
    }


    /**
     * 텍스트 목록
    */
    .list-depth li:after {
        top:9px;
        width:5px;
        height:5px;
    }
    .list-depth > li {
        padding-left:11px;
        font-size:16px;
    }
    .list-depth .list-depth__sub li {
        padding-left:10px;
        font-size:14px;
    }
    .caution_txt,
    .caution_txt li {
        padding-left:10px;
        font-size:14px;
    }
    .caution_txt02 {
        font-size:14px;
    }
    ol.caution_txt,
    ul.caution_txt {
        padding:0;
    }
    ol.caution_txt:after,
    ul.caution_txt:after {
        display:none;
    } 
    .caution_txt:after,
    .caution_txt li:after {
        width:3px;
        height:3px;
    }


    /**
     목록 회색박스
    */
    /* .list-gray__box */
    .list-gray__box dt span {
        padding-left:14px;
    }


    /**
     * 탭
    */
    /* .sub__tab */
    .sub__tab {
        margin-top:19px;
        justify-content:space-around;
    }
    .sub__tab ul::after {
        display:none;
    }
    .sub__tab li a {
        padding-bottom:5px;
        height:auto;
        line-height:1.2;
        color:#666;
        font-size:18px;
        background:#fff;
        font-weight:500;
    }
    .sub__tab li.on {
        position:relative;
    }
    .sub__tab li.on a {
        border:none;
    }
    .sub__tab li.on:after{
        display:block;
    }
    /* .line__tab, 
    .line__tab-type2 */
    [class^="line__tab"] {
        position:relative;
        margin:15px 0;
    }
    [class^="line__tab"] .btn_select {
        display:block;
        overflow: hidden;
        position:relative;
        width:100%;
        border-radius:5px;
        border:1px solid #ddd;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    [class^="line__tab"] .btn_select:after {
        display:block;
        content:'';
        position:absolute;
        right:20px;
        top:50%;
        margin-top:-4.5px;
        width:15px;
        height:9px;
        background:#fff url('../images/common/icon/icon_search_arrow_open2.png') 0 0 no-repeat;
    }
    [class^="line__tab"].on .btn_select:after {
        background-color:blue;
    }
    [class^="line__tab"].on ul {
        display:block;
    }
    .line__tab-type2.mobile {

    }
    [class^="line__tab"] .btn_basic {
        margin-top:5px;
    }
    [class^="line__tab"] a {
        padding-left:20px;
        padding-right: 40px;
        width:100%;
        height:46px;
        line-height:46px;
        box-sizing:border-box;
    }
    [class^="line__tab"] li a:hover {
        color:#fff;
        background:#053863;
    }
    [class^="line__tab"] .line-tab__cont {
        display:block;
        position:absolute;
        left:0;
        right:0;
        top:45px;
        overflow-x: hidden;
        overflow-y: auto;
        width:100%;
        max-height: 240px;
        border:1px solid #ddd;
        border-radius:0 0 5px 5px;
        background:#fff; 
        box-sizing:border-box;
        z-index:1;
    }


    /**
     * 게시판 상단 - 게시물수, 검색, 회색박스검색
    */
    .board-total { 
        flex-direction:column-reverse; 
    }
    .board-total__left {
        width:100%;
        text-align:left;
    }
    .board-total__right {
        margin-left:0;
        padding-right:0;
        width:100%;
    }
    .search-form__cont {
        display:flex;
        justify-content:space-between;
        padding-left:135px;
    }
    .search-form__select {
        position:absolute;
        left:0;
        top:0;
    }
    .search-form__type {
        width:100%;
    }
    .button.search-form__button {
        position:relative;
        top:0; 
        left:0;
        margin-top:5px;
        width:100%;
    }
    .board-total_txt {
        padding:40px 0 0;
        font-size:14px;
        line-height:1.5;
    }
    .sub__tab + .board-search___box {
        margin:0;
        padding-bottom:0;
    }
    .board-search___box .search-form__select {
        position:relative;
        width:calc(50% - 2px);
    }
    .board-search___box .search-form__cont {
        display:block;
        padding:0;
    }
    .board-search___box .search-form__type {
        display:block;
        margin:5px 0;
    }
    .data-search__box {
        display: block;
    }


    /**
     * 게시판 목록
    */
    .tit-top + .board-total { 
        margin-top:40px;
    }
    .board-list__link {
        padding:20px 10px;  
    }
    .board-list__link .attribute-label {
        position:relative;
        margin-bottom:2px;
    }
    .board-list__tit {
        padding-left:0;
        font-size:16px;
    }
    .board-list__info {
        display:block;
        margin-top:13px;
    }
    .board-list__info:after {
        display:block; 
        content:''; 
        clear:both;
    }
    .board-list__dl {
        float:left; 
    }
    .board-list__dl + .board-list__dl {
        margin-left:20px;
    }
    .board-list__dt, 
    .board-list__dd {
        font-size:13px;
    }   
    .board-list__dt {
        padding-right:4px;
        margin-right:4px;
    }
    .board-list__dt:before {
        height:11px;
    }
    

    /**
     * 게시판 상세
    */
    .board-view {
        margin-top:14px;
    }
    .board-view__title .attribute-label {
        position:relative;
    }
    .board-view__title {
        padding:30px 0;
    }
    .board-view__tit {
        padding:0;
        font-size:18px;
    }
    .board-view__info {
        display:block;
        width:100%;
    }
    .board-view__info:after {
        display:block;
        content:'';
        clear:both;
    }
    .board-view__info .board-view__dl {
        float:left;
    }
    .board-view__info .board-view__dl + .board-view__dl {
        margin-left:20px;
    }
    .board-view__info .board-view__dt, 
    .board-view__info .board-view__dd {
        font-size:13px;
    }
    .board-view__info .board-view__dt {
        margin-right:5px;
        padding-right:4px;
    }
    .board-view__file {
        position:absolute;
        left:0;
        right:0;
        bottom:20px;
        border-width:0;
    }
    .board-view__file .board-view__dt span {        
        overflow:hidden;
        position:absolute;
        top:-1px;
        left:-1px;
        width:1px;
        height:1px;
        font-size:0;
        line-height:0
    }
    .board-view__file .board-view__dd {
        padding:0;
        font-size:16px;
    }
    .board-view__cont {
        border-top:1px solid #eee;
        padding:28px 9px 107px;
    }
    .board-view__list .board-view__dt {
        width:25.7%;
    }
    .board-view__list .board-view__dd {
        width:74.3%;
        padding:15px 15px 0;
    }


    /**
     * paging
    */
    .paging {
        padding: 0 0 40px;
    }
    .paging__button, 
    .paging__number--txt {
        margin:0;
        width:34px;
        height:34px;
        min-width:34px;
        line-height:33px;
    }
    
    .paging__button {
        position: absolute;
        bottom: 0;
    }
    .paging__button--first {
        left: 0;
    }
    .paging__button--prev {
        left: 40px;
    }
    .paging__button--next {
        right: 40px;
    }
    .paging__button--last {
        right: 0;
    }



    /**
     * 테이블
    */
    /* .table .table-board */
    .data-table__box .unit_txt {
        top:5px;
    }
    .table .table-board th {
        height:54px;
    }
    .sub__tab ul::after {
        display:none;
    }
    .sub__tab li {
        text-align:center;
    }
    .sub__tab li a {
        padding-bottom:5px;
        width:auto;
        height:100%;
        line-height:1.2;
        color:#666;
        font-size:18px;
        background:#fff;
        font-weight:normal;
    }
    .sub__tab li.on {
        position:relative;
    }
    .sub__tab li.on a {
        border:none;
        font-weight:500;
    }
    .sub__tab li.on a::after{
        display:block;
        width: 100%;
        max-width: 100%;
        left: 0;
        transform: translateX(0);
    }
    .table .table-board td {
        font-size:13px;
    }
    /* .sub_table */
    .sub_table td {
        font-size:14px;
    }


    /**
     * Layer Popup
     */
    .layer-popup_wrap {
        padding:0 20px;
        overflow:auto;
    }    
    .layer-popup_box  {
        padding:28px 18px 38px 18px;
    }
    .layer-popup_box .layer-tit {
        padding:0;
        padding-bottom:16px;
        font-size:20px;
    }
    .layer-popup_box .layer-popup_btn {
        top:29px;
        right:21px;
    }
    .layer-popup_box .layer-popup_btn .layer-close {
        width:19px;
        height:20px;
        background:url('../images/common/btn/layer_popup_close_m.png') no-repeat;
    }
}


/**
 max-width:374px
*/
@media all and (max-width:374px) {
    /**
     * 게시판 목록
    */
    .board-list__dl:last-child,
    .board-view__info .board-view__dl:last-child { 
        margin:5px 0 0 0; 
        width:100%;
    }


    /**
     * paging
    */
    .paging__button, 
    .paging__number--txt {
        width:26px; 
        min-width:26px;
        font-size:13px;
    }


    /**
     * 테이블
    */
    /* .table .table-board */
    .table .table-board td {
        font-size:12px;
    }


    /**
     * Layer Popup
     */
     .layer-popup_box {
        top:40px;
        transform:translateX(-50%);
    }
}