/* 상생경영 탭 */
#content .title_area .tab_menu{width: 550px; display: flex; gap: 30px;
  position: relative; bottom: 0; left: 50%; transform: translateX(-50%); margin-top: 150px;}
#content .title_area .tab_menu a{width: 260px; height: 60px; border: 1px solid #ccc;
  border-radius: 30px; box-sizing: border-box; position: relative; overflow: hidden;
  display: flex; justify-content: center; align-items: center;
  color: #666; font-size: 1.13rem; font-weight: 600; transition: all .3s ease;}
  
  #content .title_area .tab_menu a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background: var(--font-color-main);
    transition: all 0.5s ease;}
  
  #content .title_area .tab_menu a:hover{color: #fff;}
  #content .title_area .tab_menu a:hover::after {
    left: 0;
    width: 100%;}
  
  #content .title_area .tab_menu .current{background: var(--font-color-main); color: #fff;}


/* 상생경영 내용 컨텐츠 */
#content .content_area{width: 1400px; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 250px;}
#content .content_area .winwin_title{padding: 100px 0; text-align: center;}
#content .content_area h3{font-size: 2.81rem; margin-bottom: 30px;}
#content .content_area p{font-size: 1.06rem; line-height: 1.59rem;}
#content .content_area .winwin_kr {width: 1168px; margin: 0 auto;}
#content .content_area .winwin_kr li{margin-bottom: 150px; border-top: 2px solid #333;}

#content .content_area .winwin_txt{margin: 40px 0;}
#content .content_area .winwin_txt h4{font-size: 1.63rem; line-height: 2.81rem; width: 500px;}
#content .content_area .winwin_kr div{display: flex; gap: 50px; flex-wrap: wrap; 
    align-items: center;}
#content .content_area .winwin_kr .winwin_gall img{height: 334px;}
#content .content_area .winwin_kr .winwin_gall img:nth-of-type(3){width: 500px; height: 292px; border-radius: 0 0 0 45px;}
#content .content_area .winwin_kr .winwin_gall p{width: 616px; padding: 10px; box-sizing: border-box; text-align: justify;}
#content .content_area .winwin_kr li:nth-of-type(3) img:nth-of-type(3){width: 500px; height: 234px;}


#content .content_area .winwin_global{width: 1300px; margin: 0 auto;}
#content .content_area .contlist:nth-of-type(2) h4{font-size: 2.25rem; text-align: center; position: relative;
  padding-top: 40px;}
#content .content_area .contlist:nth-of-type(2) h4::before{
  content: '';
  display: block;
  width: 100%; height: 2px;
  background: #333;
  position: absolute; left: 50%; top: 0px; transform: translateX(-50%);
}
#content .content_area .contlist:nth-of-type(2) h4:nth-of-type(2){margin-top: 150px;}

#content .content_area .winwin_global li{display: flex; gap: 40px; margin: 80px 0;}
#content .content_area .winwin_global li div{display: flex; flex-wrap: wrap; align-content: space-between;}
#content .content_area .winwin_global li strong{width: 710px; font-size: 1.63rem; line-height: 2.81rem;}
#content .content_area .winwin_global li p{width: 710px; font-size: 1.06; line-height: 1.59rem;}

#content .content_area .winwin_global li:nth-of-type(even){text-align: right;}
#content .content_area .winwin_global li:nth-of-type(even) img{border-radius: 0 45px 45px 0;}
#content .content_area .winwin_global li:nth-of-type(odd) img{border-radius: 45px 0 0 45px;}