@media (min-width:768px) {/* 최소 768 ~ 1023 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	.cbp-so-scroller {
		overflow: hidden;
	}

	/* Clear floats of children */
	.cbp-so-section:before,
	.cbp-so-section:after {
		content: " ";
		display: table;
	}

	.cbp-so-section:after {
		clear: both;
	}

	/* Text styling */
	.cbp-so-section h2 {
	}

	.cbp-so-section p {
	}

	/* Sides */
	.cbp-so-side {
		margin: 0;
		overflow: hidden;
		min-height: 2em;
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		-moz-transition: -moz-transform 0.5s, opacity 0.5s;
		transition: transform 0.8s, opacity 0.8s;
	}

	/* Clear floats of children */
	.cbp-so-side:before,
	.cbp-so-side:after {
		content: " ";
		display: table;
	}

	.cbp-so-side:after {
		clear: both;
	}

	/* Initial state (hidden or anything else) */
	.cbp-so-init .cbp-so-side {
		opacity: 0;
	}

	.cbp-so-init .cbp-so-side-left {
		-webkit-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		transform: translateX(-50px);
	}
	.cbp-so-init .cbp-so-side-middle {
		-webkit-transform: translateY(5px);
		-moz-transform: translateY(5px);
		transform: translateY(5px);
	}

	.cbp-so-init .cbp-so-side-right {
		-webkit-transform: translateX(50px);
		-moz-transform: translateX(50px);
		transform: translateX(50px);
	}

	/* Animated state */
	/* add you final states (transition) or your effects (animations) for each side */
	.cbp-so-section.cbp-so-animate .cbp-so-side-left,
	.cbp-so-section.cbp-so-animate .cbp-so-side-middle,
	.cbp-so-section.cbp-so-animate .cbp-so-side-right {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

}