#company{
   padding: 7.5rem 0 11.25rem;
}
#company .top-box{
   text-align: center;
   padding: 0 0 6.25rem;
   border-bottom: 1px solid #E8E8E8;
}
#company .top-box h3{
   font-size: 2rem;
   color: #3d6c53;
   margin: 1.875rem 0 1.25rem;
   line-height: 1.2;
}
#company .top-box p:first-of-type{
   font-size: 1.5rem;
   line-height: 1.5;
}
#company .top-box .img-box{
   margin: 3.75rem 0;
   display: flex;
   justify-content: center;
   gap: 5rem;
}
#company .top-box .img-box img{
   filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
   border-radius: 10px;
   width: 50%;
}
#company .top-box p:last-of-type{
   font-size: 1.3125rem;
   line-height: 1.5;
}
#company .mid-box{
  padding: 6.25rem 0 ;
  border-bottom: 1px solid #E8E8E8;
}

#company .bot-box{
   padding: 6.25rem 0 0;
}
#company .bot-box .tit{
   text-align: center;
   margin: 0 0 3.75rem;
}
#company .bot-box .tit h2{
   font-size: 2.625rem;
   color: var(--main-color);
   margin: 0 0 1.875rem;
} 
#company .bot-box .tab ul{
   max-width: 40rem;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #E8E8E8;
   border-radius: 20px;
}
#company .bot-box .tab ul li{
   width: 10rem;
   border-radius: 20px;
   padding: .4375rem 0;
   color: #CCCCCC;
   font-size: 1.125rem;
   line-height: 1.5;
   cursor: pointer;
}
#company .bot-box .tab ul li.active{
   background: var(--main-color);
   color: #fff;
}
#company .tab-item .marker{
   text-align: center;
   margin: 0 0 1.875rem;
}
#company .tab-item .marker .marker-box{
   width: 5rem;
   height: 5rem;
   margin: 0 auto;
   border: 1px solid #3d6c53;
   background: rgba(255, 255, 255, 0.5);
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
}
#company .tab-item .marker p{
   font-size: 2rem;
   font-weight: 700;
   color: #3d6c53;
   line-height: 1.5;
}
#company .tab-item .box{
   display: flex;
   align-items: flex-end;
   gap: 3.75rem;
}
#company .tab-item-kor .box:not(:last-child){
   margin: 0 0 6.25rem;
   padding: 0 0 6.25rem;
   border-bottom:  1px solid #e8e8e8;
}
#company .tab-item .box iframe{
   width: 40rem;
   height: 25rem;
}
#company .tab-item .box .txt-box{
   width: calc(100% - 40rem);
}
#company .tab-item .box .txt-box h3{
   font-size: 2rem;
   color: #3d6c53; 
   padding: 0 0 0 1.5625rem;
   position: relative;
}
#company .tab-item .box .txt-box h3::before{
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   width: .9375rem;
   height: .9375rem;
   background-color: #3d6c53;
   border-radius: 50%;
}
#company .tab-item .box .txt-box p{
   font-size: 1.5rem;
   line-height: 1.5;
   margin: 1.25rem 0 .625rem;
}
#company .tab-item .box .txt-box ul li{
   display: flex;
   gap: .625rem;
   align-items: center;
}
#company .tab-item .box .txt-box ul li:not(:last-child){
   margin: 0 0 .3125rem;
}
#company .tab-item .box .txt-box ul li > span:last-of-type{
   font-size: 1.5rem;
   line-height: 1.5;
   color: #3d6c53;
}

@media (max-width:1024px){
   #company{
      padding: 4.2857rem 0 7.1429rem;
   }
   #company .top-box h3{
      font-size: 1.5rem;
      margin: 2.1429rem 0 .7143rem;
   }
   #company .top-box p:first-of-type{
      font-size: 1.1429rem;
   }
   #company .top-box .img-box{
      gap: 1.0714rem;
      margin: 1.4286rem 0 2.1429rem;
   }
   #company .top-box .img-box img{
      width: 50%;
   }
   #company .top-box p:last-of-type{
      font-size: 1rem;
   }
   #company .top-box{
      padding: 0 0 3.5714rem;
   }
   #company .bot-box{
      padding: 3.5714rem 0 0;
   }
   #company .bot-box .tit h2{
      font-size: 2rem;
      margin: 0 0 1.4286rem;
   }
   #company .bot-box .tab ul{
      max-width: unset;
   }
   #company .bot-box .tab ul li{
      width: 6.0714rem;
      font-size: 1rem;
      flex: 1;
   }
   #company .bot-box .tit{
      margin: 0 0 2.1429rem;
   }
   #company .tab-item .marker .marker-box{
      width: 3.5714rem;
      height: 3.5714rem;
   }
   #company .tab-item .marker .marker-box img{
      width: 1.1429rem;
   }
   #company .tab-item .marker p{
      font-size: 1.5rem;
   }
   #company .tab-item .box{
      flex-direction: column;
      align-items: center;
      gap: 1.4286rem;
   }
   #company .tab-item .box iframe{
      width: 100%;
      height: 15rem;
   }
   #company .tab-item .box .txt-box{
      width: 100%;
   }
   #company .tab-item .box .txt-box h3{
      font-size: 1.5rem;
   }
   #company .tab-item .box .txt-box p{
      font-size: 1rem;
      margin: .7143rem 0;
   }
   #company .tab-item .box .txt-box ul li > span img{
      width: 1.1429rem;
   }
   #company .tab-item .box .txt-box ul li > span:last-of-type{
      font-size: 1rem;
   }
   #company .tab-item-kor .box:not(:last-child){
      padding: 0 0 2.1429rem;
      margin: 0 0 2.1429rem;
   }
}