@charset "utf-8";

/*게시판 공통 CSS*/
@import url("../../../_bri/css/board/board.css");

/* 아이폰 디폴트값 제거 */
input, textarea, button {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/*화살표 배경 넣기*/
background: #fff url('/img/select_arrow.png') no-repeat 98% center;
color: #555;
}


#bo_list .td_num {width: 150px; text-align: center;}
#bo_list .td_num2 {width: 100px; text-align: center;}
.bo_tit {width: 97%;}

/*상단 탭*/
.list_tab_area {width: 100%; display: block; margin-top: 40px;}
.list_tab_area .list_tab_cont {width: 100%;}
.list_tab_area .list_tab_cont ul{display: table; width: 100%; border-collapse: collapse; table-layout: fixed;}
.list_tab_area .list_tab_cont:hover, .list_tab_area .list_tab_cont .on{background: #fff; border-bottom: 0; font-weight: 600;}
.list_tab_area .list_tab_cont .on:after {content:''; position:absolute; left: -1px; top: -1px; width:calc(100% + 2px); height:calc(100% ); border: 1.5px solid #3F4151; border-bottom: 0;}
.list_tab_area .list_tab_cont ul li {
    color: #C8C8C8;
    position: relative;
    display: table-cell;
    border: 1px solid #D5D5D5; border-bottom: 1px solid #000; background-color: #F9F9F9;
    flex-grow: 1;
    text-align: center;
    cursor: pointer;
    letter-spacing: -0.54px;
}

.list_tab_area .list_tab_cont ul li > a {display: block; padding: 25px 0;font-size: 14px;font-weight: 500;line-height: 1.2;}
.list_tab_area .list_tab_cont ul li:hover > a{color: #000;}
.list_tab_area .event_detail_cont {width: 100%; border-bottom: 1.5px solid #000; border-right: 1.5px solid #000; border-left: 1.5px solid #000; padding: 40px 60px; margin: 0;}

@media (max-width: 1440px) {}
@media (max-width: 1024px) {
	.list_tab_area {margin-top: 20px;}
	.list_tab_area .list_tab_cont ul li > a {font-size: 12px; padding: 20px 0;}
}
@media (max-width: 768px) {
    .list_tab_area .list_tab_cont .on:after {height:calc(100% + 1px);}
    .list_tab_area .list_tab_cont ul li > a {padding: 15px 0;}
}

/* 셀렉트 박스 */
.list_date{ text-align: right; margin-top: 20px;}
.bo_selectBox option[value=""][disabled] {display: none;}
.bo_selectBox{height:50px; border: 1px solid #D5D5D5; max-width: 338px; width: 100%;padding: 0 20px;}


@media (max-width: 1024px) {
    .bo_tbl_head01 tbody tr {border-bottom: 1px solid #e6e6e6;}
    .bo_tbl_head01 .td_subject .bo_cate_link {margin-bottom: 5px;}

    #bo_list .bo_tbl_head01 td {text-align: center;}
	#bo_list .bo_tbl_head01 td {text-align: left;}
    .bo_tbl_head01 tbody tr td {border-bottom: 0;border-top: 0;padidng: 4px 0;}
    .bo_tbl_head01 tbody td {display: inline-block; height: auto;}

    #bo_list .th_num2, #bo_list .td_num2 {width: 100px;}
}


@media all and (max-width: 768px) {
    .bo_tbl_head01 tbody tr td {border-bottom: 0;border-top: 0;padding: 7px 0;display: block;}
    .bo_tbl_head01 tbody tr td:nth-child(1), .bo_tbl_head01 tbody tr td:nth-child(2), .bo_tbl_head01 tbody tr td:nth-child(3), .bo_tbl_head01 tbody tr td:nth-child(4) {display: inline-block}

    #bo_list .td_num2 {display: none;}

    #bo_list .td_subject {
        font-size: 15px;
        padding-bottom: 3px;
    }

    #bo_list .td_datetime {
        font-size: 14px;
        padding-top: 3px
    }

    .bo_tbl_head01 .td_subject .bo_cate_link {
        font-size: 14px;
        margin-bottom: 3px;
    }
    .bo_selectBox{height:45px; max-width: 768px; padding: 0 15px;}
    .bo_selectBox:last-of-type{margin-top:5px;}
}

@media all and (max-width: 320px) {
    .bo_selectBox{margin-bottom: 8px;}
}
.bo_notice td {

    border-bottom: 1px solid #c3dfe8;
}

.td_num strong {
    color: #000
}

.bo_tbl_head01 .td_subject .bo_cate_link {
    display: inline-block;
    color: #005D97;
    height: 20px;
    font-size: 0.92em;
    font-weight: bold;
    margin-right: 20px;
}

.bo_tit .bo_cate_link{color: #E84A4A;}
.bo_tit a{display: inline-block; vertical-align: middle;}

.bo_tbl_head01 .bo_tit a span.subject{
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /*display:flex;*/
    align-items: center;
}
.bo_tbl_head01 .bo_tit a span.subject > img{width:15px;height:15px;vertical-align: baseline;}




#bo_list .bo_tit a .subject .fa-lock {
    display:inline-block;
    line-height:14px;
    width:16px;
    color:#E84A4A;
    text-align:center;
    border-radius:2px;
    font-size:16px;
    vertical-align:middle;
    margin-right:3px;
    /*background: url(./img/lock_icon.png) no-repeat;*/
}




@media  (max-width: 1024px) {
    #bo_list .bo_tbl_head01 td {text-align: center;}

    .tbl_wrap table {width:100%;table-layout: fixed;}

    .bo_tbl_head01 tbody tr {position: relative;}
    #bo_list .bo_tbl_head01 td {width:100%;display:inline-block;height:auto;}
    #bo_list .bo_tbl_head01 .td_chk {position:absolute;left:0;top:-1px;width:auto;padding:0;}
    .bo_tbl_head01 tbody tr .td_num2,
    .bo_tbl_head01 tbody tr .td_name,
    .bo_tbl_head01 tbody tr .td_datetime,
    .bo_tbl_head01 tbody tr .td_hit {display: none !important;}

    .bo_tbl_head01 tbody tr .bo_subject {}
    .bo_tbl_head01 tbody tr .bo_subject .bo_tit .subject {}
    .bo_tbl_head01 tbody tr .bo_subject .bo_tit .write_info {display:flex;}
    .bo_tbl_head01 tbody tr .bo_subject .bo_tit .write_info .show_ms {display:block !important;}
    .bo_tbl_head01 tbody tr .bo_subject .bo_tit .write_info .show_ms span {color:#858585;}

    .bo_tit {flex-wrap:wrap;align-items: flex-start; line-height: 0px !important; padding: 20px 0;}
    .bo_tit a{display: inline-flex; align-items: flex-start;}

    .bo_tbl_head01 .bo_tit .subject_area{width:calc(100% - 87px);}
    .bo_tbl_head01 .bo_tit .subject_area .subject {width:100%;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

    #bo_list .bo_tit a img {}

    .bo_tbl_head01 .bo_tit .subject {display: flex;width:100%;}
    .bo_tbl_head01 .bo_tit .write_info {display: flex;width:100%;margin-top:5px;}
    .bo_tbl_head01 .bo_tit .write_info .show_ms {font-size:15px;letter-spacing: -0.45px;margin-right:14px;}
    .bo_tbl_head01 .bo_tit .write_info .show_ms:last-of-type {margin-right:0;}

    #bo_list .td_num2 {display: none;}
}

@media  (max-width: 768px) {
    .container{margin-top: 20px !important;padding:0 20px !important;}
    .bo_tbl_head01 .bo_tit {padding: 0px 15px;}
    .wr-02 {font-size: 15px;margin-top: 19px;margin-bottom: 19px;font-weight: bold}
    .wr-03 .sch_selectbox select {width: 260px}
    .wr-03 .sch_selectbox {display: block}
    .wr-03 {border-bottom: 1px solid #B2B2B2;padding-bottom: 15px;}

    /* START list skin  설정*/
    #bo_list .bo_tbl_head01 .td_chk {position: relative;}
    #bo_list tbody tr {display: block;padding: 15px 0px;}
    #bo_list .bo_tbl_head01 td {padding: 0;}

    .bo_tbl_head01 tbody tr:hover td {background:#ffffff}
    .bo_tbl_head01 .bo_cate_link {margin: 0 0 5px 0;}

    #bo_list .bo_subject{padding-top: 2px;width: 90%;position: relative;}

    .bo_tit {width:100%; padding: 0;}

    #bo_list .bo_tit div{}

    .bo_tbl_head01 .bo_tit .subject_area {width:100%;}

    .bo_tbl_head01 tbody tr .bo_subject .bo_tit .subject {
        height: auto;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        white-space: normal;
        word-break: break-all;
        -webkit-box-orient: vertical;
    }

    .bo_tbl_head01 .bo_tit .write_info .show_ms {margin-right:10px;}
    .bo_tbl_head01 .bo_tit .write_info .show_ms .sv_date{font-size: 11px;}

    #bo_list .cnt_cmt {vertical-align: top;top: 3px;position: relative;}

    /*검색을 따로줌 */
    /*.bo_sch_wrap {*/
        /*text-align: left;   */
    /*}*/
    /*.sch_input {*/
        /*height: 50px;*/
        /*font-size: 16px;        */
        /*margin-left:15px;*/
        /*margin-right: 10.5px;*/
    /*}*/
    /*.sch_input {*/
        /*width: 100%;*/
    /*}*/
    /*.sch_input::placeholder {*/
        /*font-size: 14px;*/
    /*}*/
    /*.sch_bar select{*/
        /*margin-right: 0px;*/
        /*margin-left: 15px;*/
        /*margin-bottom: 15px;*/
        /*display: none;*/
    /*}*/

    /*.sch_bar input{*/
        /*width:92%;*/
    /*}*/

    /*.sch_bar .sch_btn{*/
        /*height: 45px;*/
        /*width: 60px;*/
        /*display: block;*/
        /*margin: 0 auto;*/
        /*margin-top: 15px;*/
    /*}*/


    /* END //list skin  설정*/
    @media  (max-width: 600px) {
    }
    @media  (max-width: 400px) {
        #bo_list .bo_subject{
            width: 87%;
        }
    }
}



#bo_list .bo_tbl_head01 td.empty_table {width:100%;font-size:14px;line-height:1;text-align: center;padding: 60px 0 !important;}

@media (max-width:768px) {
    #bo_list .bo_tbl_head01 td.empty_table {font-size:12px;padding: 50px 0;}
}
/*게시판 검색*/
.bo_sch_wrap {
    background: transparent;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 0;
    border: none;
    display:flex;align-items: center;justify-content: flex-end;
}
.bo_sch {display:inline-block;}
.bo_sch select {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.5px solid #AEAEAE;
    color: #000000;
    width: 125px;
    height: 50px;
    font-family: 'Noto Sans CJK KR';
    /*margin-right: 13px;   */
    padding-left: 8px;
}
.bo_sch .sch_btn {
    height: 50px;
    background-color: #000000;
    border: 0;
    width: 80px;
    font-size: 14px
}
.bo_sch .sch_btn_txt {color: #FFFFFF;line-height: 30px;}
.sch_input {width: 400px;height: 50px;padding: 0 13px; margin-right:5px; font-size: 14px;border: 0.5px solid #AEAEAE;}
.list_date {display:inline-block;margin-top:0;margin-left:10px;}

.bo_selectBox {min-width:100px;padding: 0 10px;background: url('/img/select_arrow.png') no-repeat calc(100% - 10px) center;font-size:14px;}


.sch_bar input {margin-right: 5px;font-size: 14px;}
.sch_bar input::placeholder {font-size: 14px;}

/*목록*/
#gall_ul{display:flex; flex-wrap:wrap}
.col-gn-4{width:25%}
@media (max-width:1280px) {
.col-gn-4{width:33.33%}	
	}
@media (max-width:1024px) {
    /*게시판 검색*/
    .bo_sch_wrap {padding: 0;margin-bottom: 20px;}

    .sch_input {width:200px;height:45px;font-size:14px;letter-spacing: -0.42px;}
    .sch_input::placeholder {font-size:14px;letter-spacing: -0.42px;}

    .bo_sch .sch_btn {width:60px;height:45px;}
    .bo_sch .sch_btn_txt {font-size:14px;}

    .list_date {margin-left:5px;}
    .bo_selectBox {min-width:80px;height:45px;letter-spacing: -0.42px;}

    .sch_detail span{margin-bottom: 15px;display: block;text-align: left;}

	.sch_input {font-size: 13px;}
    .bo_sch .sch_btn_txt {font-size:13px;}
	.bo_selectBox {font-size:13px;}

	.sch_bar input {flex:1;}
	.sch_bar input::placeholder {font-size: 12px;}

}
@media (max-width:912px) {
.col-gn-4{width:50%}	
	}
@media (max-width: 768px) {
    .bo_sch_wrap {}
    .bo_sch {width:calc(100% - 65px);}
    .sch_input {width: 100%;height: 50px;font-size: 12px; padding: 0 10px;}

	.bo_sch .sch_btn_txt {font-size:12px;}
    
	.sch_bar select {margin-right: 0px;display: inline-block;}
    
    .sch_bar .sch_btn {font-size:12px;}
    .bo_sch select {display: none;}


	.sch_input, .bo_sch .sch_btn {height:40px;}


	
    .bo_selectBox {font-size:12px;height:40px;}
    .bo_selectBox.bo_selectBox:last-of-type {margin-top:0;}


}

@media (max-width:540px) {
.col-gn-4{width:100%}	
.col-gn-4 .gall_con{ margin:0 auto; width:220px}
	}

#bo_v_title .bo_v_tit {display: inline-block;font-weight: 700;font-size: 18px;letter-spacing: -0.7px;line-height: 40px;word-break: break-all;   }

.header-wrap {padding: 30px 10px;border-bottom: 0;border-bottom: 0.5px solid #dadada;}
.header-wrap header {height: auto;padding-top: 0;}


#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}


#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}