/* 

- 사용한 곳
1. bookList (page)
2. bookerList (page)
3. programList (page)
4. shopList (page)

--------------------------------------------------------------------------

// grayBoxList.css ( common ) 연동
add_stylesheet('<link rel="stylesheet" href="'.THEMA_URL.'/amt/sh1/sh1-common/css/grayBoxList.css" type="text/css">',2);

--------------------------------------------------------------------------

// html

1. bookList

<li><a href="https://beautypick.kr/bbs/page.php?hid=bookView">
	<p class="list_title">수기관리 60분</p>
	<p class="list_body">에스에이치뷰티 선릉중앙점</p>
	<div class="list_icon_body">
		<img src="./img/icon_clock.svg" alt="clock">
		<b>2022년 8월 1일 오전 11시 30분</b>
	</div>
</a></li>



2. manageList

<li><a href="https://beautypick.kr/bbs/page.php?hid=bookView">
	<p class="list_title">헤어 : 수기관리 60분</p>
	<div class="list_icon_body">
		<img src="./img/icon_clock.svg" alt="clock">
		<b>2022년 8월 1일 오전 11시 30분</b>
	</div>
	
	<div class="right_box complete">
		완료
	</div>
</a></li>



3. shopList

<li><a href="https://beautypick.kr/bbs/page.php?hid=proBookView">
	<p class="list_title">백옥생뷰티샵</p>
	<p class="list_body">서초동 1365-7번지 5층 애서니움빌딩 서초구 서울특별시 KR</p>
	
	<div class="icons_box">
		<a href="#"><i class="ti-pencil"></i></a>
		<a href="#"><i class="ti-trash"></i></a>
	</div>
</a></li>

*/

/* ===== lists_box ===== */

.lists_box{
	padding:0;
}

.lists_box li{
	position: relative;
	margin-bottom:25px;
	padding:10px 20px;
	list-style: none;
	background: #EBEBEB;
	border-radius: 3px;
	color:var(--black-color);
}

.lists_box li .list_title{
	margin-bottom:3px;
	font-weight: 800;
}

.lists_box li .list_body{
	font-weight: 300;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lists_box li .list_icon_body img{
	width:15px
}

.lists_box li .list_icon_body b{
	margin-left:5px;
	font-weight: 700;
}

/* 완료 / 취소 */
.right_box{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right:20px;
	width:55px;
	height:30px;
	text-align: center;
    line-height: 30px;
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
	border-radius: 2px;
	color:#fff;
}

.right_box.complete{
	border: 1px solid #1890FF;
	background: #1890FF;
}

.right_box.cancel{
	border: 1px solid #959FAE;
	background: #959FAE;
}