.animo[data-delay="1"] {animation-delay:0.1s}
.animo[data-delay="2"] {animation-delay:0.2s}
.animo[data-delay="3"] {animation-delay:0.3s}
.animo[data-delay="4"] {animation-delay:0.4s}
.animo[data-delay="5"] {animation-delay:0.5s}
.animo[data-delay="10"] {animation-delay:1s}
/* 전체 컨테이너: 카드 뉴스처럼 부드럽게 */
.board_con {
    border: 1px solid #eef1f5; 
    background: #fff; 
    border-radius: 20px; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.05); 
    overflow: hidden;
    margin-bottom: 50px;
}

/* 상단 타이틀 영역: 여백을 넓히고 텍스트 강조 */
.board_con .board_tit {
    padding: 60px 40px; 
    position: relative; 
    border-bottom: 1px solid #f4f7f9; 
    background: #fafbfc;
}

/* 메뉴 및 화살표 버튼 위치 조정 */
.board_con .board_tit .menu { position: absolute; top: 25px; left:25px; }
.board_con .board_tit .menu img{width:30px}
.board_con .board_tit .arrow { position: absolute; top: 25px; right: 25px; }
.board_con .board_tit .arrow a { display: inline-block; transition: 0.3s; }
.board_con .board_tit .arrow a img{width:15px}
.board_con .board_tit .arrow a:hover { opacity: 0.6; transform: translateX(3px); }
.board_con .board_tit .arrow a:first-child:hover { transform: translateX(-3px); }
.board_con .board_tit .arrow a:last-child { padding-left: 15px; }

/* 제목: 폰트 두께와 색상 변경 */
.board_con .board_tit h5 {
    text-align: center; 
    font-size: 30px; 
    font-weight: 800; 
    display: block; 
    padding: 20px 80px 0; 
    color: #1a375a; 
    line-height: 1.4; 
    word-break: keep-all;
}
.board_con .board_tit h5 span { color: var(--import1); }

/* 본문 내용: 가독성 중심 */
.board_con .board_con_view {
    padding: 60px 50px; 
    line-height: 1.8; 
    font-size: 17px; 
    color: #444; 
    min-height: 50vh;
}
/* 사진 절대 안 잘리게 유지 */
.board_con .board_con_view img { 
    max-width: 100% !important; 
    height: auto !important; 
    border-radius: 15px; 
    margin: 20px 0; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.board_con .board_con_view p:empty { display: none; }

/* 작성일, 조회수 등 정보 텍스트 */
.board_con .txt { padding-top: 15px; text-align: center; }
.board_con .txt span { display: inline-block; padding: 0 10px; color: #99abb4; font-size: 14px; position: relative; }
.board_con .txt span:not(:last-child):after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 10px; background: #ddd; transform: translateY(-50%); }

/* 하단 기타 박스 (첨부파일, SNS) */
.board_con .etcbox {
    border-top: 1px solid #f4f7f9; 
    padding: 30px 40px; 
    position: relative; 
    background: #fcfdfe;
}
.board_con .etcbox .file {
    display: inline-block; 
    padding: 8px 15px; 
    background: #eee; 
    border-radius: 5px; 
    font-size: 14px; 
    color: #666; 
    margin-right: 10px; 
    transition: 0.3s;
}
.board_con .etcbox .file:hover { background: #e2e6ea; color: #333; }

/* 공유 아이콘 세련되게 */
.board_con .etcbox .snsicon { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); }
.board_con .etcbox .snsicon ul { white-space: nowrap; font-size: 0px; }
.board_con .etcbox .snsicon li { display: inline-block; padding-left: 10px;    width: 45px; }
.board_con .etcbox .snsicon li .icon_share {
    display: inline-block; 
    width: 45px; 
    height: 45px; 
    line-height: 45px; 
    font-size: 18px; 
    text-align: center; 
    background-color: #f1f3f5; 
    color: #5a6a82; 
    border-radius: 50%; 
    transition: 0.3s;
}
.board_con .etcbox .snsicon li .icon_share:hover { background-color: var(--import1); color: #fff; transform: rotate(15deg); }

/* 반응형 수정 */
@media screen and (max-width: 980px) {
    .board_con .board_tit h5 { font-size: 24px; padding: 20px 40px 0; }
    .board_con .board_con_view { padding: 40px 30px; }
}

@media screen and (max-width: 750px) {
    .board_con .etcbox .snsicon { position: static; transform: none; margin-top: 20px; text-align: center; }
    .board_con .etcbox .snsicon ul { display: inline-flex; }
    .board_con .etcbox { padding: 20px; text-align: center; }
}

@media screen and (max-width: 620px) {
    .board_con .board_tit { padding: 50px 15px 25px 15px; }
    .board_con .board_tit h5 { font-size: 20px; }
    .board_con .board_tit .menu, .board_con .board_tit .arrow { top: 20px; }
	 .board_con .board_tit .menu img{width:25px}
	  .board_con .board_tit .arrow img{width:12px}
    .board_con .board_con_view { padding: 20px 15px; font-size: 15px; }
    .board_con .board_con_view iframe { height: 200px !important; }
}