@charset "utf-8"; 
/*@latest 2022.07.12 jra */

.board144 { background: white; box-sizing: border-box; } 
.board144 a { display:block; box-sizing: border-box; } 
.board144 .mainT { float: left; line-height: 74px; font-size: 30px; font-weight: 800; margin: 0px 33px 0 7px; white-space: nowrap; text-overflow: ellipsis; max-width: 40%; overflow: hidden; } 
.board144 ul.board_wrap { position: relative; width: 100%; height: 100%; } 
.board144 ul.board_wrap>li { float: left; display: inline-block; } 
.board144 ul.board_wrap>li a.board_name {max-width: 112px; float: left; width: 100%; box-sizing: border-box; position: relative; font-size: 14px; line-height: 74px;  padding: 0px 12px 0 19px; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; } 
.board144 ul.board_wrap>li.active a.board_name { color:rgb(201, 52, 52); } 
.board144 ul.board_wrap>li.active .tabTit::after { content: ""; position: absolute; width: 4px; height: 4px; left: 10px; top: 50%; transform: translateY(-50%); background: rgb(201, 52, 52); border-radius: 100%; } 
.board144 ul.board_wrap>li.active div ul { display: block; } 
.board144 ul.board_wrap>li.active .more_box { display: inline; position: absolute; top: 0; right: 0; padding-right: 7px; width: auto; line-height: 74px; } 
.board144 ul.board_wrap>li a.board_name:hover { color: rgb(201, 52, 52); } 
.board144 ul.board_wrap>li:hover .tabTit::after{ background: rgb(201, 52, 52) ;}
.board144 ul.board_wrap>li .tabTit { position: relative; float: left; } 
.board144 ul.board_wrap>li .tabTit::after { content: ""; position: absolute; width: 4px; height: 4px; left: 10px; top: 50%; transform: translateY(-50%); background: transparent; border-radius: 100%; transition:all 0.3s } 
.board144 ul.board_wrap>li .more_box { display: none; } 
.board144 ul.board_wrap>li .more_box a { color: #555; transition: color 1s; } 
.board144 ul.board_wrap>li .more_box a:hover { font-weight:bold; } 
.circle_box { font-size: 11px; width: 16px; border-radius: 100%; padding: 1px; line-height: 16px; display: inline-block; text-align: center; margin: 0 2px; background: rgb(101, 104, 97); color: #fff; font-weight: 800; vertical-align: middle; } 
.board144 ul.board_wrap>li .more_box a span.more_ar { margin-left: 1px; } 
.board144 ul.board_wrap li div ul { display: none; position: absolute; top: 74px; left: 0; width: 100%; height:100%; box-sizing: border-box; } 
.board144 ul.board_wrap ul li { float:left; width: 50%; transition:all .3s; } 
.board144 ul.board_wrap ul li a { text-decoration: none; position: relative; padding: 18px 0; width: 100%; float: left; height: auto;  } 
.board144 ul.board_wrap ul li:last-child a { border-bottom: 0; } 
.board144 ul.board_wrap ul li a p.tit { color: #555; line-height: 32px; letter-spacing: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none;  padding-right: 12px; } 
.board144 ul.board_wrap ul li a p.tit:hover { font-weight: 600; } 
.board144 ul.board_wrap ul li a span.date {font-size: 32px;line-height: 32px;float: left;margin: 0 36px 0 27px;overflow: hidden;text-indent: -132px;font-weight: 900;} 
.board144 ul.board_wrap ul li.no_data p.tit { font-size: 17px; color: #555; line-height: 32px; padding:0 12px 0 27px; } 


/* layout setting */
.layout_01 .board144 { height: 350px; } 
.layout_height_H .board144 { height: 350px; } 
.layout_height_M .board144 { height: 250px; } 
.layout_height_L .board144 { height: 150px; } 

.layout_height_M .board144 ul.board_wrap li div ul { top: 67px; } 
.layout_height_M .board144 ul.board_wrap ul li a { padding: 14px 0; } 
.layout_height_M .board144 ul.board_wrap>li a.board_name,
.layout_height_M .board144 ul.board_wrap>li.active .more_box,
.layout_height_M .board144 .mainT { line-height: 67px; } 
.layout_height_L .board144 ul.board_wrap ul li a { padding: 22px 0; } 

.layout_02 .board144 ul.board_wrap ul li:nth-child(n+5) { display:none; } 
.layout_02.layout_height_M .board144 ul.board_wrap ul li:nth-child(n+4) { display:none; } 
.layout_02.layout_height_L .board144 ul.board_wrap ul li:nth-child(n+2) { display:none; } 
.layout_03 .board144 ul.board_wrap ul li:nth-child(n+5) { display:none; } 
.layout_03.layout_height_M .board144 ul.board_wrap ul li:nth-child(n+4) { display:none; } 
.layout_03.layout_height_L .board144 ul.board_wrap ul li:nth-child(n+2) { display:none; } 
.layout_06.layout_height_M .board144 ul.board_wrap ul li:nth-child(n+7) { display:none; } 
.layout_06.layout_height_L .board144 ul.board_wrap ul li:nth-child(n+3) { display:none; } 

.layout_03.layout_height_M .board144 ul.board_wrap ul li a { padding: 10px 0; } 
.layout_03.layout_height_L .board144 ul.board_wrap ul li a { padding: 13px 0; } 



/* 모바일 화면과 동일 layout_03 */
.layout_03 .board144 ul.board_wrap ul li a p.tit { font-size:15.5px; } 
.layout_03 .board144 .mainT { float: none; line-height: 56px; max-width: 100%; } 
.layout_03 .board144 ul.board_wrap ul li a { padding: 16px 0; } 
.layout_03 .board144 ul.board_wrap ul li a span.date {margin: 0 23px 0 19px;text-indent: -115px;font-size: 28px;} 
.layout_03 .board144 ul.board_wrap li div ul { top: 35px; } 
.layout_03 .board144 ul.board_wrap>li a.board_name,
.layout_03 .board144 ul.board_wrap>li.active .more_box { line-height: 27px; } 
.layout_03 .board144 ul.board_wrap ul li { width:100%; } 


/* 모바일 화면과 동일 layout_04 */


@media (min-width: 800px) and (max-width: 1049px){
 .layout_03 .board144 ul.board_wrap>li .more_box .more_t,
 .layout_02 .board144 ul.board_wrap>li .more_box .more_t { display:none; } 

}

@media (min-width: 800px){
 .layout_02 .board144 ul.board_wrap>li a.board_name,
 .layout_03 .board144 ul.board_wrap>li a.board_name
  { padding: 0 2px 0 19px; }
  .layout_02 .board144 ul.board_wrap ul li { width:100%;  } 
  .board144 ul.board_wrap ul li:nth-child(even) .line{display:none}
 }


@media (max-width:799px){
 .layout_02 .board144 ul.board_wrap ul li,
 .layout_06 .board144 ul.board_wrap ul li { width:100%; } 
 .layout_height_M .board144 .mainT { float: none; line-height: 56px; max-width: 100%; } 
 .layout_height_M .board144 ul.board_wrap ul li a { padding: 16px 0; } 
 .layout_height_M .board144 ul.board_wrap ul li a span.date {margin: 0 23px 0 19px;text-indent: -115px;font-size: 28px;} 
 .layout_height_M .board144 ul.board_wrap li div ul { top: 35px; } 
 .layout_height_M .board144 ul.board_wrap>li a.board_name,
 .layout_height_M .board144 ul.board_wrap>li.active .more_box { line-height: 27px; } 
 .layout_height_M .board144 ul.board_wrap ul li { width:100%;  } 
 .layout_height_M .board144 ul.board_wrap ul li:nth-child(n+5) { display:none; } 
 .layout_height_M .board144 ul.board_wrap ul li:nth-child(n+4) { display:none; } 
 .layout_height_M .board144 ul.board_wrap ul li a { padding: 10px 0; } 
 .layout_height_L .board144 ul.board_wrap ul li a { padding: 13px 0; } 
 .layout_height_L .board144 ul.board_wrap ul li:nth-child(n+2) { display:none; } 
 .board144 ul.board_wrap ul li:nth-child(n+5) { display:none; } 
 .board144 ul.board_wrap ul li { width:100%;  } 
 .board144 .mainT { float:none; line-height: 56px; max-width: 100%; } 
 .board144 ul.board_wrap>li a.board_name,.board144 ul.board_wrap>li.active .more_box { line-height: 27px; } 
 .board144 ul.board_wrap li div ul { top: 34px; } 
 .board144 ul.board_wrap ul li a { padding: 16px 0; } 

}

@media (max-width:400px){
 .board144 .mainT { margin: 0px 7px; } 
 .board144 ul.board_wrap>li.active a.board_name { padding: 0 2px 0 18px; } 
 .board144 ul.board_wrap>li a.board_name { padding: 0 2px 0 13px; } 
 .board144 ul.board_wrap ul li a span.date { margin: 0 23px 0 19px; text-indent: -121px; font-size: 28px; } 
}

/* 144_line */
.board144 .line{ border-bottom: 1px solid rgba(0, 0, 0, 0.15);  width: 100%; position: absolute;} 
.layout_02 .board144 ul.board_wrap ul li:nth-child(even) .line,.layout_03 .board144 ul.board_wrap ul li:nth-child(even) .line{display:block;}