/*****/

.sub_page .bbs_top {
  padding-top: 30px;
  padding-bottom: 30px;
}

.sub_page .bbs_top .bbs-sch {
  /* float: right; */
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}


/*게시판*/
.bbs-sch {
  position: relative;
  font-size: 15px;
  /* font-size: 1.5rem; */
}

.bbs-sch input {
  padding-left: 1.071em;
  height: 40px;
  max-width: 250px;
  border: 1px solid #cdcdcd;
  width: 100%;
}

.bbs-sch .b-sh {
  width: 70px;
  height: 40px;
  background-color: #333;
  color: #fff;
  font-size: 15px;
  /* font-size: 1.8rem; */
  line-height: 40px;
  flex: none;
}

.bbs-sch select {
  /* width: 120px; */
  height: 40px;
  border: 1px solid #cdcdcd;
  color: #333;
  background: url(/resources/images/common/select.gif) #fff no-repeat right 15px center;
  padding: 0 40px 0 20px;
}

/*pager*/
.paginationSet {
  margin-top: 39px;
  margin-bottom : 39px;
}

.paginationSet .pagination {
  text-align: center;
}

.paginationSet li {
  position: relative;
  display: inline-block;
  padding: 0 1em;
  font-size: 15px;
  /* font-size: 1.5rem; */
  vertical-align: middle;
}

.paginationSet li.active {
  font-weight: 600;
  color: #204294;
}

.paginationSet li a {
  display: block;
  height: 100%;
}

.paginationSet .i {
  white-space: nowrap;
  overflow: hidden;
  text-indent: -999px;
  width: 40px;
  height: 40px;
  border: 1px solid #cdcdcd;
  padding: 0;
}

.paginationSet .first {
  background: url(/resources/images/sub/first.gif) no-repeat center center;
}

.paginationSet .prev {
  background: url(/resources/images/sub/prev.gif) no-repeat center center;
}

.paginationSet .next {
  background: url(/resources/images/sub/next.gif) no-repeat center center;
}

.paginationSet .end {
  background: url(/resources/images/sub/last.gif) no-repeat center center;
}

/*table*/
.default_tb {
  border-top: 2px solid #333;
  font-size: 16px;
}

.default_tb table thead tr {
  border-bottom: 1px solid #cdcdcd;
}

.default_tb table thead tr th {
  padding: 18px 0;
  color: #333;
  font-weight: 500;
  background: #f8f8f8;
}

.default_tb table tbody tr {
  border-bottom: 1px solid #cdcdcd;
}

.default_tb table tbody tr td {
  text-align: center;
  padding: 18px 0;
  font-weight: 300;
  color: #555;
}

.default_tb .txtLeft {
  text-align: left;
}

.default_tb .file {
  display: inline-block;
  background: url(/resources/images/sub/file.gif) no-repeat center center;
  width: 15px;
  height: 17px;
}

.default_tb .rename {
  position: relative;
  display: inline-block;
  text-indent: -9999px;
  width: 22px;
  height: 20px;
  background: url(/resources/images/sub/rename.gif) no-repeat center center;
  vertical-align: middle;
  margin-right: 20px;
}

.default_tb .rename:after {
  content: '';
  position: absolute;
  background: #cccc;
  width: 1px;
  height: 12px;
  top: calc(50% - 6px);
  right: -12px;
}

.default_tb .delete {
  display: inline-block;
  text-indent: -9999px;
  width: 22px;
  height: 20px;
  background: url(/resources/images/sub/delete.gif) no-repeat center center;
  vertical-align: bottom;
}

/*viewpage*/
.default_view .top{border-top:2px solid #333; margin-top: 50px}
.default_view .top > div{padding:20px;}
.default_view .top > div{border-bottom:1px solid #cdcdcd;}
.default_view .top .t{background:#f8f8f8}
.default_view .top .t p{font-size:15px;font-size:1.5rem;color:#333;    font-weight: 500;}
.default_view .top .date:after{content:''; display:block; clear:both;}
.default_view .top .date ul{float:left;}
.default_view .top .date li{float:left;padding-right: 2.688em;font-size:16px;/*font-size:1.2rem*/;color:#666;font-weight: 300;}
.default_view .top .date .inf {float: right;}
.default_view .cont{width: 100%;padding: 30px 20px; min-height: 350px;border-bottom:1px solid #cdcdcd;}
.default_view .btn-list_w{margin:30px 0; text-align:right;}
.default_view .btn-list_w .viewbtn{display: inline-block;color: #2b2d33;text-align: center;    border: 1px solid #bababa;width:70px; padding: 5px 0;line-height: 1.56;font-size:12px;font-size:1.1rem; margin:0 10px;}
.pagination_view{border-top:1px solid #333;border-bottom:1px solid #333;margin-bottom: 50px;}
.
.pagination_view ul li{font-size:16px;font-size:1.6rem;}
.pagination_view ul li:not(:last-child){border-bottom: 1px solid #dedede;}
.pagination_view ul li a{display: block;text-align: center;padding: 1em 0;}
.pagination_view ul li a:after{content:''; display:block; clear:both;}
.pagination_view ul li a > *{float:left;}
.pagination_view ul li a .condition{ color: #333;width:100px;position:relative; font-weight: 500;}
.pagination_view ul li a .condition:after{content:''; position: absolute;top: calc(50% - 6px);right:0;width:1px;height:16px;background:#dadade;}
.pagination_view ul li a .tit{width: calc(100% - 100px);text-align: left;padding-left: 30px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;visibility: visible;color:#666;font-weight:300}


.video_wrap { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 비율 = 9/16 = 0.5625 */ }
.video_wrap iframe, .video_wrap video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

    /* 카테고리 tab style */
.tabs-st2{display: flex; margin-bottom: 30px; margin-top: 30px;}
.tabs-st2 > li{ height: 50px;}
.tabs-st2 > li a{display: block; text-align: center; border: 1px solid #ccc; border-bottom-color: #000; height: 100%; display: flex; align-items: center; justify-content: center; color: #444; flex-direction: column}
.tabs-st2 > li:not(:first-child) a{border-left: 0;}
.tabs-st2 > li a.active{border-top: 3px solid #ff6600; border-right-color: #000; border-left: 1px solid #000; color: #444; border-bottom: 0; font-weight: 600;}

.tabs-st2._high > li{height: 70px;}
.tabs-st2._high > li a > span{display: block; color: #757575; font-size: 14px;}

.tabs-st2.len1 > li{width: 100%}
.tabs-st2.len2 > li{width: 50%}
.tabs-st2.len3 > li{width: 33.333333333%}
.tabs-st2.len4 > li{width: 25%}
.tabs-st2.len5 > li{width: 20%}
.tabs-st2.len6 > li{width: 16.6666666667%}
.tabs-st2.len7 > li{width: 25%}
.tabs-st2.len8 > li{width: 25%}
.tabs-st2.len9 > li{width: 20%}
.tabs-st2.len10 > li{width: 20%}
.tabs-st2.len11 > li{width: 16.6666666667%}
.tabs-st2.len12 > li{width: 16.6666666667%}
/*****/

/* 초기화 버튼 */
.bbs-sch button.but_reset {
    background: #fff;
    color: #555;
    border: 1px solid #aaa;
    padding:10px;
}
.bbs-sch button.but_reset:hover {
    background: #eee;
    color: #333;
    border-color: #888;
}
