.rolling_section{display:flex; padding:0 0 0 0;}
.rolling_section .inner{display:flex; width:1300px; padding:50px;}

.rolling_text{width:25%; text-align:left; display:flex; align-items:center;}
.rolling_text span{display:inline-block; font-size:20px; margin-bottom:50px; font-weight:300;}

.rolling_text p{font-family:'S-CoreDream'; font-size:40px; font-weight:600; color:#333;}




.rolling_section .wrap { display: flex; overflow: hidden;width:75%; float:right;}
.rolling_section .wrap::before{
  content:'';
  position:absolute;
  width:250px;
  z-index:1;
  top:0px;
  bottom:0px;
  background-image:linear-gradient(to right, #eff2f7, #ffffff00)
}
.rolling_section .wrap::after{
  content:'';
  position:absolute;
  width:250px;
  z-index:1;
  top:0px;
  bottom:0px;
  right:150px;
  background-image:linear-gradient(to left, #eff2f7, #ffffff00)
}
.rolling_section .wrap .rolling-list ul { 
display: flex;
}
.rolling_section .wrap .rolling-list ul li { 
width: 240px; 
height: 240px; 
  box-sizing: border-box; 
  border-radius: 20px; 
  margin: 35px -5px; 
  padding: 46px 31px; 
  display: flex; 
  align-items: center; 
  flex-shrink: 0;
}
.rolling_section .wrap .rolling-list ul li:nth-child(1) { 
/* background-color: #F8E1E3; */
  margin-left:-5px;
}
/* 
.rolling_section .wrap .rolling-list ul li:nth-child(2) { 
background-color: #FFEAB5; 
}
.rolling_section .wrap .rolling-list ul li:nth-child(3) { 
background-color: #D3E7DC;
}
.rolling_section .wrap .rolling-list ul li:nth-child(4) { 
background-color: #A6C1E8;
} */
.rolling_section .wrap .rolling-list ul li:nth-child(even) {
margin-top: 270px;
  margin-left:-150px;
  margin-right:-80px;
}
.rolling_section .wrap .rolling-list ul li .image-wrap { 
padding-right: 32px; 
  width: 240px; 
  flex-shrink: 0; 
}
.rolling_section .wrap .rolling-list ul li .image-wrap > img { 
width: 100%;
  border-radius: 30px;
  background:#e9e9e9;
}


.rolling_section .wrap .rolling-list ul li .desc { 
font-family: 'BMJUA';
}
.rolling_section .wrap .rolling-list ul li .desc strong { 
display: block; 
  font-size: 24px; 
  margin-bottom: 24px;
}
.rolling_section .wrap .rolling-list ul li .desc span { 
font-size: 18px;
  line-height: 1.2;
}




.rolling-list.original {
animation: rollingleft1 50s linear infinite;
}
.rolling-list.clone {
animation: rollingleft2 50s linear infinite;
}


@keyframes rollingleft1 {
0% { transform: translateX(0); }
50% { transform: translateX(-100%); }
50.01% { transform: translateX(100%); }
100% { transform: translateX(0); }
}


@keyframes rollingleft2 {
0% { transition: translateX(0); }
100% { transform: translateX(-200%); }
}




@media screen and (max-width: 768px){
.rolling_section .inner{display:block; width:100%;}
.rolling_text{width:100%; justify-content:center;}
.rolling_text p{font-size:30px;}
.rolling_section .wrap{width:100%; float:unset;position:relative;margin:-40px 0 -60px 0;}
.rolling_section .wrap::after{right:0;}
.rolling_section .wrap .rolling-list ul li{margin:0px -35px;}
.rolling_section .wrap .rolling-list ul li:nth-child(1){margin-left:-35px;}
.rolling_section .wrap .rolling-list ul li:nth-child(even){margin-top:180px !important;}
.rolling_section .wrap .rolling-list ul li .image-wrap{width:200px;}
}


@media screen and (max-width: 600px){
.rolling_section{padding:30px 0 0 0;}
.rolling_text span{display:block; text-align:center;margin-bottom:10px; font-size:20px;}
.rolling_section .wrap{margin:0 0 -60px 0;}
.rolling_section .wrap .rolling-list ul li{margin:0px -44px;}
.rolling_section .wrap .rolling-list ul li:nth-child(1){margin-left:-44px;}
.rolling_section .wrap .rolling-list ul li:nth-child(even){margin-top:160px !important;}
.rolling_section .wrap .rolling-list ul li .image-wrap{width:180px;}
.rolling_section .wrap::before{width:150px;}
.rolling_section .wrap::after{width:150px;}
}


@media screen and (max-width: 480px){
.rolling_text p{font-size:25px;}
.rolling_section .wrap .rolling-list ul li{margin:0px -57px;}
.rolling_section .wrap .rolling-list ul li:nth-child(1){margin-left:-57px;}
.rolling_section .wrap .rolling-list ul li:nth-child(even){margin-top:135px !important;}
.rolling_section .wrap .rolling-list ul li .image-wrap{width:160px;}
.rolling_section .wrap::before{width:100px;}
.rolling_section .wrap::after{width:100px;}
}


@media screen and (max-width: 385px){
.rolling_text p{font-size:20px;}
.rolling_text span{font-size:17px;}
.rolling_section .wrap{margin:0 0 -30px 0;}
.rolling_section .wrap .rolling-list ul li{margin:-30px -63px;}
.rolling_section .wrap .rolling-list ul li:nth-child(1){margin-left:-63px;}
.rolling_section .wrap .rolling-list ul li:nth-child(even){margin-top:94px !important;}
.rolling_section .wrap .rolling-list ul li .image-wrap{width:140px;}
.rolling_section .wrap::before{width:50px;}
.rolling_section .wrap::after{width:50px;}
}


/* ±âÁ¸ CSS */

#style12 {padding:90px 20px 80px 20px;   background-color: #eff2f7;  }
#style12 .section04 { position:relative; margin:0 auto; max-width:1400px;}
#style12 .head  {font-size:45px; line-height:60px; font-weight:600; font-family: var(--font1); padding:20px 0 40px 0}
#style12  .head span {font-family: var(--font2); color:var(--mainColor); }
#style12 .section04 #style12-title h2 {  color: #222;  margin-bottom: 41px;  font-size: 43px;}
#style12 .section04 #style12-title h2 span {  color: var(--main-color);  margin-right: 5px;}
#style12 .section04 .list {  display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 40px;}
#style12 .section04 .list li {  box-sizing: border-box;  background-repeat: no-repeat;  background-color: #fff;
  border-radius: 10px;  padding: 46px 0;  text-align: center;}
#style12 .section04 .list li div {  font-size: 26px;}
#style12 .section04 .list li img {  margin-inline: auto;  margin-bottom: 25px;}
#style12 .section04 .list li span {  margin-bottom: 10px;}
#style12 .section04 .list li strong {  font-weight: bold;font-family: var(--font2);}
#style12 .section04 .list li span,
#style12 .section04 .list li strong { display: block;  }
#style12 .section04 ul:nth-of-type(1) {  margin-bottom: 50px;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style12 {padding:30px 0 40px 0; }
#style12 .section04 { margin:0 auto; max-width:100%;}	
#style12 .head  {font-size:25px; line-height:35px; padding-bottom:15px}
#style12  .head_txt {font-size:16px; line-height:25px;  margin:20px 0 20px 0;}	
#style12 .section04 .list { padding:0px 20px; display: grid;  grid-template-columns: repeat(1, 1fr);  gap: 20px;}
#style12 .section04 .list li {    padding: 30px 0;  }	
#style12 .section04 .list li img {  margin-bottom: 15px;}
#style12 .section04 .list li div {  font-size: 18px;}
#style12 .section04 ul:nth-of-type(1) {  margin-bottom: 25px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}