@charset "utf-8";

.profile{
  max-width:1100px;
  width:80%;
  margin:0 auto ;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.profile-txt{
  width:55%;
}

.profile-txt h2{
  color:#FF9640;
  font-size:clamp(2rem, 1.818rem + 0.61vw, 2.5rem);
  margin-bottom:1.5rem;
      letter-spacing: 4px;
}

.profile-img{
  width:43%;
  position:relative;
}

.profile-img img:not(.message){
  border-radius:20px;
  object-fit: cover;
  aspect-ratio: 466 / 536;
}

.profile-img .message{
  width: 47%;
  position: absolute;
  right: -20%;
  top: -10%;
}

.history{
  max-width:1100px;
  width:80%;
  margin:5rem auto ;
}

.history-wrap{
  position:relative;
}

.history-wrap::before{
  content:"";
  position:absolute;
  width:1px;
  height: 100%;
  background: #F5AE73;
  left: 43px;
  top: 2rem;
}

.history-wrap h3{
  padding:1rem 2rem;
  background:rgba(218, 213, 207, 0.4);
  color:#FF9640;
  font-size:clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  position:relative;
  display: flex;
  align-items: center;
  gap: 1rem;
      letter-spacing: 2px;
}

.history-wrap h3::before{
  content:"";
  width:1.5rem;
  height:1.5rem;
  background:#FF9640;
  border-radius:999vh;
  display: block;
}

.history-box{
  width:90%;
  margin:1.5rem 0 0 auto;
  padding: 0 0 2.5rem;
}

.history-box img{
  width:50%;
  max-width:330px;
  border-radius:10px;
  object-fit:cover;
  aspect-ratio: 330 / 200;
}

.history-list{
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom:1.5rem;
  position: relative;
}

.history-list::before{
  content:"";
  position:absolute;
  width:1rem;
  height:1rem;
  background:#FF9640;
  border-radius:999vh;
  left: -7.6%;
  top: 4px;
}

.history-list p:first-child{
  width:100px;
  font-family: "Poppins", sans-serif;
}

.history-list p:last-child{
  width:calc(100% - 124px);
}

.story{
  padding: 80px 0 300px;
  background: #EAE3DB;
}

.story-txt{
  width:80%;
  text-align:center;
  margin:0 auto;
}

.slider-wrap{
  margin-top: -240px;
  padding-bottom: 80px;
}

.autoplay-slide {
  border-radius:10px;
  object-fit:cover;
  aspect-ratio:1/1;
}

.autoplay-slide:nth-child(even){
  transform: translateY(60px);
}

.corporate{
  max-width: 1100px;
  width: 80%;
  margin: 10rem auto 100px;
  display: flex;
  justify-content: space-between;
  align-items:center;
}

.corporate-txt + div{
  width:45%;
}

.corporate iframe{
  border:none;
}

.corporate-txt{
  width:50%;
}

.corporate-txt > p{
  font-size:clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  color:#FF9640;
  font-weight:bold;
  margin-bottom:2.5rem;
}

.corporate-list{
  display: flex;
  padding-bottom:1rem;
  border-bottom:1px solid #505050;
  margin-bottom:1rem;
}

.corporate-list p:first-child{
  width:20%;
  min-width: 80px;
}

.corporate-list p:last-child{
  width:80%;
}

.corporate-list a{
  font-weight:400;
}

@media screen and (max-width: 1400px) {
  .history-list::before{
    left: -7.2%;
  }
}

@media screen and (max-width: 1100px) {
  .history-list::before{
    left: -6.3%;
  }
}

@media screen and (max-width: 1024px) {
  .profile{
    flex-direction: column;
    gap: 3rem;
  }
  .profile-txt{
    width: 100%;
  }
  .profile-img {
    width: 100%;
    max-width:450px;
  }
  .profile-img .message {
    width: 37%;
    right: -10%;
    top: -5%;
  }
  .story-txt {
    width: 90%;
  }
  .corporate{
    flex-direction: column;
    gap: 1rem;
  }
  .corporate-txt {
    width: 90%;
  }
  .corporate-txt + div {
    width: 100%;
  }
}

@media screen and (max-width: 850px) {
  .history-list::before{
    left: -4.7%;
  }
}


@media screen and (max-width: 767px) {
  .profile{
    width:90%;
  }
  .profile-img .message{
    right: -2%;
  }
  .history{
    width: 100%;
  }
  .history .lower-title.flex{
    margin:0 5% 2rem;
  }
  .history-list {
    gap: 1rem;
    margin-bottom: 1rem;
    flex-direction: column;
    padding-right: 1rem;
  }
  .history-wrap h3 {
    padding: 1rem 1rem;
  }
  .history-wrap h3::before {
    width: 20px;
    height: 20px;
  }
  .history-wrap::before{
    left: 26px;
  }
  .history-box {
    width: calc(100% - 60px);
  }
  .history-list::before {
    left: -42px;
  }
  .history-list p:last-child,
  .history-list p:first-child{
    width:100%;
  }
  .history-box img {
    width: 70%;
  }
  .corporate{
    width:100%;
    margin: 5rem auto;
  }
  .corporate-txt > p{
    margin-bottom: 1.5rem;
  }
  .autoplay-slide:nth-child(even) {
    transform: translateY(20px);
  }
}