/*

칩 html ( 두가지 버전 )

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

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

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

* point chip version

<div class="chip point body">
	<i class="ti-time"></i>
	<span>10:00 ~ 22:00</span>
</div>

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

* main chip version

<div class="chip main body">
	<i class="ti-info-alt"></i>
	<span>수기관리, 왁싱, 속눈썹</span>
</div>

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

*/

.chip{
	display: inline-block;
	margin-right:3px;
    padding: 3px 10px;
    border-radius: 15px;
    border: 1px solid;
}

.chip:last-child{
	margin-right:0;
}

.chip.point{
	background: var(--light-point-color);
}

.chip.main{
	background: var(--light-main-color);
}

.chip.darkGray{
	padding: 0 20px;
	background: #D9E1E7;
	color: #959FAE;
	border:none;
	font-size: 12px;
	border-radius: 5px;
}

.chip.purple{
	padding:4px 12px;
	background: #492389;
	font-size:14px;
	border-radius: 30px;
	color:#fff;
	border:1px solid #492389;
}

.chip.white{
	padding:4px 12px;
	background: #fff;
	font-size:14px;
	border-radius: 30px;
	color:#959FAE;
	border:1px solid #959FAE;
}

.chip i{
	margin-right:3px;
}