@charset "utf-8";
/* <scroll >*/
@-webkit-keyframes sideItem {
	0%     { transform:translateX(0); }
	25%     { transform:translateX(10px) }
	50% { transform:translateX(0); }
	75% { transform:translateX(-10px); }
	100% { transform:translateX(0); }
}
@keyframes sideItem {
	0%     { transform:translateX(0); }
	25%     { transform:translateX(10px) }
	50% { transform:translateX(0); }
	75% { transform:translateX(-10px); }
	100% { transform:translateX(0); }
}
@media only screen and (min-width:992px){
	.scrollItem::before{
		display: none;
	}
}
@media only screen and (max-width:767px){
    .cmnTit{
        font-size: 20px;
        padding: 15px 0;
        letter-spacing: 1.5px;
    }
    .cmnTxt{
        font-size: 18px;
        margin-top: 20px;
        letter-spacing: 1px;
    }
    .scrollItem{
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollItem::-webkit-scrollbar{
        display: none;
    }
    .scrollItem.on::before {
        opacity: 1;
    }
    .scrollItem::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: url(../img/concept/spec/iconScroll.png) center center / 120px 120px no-repeat;
        opacity: 0;
        -webkit-transition: all 0.2s ease-out 0.2s;
        transition: all 0.2s ease-out 0.2s;
        -webkit-animation: sideItem 1s linear infinite;
        animation: sideItem 1s linear infinite;
        z-index: 10;
        pointer-events: none;
    }
}
/*< /scroll >*/