@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 게시판 목록 */
#bo_list {position:relative}
#bo_list:after {display:block; visibility:hidden; clear:both; content:""}

.likeTbl{width:100%; margin-bottom:20px; }
.likeTbl > ul{display:table; width:100%; }
.likeTbl > ul > li{display:table-row; width:100%; }
.likeTbl > ul > li > div{display:table-cell; }
.likeTbl > ul > li.likeTblTh{background:#f8f8f8; }
.likeTbl > ul > li.likeTblTh > div{padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; }
.likeTbl > ul > li.likeTblTd > div{padding:15px 2px; border-bottom:1px solid #ddd; vertical-align:middle; }
.likeTbl > ul > li:hover.likeTblTd{background:#fafafa; }
.likeTbl > ul > li.likeTblTd .td_subject a{-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.likeTbl > ul > li:hover.likeTblTd .td_subject a{padding-left:5px;}
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a{display:block; }
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a em{font-style:normal; }
.likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em span,
.likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em i{color:#333 !important; }

.bo_notice,
.bo_notice > div {background:#fcf9f3 !important; }
.likeTbl .td_board {width:120px; text-align:center}
.likeTbl .td_chk {width:30px; text-align:center}
.likeTbl .td_date {width:60px; text-align:center; font-style: italic; }
.likeTbl .td_datetime {width:60px; text-align:center; font-style: italic; color:#999; font-size:11px; font-family:verdana; }
.likeTbl .td_group {width:100px; text-align:center}
.likeTbl .td_mb_id {width:100px; text-align:center}
.likeTbl .td_mng {width:80px; text-align:center}
.likeTbl .td_name {width:90px; text-align:center; padding:10px 0}
.likeTbl .td_nick {width:100px; text-align:center}
.likeTbl .td_num {width:60px; ; text-align:center; color:#999; font-size:11px; }
.likeTbl .td_num2 {width:90px; ; text-align:center; color:#999; font-size:11px; }
.likeTbl .td_numbig {width:80px; text-align:center}
.likeTbl .txt_active {color:#5d910b}
.likeTbl .txt_expired {color:#ccc}

.td_subject img {margin-left:5px}

/*.likeTbl .profile_img {display:inline-block; ; margin-right:2px}*/
.likeTbl .profile_img img{border-radius:50%}
.likeTbl .cnt_cmt{display:inline-block; background:#242424; color:#fff; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle; }

.likeTbl .bo_tit .fa-download{width:16px; height:16px; line-height:16px; background:#ddd; color:#999; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; margin-right:2px}
.likeTbl .bo_tit .fa-link{width:16px; height:16px; line-height:16px; background:#ddd; color:#999; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; margin-right:2px; font-weight: normal; }
.likeTbl .bo_tit .new_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#999; background:#ddd; text-align:center; border-radius: 2px; vertical-align:middle; margin-right:2px}
.likeTbl .bo_tit .hot_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#999; background:#ddd; text-align:center; border-radius: 2px; ; vertical-align:middle; margin-right:2px; font-weight:normal}
.likeTbl .bo_tit .fa-lock{display: inline-block; line-height: 14px; width: 16px; font-size: 0.833em; color: #fff; background: #333; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #000}
.likeTbl .bo_tit a{font-size:14px; }

.onlyMvV{display:none; }
.likeTbl > ul > li > div.mvInlinev i{display:none; }

.qnaIco{display:inline-block; font-size:12px; margin-right:5px; border-radius:3px; background:#999; width:80px; height:24px; line-height:24px; color:#fff; text-align:center; }
.qnaIco1{background:#990000}
.qnaIco2{background:#999999}
.qnaIco3{background:#cccccc}
.qnaIco i{display:inline-block !important; }

@media all and (max-width: 800px)
{
    .likeTbl > ul{display:block !important; }
    .likeTbl > ul > li{display:block !important; overflow:hidden; border-bottom:1px solid #ddd; position:relative; }
    .likeTbl > ul > li > div{display:block; border-bottom:0px !important; padding:0px; }
    .likeTbl > ul > li.likeTblTd{padding:12px 15px 15px !important; text-align:left; }
    .likeTbl > ul > li.likeTblTd > div{padding:0px; border-bottom:0px; }

    .likeTbl > ul > li > div.mvInlineN{display:none; }
    .likeTbl > ul > li > div.mvInlinev {display:inline-block; width:auto !important; padding:0 5px; font-size:0.9rem !important; }
    .likeTbl > ul > li > div.mvInlinev span,
    .likeTbl > ul > li > div.mvInlinev a {font-size:0.9rem !important;}
    .likeTbl > ul > li > div.mvInlinev i{display:inline-block; margin-left:3px; }
    .likeTbl > ul > li > div.mvInlinev:before{content:""; color:#ddd; }
    .likeTbl > ul > li > div.mvInlinev.td_name:before{content:" "}
    .likeTbl > ul > li > div.mvInlinev.td_name{padding-left:2px; }
    .likeTbl > ul > li > div.mvInlinev.td_num2{padding-left:0px; margin-top:7px; margin-left:-8px; }
    .likeTbl > ul > li > div.td_subject{display:block; }
    .likeTbl > ul > li > div.td_subject a{padding:0 0 8px 0; }
    .likeTbl > ul > li > div.td_subject a.bo_cate_link{display:inline-block; padding-top:8px; font-size:0.95rem !important; }
    
    /* 모바일 게시판 목록 글제목 크기 키우기 */
    .likeTbl > ul > li.likeTblTd .td_subject .bo_tit a {
        padding-top: 8px;
        font-size: 1.15rem !important;
        line-height: 1.4 !important;
    }

    .likeTbl > ul > li.likeTblTd .td_chk{position:absolute; right:0px; top:0px; }

    .likeTbl > ul > li:hover.likeTblTd .td_subject a{padding-left:0px; }
    .onlyMvV{display:inline-block; margin-left:-5px; }
}

/* [선택/주요 버튼 블루 통일] 다른 메뉴 페이지(펫케어/펫커뮤니티 등)와 동일하게, 이 게시판(목록·
   상세·작성 페이지 공통)에서도 "선택된 상태"와 "주요 액션" 버튼을 블루(#007bff)로 맞춤.
   이 파일은 emg119 게시판에만 적용되는 스타일시트라, 다른 게시판의 기본 버튼 색(회색/흰색)에는
   영향을 주지 않음 - board.common.css/default.css의 공통 규칙보다 이 파일이 나중에 로드되어
   우선 적용됨 */

/* 카테고리 선택 탭 - 선택된 카테고리(#bo_cate_on)는 기본값(진회색 #242424) 대신 블루로 표시 */
#bo_cate #bo_cate_on{ background:#007bff; color:#fff; }

/* 질문등록/글쓰기 등 주요 액션 버튼(.btn_b02) - 기본값(회색 #666666) 대신 블루로 표시.
   목록 화면 상/하단, 상세화면 상단·모바일 버튼 등 이 게시판 전체에서 공통으로 쓰이는 클래스라
   한 번의 오버라이드로 목록/상세/작성 이동 버튼이 모두 일관되게 블루로 보임 */
.btn_b02{ background:#007bff; color:#fff; border-color:#007bff; }

/* 2026-08-22 screenshot-tuned health consultation design */
.likeTbl > ul{ border:1px solid #e4e8e6; border-radius:13px; overflow:hidden; box-shadow:0 4px 14px rgba(46,61,54,.05); }
.likeTbl > ul > li.likeTblTh{ background:#f5f7f6 !important; color:#626d66; }
.likeTbl > ul > li.likeTblTh > div,
.likeTbl > ul > li.likeTblTd > div{ border-color:#e4e8e6 !important; }
.likeTbl > ul > li:hover.likeTblTd{ background:#f8faf9 !important; }
.qnaIco{ border-radius:999px; background:#eef1f2; color:#64716a; }
.qnaIco1{ background:#f7ece9 !important; color:#986456 !important; }
.qnaIco2{ background:#edf3f6 !important; color:#5c7586 !important; }
.qnaIco3{ background:#f1f3f2 !important; color:#737e77 !important; }
.pc_community_sch_btn,.pc_side_write_btn,.btn_b02,#mobile_floating_bar a.btn_b02{
 display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:7px !important;
 line-height:1.2 !important; background:#667f91 !important; border-color:#667f91 !important;
 color:#fff !important; border-radius:10px !important; box-shadow:0 5px 14px rgba(102,127,145,.15) !important;
}
.pc_community_sch_btn:hover,.pc_side_write_btn:hover,.btn_b02:hover{ background:#586f80 !important; border-color:#586f80 !important; }
.pc_community_sch_sel,.pc_community_sch_input{ height:42px !important; border:1px solid #dfe4e1 !important; border-radius:10px !important; }
.pc_side_card{ border-color:#e4e8e6 !important; border-radius:13px !important; box-shadow:0 4px 14px rgba(46,61,54,.05) !important; }
.bo_notice,.bo_notice > div{ background:#f3f6f3 !important; }
/* 7단계: 케어카드 기록을 선택적으로 연결하는 AI 상담 영역 */
.emg_care_context{margin:15px 0;padding:17px 18px;border:1px solid #cfe0d0;border-radius:14px;background:linear-gradient(135deg,#f1f8ef,#fffaf2);color:#405044}
.emg_care_context_head{display:flex;align-items:center;gap:12px}.emg_care_context_icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#fff;color:#52764d;font-size:18px}.emg_care_context h3{margin:0 0 3px;font-size:16px;color:#304934}.emg_care_context p{margin:0;line-height:1.45}.emg_care_context_head p{font-size:13px;color:#6c786e}
.emg_care_context_controls{display:grid;grid-template-columns:minmax(180px,300px) minmax(260px,1fr);align-items:center;gap:10px;margin-top:14px}.emg_care_context_controls select{width:100%;min-height:42px;padding:8px 34px 8px 11px;border:1px solid #bfd1bd;border-radius:9px;background:#fff;color:#3e5141;font-weight:700}.emg_care_consent{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid #d8e3d6;border-radius:9px;background:rgba(255,255,255,.8);font-size:13px;line-height:1.4;cursor:pointer}.emg_care_consent input{flex:0 0 auto;margin-top:2px}
.emg_care_data_info{margin-top:10px;font-size:12.5px;color:#667269}.emg_care_data_info summary{display:inline-block;color:#4f7050;font-weight:700;cursor:pointer;text-decoration:underline}.emg_care_data_info p{margin-top:7px;padding:9px 11px;border-radius:8px;background:rgba(255,255,255,.75)}.emg_care_notice{margin-top:10px!important;font-size:12.5px;color:#6d756f}.emg_care_notice i{color:#5c8057}.emg_care_empty{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:11px 12px;border-radius:9px;background:#fff;font-size:13px}.emg_care_empty a{padding:8px 11px;border-radius:8px;background:#55764f;color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
@media(max-width:700px){.emg_care_context{padding:15px}.emg_care_context_controls{grid-template-columns:1fr}.emg_care_context_head{align-items:flex-start}.emg_care_empty{align-items:stretch;flex-direction:column}.emg_care_empty a{text-align:center}}