:root {
  --board-key-color:#333;
}




/*
  skin -> default
*/

/* search box */
/* .search_box {height: 80px; display:flex; justify-content:center; align-items:center; margin-bottom:3.75rem; *background:#eaecef;}
.search_box select {position:relative; border:1px solid #373737; padding: 0.25rem 30px 0.25rem 1rem; border-radius:2rem; width: 120px; box-sizing: border-box; background:url('/design/default/img/common/icon_select_arrow.png') no-repeat 90% 50%/auto;}
.search_box select option{position:absolute;}
.search_box .serch_input {border:1px solid #373737; padding: 0.25rem 1rem; box-sizing: border-box; border-radius:2rem;}
.search_box .serch_btn {} */
.search_box form {display: flex; column-gap: 4px;}
.search_box form select+select {margin-left:0;}
.search_box .serch_btn {background:#373737; color:#fff; width:40px; height:40px; border-radius:100%; }


/* btn */
/* .btn_wrap {padding-top:20px;}
.btn_wrap .btn {display:inline-block; padding: 6px 20px; background:#ccc; text-align:center; cursor:pointer;}
.btn_wrap .btn+.btn {margin-left:8px;}
.btn_wrap .btn.bg--keycolor { color:#fff; } */

/* list(default) */
.tb_board {width:100%; table-layout:fixed;}
.tb_board colgroup.colgroup_pc {display:table-column-group}
.tb_board colgroup.colgroup_m {display:none}
.tb_board thead { border:2px solid #373737; border-width:2px 0 2px 0; }
.tb_board thead th,
.tb_board tbody td {padding: 1rem 0.5rem; box-sizing: border-box;}
.tb_board thead th {text-align:center; font-weight: 700; font-size: 1.125em; vertical-align: middle;}
.tb_board tbody tr {border-top: 1px solid #eaecef; }
.tb_board tbody tr:nth-last-child(1) {border-bottom:1px solid #ddd;}
.tb_board tbody th {background:#dfdfdf;}
.tb_board tbody td {text-align:center; }
.tb_board tbody td.left {text-align:left; }
.tb_board .bd_title {display:inline-block; width: auto; max-width: calc(100% - 64px); vertical-align: middle; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.tb_board .new_icon {background:#f00; color:#fff; border-radius:4px; padding:2px 4px; font-size:12px; margin-left: 4px;}
.tb_board .file {display:inline-block;}
.tb_board .file img {vertical-align:sub;}
.tb_board .label {display:inline-block; padding: 0 4px; box-sizing: border-box; font-size:0.8em; margin-left:4px;}
.tb_board .label.new {background:#faf;}
.tb_board .label.notice {background:#a131ad;}
.tb_board .label.secret {background:#1dadaa;}

/* view */
.board_view {}
.board_view .bd_view_head {border: 2px solid #bfbfbf; border-width: 2px 0 2px 0; padding: 10px 5px;}
.board_view .bd_view_head .bd_title {font-size: 1.8em; font-weight: 700; }
.board_view .bd_view_head .bd_info{text-align: right;}
.board_view .bd_view_head .bd_info p{display:inline-block; }
.board_view .bd_view_head .bd_info p+p{margin-left:10px;}
.board_view .bd_view_head .bd_info .bd_category {font-weight: 700;}

.board_view .bd_view_body {min-height:300px; padding: 20px 10px; }
.board_view .bd_view_body dl {width:100%; padding:10px 0; margin-top: 20px; border-radius: 10px; background:#efefef;}
.board_view .bd_view_body dl+dl {margin-top: 10px;}
.board_view .bd_view_body dl dt {float:left; width: 14%; max-width:270px; text-align:center; font-weight: 500;}
.board_view .bd_view_body dl dt span {margin-left:10px;color:#1c3878;}
.board_view .bd_view_body dl dd {float:left; width: 85%; padding-left: 20px;  border-left: 1px solid #aaa; box-sizing: border-box;}
.board_view .bd_view_body dl dd img{display:inline-block; margin-right:5px; vertical-align: text-top;}
.board_view .bd_view_body dl dd a{display:inline-block;}

.board_view .bd_view_foot {margin-top:20px; }
.board_view .bd_view_foot dl {border: 1px solid #aaa; border-width: 1px 0 1px 0; width:100%; padding:10px 0; background:#efefef;}
.board_view .bd_view_foot dl+dl {border-top:0;}
.board_view .bd_view_foot dl dt {float:left; width: 14%; max-width:270px; text-align:center; font-weight: 500;}
.board_view .bd_view_foot dl dt span {margin-left:10px;color:#1c3878;}
.board_view .bd_view_foot dl dd {float:left; width: 85%; padding-left: 20px;  border-left: 1px solid #aaa; box-sizing: border-box;}
.board_view .bd_view_foot dl dd img{display:inline-block; margin-right:5px; vertical-align: middle;}
.board_view .bd_view_foot dl dd a{display:inline-block; width:98%; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; ;}

.board_view .bd_view_paging {}
.board_view .bd_view_paging dl {display: flex; border-top: 1px solid #e1e1e1;}
.board_view .bd_view_paging dl:last-of-type {border-bottom: 1px solid #e1e1e1; }
.board_view .bd_view_paging dl dt, .board_view .bd_view_paging dl dd {padding: 1rem 0; box-sizing: border-box;}
.board_view .bd_view_paging dl dt{ width: 150px; text-align: center;  background:#f5f5f5;color: #999;}
.board_view .bd_view_paging dl dd{width: calc(100% - 150px); padding-left:1rem;}

.board_view .btn_wrap {display: flex; column-gap: 4px;;}
.board_view .btn_wrap .btn{width:100px;}


/* post */
.post_board {}
.post_board dl {}
.post_board dl+dl {margin-top:16px;}
.post_board dl.row-2 {width:48%; float:left; margin-bottom:16px;}
.post_board dl.row-2+dl.row-2 {float:right;margin:0;}
.post_board dl dt {float:left; width: 72px; padding-top: 6px; vertical-align: top; font-weight: 700; font-size: 1.1em;}
.post_board dl dt label {font-size: inherit; color:inherit; font-weight:inherit;}
.post_board dl dt .required {color:#f00;}
.post_board dl dd {float:left; width: calc(100% - 72px);}
.post_board dl dd.bd_content_wrap {width:100%;}
.post_board dl dd input[type="text"]{width:100%;}
.post_board dl dd input[type="file"]{width:100%;}

.post_board dl dd select {position:relative; display:inline-block; min-width:100px; background: url('/design/default/img/sub/ic_select_down.png') no-repeat 95% 50%/auto; }
.post_board dl dd select option {line-height: 1.6;}
.post_board dl dd select+input[type="text"] {display:inline-block; width:calc(100% - 106px); }
.post_board .bd_content {margin: 20px 0;}





@media(max-width:1024px){

}

@media(max-width:768px){
  /*
    skin -> default
  */

  /* list */
  .search_box form {flex-wrap: wrap; row-gap: 4px;;}
  .tb_board colgroup.colgroup_pc {display:none}
  .tb_board colgroup.colgroup_m {display:table-column-group}
  .tb_board thead th.m_none,
  .tb_board tbody td.m_none {display: none;}
  .tb_board thead th, .tb_board tbody td {padding: 1em 0.5em;}
  /* view */
  .board_view .bd_view_head .bd_title {font-size: 1.125em;}
  .board_view .bd_view_head .bd_view_tit {font-size:1.125em;}
  .board_view .bd_view_head .bd_view_tit br {display:none;}
  .board_view .bd_view_body {min-height:0;}
  .board_view .bd_view_body dl dt {width: 20%;}
  .board_view .bd_view_body dl dd {width: 80%; padding-left:5px;}
  .board_view .bd_view_foot dl dt {width: 22%; }
  .board_view .bd_view_foot dl dt span {display:none; }
  .board_view .bd_view_foot dl dd {width: calc(100% - 22%); padding-left:10px;}
  .board_view .bd_view_paging dl dt,
  .board_view .bd_view_paging dl dd {padding: 0.5rem 0;}
  .board_view .bd_view_paging dl dt {width:60px;}
  .board_view .bd_view_paging dl dd {width:calc(100% - 60px); padding-left:0.5em;}

}
@media(max-width:400px){
	.tb_board .bd_title {display:inline-block; width: auto; max-width: calc(100% - -38px); vertical-align: middle; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media(max-width:550px){
	.tb_board .bd_title {display:inline-block; width: auto; max-width: calc(100% - -38px); vertical-align: middle; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
}