@charset "utf-8";
/* ==========================================================================================
   장애인 음식점(accessible_restaurant) 스킨
   - 목록 : .board_accessible_restaurant
   - 상세 : .board_accessible_restaurant_view
   - 쓰기 : .board_accessible_restaurant_write
   ========================================================================================== */

/* ---------------------------------------- 목록 ---------------------------------------- */
.ar_table_wrap{overflow-x: auto;}
.module_list_box .board_list_box table.board_accessible_restaurant{min-width: 980px;}
.module_list_box .board_list_box table.board_accessible_restaurant th{word-break: keep-all; padding-left: 2px; padding-right: 2px; line-height: 1.4;}
.module_list_box .board_list_box table.board_accessible_restaurant td{word-break: keep-all;}

/* 머리글 2줄 (소재지 아래 주소·읍면동) : 칸 구분선 */
.module_list_box .board_list_box table.board_accessible_restaurant thead th{border-left: 1px solid #d2d2d2;}
.module_list_box .board_list_box table.board_accessible_restaurant thead tr:first-child th:first-child{border-left: 0;}

/* 열 너비 : 머리글 첫 줄에 병합 칸이 있어 col 로 지정 (table-layout: fixed) */
.board_accessible_restaurant col.ar_col_text{width: 9%;}
.board_accessible_restaurant col.ar_col_title{width: 12%;}
.board_accessible_restaurant col.ar_col_dong{width: 7%;}
.board_accessible_restaurant col.ar_col_tel{width: 10%;}
.board_accessible_restaurant col.ar_col_check{width: 6%;}
.board_accessible_restaurant col.ar_col_url{width: 7%;}
/* col.ar_col_addr 는 나머지 폭 */

/* 업소명 / 주소 */
.board_accessible_restaurant td.ar_title{padding-left: 10px; padding-right: 10px;}
.board_accessible_restaurant td.ar_title .ar_name{font-weight: 500; color: #222;}
.board_accessible_restaurant td.ar_title .voucher_write{vertical-align: middle;}
.board_accessible_restaurant td.ar_addr{padding-left: 10px; padding-right: 10px;}

/* ○ 표시 */
.board_accessible_restaurant .ar_check,
.board_accessible_restaurant_view .ar_check{font-size: 1.15em; color: #046fd9; font-weight: bold;}

/* 링크 */
.board_accessible_restaurant .ar_link,
.board_accessible_restaurant_view .ar_link{display: inline-block; padding: 2px 10px; border: 1px solid #046fd9; border-radius: 3px; color: #046fd9; font-size: 0.93em; white-space: nowrap;}
.board_accessible_restaurant .ar_tel{color: inherit;}

/* 행 hover 시 글자색 (공통 css 가 배경을 #585858 로 바꿈) */
.module_list_box .board_list_box table.board_accessible_restaurant tbody tr:hover td .ar_name,
.module_list_box .board_list_box table.board_accessible_restaurant tbody tr:hover td .ar_check,
.module_list_box .board_list_box table.board_accessible_restaurant tbody tr:hover td .ar_tel{color: #fff;}
.module_list_box .board_list_box table.board_accessible_restaurant tbody tr:hover td .ar_link{color: #fff; border-color: #fff;}

/* 모바일 : 표 → 카드 */
@media screen and (max-width: 800px){
	.module_list_box .board_list_box table.board_accessible_restaurant{min-width: 0; table-layout: auto;}
	.board_accessible_restaurant thead{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
	.board_accessible_restaurant,
	.board_accessible_restaurant tbody,
	.board_accessible_restaurant td{display: block; width: 100% !important; box-sizing: border-box;}
	/* 한 업소 = 카드 한 장. 업소명을 맨 위로 올리고 편의시설 칩은 한 줄에 나란히 */
	.module_list_box .board_list_box table.board_accessible_restaurant tbody tr{display: flex; flex-wrap: wrap; align-items: center; width: 100%; box-sizing: border-box; padding: 14px 4px; border-bottom: 1px solid #d2d2d2;}
	.board_accessible_restaurant td{flex: 0 0 100%;}
	.board_accessible_restaurant td.ar_title{order: -1;}
	.module_list_box .board_list_box table.board_accessible_restaurant tbody tr:hover{background-color: transparent; color: inherit;}
	.module_list_box .board_list_box table.board_accessible_restaurant tbody tr:hover td .ar_name{color: #222;}
	.module_list_box .board_list_box table.board_accessible_restaurant tbody tr:hover td .ar_tel{color: inherit;}
	.module_list_box .board_list_box table.board_accessible_restaurant tbody tr:hover td .ar_link{color: #046fd9; border-color: #046fd9;}

	.module_list_box .board_list_box table.board_accessible_restaurant td{position: relative; padding: 3px 0 3px 90px; text-align: left; min-height: 1.6em;}
	.board_accessible_restaurant td:before{content: attr(data-label); position: absolute; top: 3px; left: 0; width: 82px; color: #888; font-size: 0.93em;}
	.board_accessible_restaurant td:empty{display: none !important;}

	/* 업소명은 카드 제목처럼 */
	.module_list_box .board_list_box table.board_accessible_restaurant td.ar_title{padding: 4px 0 6px; font-size: 1.1em;}
	.board_accessible_restaurant td.ar_title:before{display: none;}

	/* 편의시설 : 있는 항목만 칩으로 */
	.module_list_box .board_list_box table.board_accessible_restaurant td.ar_check{display: none !important;}
	.module_list_box .board_list_box table.board_accessible_restaurant td.ar_check.on{display: inline-block !important; flex: 0 0 auto; width: auto !important; margin: 6px 4px 0 0; padding: 3px 10px; border: 1px solid #046fd9; border-radius: 14px; background: #eef5fd; color: #046fd9; font-size: 0.9em; min-height: 0;}
	.board_accessible_restaurant td.ar_check.on:before{position: static; width: auto; color: #046fd9; font-size: 1em;}
	.board_accessible_restaurant td.ar_check.on .ar_check{display: none;}

	.module_list_box .board_list_box table.board_accessible_restaurant td.data_none{padding-left: 0;}
	.board_accessible_restaurant td.data_none:before{display: none;}
}

/* ---------------------------------------- 상세 ---------------------------------------- */
.board_accessible_restaurant_view{width: 100%; border-top: 2px solid #333; border-collapse: collapse; table-layout: fixed;}
.board_accessible_restaurant_view col.ar_view_th{width: 160px;}
.board_accessible_restaurant_view th,
.board_accessible_restaurant_view td{padding: 12px 15px; border-bottom: 1px solid #d2d2d2; text-align: left; vertical-align: middle; word-break: keep-all;}
.board_accessible_restaurant_view th{background-color: #f7f7f7; color: #333; font-weight: 500;}
@media screen and (max-width: 800px){
	.board_accessible_restaurant_view col.ar_view_th{width: 110px;}
	.board_accessible_restaurant_view th,
	.board_accessible_restaurant_view td{padding: 10px;}
}

/* ---------------------------------------- 쓰기 ---------------------------------------- */
.board_accessible_restaurant_write .ar_help{margin-top: 6px; color: #777; font-size: 0.93em; line-height: 1.5;}
.board_accessible_restaurant_write .module_tegs .tag_check{margin-right: 14px;}
/* 소재지 : 기존 주소 폼 아래 읍면동 줄 */
.board_accessible_restaurant_write .ar_dong_line{margin-top: 10px;}
.board_accessible_restaurant_write .ar_dong_line label{display: inline-block; margin-right: 8px; color: #555;}
.board_accessible_restaurant_write .module_w .ar_dong_line input[type="text"]{display: inline-block; width: 160px;}
.board_accessible_restaurant_write .ar_addr_preview{color: #046fd9; font-weight: 500;}