/*사회공헌*/
#contribution {width: 100%; margin: 100px 0;}
.contribution {width: 1200px; margin: 0 auto;}
.co_vision {width: 100%; border-bottom: 1px solid #ddd;}
.co_vision>h1 {font-size: 30px; font-weight: 700; display: inline-block; padding-right: 20px;}
.co_vision>h2 {display: inline-block; font-size: 20px;}
.co_con {position: relative; width: 100%; padding: 50px 0;}
.co_text {float: left;width: 50%; padding: 30px;z-index: 990; background-color: #fff;}
.co_text>h1 {font-size: 30px; font-weight: 500; line-height: 36px; border-left: 1px solid #000; padding-left: 40px;}
.co_text>h2 {padding: 0 45px; font-weight: 300}
.co_img {float: left; width: 50%; top:0; right: 0}
.co_slide li {float: left; width: 48%; height: auto; overflow: hidden; text-align: center; margin: 1%;}
.co_slide li>img {width: 100%;}

/*애니메이션*/
.co_vision {animation: con_move01 1s .2s both;}
.co_text {animation: con_move01 1s both}
.co_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);}
    }

/*뉴스*/
#news {width: 100%; margin: 150px 0;}
.news {width: 1200px; margin: 0 auto;}
.news_list {width: 100%;}
.news_list>li {width: 33.33%;  height: auto; float: left; padding: 15px;}
.news_list>li>a {width: 100%; height: auto; background-color: #999;}
.news_list>li:hover>a>img {transform: scale(1.05);}
.news_list>li>a>img {width: 100%;transition: .2s; opacity: .95; display: block;}

.news_popup {width: 100%; height: 100vh; position: fixed; background-color: rgba(0,0,0,.7); padding: 30px; top: 0; z-index: 999;}
.news_box {width: 800px; height: 100%; overflow: auto; margin: 0 auto;}
.news_box img {width: 100%;}

/*사회공헌목록*/
#contributionlist {width: 100%; margin: 150px 0;}
.contributionlist {width: 1200px; margin: 0 auto;}
.col_title {width: 400px; height: 40px; border-bottom: 1px solid #ddd; text-align: center; color: #403F41; margin: 0 auto; margin-bottom: 50px;}
.col_title>h1 {font-size: 20px; font-weight: 500}
.col_list {width: 100%; padding: 30px;}
.col_list>li {position: relative;display: inline-block; width:24%; padding: 0 20px 30px;}
.col_list>li:before {content: ""; width: 3px; height: 20px; display: block; background-color: #888; position: absolute; left: 0;}
.col_list>li>h1 {font-weight: 600;}
.col_list>li>h2 {font-size: 14px;color: #6d6e71}