/******COMMON-S*******/
body{
  width: 100%;
  max-width: 414px;
}
a:link{color: inherit; text-decoration: none;}
a:visited{color: inherit}

#wrap {
  height: 100%;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
}

#wrap .title-wrap {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  background-color: #eee;
  letter-spacing: -1.66px;
  height: 75px;
  position: relative;
}


#wrap .title-wrap .title {
  margin: 0 auto;
  font-size: 16px;
  font-family: "NotoSansKR-Regular";
  color: #2e2e2e;
}

#wrap .title-wrap img{ 
  width: 10px;
  height: 15px;
}
#wrap .click {
  background-image: url(../img/그룹\ 108.png);
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  position: absolute;
  left: -45px;
  top: 162px;
  cursor: pointer;
}

#wrap .btn{
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-40%);
}

#wrap .btn img{
  width: 10px;
  height: 15px;
}

/******COMMON-E*******/

/******SIDE1-S*******/
#wrap .company .company-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 98px;
  padding-left: 63px;
  font-size: 20px;
  line-height: 20px;
  font-family: "NotoSansKR-Bold";
  border-bottom: 1px solid #eee;
  background-image: url(../img/그룹\ 114.png);
  background-repeat: no-repeat;
  background-position: 23px 33.5px
}
#wrap .company .company-list p {
  margin-top: 10px;
  font-size: 14px;
  font-family: "NotoSansKR-Regular";
  color: #c4c4c4;
}

/******SIDE1-E*******/

/******SIDE2-S*******/

.picture-wrap {
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.info-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;

}
.info-wrap .team-wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 126.5px;
  border-bottom: 1px solid #e1e1e1;
  padding-right: 70px;
}
.info-wrap .item-title {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  padding-left: 27px;
  height: 57px;
  font-size: 24px;
  font-family: "NotoSansKR-Medium";
  margin-bottom: 8px;
}

.info-wrap .explanation-wrap .introduce{
  padding:19.5px 46px 19.5px 27px;
}
.info-wrap .team-name{
  font-family: "NotoSansKR-Regular";
  font-size: 14px;
  margin-bottom: 14.5px;
  padding-left: 27px;
}
.info-wrap .representative-wrap{
  display: flex;
  align-items: center;
  height: 48px;
  border-bottom: 1px solid #e1e1e1;
  padding-left: 27px;
}

.info-wrap .representative{
  height: 16px;
  background-image: url(../src/icon/person.png);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  padding-left: 27px;
  font-family: "NotoSansKR-Regular";
  font-size: 14px;
}

.info-wrap .explanation-wrap dt{
  margin-bottom: 10px;
  font-size: 16px;
  font-family: "NotoSansKR-Medium";
}
.info-wrap .explanation-wrap dd{
  font-size: 14px;
  font-family: "NotoSansKR-Regular";
  line-height: 16px;
}
.info-wrap .explanation-wrap .distiction{
  padding:19.5px 46px 19.5px 27px;
}
.info-wrap .explanation-wrap .progress{
  padding:19.5px 46px 19.5px 27px;
}
.info-wrap .explanation-wrap .plan{
  padding:19.5px 46px 19.5px 27px;
}
/******SIDE2-E*******/