@media screen and (max-width: 1200px) {
/* ------------------------------------- sub1-1 ------------------------------------- */
/* sub1-1 section 1 */
.about-title-wrap{
  height: 1000px; 
}
.about-title > h2{
  margin-bottom: 100px;
}
.about-title-img{
  width: 80%;
}
.about-title-img > img{
  width: 100%;
}
/* ------------------------------------- sub1-2 ------------------------------------- */
/* sub1-2 section 1 */
.greeting-wrap{
  padding: 100px 0;
}
.greeting-desc{
  width: 100%;
}
.greeting-img{
  display: none;
}
/* ------------------------------------- sub1-3 ------------------------------------- */
/* sub1-3 section 1 */
.partners-wrap{
  padding: 100px 0;
}
.history-items{
  flex-direction: column; align-items: center;
}
.history-items::before{
  display: none;
}
.history-item{
  width: 50%; margin-bottom: 50px; 
}
.history-item-img{
  width: 50%; 
}
/* ------------------------------------- sub1-4 ------------------------------------- */
.partners-title-wrap{
  padding: 100px 0;
}
/* sub1-4 section 2 */
.partners-result-wrap{
  flex-direction: column;
}
.partners-result-title{
  width: 100%; text-align: center; margin-bottom: 50px;
}
.partners-result-box{
  width: 100%; margin: auto;
}
.partners-result-item{
  width: 50%; position: relative;
}
.partners-result-item>h5{
  position: absolute; top: 50%; left: 30px;
}
.result-num{
  position:absolute; top: 75%; left: 30px;
}
/* sub1-4 section 4 */
.partners-network-con1,
.partners-network-con2{
  align-items: center; gap: 50px;
  flex-direction: column;
}
.partners-network-con1.active,
.partners-network-con2.active{
  display: flex; flex-direction: column;
}
.partners-network-img{
  width: 40%;
}
.partners-network-img>img{
  width: 100%;
}
.partners-network-info{
  width: 100%;
}
/* ------------------------------------- sub1-5 ------------------------------------- */
/* sub1-5 section 1 */
.location-wrap{
  padding: 100px 0;
}
.location-map-info{
  flex-direction: column;
}
.location-map-item{
  width: 100%; 
}
/* --------------------------------------sub 3-2------------------------------------- */
.accordion-wrap{
  padding: 100px 0;
}
.accordion-box{
  flex-direction: column; gap: 50px;
}
.accordion-box-btn{
  width: 80%; text-align: center;
}
.accordion-box-btn>a{
  display: inline-block;
}
}









@media screen and (max-width: 800px) {
/* ------------------------------------- sub1-1 ------------------------------------- */
/* sub1-1 section 1 */
.about-title-wrap{
  height: 800px; 
}
.about-title > h2{
  margin-bottom: 100px;
}
.about-title-img{
  width: 100%;
}
.about-title-img > img{
  width: 100%;
}
/* sub1-1 section 2 */
.about-desc-wrap{
  padding: 100px 0;
}
.about-desc-logo{
  width: 250px; margin: 0 auto;
}
.about-desc>p>span{
  display: inline-block;
}

/* sub1-1 section 3 */
.about-item-wrap{
  width: 100%;
}
.about-item{
    flex-direction: column;
}
.about-item-img{
  width: 100%;
}
.about-item-desc{
  width: 100%;
}
.about-item-desc>h5{
  text-align: center;
}
/* ------------------------------------- sub1-3 ------------------------------------- */
/* sub1-3 section 1 */
.history-items{
  flex-direction: column; align-items: center;
}
.history-items::before{
  display: none;
}
.history-item{
  width: 100%; margin-bottom: 50px; 
}
.history-item-img{
  width: 100%; 
}
/* ------------------------------------- sub1-4 ------------------------------------- */
/* sub1-4 section 2 */
.partners-result-wrap{
  flex-direction: column;
}
.partners-result-title{
  width: 100%; text-align: center; margin-bottom: 50px;
}
.partners-result-box{
  width: 100%; margin: auto;
}
.partners-result-item{
  width: 50%; position: relative;
}
.partners-result-item>h5{
  position: absolute; top: 50%; left: 30px;
}
.result-num{
  position:absolute; top: 75%; left: 30px;
}
.partners-network-img{
  width: 60%;
}
/* ------------------------------------- sub1-5 ------------------------------------- */
/* sub1-5 section 1 */
.location-map-item{
  width: 100%; 
  flex-direction: column; align-items: center;
}
.location-map-title{
  justify-content: center;
  width: 100%; margin-bottom: 30px;
}
.location-map-list{
  width: 100%;
}
.location-map-list>ul>li{
  font-size: var(--text-font-size);
  line-height: var(--text-font-size-line);
  margin-bottom: 10px;
}
.location-map-list>ul>li::before{
  content: '•';
  display: inline-block; width: 20px; margin-right: 5px;
}
/* -------------------------------------- coming-soon ------------------------------------- */
.coming-btn{
  flex-direction: column;
}
}







@media screen and (max-width: 500px) {
/* ------------------------------------- sub1-1 ------------------------------------- */
/* sub1-1 section 1 */
.about-title-wrap{
  height: 500px; padding: 30px;
}
/* sub1-1 section 3 */
.about-item-desc{
  padding: 30px;
}
/* sub1-1 section 4 */
.about-banner-wrap{
  padding: 30px; height: 600PX;
}
.about-banner-btn{
  flex-direction: column;}
  .about-banner-title>h2>span{
    display: inline-block;
  }

/* ------------------------------------- sub1-4 ------------------------------------- */
/* sub1-4 section 2 */
.partners-result-wrap{
  flex-direction: column;
}
.partners-result-title{
  width: 100%; text-align: center; margin-bottom: 50px;
}
.partners-result-box{
  width: 100%; margin: auto;
}
.partners-result-items{
  flex-direction: column; gap: 30px; margin-bottom: 30px;
}
.partners-result-item{
  width: 100%; position: relative;
}
.partners-result-item>h5{
  position: absolute; top: 50%; left: 30px;
}
.result-num{
  position:absolute; top: 75%; left: 30px;
}
/* sub1-4 section 4 */
.partners-network-btn>ul{
  }
  .partners-network-con-wrap{
    padding: 50px 0;
  }
  .partners-network-img{
    width: 100%;
  }
/* --------------------------------------sub 3-2------------------------------------- */
.accordion-box{
  padding: 30PX;
}
/* -------------------------------------- coming-soon ------------------------------------- */
.coming-wrap{
  padding: 170px 0 0 0;
}
.coming-btn{
  flex-direction: column;
}
}