@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Board Markup ver1.0 2014-01-17
---------------------------------------------------- */

/* 게시판 공통 */
.btn_list{margin:20px 0 0 0;text-align:right}
.btn_list2{position:relative;margin:20px 0 0 0}
.btn_list2 .btn_right{position:absolute;top:0;right:0}

input[type="text"],input[type="password"],textarea{padding:5px 3px 4px 3px; border:1px solid #c6c6c6}
/*input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus{background:#f1f9ff}*/
input#straddress2{margin-top:4px}

.search_box{margin:20px 0;padding-top:20px;height:50px;text-align:center;background:url(../img/board/board_search_bg.gif) no-repeat;}
.search_box select{padding:2px;height:24px;}

/* 페이지표시 */
.page{text-align:center;margin-top:20px}
.page ol{font-family:inherit}
.page ol li{display:inline;margin:0 -2px;font-size:12px;line-height:22px;vertical-align:middle}
.page ol li a{display:inline-block;width:25px;height:22px;text-align:center;vertical-align:middle;color:#7b7b7b;letter-spacing:-1px;border:1px solid #d4d4d4;border-width:1px 1px 1px 0}
.page ol li:first-child a{border-left:1px solid #d4d4d4}
.page ol li strong{display:inline-block;width:24px;height:22px;text-align:center;vertical-align:middle;line-height:22px;color:#0284d9;text-decoration:underline;background:#e7e7e7;border:1px solid #d4d4d4;border-width:1px 1px 1px 1px}
.page ol li img {padding-top:8px;vertical-align:middle}

/* 게시판 목록 (Phase L3, 2026-09-20): 원본 붉은 테두리 → 은은한 회색으로 완화하고
   목록 컨테이너 톤을 join_box 카드 안에서 자연스럽게 연결 */
.bbs_ltype {border-collapse:collapse;border:1px solid #e0e0e0;border-width:0 0 1px 0}
.bbs_ltype thead th{padding:10px 0 8px 0; background:#f8f8f8; text-align:center;border-top:2px solid #6b6b6b;border-bottom:1px solid #d0d0d0;color:#333;font-weight:bold;}
.bbs_ltype thead th.subject{text-align:left;padding-left:10px;}
.bbs_ltype thead th.last{border-right:0;}
.bbs_ltype tbody tr:first-child td{border-top:0}
.bbs_ltype tbody td{padding:10px 0;text-align:center;border-top:1px solid #ececec}
.bbs_ltype tbody td.subject{padding-left:10px;text-align:left}
.bbs_search {text-align:right;}
.bbs_search select {padding:5px 0;}

/* 게시판 상세보기 */
.bbs_vtype{border-collapse:collapse;width:100%; margin: 0 0 10px 0; border:1px solid #cecece;border-width:0 0 1px 0}
.bbs_vtype thead th{padding:7px 0 5px 0;text-align:center;border:1px solid #4c8dc7;}
.bbs_vtype tbody th,.bbs_vtype tbody td{text-align:left;border:1px solid #cecece;border-width:1px 0 0 0}
.bbs_vtype tbody th{padding:7px 0 5px 20px;color:#0072be;}
.bbs_vtype tbody td{padding:7px 0 5px 0;}
.bbs_vtype tbody td.contents { padding: 20px 0;border-top:1px solid #4c8dc7;} 

/* 게시판 답변보기 */
.bbs_rtype{border-collapse:collapse;width:100%;border:1px solid #cecece;border-width:0 0 1px 0; margin:10px 0 10px 0;}
.bbs_rtype thead th{padding:7px 0 5px 15px;text-align:left;border:1px solid #4c8dc7;}
.bbs_rtype tbody th{text-align:left;border:1px solid #cecece;border-width:1px 0 1px 1px}
.bbs_rtype tbody td{text-align:left;border:1px solid #cecece;border-width:1px 1px 1px 0}
.bbs_rtype tbody th{padding:7px 0 5px 20px;color:#0072be;}
.bbs_rtype tbody td{padding:7px 0 5px 0;}
.bbs_rtype tbody td.contents { padding: 20px 0;border-top:1px solid #4c8dc7; border:1px solid #cecece;border-width:1px 0 1px 0} 

/* 게시판 글쓰기 */
.txtc_inreq { color:#ff9900; font-weight:bold}/* 필수항목 */
.bbs_wtype{border-collapse:collapse; table-layout: fixed; clear: both; width:100%;border:1px solid #4c8dc7;border-width:1px 0 1px 0}
.bbs_wtype thead th{padding:7px 0 5px 0;text-align:center;border:1px solid #4c8dc7;}
.bbs_wtype tbody th,.bbs_wtype tbody td{text-align:left;border:1px solid #cecece;border-width:1px 0 0 0}
.bbs_wtype tbody tr:first-child th,.bbs_wtype tbody tr:first-child td{border-top:1px solid #4c8dc7}
.bbs_wtype tbody th{padding:7px 0 5px 20px;color:#0072be;}
.bbs_wtype tbody td{padding:7px 0 5px 0;}
.bbs_wtype tbody td.contents {padding:5px 0;border-top:1px solid #4c8dc7;} 
.bbs_wfrom{padding:5px 0;border-bottom:1px solid #4c8dc7;}

/* 포토겔러리 목록 */
.bbs_gallery{border-top:1px solid #2271b8}
.bbs_gallery dl{position:relative;padding:10px 0 10px 230px;height:130px;border-bottom:1px solid #e8e8e8}
.bbs_gallery dl dt{margin-bottom:15px;padding:5px 0 15px 0;font-weight:bold;border-bottom:1px solid #e8e8e8}
.bbs_gallery dl dd.photo{position:absolute;top:7px;left:0;}
.bbs_gallery dl dd.photo .play{position:absolute;top:0;left:0;padding:50px 70px;width:53px;height:34px;cursor:pointer;background:url(../img/bsjunggu/sub/movi_play_ic.png) no-repeat center center;opacity:0.7;filter:alpha(opacity=70);}
.bbs_gallery dl dd.photo .play:hover{opacity:1;filter:alpha(opacity=100); }
.bbs_gallery dl dd.photo2{position:absolute;top:7px;left:205px;}
.bbs_gallery dl dd.photo img,.bbs_gallery dl dd.photo2 img{padding:4px;border:1px solid #e8e8e8}
.bbs_gallery dl.ph_li2{padding:10px 0 10px 415px}

/* 포토겔러리 목록2 */
.bbs_gallery2{border-top:1px solid #2271b8;border-bottom:1px solid #e8e8e8;}
.bbs_gallery2 ul{position:relative;padding:15px 0 10px 0;height:100%;overflow:hidden}
.bbs_gallery2 ul li{float:left;margin-bottom:10px;width:24.9%;text-align:center}
.bbs_gallery2 ul li span{display:block;padding-top:5px;}
.bbs_gallery2 ul li img{padding:4px;border:1px solid #e8e8e8}

/* 포토겔러리 상세보기 */
.bbs_gallery_view{border-collapse:collapse;width:100%;border:1px solid #cecece;border-width:0 0 1px 0}
.bbs_gallery_view thead th{padding:7px 0 5px 0;text-align:center;border:1px solid #4c8dc7;}
.bbs_gallery_view tbody th,.bbs_gallery_view tbody td{text-align:left;border:1px solid #cecece;border-width:1px 0 0 0}
.bbs_gallery_view tbody th{padding:7px 0 5px 20px;color:#0072be;}
.bbs_gallery_view tbody td{padding:7px 0 5px 0;}
.bbs_gallery_view tbody td.contents { padding: 20px 0;border-top:1px solid #4c8dc7;} 
.view_list li{ padding:10px 10px 8px 10px; border-bottom:1px solid #cecece; }
.view_list li.preline {border-top:1px solid #cecece; }
.view_list li span{margin:0 50px 0 10px;font-weight:bold;color:#0072be}

/* 페이징 (class.paging.php 유니코드 화살표 + 숫자 링크 26x26 통일 스타일) */
.page{margin-top:20px;margin-bottom:20px;font-family:inherit;font-size:12px;text-align:center;line-height:1;}
.page a .d_num,
.page a .o_num,
.page .d_num,
.page .o_num{display:inline-block;box-sizing:border-box;min-width:26px;height:26px;line-height:24px;padding:0 6px;text-align:center;vertical-align:middle;color:#555;background:#fff;border:1px solid #ddd;border-radius:3px;margin:0 2px;text-decoration:none;font-weight:normal;}
.page a .o_num,
.page a:hover .d_num{color:#c79f81;border-color:#c79f81;}
.page .s_num{display:inline-block;box-sizing:border-box;min-width:26px;height:26px;line-height:24px;padding:0 6px;text-align:center;vertical-align:middle;font-weight:bold;color:#fff;background:#c79f81;border:1px solid #c79f81;border-radius:3px;margin:0 2px;}

/* 게시판 컨테이너 중앙 정렬 보정
 * 원인: contents.css 의 .join_box{width:1200px} 가 #content(930px) 를 벗어나
 *       webzine 목록에서 우측으로 밀리는 현상 발생.
 * 게시판 스킨(list.htm) 안의 .join_box 는 폭 제약 없이 부모(#content)에 맞춤.
 *
 * Phase L3 (2026-09-20): 페이지 배경(#piw_sub_container:#ddd) 과 대비되는 흰 카드형.
 * 원본 header 자리 <p class="pb50"> 는 실질 비어 있어 검색바 위 50px 여백만 발생 → 무효화.
 * pl50/pr50 도 컨테이너 padding 이 이미 담당 → 무효화.
 */
#content .join_box{width:auto;background:#fff;padding:24px 28px 32px;margin-bottom:20px;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.04);box-sizing:border-box;}
#content .join_box > .pb50{padding-bottom:0;margin:0;}
#content .join_box .pl50{padding-left:0;}
#content .join_box .pr50{padding-right:0;}
#content .join_box .bbs_top{margin-bottom:16px;}
@media (max-width:640px){
	#content .join_box{padding:16px;}
}

/* 웹진 목록 (건강정보 등) — 카드형 */
.bbs_webzine{width:100%;padding:20px 0 40px 0;}
.bbs_webzine dl{position:relative;margin:0 0 16px 0;padding:20px 24px 20px 220px;min-height:160px;background:#fff;border:1px solid #e5e5e5;border-left:3px solid #c79f81;border-radius:4px;transition:box-shadow .18s ease, border-color .18s ease;overflow:hidden;}
.bbs_webzine dl:hover{border-color:#c79f81;box-shadow:0 4px 14px rgba(0,0,0,0.08);}
.bbs_webzine dl.no-photo{padding-left:24px;min-height:0;}
.bbs_webzine dl dt{margin:0 0 10px 0;padding:0 0 10px 0;font-size:17px;color:#222;font-weight:bold;border-bottom:1px solid #eee;line-height:1.4;}
.bbs_webzine dl dt a{color:#222;text-decoration:none;}
.bbs_webzine dl:hover dt a{color:#c79f81;}
.bbs_webzine dl dd.photo{position:absolute;top:20px;left:20px;width:180px;height:130px;overflow:hidden;text-align:center;background:#f5f5f5;border-radius:3px;}
.bbs_webzine dl dd.photo img{width:100%;height:100%;object-fit:cover;padding:0;border:0;display:block;}
.bbs_webzine dl dd.summary{margin:0;line-height:1.6;color:#555;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(1.6em * 2);}
.bbs_webzine dl dd.summary a{color:inherit;text-decoration:none;}
.bbs_webzine dl dd.meta{margin:12px 0 0 0;padding:0;font-size:12px;color:#999;line-height:1;}
.bbs_webzine dl dd.meta .date{margin-right:12px;}
.bbs_webzine dl dd.meta .hit::before{content:"·";margin-right:8px;color:#ccc;}
.bbs_webzine .new-badge{display:inline-block;color:#fff;background:#e05a2a;font-size:10px;font-weight:bold;padding:2px 5px;border-radius:2px;line-height:1;vertical-align:middle;margin-left:8px;}
@media (max-width:640px){
  .bbs_webzine dl{padding:16px;min-height:0;}
  .bbs_webzine dl.no-photo,
  .bbs_webzine dl{padding-left:16px;}
  .bbs_webzine dl dd.photo{position:static;width:100%;height:180px;margin-bottom:12px;}
}

/* ============================================================
 * 게시글 상세(view) — list 톤과 통일된 아티클 스타일
 * 대상: _view/bbs/webzine/view.htm (health, media_report 공유)
 * ============================================================ */

/* view 페이지에서 join_box 폭/배경/padding 제약 해제 */
#content .join_box .pl50.pr50{padding:0;}

/* --- 아티클 컨테이너 --- */
.board-view{width:100%;margin:20px 0 40px 0;}

/* --- 헤더 카드 (제목 + 메타) — list 카드와 동일 규격 --- */
.board-view-header{
	margin:0 0 16px 0;
	padding:26px 28px 24px 28px;
	background:#fff;
	border:1px solid #e5e5e5;
	border-left:3px solid #c79f81;
	border-radius:4px;
	border-bottom-color:#e5e5e5;
}
.board-view-header .title{margin:0 0 14px 0;padding:0;font-size:22px;font-weight:bold;color:#222;line-height:1.4;letter-spacing:-0.3px;word-break:break-word;border-bottom:0;}
.board-view-header .meta{margin:0;padding:0;font-size:13px;color:#666;line-height:1;}
.board-view-header .meta .date,
.board-view-header .meta .hit,
.board-view-header .meta .writer{display:inline-block;color:#666;}
.board-view-header .meta .sep{display:inline-block;margin:0 10px;color:#ddd;}

/* --- 첨부파일 카드 --- */
.board-view-attach{margin:0 0 16px 0;padding:14px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:13px;color:#555;}
.board-view-attach .file{display:inline-block;margin-right:16px;cursor:pointer;color:#555;}
.board-view-attach .file:hover{color:#c79f81;text-decoration:underline;}

/* --- 본문 컨텐츠 카드 --- */
.board-view-content{margin:0 0 16px 0;padding:32px 28px;background:#fff;border:1px solid #e5e5e5;border-left:3px solid #c79f81;border-radius:4px;font-size:15px;line-height:1.8;color:#333;word-break:break-word;}
.board-view-content p{margin:0 0 14px 0;line-height:1.8;}
.board-view-content h1,
.board-view-content h2,
.board-view-content h3{margin:32px 0 14px 0;font-weight:bold;color:#222;line-height:1.4;}
.board-view-content h1{font-size:20px;padding-bottom:8px;border-bottom:2px solid #c79f81;}
.board-view-content h2{font-size:18px;padding-bottom:6px;border-bottom:1px solid #e5e5e5;}
.board-view-content h3{font-size:16px;color:#c79f81;}
.board-view-content h4,
.board-view-content h5,
.board-view-content h6{margin:20px 0 10px 0;font-weight:bold;font-size:15px;color:#333;}
.board-view-content strong,
.board-view-content b{font-weight:bold;color:#222;}
.board-view-content [style*="color"] strong,
.board-view-content [style*="color"] b{color:inherit;}
.board-view-content ul,
.board-view-content ol{margin:14px 0 18px 0;padding-left:24px;}
.board-view-content ul{list-style:disc outside;}
.board-view-content ol{list-style:decimal outside;}
.board-view-content li{margin:6px 0;line-height:1.7;}
.board-view-content li > ul,
.board-view-content li > ol{margin:6px 0;}
.board-view-content blockquote{margin:16px 0;padding:14px 20px;background:#faf7f5;border-left:3px solid #c79f81;color:#555;}
.board-view-content img{max-width:100%;height:auto;display:block;margin:16px auto;}
.board-view-content table{max-width:100%;margin:16px 0;border-collapse:collapse;}
.board-view-content table td,
.board-view-content table th{padding:8px 12px;border:1px solid #e5e5e5;}
.board-view-content table th{background:#fafafa;font-weight:bold;}
.board-view-content a{color:#c79f81;text-decoration:underline;}
.board-view-content hr{margin:24px 0;border:0;border-top:1px solid #e5e5e5;}
.board-view-content > *:first-child{margin-top:0;}
.board-view-content > *:last-child{margin-bottom:0;}

/* --- 답변(reply) 카드 --- */
.board-view-reply{margin:0 0 16px 0;padding:22px 28px;background:#fff;border:1px solid #e5e5e5;border-left:3px solid #c79f81;border-radius:4px;}
.board-view-reply .reply-label{margin:0 0 12px 0;font-weight:bold;color:#c79f81;font-size:14px;}
.board-view-reply .reply-body{font-size:14px;line-height:1.7;color:#333;}

/* --- 하단 액션 (목록/답변/수정/삭제) --- */
.board-view-actions{margin:32px 0 20px 0;text-align:right;font-size:0;}
.board-view-actions .btn{display:inline-block;margin:0 0 0 6px;padding:10px 24px;font-size:13px;font-weight:bold;color:#fff;background:#c79f81;border:1px solid #c79f81;border-radius:3px;text-decoration:none;transition:background .15s ease, border-color .15s ease;line-height:1;}
.board-view-actions .btn:hover{background:#b0876a;border-color:#b0876a;}
.board-view-actions .btn.btn-secondary{background:#fff;color:#666;border-color:#ddd;}
.board-view-actions .btn.btn-secondary:hover{color:#c79f81;border-color:#c79f81;background:#fff;}

/* --- 이전글 / 다음글 (list 카드 축소판) --- */
.board-view-nav{margin:32px 0 0 0;}
.board-view-nav .nav-item{position:relative;display:block;padding:14px 24px 14px 90px;margin:0 0 8px 0;background:#fff;border:1px solid #e5e5e5;border-radius:4px;text-decoration:none;color:#333;transition:box-shadow .15s ease, border-color .15s ease;overflow:hidden;}
.board-view-nav .nav-item:hover{border-color:#c79f81;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.board-view-nav .nav-item:hover .nav-title{color:#c79f81;}
.board-view-nav .nav-item .nav-label{position:absolute;top:0;left:0;bottom:0;width:70px;background:#fafafa;text-align:center;line-height:44px;font-size:12px;color:#999;font-weight:bold;border-right:1px solid #e5e5e5;}
.board-view-nav .nav-item .nav-title{display:inline-block;font-size:14px;font-weight:normal;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;vertical-align:middle;}
.board-view-nav .nav-item .nav-date{float:right;font-size:12px;color:#999;line-height:1;margin-top:4px;}
.board-view-nav .nav-item.disabled{background:#fafafa;color:#bbb;cursor:default;}
.board-view-nav .nav-item.disabled .nav-title{color:#bbb;}
.board-view-nav .nav-item.disabled:hover{border-color:#e5e5e5;box-shadow:none;}
.board-view-nav .nav-item.disabled:hover .nav-title{color:#bbb;}

/* 모바일 대응 */
@media (max-width:640px){
  .board-view-header{padding:20px 18px;}
  .board-view-header .title{font-size:18px;}
  .board-view-content{padding:20px 18px;font-size:14px;}
  .board-view-content h1{font-size:17px;}
  .board-view-content h2{font-size:16px;}
  .board-view-content h3{font-size:15px;}
  .board-view-reply{padding:18px;}
  .board-view-nav .nav-item{padding:12px 16px 12px 70px;}
  .board-view-nav .nav-item .nav-label{width:56px;line-height:40px;font-size:11px;}
  .board-view-nav .nav-item .nav-date{display:none;}
  .board-view-nav .nav-item .nav-title{max-width:none;}
}

/* 서브페이지 breadcrumb (홈 아이콘 세로 정렬) */
.location img{vertical-align:middle;}
.page a{display:inline-block;vertical-align:middle;text-decoration:none;letter-spacing:0;}