@charset "utf-8";
/*@latest 2022.08.01 YHY */

.board149 ul.board_wrap {position: relative;display: flex;flex-wrap: nowrap; padding:15px;width: 100%;height: 100%;box-sizing: border-box;}
.board149 ul.board_wrap>li {max-width: 32%;}
.board149 ul.board_wrap>li:first-child .tab_tit {padding-left:0; margin-left:0;}
.board149 ul.board_wrap>li:first-child .tab_tit:after {display: none;}
.board149 ul.board_wrap>li .tab_tit {position: relative; margin-left:30px;}
.board149 ul.board_wrap>li .tab_tit:after {content: ""; position: absolute; width: 4px; height: 4px; left: -18px; top: 10px; transform: translateY(-50%); background: #bbb; border-radius: 100%;}
.board149 ul.board_wrap>li .tab_tit {word-wrap: break-word;}
.board149 ul.board_wrap>li .tab_tit a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:20px;}
.board149 ul.board_wrap>li.active .tab_tit a {color:#1187df; border-bottom:3px solid; padding-bottom:5px; font-size: 22px; font-weight: 600; word-break: keep-all;}
.board149 ul.board_wrap>li .tab_tit a:after{content:''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); font-size: 20px; transition-duration: .35s; transition-timing-function: ease-in-out; opacity: 0;}
.board149 ul.board_wrap>li.active .tab_tit a:after {content: '\f0d7'; font-family: 'FontAwesome'; bottom: -20px; transition-delay: 0.15s; opacity: 1; visibility: inherit;}

.board149 ul.board_wrap>li .tab_cnt li strong {display: flex; justify-content: center;align-items: center; width:65px; height:65px; border-radius:100%; line-height:20px; letter-spacing: 1px; box-sizing: border-box; color:#fff;text-align: center; background:#1187df; word-break: keep-all;}
.board149 ul.board_wrap>li .tab_cnt li {float: left;width: 32%; box-sizing: border-box;}
.board149 ul.board_wrap>li .tab_cnt li + li {margin-left:2%;}
.board149 ul.board_wrap>li .tab_cnt li a {display: inline-block; width: 100%;}
.board149 ul.board_wrap>li .tab_cnt {display: none;position: absolute;top: 75px;left: 0;width: 96%; height:auto;box-sizing: border-box;margin: 0 2%;}
.board149 ul.board_wrap>li.active .tab_cnt {display: block;}

.board149 ul.board_wrap .cnt_box {margin-top: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.board149 ul.board_wrap .cnt_box .tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em; height: 2.6em; font-weight: 600;}
.board149 ul.board_wrap .cnt_box .txt {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word;line-height: 1.3em;height: 3.9em;margin-top: 15px; color:#8a8a8a;}
.board149 ul.board_wrap .cnt_box .date {margin-top: 10px; white-space: nowrap; display: block; width: 100%; height: auto; overflow: hidden; text-overflow: ellipsis;color:#8d8d8d;}

.board149 ul.board_wrap>li .more_btn {display: none; position: relative;}
.board149 ul.board_wrap>li.active .more_btn {display: inline-block;position: absolute; top: 15px; right: 15px; border: 1px solid #bbb; width: 40px; height: 40px; line-height: 40px; border-radius: 10px; background: #fff; text-align: center; font-size: 40px;}


/* layout */
.layout_block1 .board149 ul.board_wrap {height: 350px;}
.layout_height_H .board149 ul.board_wrap {height: 350px;}
.layout_height_M .board149 ul.board_wrap {height: 250px;}
.layout_height_L .board149 ul.board_wrap {height: 150px;}

.layout_height_M .board149 ul.board_wrap .cnt_box .txt {width: 100%; -webkit-line-clamp:2; height: 2.6em; margin-top:8px;}
.layout_height_M .board149 ul.board_wrap .cnt_box .date {display: none;}
.layout_height_M .board149 ul.board_wrap .cnt_box {margin-top:10px; padding-bottom:10px;}
.layout_height_M .board149 ul.board_wrap>li.active .tab_cnt {top:70px;}
.layout_height_M .board149 ul.board_wrap .cnt_box .tit, .layout_height_L .board149 ul.board_wrap .cnt_box .tit {width: 100%; -webkit-line-clamp:1; height:auto;}

.layout_height_L .board149 ul.board_wrap>li .tab_cnt li strong {display: none;}
.layout_height_L .board149 ul.board_wrap>li.active .tab_cnt {top:75px;}
.layout_height_L .board149 ul.board_wrap .cnt_box .date {display: none;}
.layout_height_L .board149 ul.board_wrap .cnt_box .txt {white-space: nowrap; width: 100%; -webkit-line-clamp:1; height:auto;}
.layout_height_L .board149 ul.board_wrap .cnt_box .txt {display: block; margin-top:5px;}
.layout_height_L .board149 ul.board_wrap .cnt_box {margin-top:0; padding-bottom:5px;}

.border-radius .board149 {border-radius: 15px;}


@media (max-width:799px){

  .board149 ul.board_wrap {float: left; box-sizing: border-box;}
  .board149 ul.board_wrap>li.active .more_btn {width:30px; height:30px; line-height: 30px; font-size:30px;border-radius: 10px;}

  .board149 ul.board_wrap>li .tab_cnt {width: 94%;}
  .board149 ul.board_wrap>li .tab_cnt li:last-child {border-bottom:0;}
  .board149 ul.board_wrap>li .tab_cnt li a {display: block;}
  .board149 ul.board_wrap>li .tab_tit a {font-size: 18px;}

  .board149 ul.board_wrap .cnt_box .txt {font-size: 15.5px;}


  /* layout */
  .layout_block1 .board149 ul.board_wrap>li.active .tab_cnt {top:85px;}

  .layout_height_H .board149 ul.board_wrap>li.active .tab_tit a {padding-bottom:3px; font-size: 19px;}
  .layout_height_H .board149 ul.board_wrap>li.active .tab_tit a:after {font-size: 18px;}
  .layout_height_H .board149 ul.board_wrap>li .tab_cnt li {/*width: 100%;*/padding: 0;}

  .layout_height_H .board149 ul.board_wrap .cnt_box {margin-top:0;padding-bottom: 15px;}
  .layout_height_H .board149 ul.board_wrap .cnt_box .tit {margin-top:20px;}
  .layout_height_H .board149 ul.board_wrap .cnt_box .txt {margin-top:20px; width: 100%; height:auto; font-size: 16px;}
  .layout_height_H .board149 ul.board_wrap .cnt_box .date {margin-top:15px; font-size: 15px;}

  .layout_height_H .board149 ul.board_wrap>li.active .tab_cnt {top:72px;}
  .layout_height_M .board149 ul.board_wrap>li.active .tab_cnt {top:77px;}

  .layout_height_M .board149 ul.board_wrap>li .tab_cnt li + li {margin-top:0;}
  .layout_height_M .board149 ul.board_wrap .cnt_box .txt {white-space: normal;}

  .layout_height_L .board149 ul.board_wrap>li .tab_cnt li {width:100%;}
  .layout_height_L .board149 ul.board_wrap>li.active .tab_cnt li:nth-child(n+2) {display: none;}
  .layout_height_L .board149 ul.board_wrap .cnt_box .txt {margin-top:8px;}
  .layout_height_L .board149 ul.board_wrap .cnt_box {padding-bottom:8px;}
}