/*notice.css*/

/*visual S*/
.cus_visual{background: url('../img/customer/notice/banner.png');background-position: center; background-size: cover; background-repeat: no-repeat;}
/*visual E*/

/*basic_table.css*/
.cus_txt_wrap{text-align: center; padding: 60px 0;}
#bo_list_total{display: none;}
#bo_list .tbl_head01{padding: 0 0 60px; border-top: 2px solid #f2b705;}
.tbl_wrap table{border-top: none; border-right: none; border-left: none; border-collapse: separate; border-spacing: 0;}
#bo_list .fa{display: none;}
/* 테이블 thead */
#bo_list .tbl_head01 thead th{padding: 23px 0; font-weight: 700; color: #333; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg); background: #fff; border-bottom: none;}
#bo_list .tbl_head01 thead th input{vertical-align: middle;}
#bo_list .tbl_head01 thead th.check{width: 10px;}
#bo_list.basic_table .tbl_head01 thead th.check{width: 30px;}
#bo_list.basic_table .tbl_head01 thead th.bt_num{width: 100px;}
#bo_list.basic_table .tbl_head01 thead th.bt_date{width: 140px;}
#bo_list.basic_table .tbl_head01 thead th.bt_wr{width: 120px;}
#bo_list.basic_table .tbl_head01 thead th.bt_hit{width: 100px;}
/* 테이블 tbody */
#bo_list .tbl_head01 td{padding: 22px 5px;}
#bo_list .tbl_head01 td a, #bo_list .tbl_head01 td, #bo_list .tbl_head01 td span{color: #666;}
#bo_list .tbl_head01 td{ color: #333; border-color: #ccc;}
#bo_list .td_datetime{font-style: normal;}
#bo_list .bo_tit .title{overflow: hidden; text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.5; height: 1.5em; -webkit-line-clamp: 1; font-weight: 400;}
#bo_list .bo_tit .title_icon{display: none;}
.sv_member{text-align: center;}
#bo_list tbody tr:hover{border: none;}
/* 공지사항 */
#bo_list .bo_notice{background: #f5f5f5;}
#bo_list .bo_notice .notice_icon{display: none;}
.bo_notice td{border-bottom: none;}
#bo_list.basic_table .bo_notice .notice_icon{display: block; margin: 0 auto; background: none; color: #444;}
#bo_list .bo_notice td{background: none !important;}
/* 게시판 관리자 area */
#bo_btn_top{margin: 0 0 20px;}
.bo_fx{margin: 10px 0; float: none; width: 100%;}
/* 버튼 제어 */
a.btn, .btn{height: 40px; line-height: 40px; text-align: center; font-weight: 300; font-size: 13px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
a.btn_admin, .btn_admin{height: 40px; line-height: 40px; text-align: center; background: #333; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*관리자, 복사, 이동*/
a.btn_admin:hover, .btn_admin:hover{background: #444;}
a.btn_b02, .btn_b02{height: 40px; line-height: 40px; text-align: center; background: #f2b705; font-weight: 300; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*글쓰기*/
a.btn_b02:hover, .btn_b02:hover {background:#333;}
a.btn_b01, .btn_b01{height: 40px; line-height: 40px; background: #333; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*수정, 삭제, 목록, 답변*/
a.btn_b01:hover, .btn_b01:hover{background: #444;}
.btn_submit{background: #444; height: 40px; line-height: 40px; text-align: center;} 
/*댓글등록*/
.btn_submit:hover{background: #333;}
.bo_vc_w .btn_submit{border-radius: 0; font-weight: 300; font-size: 17px;}
a.btn_cancel{background: #999; height: 40px; line-height: 40px; text-align: center;}
.btn .fa{display: none;} /*버튼 픽토그램*/
.cmt_btn{background-position: 67px 10px; font-size: 16px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}/*댓글목록*/
.cmt_btn_op{background-position: 67px -20px;}
.cmt_btn .fa{display: none;}
.bo_v_nb li{padding: 20px; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;}
/* 게시판 검색 bo_sch */
.board_search{width: auto; height: 40px;}
#bo_sch{position:relative; float: left; border: none; padding: 0; margin: 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} 
#bo_sch *{font-size: 13px;}
#bo_sch > form{width: 100%; height: 100%;}
#bo_sch #sfl{margin: 0; padding-left: 5px; width: 105px; height: 100%; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/search_select.png) no-repeat; background-position: 90px;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch select{border: 1px solid #ccc;}
#bo_sch #sfl, #bo_sch #sfl option, #bo_sch .sch_input, #bo_sch .sch_btn{-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
#bo_sch .sch_input{margin: 0 5px; padding: 0 10px; float: left; width: 240px; height: 100%; background-color: #fff; border: 1px solid #ccc;}
#bo_sch .sch_input:focus{background: #fff;}
#bo_sch .sch_btn{position: relative; float: left; width: 55px; height: 100%; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;background-color: #f2b705; color: #fff; font-size: 14px;}
#bo_sch .sch_btn:focus{outline: 0; -webkit-box-shadow: none; box-shadow: none;}
input:focus{-webkit-box-shadow: none;box-shadow: none; outline: 0;}
select:focus{-webkit-box-shadow: none;box-shadow: none; outline: 0;}
#bo_sch .sch_btn .submit_span{display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; background: #444; font-size: 14px; font-weight: 400; -webkit-transition: 0.5s; transition: 0.5s;}
#bo_sch .sch_btn:hover .submit_span{background: #333;}
/* 게시판 페이지 번호매김 */
.pg_area{margin-top: 40px;}
.pg_wrap{margin: 0; position: relative; height: 40px; clear: none;}
.pg{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.pg_current{padding: 0; margin: 0 4px; width: 40px; height: 40px; line-height: 40px; -webkit-box-shadow: none; box-shadow: none;color: #fff; border-radius: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; font-weight: 400;}
.pg_page{padding: 0; margin: 0 4px; width: 40px; height: 40px; color: #666; background: #fff; border: 1px solid #ccc; line-height: 40px; font-size: 13px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0;}
.pg_page:hover{border-color: #444; color: #fff; background: #444; font-size: 13px; } 
.pg_current:hover{color: #fff; background: #444; border-color: #444;}
.pg_start, .pg_end{display: none;}
.pg_current{background: #f2b705;}
.pg_area{margin: 40px 0;}

/* 첨부파일 */
#bo_w .bo_w_flie .file_del{top: 8px;}
#bo_w.wt_w .bo_w_flie .file_del{top: 16px;}
.file_del input{float: left; margin: 6px 6px 0 0;}
.file_del label{float: left;}
/* 글쓰기 게시판 view skin */
#bo_v{width:1200px; margin: 0 auto; padding: 0 0 80px;}
#bo_w{padding: 40px 0 100px;}
#bo_vc_w_info{width:100%;}
#bo_v_info{padding: 20px 0;}
#bo_v_info strong{display: block; float: left;}
#bo_v_info .sv_member{font-weight: 400;}
#bo_v_info .if_date{font-style: normal; font-size: 13px;}
.bo_vc_w textarea{padding: 10px;}
#bo_v_title .bo_v_tit{font-size: 25px; line-height: 30px;}
#captcha #captcha_key{margin: 0; margin-left: 0;}
#captcha.m_captcha #captcha_key{height: 40px; margin-left: 0;}
#bo_v_info .fa{display: none;}
#bo_v_info span, #bo_v_info strong, #bo_v_info strong a{font-size: 13px;}
.brd-state strong a{margin: 15px 0; font-size: 15px;}
.bo_vc_w_info .frm_input{width: 100%;}
#bo_v{margin-top: 80px;}
#bo_v_share .btn{padding: 0 5px;}
#bo_v_top .bo_v_nb a{margin: 5px 0;}
#bo_v_con{-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
@media screen and (max-width:1199px){
    #bo_list .tbl_head01{padding: 0 0 50px;}
    #bo_list .tbl_head01 thead th, #bo_list .tbl_head01 thead a{font-size: 15px;}
    #bo_list .tbl_head01 td a, #bo_list .tbl_head01 td, #bo_list .tbl_head01 td span{font-size: 14px;}
}
@media screen and (max-width:767px){
    #bo_list .tbl_head01{padding: 0 0 40px;}
    #bo_list .bt_wr, #bo_list .bt_hit, #bo_list .td_name, #bo_list .td_num{display: none;}
}
@media screen and (max-width:480px){
    #bo_list .tbl_head01{padding: 0 0 40px;}
    #bo_list .tbl_head01 thead th{padding: 13px 0;}
    #bo_list .tbl_head01 td{padding: 13px 5px;} 
    #bo_list.basic_table .tbl_head01 thead th.bt_num{width: 50px;}
    #bo_list .bt_num, #bo_list .td_num2{display: none;}
    #bo_list.basic_table .tbl_head01 thead th.bt_date{width: 70px;}
    #bo_list .tbl_head01 thead th, #bo_list .tbl_head01 thead a{font-size: 14px;}
    #bo_list .tbl_head01 td{height: 50px;}
    #bo_list .tbl_head01 td a, #bo_list .tbl_head01 td, #bo_list .tbl_head01 td span{font-size: 13px;}
    #bo_list .tbl_head01 .bo_tit{padding-left: 15px;}
}

@media screen and (max-width:1199px){
    /* 버튼 제어 */
    a.btn, .btn{font-size: 13px;}
    .bo_vc_w .btn_submit{font-size: 13px;}
    .cmt_btn{font-size: 13px;}
   
    /* 게시판 */
    .sub_tit_top{margin: 90px auto 60px;}
    .sub_tit_top .tit_area{padding-bottom: 30px;}
    .table_pb{padding-bottom: 90px;}
    /* 게시판 카테고리 */
    #bo_cate{margin: 20px 0 40px;}
    #bo_cate ul{height: 40px;}
    #bo_cate li{line-height: 40px;}
    #bo_cate a{font-size: 13px;}
    /* 게시판 검색 */
    #bo_sch .sch_btn{font-size: 13px;}
}
@media screen and (max-width:1024px){
    /* 게시판 페이지 번호매김 */
    .pg_wrap{float: none; clear: none; position: static; -webkit-transform: none; -ms-transform: none; transform: none;}
}
@media screen and (max-width:767px){
  
    /*게시판*/
    .table_pb{padding-bottom: 70px;}
    /* 게시판 카테고리 */
    #bo_cate li{width: 100px;}
}
@media screen and (max-width:630px){
    /* 서브페이지 배너 */
    .sub_banner{height: 350px;}
    /* 첨부파일 */
    #bo_w .bo_w_flie .file_wr{height: 80px;}
    #bo_w .bo_w_flie .lb_icon{height: 100%;}
    #bo_w .bo_w_flie .file_del{top:50%; margin-top: 5px; left: 55px;}
    #bo_w .bo_w_flie .file_del label{font-size: 16px;} 
}
@media screen and (max-width:480px){

    /* 버튼 제어 */
    a.btn, .btn{font-size: 12px;}
    .bo_vc_w .btn_submit{font-size: 12px;}
    .cmt_btn{font-size: 13px;}
    .board_search{margin-bottom: 50px;}    
    
    /* 게시판 */
    .sub_tit_top{margin: 50px auto 35px;}
    .sub_tit_top .tit_area{padding-bottom: 20px;}
    .table_pb{padding-bottom: 50px;}
    /* 게시판 상단 */
    #bo_list_total{margin: 20px 0;}
    #bo_list_total span{float: left; font-size: 12px;}
    /* 게시판 카테고리 */
    #bo_cate{margin: 0 0 40px; border: none;}
    #bo_cate ul{width: 100%; height: 80px;}
    #bo_cate li{width: 50%; height: 40px;}
    #bo_cate a{border-right: 1px solid #ccc;}
    #bo_cate li:last-child a{border-right: 1px solid #ccc;}
    #bo_cate li:nth-child(2n-1) a{border-right: none;}
    #bo_cate li:nth-last-of-type(1) a, #bo_cate li:nth-last-of-type(2) a{border-bottom: 1px solid #ccc;}
    /*페이지 번호매김*/
    .pg_current{width: 30px; height: 30px; line-height: 30px;}
    .pg_page{width: 30px; height: 30px; line-height: 30px;}
    /* 게시판 검색 */
    #bo_sch *{font-size: 11px;}
    #bo_sch #sfl{width: 85px; background-position: 73px; background-size: 6px auto;}
    #bo_sch .sch_input{width: 220px;}
    #bo_sch .sch_btn{width: 50px; font-size: 12px;}
    /*첨부파일 */
    #bo_w .bo_w_flie .file_del label{font-size: 14px;}
    /* 글쓰기 게시판 */
    #bo_v_top .bo_v_left{width: 100%; margin: 0;}
    #bo_v_top .bo_v_left li{margin: 0 0.5%; width: 24%;}
    #bo_v_top .bo_v_left li a.btn, #bo_v_top .bo_v_left li .btn{width: 100%;}
    #bo_v_top .bo_v_com{width: 100%; margin: 10px 0;}
    #bo_v_top .bo_v_com li{margin: 0 0.5%; width: 32.3333%;}
    #bo_v_top .bo_v_com li a.btn, #bo_v_top .bo_v_com li .btn{width: 100%;} 
    .cus_txt_wrap{padding: 30px 0;} 
}
@media screen and (max-width:420px){
    /* 게시판 관리자 area */
    .bo_fx{width: 100%;}
    .bo_fx .btn_bo_user{width: 100%;}
    .bo_fx .btn_bo_user li{width: 24.25%; margin: 0 1% 0 0;}
    .bo_fx .btn_bo_user li:nth-last-of-type(2){margin: 0;}
    .bo_fx .btn_bo_user li .btn{width: 100%;}
    .bo_fx .btn_bo_user li .btn_b01{width: 100%;}
    .bo_fx .btn_bo_user a.btn_b02, .bo_fx .btn_bo_user .btn_b02{margin: 5px 0; width: 100%;}
    .bo_fx .btn_bo_user li.bo_fx_write{width: 100%;}
    #bo_sch .sch_input{width: 180px;} 
}
@media screen and (max-width:400px){
    /* 글쓰기 게시판 */
    #bo_v_info .if_date{float: left;}
    /* 첨부파일 */
    #bo_w .bo_w_flie .file_wr{height: 120px;}
    #bo_w .bo_w_flie .file_del{top:40px; margin-top: 5px; left: 55px;}
}
@media screen and (max-width: 380px){
    /* 게시판 검색 */
    #bo_sch .sch_input{width: 160px;} 
    #bo_sch .sch_btn{width: 45px;}
}
@media screen and (max-width: 360px){
    /* 게시판 검색 */
    #bo_sch .sch_input{width: 140px;}    
}