body {
    font-family: 'Pretendard Variable';
    color: rgb(83, 83, 83);
  }
  
  .outer .tree {
    border-bottom: .125em solid rgb(0, 140, 255);
  }
  
  .outer .tree a {
    font-weight: 600;
  }

  .img1,
  .img2 {
    width: 80%;
    height: 280%;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50% 0%;
  }

  .img1 {
    background-image: url(/image/smec1.jpg);
  }
  .img2 {
    background-image: url(/image/smec2.jpg);
  }


@media all and (min-width:1024px) and (max-width:1279px) { 
  .img1,
  .img2 {
    height: 180%;

  }
} 
  
/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:950px) and (max-width:1023px) { 
  .img1,
  .img2 {
    height: 150%;
  }
} 
@media all and (min-width:768px) and (max-width:950px) { 
  .img1,
  .img2 {
    height: 130%;
  }
} 
  
/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:670px) and (max-width:768px) {
  .img1,
  .img2 {
    height: 110%;
  }
} 
@media all and (min-width:600px) and (max-width:670px) {
  .img1,
  .img2 {
    height: 95%;
  }
} 
@media all and (min-width:480px) and (max-width:600px) {
  .img1,
  .img2 {
    height: 85%;
  }
} 
  
/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
  .img1,
  .img2 {
    height: 65%;
  }
}