@charset "utf-8";


/******************************************************************************
******************************************************************************* 게시판 공통 - 타이틀  {
*******************************************************************************/
.board__title__wr{display: flex;  align-items: flex-end;  justify-content: flex-start;  flex-wrap: nowrap;  flex-direction: row;}
.board__title__wr .board__title{position:relative; font-size:17px;font-weight:700; padding-left:0px;}
.board__title__wr .board__title a{color: #555555;}
.board__title__wr .board__title .title__icon{position:absolute; top:50%; left:0; transform:translateY(-50%); width: 12px; height: 12px; border-radius: 50%; background:#333; vertical-align: text-top; margin-right:-3px;}
.board__title__desc{font-size: 13px;font-weight: normal;color: var(--color__basic);margin-top: 5px;}


#board__title__wr_l{margin-bottom:0; padding: 0 0px;}
#board__title__wr_w{margin:0px 0 15px; padding: 0 10px;}
#board__title__wr_v{margin-bottom:0; padding: 0 10px; padding-bottom:15px;position:relative;}
#board__title__wr_v:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:5px; -webkit-box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.13); box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.13);}
#board__title__wr_v .board__title{font-size:12px;font-weight:400; padding-left:0px;}
#board__title__wr_v .board__mars__title{margin-right: 10px; padding-right: 10px; position:relative;}
#board__title__wr_v .board__mars__title:after{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:80%; background:#9f9f9f;}

@media (pointer: fine) {
    #board__title__wr_l .board__title a:hover,
    #board__title__wr_w .board__title a:hover,
    #board__title__wr_v .board__title a:hover {text-decoration: underline; color: var(--color__basic);}
}