/*사회공헌*/
#social {width: 100%; margin: 100px 0;}
.social {width: 1200px; margin: 0 auto;}
.so_vision {width: 100%; border-bottom: 1px solid #ddd;}
.so_vision>h1 {font-size: 30px; font-weight: 700; display: inline-block; padding-right: 20px;}
.so_vision>h2 {display: inline-block; font-size: 20px; padding-left: 20px;}
.so_con {position: relative; width: 100%; padding: 50px 0;}
.so_text {float: left;width: 100%; padding: 30px;z-index: 990; background-color: #fff;}
.so_text>h1 {font-size: 30px; font-weight: 500; line-height: 36px; border-left: 1px solid #000; padding-left: 40px;}
.so_text>h2 {padding: 0 45px; font-weight: 300;}
.so_text>h2 span {font-weight: 300;}

/* 이미지 빼라고 하셔서 뺌 */
/* .so_img {float: left; width: 50%; top:0; right: 0}
.so_slide li {float: left; width: 48%; height: 145px; overflow: hidden; text-align: center; margin: 1%;
    background-repeat: no-repeat; background-position: center; background-size: cover;
} */
/* .so_slide li:nth-child(1) {background-image: url(../img/activity_social/donation3.jpg);}
.so_slide li:nth-child(2) {background-image: url(../img/activity_social/donation2.jpg);}
.so_slide li:nth-child(3) {background-image: url(../img/activity_social/donation1.jpg);}
.so_slide li:nth-child(4) {background-image: url(../img/activity_social/donation4.jpg);} */
/* .so_slide li>img {width: 100%;} */

/*애니메이션*/
.so_vision {animation: con_move01 1s .2s both;}
.so_text {animation: con_move01 1s both}
.so_slide {animation: con_move02 1s .4s both;}
    @keyframes con_move01 {
        from {opacity: 0; transform: translateX(-100px);}
        to {opacity: 1; transform: translateX(0);}
    }
	@keyframes con_move02 {
        from {opacity: 0; transform: translateX(100px);}
        to {opacity: 1; transform: translateX(0);}
    }

/*사회공헌목록*/
#social_list {width: 100%; margin: 150px 0 0;}
.social_list {width: 1200px; margin: 0 auto;}
.socl_title {width: 400px; height: 40px; border-bottom: 1px solid #ddd; text-align: center; color: #403F41; margin: 0 auto; margin-bottom: 50px;}
.socl_title>h1 {font-size: 20px; font-weight: 500;}
.socl_list {width: 100%; padding: 30px;}
.socl_list>li {position: relative;display: inline-block; width:19.5%; padding: 0 20px; margin-bottom: 20px;}
.socl_list>li:nth-child(5n) {padding-right: 0;}
.socl_list>.first {width: 100%; margin-bottom: 30px;}
.socl_list>.first::before {content: ""; width: 3px; height: 20px; display: block; background-color: #888; position: absolute; left: 0; top:18%;}
.socl_list>li:not(.first):before {content: ""; width: 3px; height: 3px; display: block; background-color: #888; border-radius: 50%; position: absolute; left: 0; top: 50%;}
.socl_list>li>h1 {font-weight: 600; font-size: 22px;}
.socl_list>li>h2 {font-size: 16px; color: #6d6e71;}

/* 회사소개 상단 탭 강제 정렬 */
nav.t_menu ul {
    max-width: 1200px;      /* 전체 영역 1200px */
    margin: 0 auto;
    padding: 0;
    list-style: none;

    display: flex;          /* flex로 한 줄 정렬 */
    flex-wrap: nowrap;      /* 줄바꿈 금지 */
    justify-content: center;
}

nav.t_menu ul li {
    flex: 1 1 0;            /* 메뉴 개수만큼 폭 자동 등분 */
    line-height: 50px;
    background-color: rgba(255,255,255,.5);
    font-size: 18px;

    margin: 0;              /* 혹시 margin 때문에 밀리는 것 방지 */
    float: none !important; /* 예전 float, width:20% 같은 거 무시 */
    width: auto !important;
}