@charset "utf-8";
@import url('font.css');
.content .about-wrap {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  /* padding-bottom: 100px; */
}
.content .about-content {
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 25px 30px 50px;
}
.content .profile {
  width: 100%;
  height: 100%;
  padding: 25px 30px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 120px;
}
.content .profile .inner {}

/* profile-pic(left) */
.content .profile .inner .id-img {
  width: 300px;
  height: 400px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 40px;
}
.content .profile .inner .id-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content .profile .inner .data {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.content .profile .inner .data .id-info {
  display: flex;
  column-gap: 15px;
}
.content .profile .inner .data .id-info .field {
  width: 70px;
  font-weight: 600;
}
.content .profile .inner .data .id-info p {}
.content .profile .inner .data .id-info p.tag {
  font-weight: 600;
}

/* profile-txt(right) */
/* mind */
.content .profile .inner .mind {
  margin-bottom: 50px;
}
.content .profile .inner .mind strong {
  font-size: 1.5em;
  font-weight: 600;
}
.content .profile .inner .mind .item-wrap {
  padding-left: 40px;
  border-left: 2px solid gainsboro;
  border-radius: 10px;
  font-size: 1em;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 25px;
}
.content .profile .inner .mind .item-wrap .item {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.content .profile .inner .mind .item-wrap .item p {
  line-height: 1.8;
}
.content .profile .inner .mind .item-wrap .item p span {
  font-weight: 600;
}
/* edu */
.content .profile .inner .edu {
  margin-bottom: 50px;
}
.content .profile .inner .edu strong {
  font-size: 1.5em;
  font-weight: 600;
}
.content .profile .inner .edu .item-wrap {
  padding-left: 40px;
  border-left: 2px solid gainsboro;
  border-radius: 10px;
  font-size: 1em;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 25px;
}
.content .profile .inner .edu .item-wrap .item {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.content .profile .inner .edu .item-wrap .item .date {
  font-weight: 600;
}
.content .profile .inner .edu .item-wrap .item .what {}
.content .profile .inner .edu .item-wrap .item .info {
  color: #777;
}
/* license */
.content .profile .inner .license {
  margin-bottom: 50px;
}
.content .profile .inner .license strong {
  font-size: 1.5em;
  font-weight: 600;
}
.content .profile .inner .license .item-wrap {
  padding-left: 40px;
  border-left: 2px solid gainsboro;
  border-radius: 10px;
  font-size: 1em;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 25px;
}
.content .profile .inner .license .item-wrap .item {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.content .profile .inner .license .item-wrap .item .date {
  font-weight: 600;
}
.content .profile .inner .license .item-wrap .item .what {}
/* skill */
.content .profile .inner .skills {}
.content .profile .inner .skills strong {
  font-size: 1.5em;
  font-weight: 600;
}
.content .profile .inner .skills .skill-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-right: 20px;
  margin-top: 25px;
}
.content .profile .inner .skills .skill-wrap img {}

.footer {
  position: relative;
}

/* ======= 반응형 ====== */
@media screen and (max-width: 1240px) {
  .content .about-wrap {
    width: 96%;
  }
  .content .profile {
    flex-direction: column;
    align-items: flex-start;
    gap: 80px;
  }
  .content .profile .inner:first-child {
    display: flex;
    align-items: flex-end;
    gap: 80px;
  }
  /* profile-pic(left) */
  .content .profile .inner .data {
    margin-bottom: 40px;
  }
  /* profile-txt(right) */

}
@media screen and (max-width: 980px) {
  .content .profile .inner .edu .item-wrap .item {
    flex-wrap: wrap;
    gap: 10px;
  }
  .content .profile .inner .edu .item-wrap .item .info {
    width: 100%;
  }
}
@media screen and (max-width: 760px) {
  .content .profile .inner .edu .item-wrap .item .what {
    width: 100%;
  }
  .content .profile .inner .skills .skill-wrap img {
    width: 7.5%;
  }
}
@media screen and (max-width: 690px) {
  .content .profile .inner:first-child {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
@media screen and (max-width: 640px) {
}