/* ==========================================================================
   01. 게시판 목록 및 검색
   ========================================================================== */

/* 리스트 */
@media screen and (max-width:1150px){
    .board_wrap{position:relative;padding:0 10px}
}

.board_search{width:100%;margin:20px 0;padding:20px 0 0;/*box-shadow:0px 3px 0px rgba(241,241,241,1);*/overflow:hidden;display:flex;flex-direction:column-reverse;}
.board_search form{float:right;width:100%;text-align:right}
.board_search select,.board_search input{height:38px;padding:7px;border:1px solid #d9d9d9}
.sch_btn{width:50px;line-height:10px;height:38px;background:#005aab;color:#fff;border:0;font-size:17px;cursor:pointer;}

#bo_list_total{position:relative;float:left;padding:0 0 0 20px;font-size:16px;}
#bo_list_total span{}
#bo_list_total:before{position:absolute;content:" ";width:12px;height:3px;background-color:var(--primary-color);left:0;top:10px;}


/* ==========================================================================
   02. 게시판 버튼
   ========================================================================== */

/*버튼*/
.btn_bo_user{clear:both;float:right;margin:30px 0}
.btn_bo_user li{display:inline-block;}
.btn{min-width:130px;padding:8px 20px;border:0;border-radius:0;font-size:16px;background:#686868;color:#fff;cursor:pointer;font-weight:bold;line-height:40px;}
.btn:hover{background:#333;color:#fff}
.btn_more{padding:10px 20px;border:0;border-radius:0px;background:#686868;color:#fff;cursor:pointer;font-weight:bold}
.btn_more:hover{background:#333;color:#fff}
.btn_bo_user li a{color:#fff;}
.btn_b02{background:#005aab;}
.btn_b02:hover{background:#004584;color:#fff}
.btn_cancel{background:#686868;color:#fff}
.btn_cancel:hover{background:#333;}

.btn2{padding:5px 10px;border:0;background:#333;color:#fff;cursor:pointer;border-radius:3px;font-size:14px !important}
.btn2:hover{background:#222;color:#fff}

.btn_cancel2{background:#686868;color:#fff}
.btn_cancel2:hover{background:#555;}

.btn3a{padding:5px;border:0;background:#686868;color:#fff;cursor:pointer;border-radius:3px;font-size:14px}
.btn3a:hover{background:#555;color:#fff}
.btn3b{padding:5px;border:0;background:#333;color:#fff;cursor:pointer;border-radius:3px;font-size:14px}
.btn3b:hover{background:#222;color:#fff}

.btn_bo_write{clear:both;text-align:center;margin:30px 0}
.btn_bo_write ul li{display:inline-block;}


/* ==========================================================================
   03. 게시판 글쓰기
   ========================================================================== */

/*글쓰기*/
.write_wrap .bo_w_info{width:100%}
.write_wrap .bo_w_info li{float:left;width:24.5%;margin-right:0.5%}
.write_wrap .bo_w_info input{width:100%;height:38px;}
.write_wrap input{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);}

input.wr_subject{width:99.5%;height:38px;margin:10px 0}
.bo_w_download{min-height:60px;padding:15px 30px 15px 120px;border-top:1px solid #DDD;border-bottom:1px solid #DDD;background:#F5F5F5;}
.bo_w_download input{width:100%;margin:5px 0 10px 0}
.bo_w_download th{color:#666;font-weight:400;background:transparent!important;}
.bo_w_download th a{color:#666;padding-left:16px;background:url('/images_new/common/ico-file.svg') 0 2px / 9px no-repeat;text-indent:-9999em;}
.bo_w_download th a:hover{text-decoration:underline;}
.ico-file-bx{position:absolute;left:40px;}

.write_wrap textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:99.5%;height:300px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);}

.bo_w_download{font-size:15px;}


/* ==========================================================================
   04. 게시판 상세보기
   ========================================================================== */

/*view*/
.view_wrap{position:relative;margin:20px 0 0;font-size:14px;border-top:1px solid #ddd;}

.view_subject{position:relative;width:100%;margin-bottom:10px;padding:20px 0 0;font-size:24px;font-weight:500;line-height:30px;color:#000;font-family:var(--font-s-core);}
.view_wrap .meta{margin:0;padding:8px 0 18px;border-bottom:1px solid #ddd;color:#666;}
.view_wrap .meta .iconBox{display:none}
.view_wrap .meta img{vertical-align:top;}
.view_wrap .meta .author{margin-left:8px;}
.view_content{border-bottom:1px solid #ddd;padding:50px 0;line-height:150%;}
.view_wrap .meta span{display:inline-block;}
.view_wrap .meta span:after{content:'';display:inline-block;height:15px;margin:-4px 10px 0;border-left:1px solid #ddd;vertical-align:middle;}
.view_wrap .meta span:last-child:after{display:none;}

.view_content p img{max-width:100%}

@media screen and (max-width:700px){
    .view_content p img{width:100%}
}


/* ==========================================================================
   05. 게시판 댓글
   ========================================================================== */

/*댓글*/
.comment_wrap{}

.comment_text_wrap{position:relative;border-bottom:1px solid #ddd;}
.comment_text{color:#666;padding:15px 20px;}
.comment_text li{padding-bottom:5px;font-size:14px;}
.comment_text li:first-child{float:left;margin-right:30px}
.comment_text li span{margin-right:10px;padding-right:10px;border-right:1px solid #ddd;color:#333;font-weight:bold}
.comment_text li.con{word-break:break-all;border:0px solid red;width:100%;font-size:14px;margin-top:10px;margin-bottom:20px;}
.comment_text pre{font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;}
.comment_text_btn{position:absolute;right:10px;bottom:10px;}
.comment_text_btn li{float:left;padding-right:7px}
.comment_no_text{color:#666;padding:20px;border-bottom:1px solid #ddd}
.comment_text_wrap .comment_bottom{width:calc(100% - 71px);padding:0 20px 10px 20px;}


.comment_bo_write{padding:20px 0;padding-bottom:0px;}
.comment_bo_write textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:50px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);margin:3px;}
.comment_bo_write input{float:left;width:140px;height:38px;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);margin:3px;}

.comment_bottom{display:flex;padding:0 0 10px 0;align-items:center;justify-content:space-between;}
.comment_bottom .file_list{display:flex;gap:8px;flex-wrap:wrap;}
.comment_bottom .file_item{display:flex;max-width:220px;background:#f5f5f5;padding:8px 12px 8px 8px;align-items:center;justify-content:space-between;gap:8px;}
.comment_bottom .file_item a{display:flex;width:calc(100% - 30px);font-size:14px;color:#666;letter-spacing:0;align-items:center;}
.comment_bottom .file_item a:last-child{width:100%;}
.comment_bottom .file_name{display:inline-block;max-width:calc(100% - 52px);padding:0 0 0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.comment_bottom .file_list .btn_delete{min-width:0;width:20px;height:20px;padding:0;background:transparent;line-height:1;}
.comment_bottom .icon.file.orange{display:inline-block;width:24px;height:24px;background:url(/img/icon_file_orange.png) no-repeat center;}
.comment_bottom .icon.file{display:inline-block;width:24px;height:24px;background:url(/img/icon_file.png) no-repeat center;}
.comment_bottom .icon.x.red{display:inline-block;width:20px;height:20px;background:url(/img/icon_x_red.png) no-repeat center;}
.comment_bottom .icon.plus.white{display:inline-block;width:20px;height:20px;background:url(/img/icon_plus_white.png) no-repeat center;}

.comment_form{margin:30px 0 0 0;padding:20px;background:#f5f5f5;border:1px solid #ddd;}
.comment_form .file_area{display:flex;width:80%;align-items:center;gap:12px;}
.comment_form textarea{height:130px;}
.comment_form_btn{margin:12px 0 0 0;}
.comment_form .btn_bo_write{margin:0;}
.comment_form .btn_bo_write .btn3{height:40px;font-size:16px !important;border-radius:0;white-space:nowrap;}
.comment_form .file_list{display:inline-flex;}
.comment_form .file_item{background:#fff;}
.comment_form input[type="file"]{display:none;}
.comment_form .btn_file_add{position:relative;display:inline-flex;width:auto;min-width:0;height:40px;padding:0 13px;font-size:16px;font-weight:500;color:#fff;background:#686868;align-items:center;gap:4px;transition:all 0.3s;}
.comment_form .btn_file_add:hover{background:#585858;}

.file_list_wrap{border-top:1px solid #ddd;padding:20px 0 0 0;margin:20px 0 0 0;flex-direction:column;gap:4px;align-items:flex-start;}
.file_list_wrap .title{display:block;font-size:16px;color:#222;}
.file_list_wrap .file_list{width:100%;margin:4px 0 0 0;flex-direction:column;}
.file_list_wrap .file_item{max-width:100%;}


/* ==========================================================================
   06. 게시판 페이징 및 기타
   ========================================================================== */

.board_number{margin-bottom:50px}
.pg_wrap{clear:both;text-align:center;}
.pg_wrap a{display:inline-block;width:40px;height:40px;line-height:40px;vertical-align:middle;background:#fff;cursor:pointer;}
.pg_wrap *{vertical-align:middle;line-height:0;}

.sp_result_txt{display:none;}


/* ==========================================================================
   07. 반응형 스타일 - 600px 이하
   ========================================================================== */

/*600px*/
@media screen and (max-width:600px){

    /* 게시판 검색 */
    .board_search{width:100%;/*margin:20px 0;padding:20px;border:1px solid #d9d9d9;box-shadow:0px 3px 0px rgba(241,241,241,1);overflow:hidden;*/}
    .board_search form{float:none;width:100%}
    .board_search select,.board_search input{height:38px;padding:7px;border:1px solid #d9d9d9}
    .sch_btn{width:50px;line-height:10px;height:38px;background:#005aab;color:#fff;border:0;font-size:17px;cursor:pointer;}
    #bo_list_total{float:none;margin:15px 0 0;width:100%;padding:7px 0 0 20px;font-size:14px;/*background:url('../img/board_icon1.jpg') no-repeat 0 12px;*/}
    #bo_list_total span{font-weight:bold}
    .bo_basic_list colgroup col:first-child{width:100% !important;}
    #bo_list_total:before{top:15px}

    /*설문조사*/
    .th_sttus,.th_result,.th_result_cnt,.td_result{display:none;}
    .bo_basic_list td.td_sttus{padding:0px 10px;display:inline;text-align:center;width:65px;color:#666;}
    .bo_basic_list td.td_result_cnt{display:inline;text-align:center;width:97px;color:#666}
    /* .td_result_cnt:before { content:"참여수 : "; } */
    .sp_result_txt{display:inline;}

    /* 댓글 */
    /* .comment_text{color:#666;padding:15px 0px;border-bottom:1px solid #ddd} */
    .comment_text li{padding-bottom:5px;font-size:14px;}
    .comment_text li:first-child{float:none;margin-right:0px}
    .comment_text li span{margin-right:10px;padding-right:10px;border-right:1px solid #ddd;color:#333;font-weight:bold}
    .comment_text li.con{font-size:14px;margin-top:10px}
	.comment_text_btn{bottom:auto;top:10px;}
	.comment_text_wrap .comment_bottom{width:100%;}
	.comment_bottom .file_item{max-width:100%;width:100%;}
	
    /* 글쓰기 */
    .write_wrap .bo_w_info{width:100%}
    .write_wrap .bo_w_info li{float:left;width:49%;margin-right:1%;margin-bottom:1%}
}


/* ==========================================================================
   08. 반응형 스타일 - 480px 이하
   ========================================================================== */

/* 480px */
@media screen and (max-width:480px){
    .board_search select{width:80px}
    .sch_input{width:110px;}
}


/* ==========================================================================
   09. 반응형 스타일 - 320px 이하
   ========================================================================== */

/* 320px */
@media screen and (max-width:320px){
    /*.td_name {display:none;}*/
    .view_wrap .meta .author{display:block;width:100%;margin-left:0px;}
}