/********************************
 * generic als elements styling
 ********************************/

.als-container {
	position: relative;
	width:1080px;
	margin:0 auto;
	
	
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}


/* 중단 nav bar */

.als-circle {position:absolute; bottom:20px; left:50%; margin: 0 0 0 -22px;}
.als-circle ul li {float:left; margin:0 5px}
.als-circle ul li a {background-color:#dcdcdc; width:12px; height:12px; border-radius:50%; display:block; transition:0.3s all ease}
.als-circle ul li a:hover {background-color:white}

/**************************
 * specific als elements
 * styling for .custom_list
 **************************/


.custom_list {
	width:1080px;
	
}


.custom_list .als-item {
	width:160px;
	text-align:center;
	margin: 0 4px;
	padding:0px;
	background:#ffffff;
	height:70px;
	line-height:70px;
	vertical-align:middle;
	
}

.custom_list .als-item img {
	max-width:160px;
	max-height:70px;
	margin:auto;
	padding:auto 0;
}


.custom_list .als-prev img, .custom_list .als-next img {
	padding:0px;
}
.custom_list .als-prev {
	top:0px;
	left:-0px;
}

.custom_list .als-next {
	top:0px;
	right:-0px;
}


@media all and (min-width:640px) and (max-width:1220px){ /* tablet */
 
  .custom_list {width:100%}
  .custom_list .als-prev {left:10px}
  .custom_list .als-next {right:10px}
  .als-viewport {width:100% !important}

}


@media all and (max-width:640px) { /* phones */


  .custom_list {width:100%}
  .custom_list .als-prev {left:10px; top:18px}
  .custom_list .als-next {right:10px; top:18px}
  .custom_list .als-prev img, .custom_list .als-next img {width:50%}
  .custom_list .als-item img {width:100%}
  .als-viewport {width:80% !important; margin:0 auto !important}

}