@charset "utf-8";

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
 
/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {border-top: 2px solid #999;}
#bo_list .tbl_head01 .bo_notice td {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a {
    vertical-align: middle;
}
#bo_list td.empty_table {}
 
/* ### 기본 스타일 커스터마이징 끝 ### */
.bo_notice .notice_icon {display:inline-block;color: #fff;background-color: #0073d3;text-align: center;}

/* 게시판 목록 */
#bo_list {position:relative;margin-bottom:20px; }
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}



#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; text-align:center;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;width: 200px;}
#bo_cate a {color: #7c7c7c;background-color: #fff;}

#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
#bo_cate #bo_cate_on {z-index:2;background: #f26521;color:#fff;font-weight: 500;color: #fff;}
#bo_cate #bo_cate_on a{}
.td_subject img {margin-left:5px}


 

.td_num strong {color:#000}
.bo_cate_link {text-align: center;display:inline-block;background: #f26521;color: #fff !important;font-weight:normal !important;} /* 글제목줄 분류스타일 */
.bo_cate_link.state2{background-color:#000 !important;}
.bo_cate_link.state3{background-color: #7b7b7b !important;}
.bo_cate_link:hover {text-decoration:none}
 
.bo_current {color:#e8180c}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {background: #ffece4;color: #ff661c;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_list .bo_tit .title_icon {margin-right:2px}
#bo_list .bo_tit .fa-heart {color:#ff0000}
#bo_list .bo_tit .fa-lock {display:inline-block;font-size:0.833em;color: #a0a0a0;text-align:center;vertical-align:middle}
.new_icon {display:inline-block;color: #e8534d;font-weight:900;vertical-align: middle;}
#bo_list .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
#bo_list .bo_tit .fa-caret-right {color:#bbb}
#bo_list .bo_tit .fa-download {display:inline-block;color: #d6ad6d;text-align:center;margin-left:5px;vertical-align:middle}
#bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}

.bo_sch_wrap {/* display:none; */width:100%;/* height:100%; *//* position:fixed; */top:0;/* left:0; */z-index: 1;margin: 0 0 4%;text-align: center;}
.bo_sch {text-align:left;width: 100%;}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {}
.bo_sch legend {background:red}
.bo_sch  {display: inline-block;text-align: center;width: 100%;font-size: 0;text-align: center;max-width: 800px;}

.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d7d7d7;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);padding: 0 5px;}
.sch_bar{display:inline-block; vertical-align:middle; position:relative;}
.bo_sch input{border:1px solid #d7d7d7}
.bo_sch button{position:absolute; background:transparent}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}
.bo_sch .sch_rst{display:block;position:absolute;width:20px;height:20px;top:8px;right:50px;font-size:21px;font-weight:bold;color:#5a5a5a} /* 검색취소 */
.bo_sch .sch_rst2{display:block;position:absolute;width:100px;height:20px;top:5px;right:50px;font-weight:300;} /* 검색취소 */
.info_txt{display:inline-block; color:#1b1b1e; font-weight:400;}

.bo_sel_box{font-size: 0;}
.bo_sel_box select {border:0;height:40px;border-bottom: 2px solid #000;color:#000;padding: 0 5px; margin-left:1%;}
.searchYear{}


/* 게시판 읽기 */
#bo_v {/* background:#fff; */box-sizing:border-box;position: relative;}

 
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v header{}
#bo_v_title{line-height:1.2em; word-break:keep-all}
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
#bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
#bo_v_title .bo_v_sub{display:block; color:#8f6b5b}
#bo_v_info header{position:relative; border-top: 2px solid #2c2d2d;}
#bo_v_info .date{display: block;color:#272727;font-weight: 400;text-align: center;font-size: 22px;margin-bottom: 8px;}
#bo_v_info {margin:0;}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info {
    margin-bottom: 0;
}
#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_v_info .profile_info .profile_info_ct {width: 100%;}
#bo_v_info .profile_info .profile_info_ct span,#bo_v_info .profile_info .profile_info_ct strong{display:inline-block;font-weight: 400;}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:#000;font-size: 100% !important;}
#bo_v_info .if_date {margin:0;color:#888}

#bo_v_file{background-color: #f2f2f2;border-top: 1px solid #dedede;}
#bo_v_file h2 {float:left;color: #2d2c2c;font-weight:500;text-align:center;}
#bo_v_file ul {width:calc(100% - 100px;) float:left;}

#bo_v_file li {display:inline;margin-right:30px }
#bo_v_file li i {color: #2d2c2c; }
#bo_v_file a {display:inline-block;text-decoration:none;word-wrap:break-word;color: #2d2c2c;}
#bo_v_file a strong{display:block;font-weight: 500;}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color: #3960e5;}
#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: #3960e5;}
#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}
#bo_v_link 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%);font-size: 14px;}
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px;}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color: #000000;}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {border-color: #000000;color: #000000;}
#bo_v_link li:hover i {color: #000000;}
#bo_v_link li:hover .bo_v_link_cnt {color: #000000;}

#bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all;}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
#bo_v_con {width:100%;line-height:1.7em;min-height: 300px;word-break:break-all;overflow:hidden;font-size: 20px;padding: 0;color: #6f6f6f;}
#bo_v_con *{color:#6f6f6f; font-size:16px;line-height:1.7em;}

#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_atc img {max-width:100%;height: auto !important;width: auto;}
 
#bo_v_atc {min-height:200px;height:auto !important;height:200px;border-top: 1px solid #aaa;/* border-bottom: 1px solid #aaa; */}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

 
 /**/
.view_btn{position:relative; border-top:1px solid #231815;text-align:center;}
.list_btn{position:relative;display:inline-block;font-weight: 500;text-align:center;font-weight: bold;color:
#7c7c84;margin-right: 0;border:1px solid #dcdcdc;margin:0 auto;background: #fff;transition: all 0.3s;}
.list_btn:hover{background-color: #003565;border:0;color:#fff}
 
.cate{display:inline-block;background-color:#0073d3;color:#fff;text-align: center;vertical-align: middle;}
 
 
/*댓글*/
#bo_comment{}
#bo_comment h5{color: #333;font-weight: bold;font-size: 17px;padding-bottom:15px;border-bottom: 2px solid #333;}

.store_reple_list .reple{margin-bottom:7px; padding-bottom:7px; }
.answer{padding:5px 0 0 35px;background: url(/images/reple.svg) no-repeat 12px 7px;}

.reple_list{border-top: 2px solid #333;}
.reple_list li{padding:20px; border-bottom:1px solid #dcdcdc;}
.reple_list li p{padding:20px 0;color:#201b19; font-size:14px; font-weight:normal;}


.reple_info{position:relative;color:#a8a7a7;font-size: 15px;line-height:20px;}
.reple_info .jijum{color:#fc5c20;font-weight:bold;font-size:15px;margin-right:3px;line-height: 25px;}
.reple_info .date {color:#201b19;font-size: 14px;margin-left:3px;font-weight:500}
.reple_btn a{position:absolute;top:0;right:5px;width: 65px;height: 30px;line-height: 28px;
            border-radius:4px;border: 1px solid #dcdcdc;color: #201b19;font-size: 13px;text-align:center;}

.reple_write{margin-top:12px;}
.reple_write textarea{width:92%; border-radius:0; border:1px solid #dcdcdc; padding:10px; height:100px; box-sizing:border-box;}
.reple_write a{width: 7%;float:right;height: 100px;line-height: 100px;background-color: #0077b4;color:#fff;font-size:14px;font-weight:300;
text-align: center;border-radius: 10px;}

/*
#bo_comment li{position:relative; border-top: 1px solid #aaa;}
#bo_comment .time{position:absolute;}
#bo_comment h4{color:#333; ;}
#bo_comment .name{display:block;}
#bo_comment .co_content{background-color: #f2f2f2;}
#bo_comment .time button{background-color: #fff;}
*/


.board_btn{margin-top:10px;}
.board_btn a{width:50px;height:30px;border-radius:5px;text-align:center;line-height: 30px;}


/*231114 추가 갤러리*/
#bo_gall {display:inline-block;width:100%}
#bo_gall .gall_li{float:left;}
#bo_gall .gall_li_movie{float:left;}
#bo_gall .gall_li_cctv{float:left;}
#bo_gall .gall_img_box{border:1px solid #cdcdcd;height:270px;overflow:hidden;position: relative;}
#bo_gall .gall_movie_box{height:180px;position: relative;}
#bo_gall .gall_cctv_box{height:350px;position: relative;}

#bo_gall .gall_li img{height:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.gall_text_href a{font-weight:bold; word-break:keep-all}
/*231114 추가 갤러리 끝 */


/*231116 탭추가*/

.gall_text_href a{ line-height: 1.5em;height: 3em;}


.gall_text_href p{color:#a0a0a0;}
.gall_text_href p span{display: inline-block;vertical-align:middle;border-left:1px solid #a0a0a0;}

.nav-tab{font-size:0;text-align:center;border: 1px solid #a0a0a0;border-right: 0;}
.nav-tab.x2 div{width:50%;}
.nav-tab.x3 div{width:33.3%;}
.nav-tab.x4 div{width:25%;}
.nav-tab.x5 div{width:20%;}
.nav-tab div{display: inline-block;border-right: 1px solid #a0a0a0;color:#a0a0a0;cursor:pointer;text-align:center;}
.nav-tab .active{background-color:#0073d3;color:#fff;border: 0;}
.nav-tab div a {color:#a0a0a0}
.nav-tab .active a {color:#fff}

.pop_box{position:fixed;top:0;left:0;width:100%;height: 100%;z-index: 99;}
.pop_box .bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5)}
.pop_cont, .movie_pop_cont{position:absolute;top:50%;left:50%;z-index:1;background-color:#fff}
.pop_cont button, .movie_pop_cont button{position:absolute; top:0; right:0;background-color:#0073d3;opacity: 0.5;}
.pop_cont button i, .movie_pop_cont button i{color:#fff;}
.movie_pop_cont .remark{position:absolute;left:0;z-index:-1;bottom:-80px;width:60vw;height:80px;background-color:#fff;padding:5px;text-align:left;overflow-y:auto}
/*231116 탭추가 끝*/



/*게시판 글쓰기*/
.wr_title{font-size:20px} /* 게시판 제목*/
.board_write li {margin-bottom:8px;}
.board_write input,.board_write textarea{border:1px solid #dcdcdc; width:100%; box-sizing:border-box; }
.board_write input {height:43px; color:#ababab; font-size:15px; padding:13px;}
.board_write li div {position:relative;color:#777;font-size: 0;}
.board_write li div>input{position:absolute; top:0; left:0; width:80%; opacity:0; cursor:pointer;}
.filename {display:inline-block;width: 89%;height: 43px;border:1px solid #dcdcdc;margin-right: 1%;color:#ababab;font-size:15px;line-height: 43px;padding-left: 10px;vertical-align: middle;}
.file_up .filename{}
.file_up>input{width:100% !important;}
.board_write li div a{margin-right:8px;}
.board_write li {font-size:15px;}
.board_write select,.board_write option {color:#ababab; font-size:15px;}

.board_write li textarea{height:300px}
.board_write li div .find{display:inline-block;color:#fff;background-color:#7c7c7c;text-align:center;border-radius:3px;width: 10%;height:45px;line-height:45px;font-weight:bold;font-size:14px;vertical-align: middle;}
.board_write li .file_up .find{}
.board_write li div label input{width:15px; height:15px;}

/* ############################################## 1301 이상 */
@media (min-width:1300px) {
    .cate{width: 70px;height:40px;line-height:40px;font-size:18px;border-radius:10px;margin-right:5px;}

    .bo_sel_box select {width: 10% !important}


    #bo_gall ul{margin:0 -2%;}
    #bo_gall .gall_li {width:25%;padding: 0 2% 4%;}
    #bo_gall .gall_li_cctv {width:50%;padding: 0 2% 4%;}
    #bo_gall .gall_li_movie {width:33.3%;padding: 0 2% 4%;}

    .gall_text_href{padding:10px 0}
    .gall_text_href a{font-size:16px;  }


    /*231116 탭추가*/
    .gall_text_href p{margin-top:10px}
    .gall_text_href p,.gall_text_href p span{font-size:16px;line-height: 16px;}
    .gall_text_href p span{margin-left:10px; padding-left:10px;}
    .nav-tab {margin-bottom:35px}
    .nav-tab div{height:60px;line-height:60px;font-size: 18px;}

    .pop_cont{ transform: translate(-50%,-50%);}
    .movie_pop_cont{ transform: translate(-50%,-50%);width:60vw;height:35vw}
    .pop_cont img { height:100%;}
    .pop_cont button, .movie_pop_cont button{width:50px; height:50px; border-radius:5px; margin-top:-25px;margin-right:-25px}
    /*.pop_cont button{width:50px; height:50px; border-radius:5px; margin-top:-50px;margin-right:0px}*/
    .pop_cont button i, .movie_pop_cont button i{font-size:30px}


    /*231116 탭추가 끝*/
}

/* ############################################## 641 이상 */
@media (min-width: 640px){

    .td_ph{display:none;}

    #bo_list .td_board {width:120px;text-align:center}
    #bo_list .td_chk {width:30px;text-align:center;border-bottom: 1px solid #a0a0a0;}
    #bo_list .td_num {width: 130px;text-align:center}
    #bo_list .td_date {width: 110px;text-align:center}
    #bo_list .td_name {width: 120px;text-align:center;}
    #bo_list .td_state {width: 100px;text-align:center;}
    #bo_list .bo_tit .fa-download {font-size:0.833em;}
    .notice_icon{width: 80px;height: 30px;line-height: 30px;font-size:15px;border-radius:17px;}


    .bo_tit a{font-size: 15px;}
    .bo_cate_link{height:35px;border-radius:17px;line-height:35px;font-size: 15px !important;width: 80px;margin-right: 40px;}
    .tbl_head01 th, .tbl_head01 td {height: 50px;font-size: 15px;}
    .new_icon {margin-left: 8px;font-size:12px;}
    #bo_list .bo_tit .fa-lock{margin-left: 8px;font-size:12px;}

    .bo_sch select{width: 27%;margin-right:3%;text-align: left;border-radius: 25px;/* margin-left: 10px; */padding: 0 10px;}
    .bo_sch select{height:45px; line-height:45px; font-size:15px;}

    .bo_sch{margin-left: 15px;}
    .sch_bar{width: 35%;}
    .bo_sch input{width:100%;height:45px;border-radius:23px;padding-left:24px;font-size: 16px;padding-right:55px;}
    .bo_sch button{top:50%; right:20px; margin-top:-10px;width:21px; height:20px;  }
    .bo_sch button img{width:21px}

    .bo_sel_box {margin: 20px 0;}
    .bo_sel_box select {width: 20%;font-size: 16px;padding:0 10px}

    #bo_v_info .profile_info .profile_info_ct{    padding: 0 0 20px;}
    #bo_v_info .bo_sche{    padding: 20px 0 0;}
    #bo_v_info .profile_info .profile_info_ct span, #bo_v_info .profile_info .profile_info_ct strong{font-size:18px;}

    #bo_v_title{font-size:26px;}

    #bo_v_file{padding:0 50px;}
    #bo_v_file h2 {font-size:16px;height:70px;line-height:70px;margin-right: 20px;}
    #bo_v_file li {height:70px; line-height:70px;}
    #bo_v_file li i{font-size:15px; margin-right:20px;}
    #bo_v_file a {font-size: 16px;}

    #bo_v_atc{padding:40px;}

    #bo_v_info header{ padding:30px 50px;}
    .list_btn{width:120px; height:60px; line-height:60px; font-size:18px !important; border-radius: 30px}

    .board .page_tit { padding:190px 0 100px;}
    .board .page_tit .page_inbox{padding:0;}
    .view_btn{margin-top: 50px;padding: 50px 0;}
    .view_btn a.btn_prev font{margin-left:10px;}
    .view_btn a.btn_next font{margin-right:10px;}

    .view_btn a.v_href{margin-top:-30px;}
    .view_btn .v_nb{font-size:20px;height:60px;line-height: 60px; width:120px;border-radius: 50%;}
    .view_btn a font{width: 65px;}

    /*
    #bo_comment li{padding:30px 20px;}
    #bo_comment .time{ top:20px; right:20px;}
    #bo_comment .time button{margin-left:10px;}
    #bo_comment h4{font-size:26px;margin-bottom: 20px;}
    #bo_comment .co_content{padding:20px;border-radius:5px;margin-top: 10px;}

    .reple_write textarea{width:86%;margin-right;2vw; }
    .reple_write a{width: 12%;font-size:3vw;color:red};
    */

}


/* ############################################## 641 이상 1299 이하  */
@media (min-width: 900px) and (max-width: 1299px){

    .cate{width: 7.5vw;height:3.5vw;line-height:3.5vw;font-size:1.5vw;border-radius:0.5vw;margin-right: 1vw;}
    #bo_gall ul{margin:0 -2%;}
    #bo_gall .gall_li {width:33.3%;padding: 0 2% 4%;}
    #bo_gall .gall_img_box{height:230px;}

    #bo_gall .gall_li_movie {width:50%;padding: 0 2% 4%;}
    #bo_gall .gall_movie_box{height:180px;}

    #bo_gall .gall_li_cctv {width:100%;padding: 0 2% 4%;}
    #bo_gall .gall_cctv_box{height:47vw;}

    .gall_text_href{padding: 1vw;}
    .gall_text_href a{font-size:16px; }
    .nav-tab {margin-bottom:5vw}
    .nav-tab div{height: 5vw;line-height: 5vw;font-size: 1.5vw;}
}


/* ############################################## 641 이상 1299 이하  */
@media (min-width: 640px) and (max-width: 899px){

    .cate{width: 7.5vw;height:3.5vw;line-height:3.5vw;font-size:1.5vw;border-radius:0.5vw;margin-right: 1vw;}
    #bo_gall ul{margin:0 -2%;}
    #bo_gall .gall_li {width:50%;padding: 0 2% 4%;}
    #bo_gall .gall_img_box{height:250px;}

    .gall_text_href{padding: 1vw;width:41.5vw}
    .gall_text_href a{font-size:16px; }

    /*231116 탭추가*/
    .gall_text_href p{margin-top:1vw}
    .gall_text_href p,.gall_text_href p span{font-size:1.5vw;line-height: 1.5vw;}
    .gall_text_href p span{margin-left:1vw; padding-left:1vw;}
    .nav-tab {margin-bottom:5vw}
    .nav-tab div{height: 5vw;line-height: 5vw;font-size: 2vw;}
}

/* ############################################## 641 이상 1000 이하  */
@media (min-width: 640px) and (max-width: 1000px){
    .td_state{display:none;}
}


@media (max-width:1199px){
    #bo_gall .gall_li_movie {width:45%;padding: 0 2% 4%; margin-left:2%}
}

@media (max-width: 768px){
    #bo_gall .gall_li_movie {width:100%;padding: 0; margin-left:2%; text-align:center;overflow:hidden}
}


/* ############################################## 640 이하 */
@media (max-width:1299px){
    .pop_cont, .movie_pop_cont{width:80vw;height:50vw;margin-left: -40vw;transform: translateY(-50%);}
    .pop_cont img{width:100%}
    .pop_cont button, .movie_pop_cont button{width: 6vw;height: 6vw;border-radius:5px;margin-top: -3vw;margin-right: -3vw;}
    .pop_cont button i, .movie_pop_cont button i{font-size: 3.5vw;}
    .movie_pop_cont .remark{position:absolute;left:0;bottom:-80px;width:80vw;height:8vw;background-color:#fff;padding:5px;text-align:left;overflow-y:auto}
}

@media (max-width: 768px){

}


@media (max-width:640px){
    .cate{width: 15vw;height: 6vw;line-height: 6vw;font-size:3vw;border-radius:1vw;margin: 0 0 2vw;display: block;}
    .td_mh{display:none;}

    #bo_list .td_board {width:120px;text-align:center}
    #bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;}
    #bo_list .td_num {width: 10vw;text-align:center}
    #bo_list .td_date {width:150px;text-align:center}
    #bo_list .td_name {width: 100px;text-align:center;}
    #bo_list .td_state {width: 170px;text-align:center;}
    #bo_list .bo_tit .fa-download {font-size:0.833em;}
    .notice_icon{width: 8vw;height: 5vw;line-height: 5vw;font-size: 2.5vw;border-radius: 2.5vw;}

    .bo_info{margin-top: 2vw;}
    .info_txt{font-size:3vw; margin-right:4vw}

    .pop_cont, .movie_pop_cont{width:100vw;top:30%;left:0;margin-left:0}

    #bo_gall .gall_cctv_box{height:50vw}
    .movie_pop_cont .remark{position:absolute;left:0;bottom:-85px;width:100vw;height:23vw;background-color:#fff;padding:5px;font-size:2.5vw}

    .bo_tit a{font-size: 4vw;}
    .bo_cate_link{height: 6vw;border-radius: 3vw;line-height: 6vw;font-size: 2.8vw !important;width: 15vw;margin-right: 2vw;}
    .tbl_head01 th, .tbl_head01 td {font-size: 3vw;padding: 3vw 1vw !important;}
    .new_icon {margin-left:8px; font-size:12px;}
    #bo_list .bo_tit .fa-lock{margin-left: 8px;font-size:12px;}

    .bo_sch{}
    .bo_sch .nice-select .current{color:#8f8f8f;}

    .bo_sch select{width: 27%;margin-right:3%;text-align: left;border-radius: 25px;/* margin-left: 10px; */color:#8f8f8f;}
    .bo_sch select{height: 9vw;line-height: 9vw;  font-size:3vw;}
    .sch_bar{width:40%;}
    .bo_sch input{width:100%;height: 9vw;border-radius:23px;padding-left: 5vw;font-size: 3vw;padding-right:55px;}
    .bo_sch button{top:50%; right:20px; margin-top:-10px;width:21px; height:20px;  }
    .bo_sch button img{width:21px}
    .bo_sel_box select {width: 10%;font-size:16px;padding:0 10px}

    .searchYear{display:none}


    #bo_v_info .profile_info .profile_info_ct{    padding: 0 0 20px;}
    #bo_v_info .bo_sche{    padding: 20px 0 0;}
    #bo_v_info .profile_info .profile_info_ct span, #bo_v_info .profile_info .profile_info_ct strong{font-size: 3vw;}

    #bo_v_title{font-size: 5vw;}
    #bo_v_file{padding: 0 5vw;}
    #bo_v_file h2 {display:none;font-size: 3vw;height: 13vw;line-height: 13vw;margin-right: 5vw;}
    #bo_v_file ui {display:block;}
    #bo_v_file li {display:block;height:13vw;line-height: 13vw;}
    #bo_v_file li i{font-size:3.5vw; margin-right:2vw;}
    #bo_v_atc{padding: 5vw;}
    #bo_v_file li{font-size:3.5vw;}
    #bo_v_file a{font-size:3.5vw;}



    #bo_v_info header{ padding:5vw;}
    .list_btn{width: 18vw;height: 8vw;line-height: 8vw;font-size: 3.5vw !important;border-radius: 5vw;}

    .board .page_tit { padding:190px 0 100px;}
    .board .page_tit .page_inbox{padding:0;}
    .view_btn{margin-top: 10vw;padding: 10vw 0;}
    .view_btn a.btn_prev font{margin-left:10px;}
    .view_btn a.btn_next font{margin-right:10px;}

    .view_btn a.v_href{margin-top:-30px;}
     .view_btn .v_nb{font-size:20px;height:60px;line-height: 60px; width:120px;border-radius: 50%;}
    .view_btn a font{width: 65px;}


    /*
    #bo_comment li{padding: 5vw 3vw;}
    #bo_comment .name{font-size:3vw}
    #bo_comment .time{top: 4vw;right:3vw;font-size:3vw}
    #bo_comment .time button{margin-left:1vw;}
    #bo_comment h4{font-size:5vw;margin-bottom: 3vw;}
    #bo_comment .co_content{font-size:3vw;padding: 3vw;border-radius:5px;margin-top: 2vw;}
    */

    .bo_sel_box {display:none;}

    .reple_write textarea{width:75%;margin-right;2vw; }
    .reple_write a{width: 20%;font-size:3.5vw};


    #bo_gall ul{margin: 0 -3%;}
    #bo_gall .gall_li {width:100%;padding: 0 3% 5%;}
    #bo_gall .gall_img_box{height:300px;}

    .gall_text_href{padding: 2vw;}
    .gall_text_href a{font-size: 3vw; }

    /*231116 탭추가*/
    .gall_text_href p{margin-top:1vw}
    .gall_text_href p,.gall_text_href p span{font-size: 3vw;line-height: 3vw;}
    .gall_text_href p span{margin-left:1vw; padding-left:1vw;}
    .nav-tab {margin-bottom:5vw}
    .nav-tab div{height: 7vw;line-height: 7vw;font-size: 3vw;}

}