/* BASIC css start */
* {margin:0;padding:0;box-sizing:border-box;}
ul, li {list-style:none;}

[name="slide"] {display:none;}
.slidebox {max-width:1200px;width:100%;margin:0 auto;text-align:center;}
.slidebox img {max-width:100%;}
.slidebox .slidelist {
	white-space:nowrap;
	font-size:0;
	overflow:hidden;
}
.slidebox .slideitem {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	transition:all .35s;
}
.slidebox .slideitem label {
	position:absolute;
	z-index:1;
	top:50%;
	transform:translateY(-50%);
	padding:20px;
	border-radius:50%;
	cursor:pointer;
}
label.left {
	left:70px;
	background-color:#cccccc;
	background-image:url('/design/genflower/astore/PC_img/left-arrow.png');
	background-position:center center;
	background-size:50%;
	background-repeat:no-repeat;
}
label.right {
	right:70px;
	background-color:#cccccc;
	background-image:url('/design/genflower/astore/PC_img/right-arrow.png');
	background-position:center center;
	background-size:50%;
	background-repeat:no-repeat;
}

/* 페이징 스타일 */
.paginglist {text-align:center;padding:30px 0;}
.paginglist > li {display:inline-block;vertical-align:middle;margin:0 10px;}
.paginglist > li > label {display:block;padding:10px 30px;border-radius:10px;background:#ccc;cursor:pointer;}
.paginglist > li:hover > label {background:#333;}

[id="slide01"]:checked ~ .slidelist .slideitem {transform:translateX(0);animation:slide01 50s infinite;}
[id="slide02"]:checked ~ .slidelist .slideitem {transform:translateX(-100%);animation:slide02 50s infinite;}
[id="slide03"]:checked ~ .slidelist .slideitem {transform:translateX(-200%);animation:slide03 50s infinite;}
[id="slide04"]:checked ~ .slidelist .slideitem {transform:translateX(-300%);animation:slide04 50s infinite;}
[id="slide05"]:checked ~ .slidelist .slideitem {transform:translateX(-400%);animation:slide05 50s infinite;}
[id="slide06"]:checked ~ .slidelist .slideitem {transform:translateX(-500%);animation:slide06 50s infinite;}
[id="slide07"]:checked ~ .slidelist .slideitem {transform:translateX(-600%);animation:slide07 50s infinite;}
[id="slide08"]:checked ~ .slidelist .slideitem {transform:translateX(-700%);animation:slide08 50s infinite;}
[id="slide09"]:checked ~ .slidelist .slideitem {transform:translateX(-800%);animation:slide09 50s infinite;}
[id="slide10"]:checked ~ .slidelist .slideitem {transform:translateX(-900%);animation:slide10 50s infinite;}


@keyframes slide01 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:-100%;}
   17% {left:-100%;}
   20% {left:-200%;}
   27% {left:-200%;}
   30% {left:-300%;}
   37% {left:-300%;}
   40% {left:-400%;}
   47% {left:-400%;}
   50% {left:-500%;}
   57% {left:-500%;}
   60% {left:-600%;}
   67% {left:-600%;}
   70% {left:-700%;}
   77% {left:-700%;}
   80% {left:-800%;}
   87% {left:-800%;}
   90% {left:-900%;}
   97% {left:-900%;}
   100% {left:0%;}
}

@keyframes slide02 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:-100%;}
   17% {left:-100%;}
   20% {left:-200%;}
   27% {left:-200%;}
   30% {left:-300%;}
   37% {left:-300%;}
   40% {left:-400%;}
   47% {left:-400%;}
   50% {left:-500%;}
   57% {left:-500%;}
   60% {left:-600%;}
   67% {left:-600%;}
   70% {left:-700%;}
   77% {left:-700%;}
   80% {left:-800%;}
   87% {left:-800%;}
   90% {left:100%;}
   97% {left:100%;}
   100% {left:0%;}
}


@keyframes slide03 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:-100%;}
   17% {left:-100%;}
   20% {left:-200%;}
   27% {left:-200%;}
   30% {left:-300%;}
   37% {left:-300%;}
   40% {left:-400%;}
   47% {left:-400%;}
   50% {left:-500%;}
   57% {left:-500%;}
   60% {left:-600%;}
   67% {left:-600%;}
   70% {left:-700%;}
   77% {left:-700%;}
   80% {left:200%;}
   87% {left:200%;}
   90% {left:100%;}
   97% {left:100%;}
   100% {left:0%;}
}

