/* BASIC css start */
 .extra-section {
    width: 100%;
      height: 696px;
      background-image: url("//junjewelry.jpg3.kr/home/2023/page/2023_brand_06.jpg");background-size:cover;background-position:center top;background-repeat: no-repeat;text-align:center;
   
}
 .brand_fadein {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.brand_fadein .up-on-scroll {
  transition: transform 0.7s, opacity 1s;
}


.about{
position: relative;
    width: 100%;
text-align: center;
   
	}

.ww{max-width: 1330px;
  margin: 0 auto 100px;   width: 100%;
 }

.img-wrap {
  display: flex;
  justify-content: center;
  overflow: hidden;
  /*max-height: 400px;*/
}
.img-wrap .image {
  object-fit: contain;
  max-width: 100%;
 /* width: 100%;*/
}

.tt-wrap{  margin: 360px 0;}
.tt-wrap .top p {font-size: 17px; font-weight: 400;    margin-top: 35px;}


.text-wrap{  margin: 100px 0;}

.text-wrap h3{
  text-align: center;
      font-size: 30px;
      font-weight:600;
        margin: 35px 0 50px;
}

.text-wrap p{text-align: center;
    font-size: 20px;
        font-weight: 400;
        line-height: 32px;
        color: #444444;
}

.text-wrap .top{    margin: 150px 0;}

.clean_wrap{background: #f9f4f0;    margin-top: 200px;}


.extra-section{}
.extra-section .text-wrap{  margin: 200px 0 0 0;}




.about__item {
  display: inline-block;
  width: 600px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
}
.about__item:nth-child(odd) img {
  margin-bottom: 20px;
}
.about__item:nth-child(even) {
  flex-direction: column-reverse;
}
.about__item img {
  object-fit: cover;
  height: 500px;
  width: 500px;
}
.about__item .content {
  height: 50%;

  flex: 1;

  align-items: center;
  text-align: left;
}
.about__item .content h3 {
  font-size: 32px;
  max-width: 250px;
  line-height: 1.2;
}
.about__item .content p {
  color: #000;
   font-size: 16px;
  line-height: 1.5;
 margin-top: 12px;
}

.horizontal-scroll__section {
  position: relative;
  height: 350vh;
}
.horizontal-scroll__wrapper {
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
.horizontal-scroll__content {
  display: flex;
  padding: 80px;
  height: 70vh;
  width: 500vh;
  will-change: transform;
}
/* BASIC css end */

