@charset "utf-8";
/*
*   게시판 글 본문 규칙 — _header.html 과 _share_header.html 양쪽에서 싣는다.
*   NEWS(service/notice.php)는 게시판을 iframe(noheader=y) 으로 띄우고, 그 안은
*   _share_header.html 이라 dozamm_custom.css 가 실리지 않는다. 거기엔 #wrap{width:1200px}
*   같은 광역 규칙이 있어 통째로 실을 수 없어서 게시판 규칙만 여기로 떼어냈다(2026-09-05).
*   여기 선택자는 게시판 상자(.board_view_content / .contents_holder …)에만 걸려
*   share 헤더를 쓰는 팝업·인쇄 문서에 실려도 아무 영향이 없다.
*/
/*
*   게시판 글 본문의 서체를 스킨 서체로 되돌린다 (모바일 _footer.html 에 같은 처리)
*   편집기로 붙여넣을 때 글자마다 인라인 서식이 박혀 영문이 Soleil 로 안 나왔다.
*   PC 는 게시판 스킨이 7종이라 스킨마다 넣지 않고 여기 한 번만 둔다.
*/
.contents_holder, .contents_holder *,
.board_view_content, .board_view_content *,
.board_view_comment, .board_view_comment *,
.seem_cont, .seem_cont *{
    font-family: 'Soleil-Regular', 'Noto Sans KR', sans-serif !important;
}


/*
*   게시판 글 본문의 글자 크기·행간을 상품 소개 본문과 같게 맞춘다 — 18px / 1.8
*   (상품 소개는 위의 .detail_explain_box * 규칙). 편집기가 11pt 를 인라인으로 박아 두어
*   자손까지 !important 로 눌러야 한다. 본문은 .seem_cont, 댓글은 .board_view_comment 로
*   나뉘어 있어 본문만 잡힌다. 게시판 스킨 7종 모두 같은 상자 이름을 쓴다.
*/
.board_view_content .seem_cont,
.board_view_content .seem_cont *{
    font-size: 18px !important;
    line-height: 1.8 !important;
}

/*
*   PC 게시판 글 — 본문 좌우 들여쓰기 100px, 제목·날짜 2배 (2026-09-05)
*   본문: board.css 의 .board_view_content .seem_cont{padding:30px 15px} 를 좌우만 100px 로.
*         파일 로드 순서에 기대지 않으려고 !important. 위아래 30px 은 그대로.
*   제목: 14px → 28px (행간 비율 1.5 유지 → 42px).  날짜: 11px → 22px.
*   develop·notice(NEWS iframe) 스킨 모두 같은 클래스를 쓴다.
*/
.board_view_content .seem_cont{
    padding-left: 200px !important;   /* 100 → 200 (2026-09-05) */
    padding-right: 200px !important;
}
.board_zone_view .board_view_tit h3{
    font-size: 28px !important;
    line-height: 1.5 !important;
}
.board_zone_view .board_view_info .view_info_day em{
    font-size: 22px !important;
    display: inline !important;          /* 원래 block 이라 줄 밖으로 삐져나갔다 */
}
/* 날짜를 키우자 정보 줄이 height:18px 고정이라 날짜가 줄 밖으로 넘치고
   글쓴이·조회수(develop 스킨에서만 보임)는 18px 줄 안에 남아 위로 붙어 보였다.
   줄 높이를 내용에 맞추고 세 항목을 한 기준선에 놓는다. 조회수는 원래 float:right 였는데
   flex 안에서는 float 이 무시되므로 margin-left:auto 로 오른쪽에 둔다. */
.board_zone_view .board_view_info{
    display: flex !important;
    align-items: baseline !important;
    height: auto !important;
    line-height: 1.5 !important;
}
.board_zone_view .board_view_info > span{
    /* display 는 건드리지 않는다 — NEWS 스킨은 글쓴이·조회수를 display:none 으로 숨겨 두는데
       inline 을 강제하면 되살아난다(실제로 한 번 그랬다). flex 자식 정렬엔 display 강제가 필요 없다. */
    float: none !important;
    vertical-align: baseline !important;
    height: auto !important;
    line-height: inherit !important;
}
.board_zone_view .board_view_info .view_info_hits{
    margin-left: auto !important;
}

/*
*   들여쓰기는 글에만 — 사진은 원래 폭(1170px)으로 (2026-09-05)
*   .seem_cont 좌우 padding 200px 은 그대로 두고, 사진이 든 문단만 -185px 로 밀어
*   원래 여백(15px) 자리까지 내보낸다. 사진은 max-width:100% 라 문단 폭 1170 을 그대로 쓰고
*   inline 의 margin:auto 로 가운데 정렬이 유지된다.
*   실측: 글에 든 사진 13장 모두 글자 없는 <p> 안에 있었다. 문단에 글과 사진이 섞이면
*   그 문단은 통째로 밖으로 나간다(드묾). :has() 를 모르는 옛 브라우저는 사진도 들여쓰기된 채 남는다.
*/
.board_view_content .seem_cont :is(p, figure, li):has(img){
    margin-left: -185px !important;   /* = 200 - 15, 들여쓰기와 함께 움직인다 */
    margin-right: -185px !important;
}

/* 글쓴이·조회수도 날짜와 같은 22px (강조 태그 strong 까지) */
.board_zone_view .board_view_info .view_info_hits,
.board_zone_view .board_view_info .view_info_hits strong{
    font-size: 22px !important;
}

/*
*   작성자는 어느 게시판이든 '도잠' 뿐이라 숨긴다 (2026-09-05).
*   작성자를 빼면 board.css 가 날짜에 붙여 둔 왼쪽 구분선(border-left)·margin-left:7px·
*   em 의 padding-left:10px·top:-3px 가 앞에 덩그러니 남으므로 같이 없앤다.
*   NEWS(press.css) 는 이미 없애 두었지만 develop 등 다른 스킨엔 남아 있다.
*/
.board_zone_view .board_view_info .view_info_idip{
    display: none !important;
}
.board_zone_view .board_view_info .view_info_day{
    border-left: 0 !important;
    margin-left: 0 !important;
}
.board_zone_view .board_view_info .view_info_day em{
    padding-left: 0 !important;
    top: 0 !important;
}

/*
*   조회수는 모든 게시판에서 보이게 — NEWS 스킨(css/board/press.css)이
*   .view_info_hits 를 display:none!important 로 숨겨 두어 다른 게시판과 달랐다.
*   특이도(0,3,0)로 그 규칙(0,1,0)을 이긴다. flex 자식이라 inline-block 이면 충분하고
*   오른쪽 정렬은 위의 margin-left:auto 가 맡는다.
*/
.board_zone_view .board_view_info .view_info_hits{
    display: inline-block !important;
}