@keyframes slide04 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:-100%;}
   17% {left:-100%;}
   20% {left:-200%;}
   27% {left:-200%;}
   30% {left:-300%;}
   37% {left:-300%;}
   40% {left:-400%;}
   47% {left:-400%;}
   50% {left:-500%;}
   57% {left:-500%;}
   60% {left:-600%;}
   67% {left:-600%;}
   70% {left:300%;}
   77% {left:300%;}
   80% {left:200%;}
   87% {left:200%;}
   90% {left:100%;}
   97% {left:100%;}
   100% {left:0%;}
}

@keyframes slide05 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:-100%;}
   17% {left:-100%;}
   20% {left:-200%;}
   27% {left:-200%;}
   30% {left:-300%;}
   37% {left:-300%;}
   40% {left:-400%;}
   47% {left:-400%;}
   50% {left:-500%;}
   57% {left:-500%;}
   60% {left:400%;}
   67% {left:400%;}
   70% {left:300%;}
   77% {left:300%;}
   80% {left:200%;}
   87% {left:200%;}
   90% {left:100%;}
   97% {left:100%;}
   100% {left:0%;}
}

@keyframes slide06 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:-100%;}
   17% {left:-100%;}
   20% {left:-200%;}
   27% {left:-200%;}
   30% {left:-300%;}
   37% {left:-300%;}
   40% {left:-400%;}
   47% {left:-400%;}
   50% {left:500%;}
   57% {left:500%;}
   60% {left:400%;}
   67% {left:400%;}
   70% {left:300%;}
   77% {left:300%;}
   80% {left:200%;}
   87% {left:200%;}
   90% {left:100%;}
   97% {left:100%;}
   100% {left:0%;}
}

@keyframes slide07 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:-100%;}
   17% {left:-100%;}
   20% {left:-200%;}
   27% {left:-200%;}
   30% {left:-300%;}
   37% {left:-300%;}
   40% {left:600%;}
   47% {left:600%;}
   50% {left:500%;}
   57% {left:500%;}
   60% {left:400%;}
   67% {left:400%;}
   70% {left:300%;}
   77% {left:300%;}
   80% {left:200%;}
   87% {left:200%;}
   90% {left:100%;}
   97% {left:100%;}
   100% {left:0%;}
}

@keyframes slide08 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:-100%;}
   17% {left:-100%;}
   20% {left:-200%;}
   27% {left:-200%;}
   30% {left:700%;}
   37% {left:700%;}
   40% {left:600%;}
   47% {left:600%;}
   50% {left:500%;}
   57% {left:500%;}
   60% {left:400%;}
   67% {left:400%;}
   70% {left:300%;}
   77% {left:300%;}
   80% {left:200%;}
   87% {left:200%;}
   90% {left:100%;}
   97% {left:100%;}
   100% {left:0%;}
}
@keyframes slide09 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:-100%;}
   17% {left:-100%;}
   20% {left:800%;}
   27% {left:800%;}
   30% {left:700%;}
   37% {left:700%;}
   40% {left:600%;}
   47% {left:600%;}
   50% {left:500%;}
   57% {left:500%;}
   60% {left:400%;}
   67% {left:400%;}
   70% {left:300%;}
   77% {left:300%;}
   80% {left:200%;}
   87% {left:200%;}
   90% {left:100%;}
   97% {left:100%;}
   100% {left:0%;}
}

@keyframes slide10 {
   0% {left:0%;}
   7% {left:0%;}
   10% {left:900%;}
   17% {left:900%;}
   20% {left:800%;}
   27% {left:800%;}
   30% {left:700%;}
   37% {left:700%;}
   40% {left:600%;}
   47% {left:600%;}
   50% {left:500%;}
   57% {left:500%;}
   60% {left:400%;}
   67% {left:400%;}
   70% {left:300%;}
   77% {left:300%;}
   80% {left:200%;}
   87% {left:200%;}
   90% {left:100%;}
   97% {left:100%;}
   100% {left:0%;}
}


/* BASIC css end */