.board-header { width: 100%; margin-bottom: 20px; }
.board-header .board-total { float: left; }
.board-header .board-sort { float: right; }

.board-list-table { width: 100%; border-top: solid 2px #f5933b; }
.board-list-table .board-tr { width: 100%; padding: 5px 0; border-bottom: solid 1px #d5d5d5; box-sizing: border-box;}
.board-list-table .board-tr .board-td { float: left; text-align: center; box-sizing: border-box; padding: 5px; overflow: hidden; word-break: break-all; min-height: 1px; }
.board-list-table .board-tr .empty { text-align: center; padding: 80px 0; width: 100%; }
.board-list-table .board-tr .empty button { margin-top: 15px; }

.board-list-table .board-th .board-td,  .board-list-table .board-tr .board-td { height: 50px; line-height: 40px; border-left: solid 1px #d5d5d5; }
.board-list-table .board-th .board-td:first-child, .board-list-table .board-tr .board-td:first-child { border-left: none; }

.find_shop { margin-bottom: 5%; }
.find_shop .area { display: none; }
.find_shop .search_shop > div,
.find_shop .search_shop > h2,
.find_shop .search_shop > button { float: left; width: 100%; }

/* 리스트 요소 */
.board-td.areaname { width: 10%; }
.board-td.shopname { width: 15%; }
.board-td.address { width: 40%; }
.board-td.call { width: 25%; }
.board-td.more {width: 10%; }

@media ( min-width: 768px ) {
.find_shop .area { display: block; float: left; width: 50%; }
}



/** branch **/
.find_shop {margin-bottom:5%}
.find_shop .area {display:block;float:left;width:50%;max-width:600px;border:1px solid #ccc;box-sizing:border-box;padding: 20px;}
.find_shop .area > img {display:block; max-height:598px; margin:0 auto}
.find_shop .search_shop {float:left; width:45%; padding:15% 5% 0; box-sizing:border-box; color:#000000;}
.find_shop .search_shop > h2 {margin:3% auto; font-size:3.2em; font-weight: bold;}
.find_shop .search_shop .title{font-size: 1.47em; color:#f5933b; font-weight: bold; margin:3% auto;}
.find_shop .search_shop .stitle{font-size:1em; line-height:140%; color:#5a5a5a;  margin:0 auto 5%;}


.find_shop .search_shop input, .find_shop .search_shop select {float:left; width:80%; min-width:180px; max-width:350px; height:40px; border:1px solid #ccc; margin:0 10px 10px 0; color:#aeaeae;}
.find_shop .search_shop .select_area {margin-bottom:10px;}
.find_shop .search_shop .btn_search {float:left;display:block;width:80%;height:40px;background-color:#f5933b;background-image:url(../img/btn_search.png);background-repeat:no-repeat; background-position: calc(50% + 80px);text-indent: -30px;min-width:180px;max-width:350px;color: #fff;font-size: 16px; border: 1px solid #f5933b;}
.find_shop .search_shop .btn_search:hover {background-color:#f5933b}

.board-tr .board-td.more a.more_btn {display:block;line-height:34px;height:35px;width: 73px;background-color:#f5933b;margin:4px auto 0 auto;text-align:center;color: #fff; box-sizing: border-box;}


@media only screen and (max-width: 1024px){
	.find_shop .search_shop > h2 {font-size:2.5em;}
}
@media only screen and (max-width: 768px){

	.find_shop .area {display: none;}
	.find_shop .search_shop {float: none; width: 100%; padding: 0 0 5% 0; text-align: center;}
	.find_shop .search_shop input, .find_shop .search_shop select {float: none; margin: 0 0 10px 0;}
	.find_shop .search_shop .btn_search {float: none; margin: 0 auto;}

	.board-list-table .board-tr {padding: 5px 10px;}
	.board-list-table .board-th, .board-td.areaname {display: none;}
	.board-list-table .board-tr .board-td {float: none; border-left: none; width: 100%; text-align: left; height: auto; line-height: 20px;}
	.board-td.more {width: 100%; }

	.board-td.shopname {font-size: 18px; font-weight: 500;}
	.board-tr .board-td.more a.more_btn {width: 100%; margin: 0 auto;}

}

/* end */