/* 게시판 view */
div[data-name="board_view"] {}
div[data-name="board_view"] h5[data-name="board_title"]{margin:20px 0 40px 0; font-size:36px; font-weight:bold; }
div[data-name="board_view"] div[data-name="board_header"] {position:relative; padding-top:20px; padding-bottom:24px; border-top:2px solid #000; font-size:0; }
div[data-name="board_view"] div[data-name="board_header"] h6.title {display: flex; margin-bottom:20px; padding-right:40px; font-size:26px; color:#000; word-break:keep-all; }
div[data-name="board_view"] div[data-name="board_header"] h6.title strong {display: flex; align-items: center; position:relative; font-size:26px; color:#0036ce; }
div[data-name="board_view"] div[data-name="board_header"] h6.title strong:after {content:'';display:inline-block; width:1px; height:100%; margin:0 15px; background:#e6e6e6; vertical-align:bottom }
/* 24.01.10 스타일 추가 { */
div[data-name="board_view"] div[data-name="board_header"] h6.title.type_hidden strong.type {display:none;}
div[data-name="board_view"] div[data-name="board_header"] h6.title span {line-height:30px;}
/* } 24.01.10 스타일 추가 */
div[data-name="board_view"] div[data-name="board_header"] b.date {display:inline-block; font-size:15px; vertical-align:middle; color:#000; }
div[data-name="board_view"] div[data-name="board_header"] b.update {position:relative; display:inline-block; font-size:15px; vertical-align:middle; color:#000;}
div[data-name="board_view"] div[data-name="board_header"] b.update::before {content:''; display:inline-block; width:1px; height:14px; margin-right:15px; background:#e6e6e6; vertical-align:middle; }
div[data-name="board_view"] div[data-name="board_header"] time {display:inline-block; padding:0 15px; font-size:15px; vertical-align:middle; color:#666;}
div[data-name="board_view"] div[data-name="board_header"] button.share {position:absolute; top:20px; right:6px; width:35px; height:35px; border-radius:50%; border:1px solid #d8d8d8; }
div[data-name="board_view"] div[data-name="board_header"] button.share:focus-visible {border-color:#FA8585; box-shadow:0 0 10px red; outline:none;}
div[data-name="board_view"] div[data-name="board_header"] button.share i {line-height:33px; }
div[data-name="board_view"] div.content {padding-top:30px; border-top:1px solid #e0e0e0; }
div[data-name="board_view"] div.content p {font-size:15px; line-height:22px; color:#666; }
div[data-name="board_view"] div.content > div.content_img {padding-top:10px;}
div[data-name="board_view"] div.content div.content_img > img {max-width:100%;}
div[data-name="board_view"] div.attachment {margin:30px 0; }
div[data-name="board_view"] div.attachment ul { font-size:0; }
div[data-name="board_view"] div.attachment ul li {box-sizing:border-box; display:inline-block; width:300px; border:1px solid #d6d6d6; border-radius:3px; margin: 2px;}
/*div[data-name="board_view"] div.attachment ul li + li {margin-left:4px; }*/
div[data-name="board_view"] div.attachment ul li a {box-sizing:border-box; position:relative; display:block; width:100%; height:100%; padding-top:12px; padding-bottom:12px; padding-left:15px; padding-right:38px; font-size:14px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div[data-name="board_view"] div.attachment ul li a:after {content:"\eb7c"; position:absolute; right:15px; top:12px; display:inline-block; color:#0035dd; font-family:'xeicon'; }
div[data-name="board_view"] div.attachment ul li a:focus-visible {border-color:#FA8585; box-shadow:0 0 10px red; outline:none;}
div[data-name="board_view"] ul.list {padding-top:20px; border-top:2px solid #000; }
div[data-name="board_view"] ul.list li {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
div[data-name="board_view"] ul.list li+li {border-top:0 none;}
div[data-name="board_view"] ul.list li a {box-sizing:border-box; display:block; width:100%; height:100%; padding:20px 0; font-size:0; }
div[data-name="board_view"] ul.list li a:focus-visible {border-color:#FA8585; box-shadow:0 0 10px red; outline:none;}
/* 24.01.16 스타일 추가 { */
div[data-name="board_view"] ul.list li a p {box-sizing:border-box; display:inline-block; width:calc(100% - 230px); padding-left:60px; font-size:0;}
div[data-name="board_view"] ul.list li a p span {display:inline-block; max-width:100%; font-size:15px; line-height:16px; color:#000; vertical-align:middle; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div[data-name="board_view"] ul.list li a p.clip span {max-width:calc(100% - 26px); }
div[data-name="board_view"] ul.list li a p i.clip {display:inline-block; width:14px; height:16px; margin-left:10px; background:url(../image/ico_clip.png) no-repeat center; vertical-align:middle;}
div[data-name="board_view"] ul.list li a i {display:inline-block; width:50px; height:100%; font-size:15px; color:#000; text-align:center; vertical-align:middle; }
/* } 24.01.16 스타일 추가 */
div[data-name="board_view"] ul.list li a strong {display:inline-block; width:50px; height:100%; font-size:15px; color:#000; text-align:center; vertical-align:middle; }
div[data-name="board_view"] ul.list li a time {display:inline-block; width:130px; height:100%; font-size:15px; vertical-align:middle; text-align:center; color:#666; }
div[data-name="board_view"] div[data-role=button] {display: flex; justify-content: center; gap: 8px;}
div[data-name="board_view"] div[data-role=button] button {width:120px; color:#fff; background:#0036ce; }
div[data-name="board_view"] div[data-role=button] button.btn_edit {color:#000; background:#ebebeb; }
div[data-name="board_view"] div[data-role=button] button.btn_delete {background:#505057;}
div[data-name="board_view"] div[data-role=button] button:focus-visible {border-color:#FA8585; box-shadow:0 0 10px red; outline:none;}
main.subpage div[data-name='board_view'] div.content_inner {font-size:15px; line-height:22px; color:#666;}
@media screen and (max-width:768px) {
    /* 공지사항 view */
    div[data-name="board_view"] div[data-name="board_header"] h6.title strong {font-size:22px; }
    div[data-name="board_view"] div[data-name="board_header"] h6.title span {font-size:22px; }

    /* 24.01.16 스타일 수정 { */
    div[data-name="board_view"] ul.list li a p {padding-left:10px; width:calc(100% - 190px);}
    div[data-name="board_view"] ul.list li a p span {font-size:13px;}
    /* } 24.01.16 스타일 수정 */
    div[data-name="board_view"] ul.list li a i {font-size:13px; width:40px }
    div[data-name="board_view"] ul.list li a strong {font-size:13px; width:50px }
    div[data-name="board_view"] ul.list li a time {font-size:13px; width:100px }
}
@media only screen and (max-width:599px) {
    /* 공지사항 view */
    div[data-name="board_view"] div.attachment ul li {width:100%; margin-left:0;}
    div[data-name="board_view"] div.attachment ul li + li { margin-top:4px;}
}
@media screen and (max-width:567px) {
    div[data-name="board_view"] div[data-name="board_header"] b.update::before {content: none;}
    div[data-name="board_view"] div[data-role=button] {flex-direction: column;}
    div[data-name="board_view"] div[data-role=button] button {width:100%;}
}
@media screen and (max-width:360px) {
    div[data-name="board_view"] div[data-name="board_header"] h6.title span {font-size:15px; line-height:16px;}
}