@charset "utf-8";
/* 새글 스킨 (latest) */
.board{position:relative; height:100%; overflow:hidden; }
.board ul.list{position:relative; height:276px; padding-right:59px;}
.board  .cm-tab-list ul> li{float:left; width:20%; box-sizing:border-box;}
.board  .cm-tab-list ul> li > a{position: relative;z-index: 2; display: block;height: 50px;line-height: 30px; text-align: center;font-size: 18px; font-weight:500; box-sizing:border-box; padding:0 2%}
.board  .cm-tab-list ul> li.selected a{color:#ef860d;border-bottom: 3px solid #ef860d;}
.board ul.list > li > a .m_hide{display:inline;}
.board ul.list > li .tabcontent{position: absolute;z-index: 1;left: 0;top:-2px;width: 100%;height: calc(100% - 48px);padding: 15px 0; text-align: left;border-top: 2px solid #ddd; background: #fff; }
.board ul.list > li .tabcontent ul{}
.board ul.list > li .tabcontent ul li{position:relative; margin:5px 0; width:100%; box-sizing:border-box;}
.board ul.list > li .tabcontent ul li> a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:content-box; line-height:23px;letter-spacing:-0.05em; font-size:15px; color:#666; position:relative; width:100%; display:block; box-sizing:border-box;}
.board ul.list > li .tabcontent ul li .new_icon{display: inline-block;vertical-align: top;padding-left: 8px;position: relative;top: -2px;}
.board ul.list > li .tabcontent ul li:hover a .board_tit{ color:#ef860d!important}
.board ul.list > li .tabcontent ul li:nth-child(2)~*{}
.board ul.list > li .tabcontent ul li:nth-child(1)~* > a{display:block; width:100%; position:relative;padding-left:1.2%; }
.board ul.list > li .tabcontent ul li:nth-child(1)~* > a:after{ display:block; content:"";width:2px; height:2px; position:absolute; left:0; top:10px; background:#666}
.board ul.list > li .tabcontent ul li .text-box{ display:table; width:100%; box-sizing:border-box;}
.board ul.list > li .tabcontent ul li .text-box p, .board ul.list > li .tabcontent ul li .text-box span{display: table-cell;vertical-align: top;box-sizing: border-box;line-height: 1.7;font-size: 15px; word-break: keep-all;}
.board ul.list > li .tabcontent ul li .text-box p{width:calc(100% - 20%);}
.board ul.list > li .tabcontent ul li .text-box span.lt_date{ text-align:right; letter-spacing:0; color:#888; font-weight:300}
.board ul.list > li .tabcontent ul li:first-child{ padding-bottom:2%; margin-bottom:2%; border-bottom:1px solid #ddd;}
.board ul.list > li .tabcontent ul li:first-child .text-box p.board_tit{display:block; max-height:46px; margin-bottom:5px; padding-bottom:2px; color:#333333; font-size:18px; font-weight:500}
.board ul.list > li .tabcontent ul li:first-child .news_text{width: calc(100% - 20%);font-size: 15px;color: #666;line-height: 1.5;word-break: keep-all;font-weight: 300;}

.board ul.list > li .tabcontent .more{display:block; position:absolute; top:-90px; right:0; width:59px; height:60px; background-color:#eaeef2; color:transparent; font-size:0;}
.board ul.list > li .tabcontent .more:before{display:block; position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); width:24px; height:24px; background:url(../images/main/more.png) no-repeat left top; content:''; transition:transform 300ms ease-in-out;}
.board ul.list > li .tabcontent .more:hover:before{transform:rotate(180deg);}

@media all and (max-width:1120px){
.board .cm-tab-list ul> li > a{ font-size:16px; height:40px}	
.board ul.list > li .tabcontent ul li:first-child .text-box p.board_tit{ font-size:16px}
}
@media all and (max-width:990px) {
.board .cm-tab-list ul> li{width:25%;}
.board ul.list > li .tabcontent ul li:first-child .news_text	{height:30px;overflow: hidden;white-space: nowrap;overflow-x: hidden;text-overflow: ellipsis;}
.board ul.list > li .tabcontent ul li:first-child .news_text{width: calc(100% - 30%);}

}
@media all and (max-width:900px) {
.board ul.list > li .tabcontent ul li .text-box p, .board ul.list > li .tabcontent ul li .text-box span{ font-size:13px}	
}
@media all and (max-width:768px) {
.board ul.list{ height:265px}
.board .cm-tab-list ul> li > a{ font-size:14px}
}
@media all and (max-width:576px) {
.board .cm-tab-list ul> li > a{height:32px}	

}