﻿#example1 {height:330px;}
#example1 .sp-image2 {position:absolute; top:0; right:0; height:300px;}
#example1 .sp-text {width:100%;}
/*
#example1 .sp-thumbnail width
5개 : 216px
6개 : 180px
7개 : 152px
*/

/*
#example1 .sp-thumbnail {display:block; float:left; width: 180px;	background-color: rgba(0, 0, 0, 0.2);	border-top: solid 1px rgba(0, 0, 0, 0.2);	border-bottom: solid 1px rgba(0, 0, 0, 0.2);	-moz-box-sizing: border-box;	box-sizing: border-box; cursor: pointer;}

#example1 .sp-selected-thumbnail {color:rgba(255, 255, 255, 1)}
#example1 .sp-thumbnail-title {display:block;font-size:14px; padding-top:13px;	text-transform: uppercase;	text-align:center;	height:45px;border-right: solid 1px rgba(0, 0, 0, 0.2);box-sizing: border-box;}
#example1 .sp-thumbnail-title:hover {color:#fff;}
#example1 .sp-thumbnail-title:last-chlid() {	border-right: none;}
#example1 .sp-thumbnail-description {	font-size: 12px;	text-align:center;	color: #333;}
*/

#example1 .sp-thumbnail {display:block; float:left; width: 20px;	background-color: rgba(0, 0, 0, 0.2);		border-bottom: solid 1px rgba(0, 0, 0, 0.2);	-moz-box-sizing: border-box;	box-sizing: border-box; cursor: pointer; border-radius: 50%;}
#example1 .sp-selected-thumbnail {color:rgba(255, 255, 255, 1)}
#example1 .sp-thumbnail-title {display:block;font-size:14px; padding-top:13px;	text-transform: uppercase;	text-align:center;	height:20px;border-right: solid 1px rgba(0, 0, 0, 0.2); box-sizing: border-box; border-radius: 50%;}
#example1 .sp-thumbnail-title:hover {color:#fff;}
#example1 .sp-thumbnail-title:last-chlid() {	border-right: none;}
#example1 .sp-thumbnail-description {	font-size: 12px;	text-align:center;	color: #333;}


@media (max-width: 860px) {
	/*#example1 .hide-medium-screen {
		display: none;
	}*/
}

@media (max-width: 640px) {
/*	#example1 .sp-layer {
		font-size: 12px;

	#example1 .hide-small-screen {
		display: none;
	}
		}*/
}

@media (max-width: 500px) {
	#example1 .sp-thumbnail {
		text-align: center;
	}
	#example1 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}
	#example1 .sp-thumbnail-description {
		display: none;
	}


	#example1 .sp-thumbnail-title2 {
		font-size: 12px;
		text-transform: uppercase;
	}

}