.inner-section { padding-top: 40px; } .inner-section .sec-name { font-size: 40px; font-weight: bold; margin-bottom: 13px; } .inner-section .sec-desc { font-size: 24px; color: #666666; font-weight: 300; margin-bottom: 40px; } .inner-section .sec-head.white .sec-name, .inner-section .sec-head.white .sec-desc { color: #fff; } .inner-section .sec-more { display: block; margin: 50px auto; position: relative; z-index: 3; } .social-box { margin-top: 50px; margin-bottom: 60px; } .social-box .social-item { position: relative; } .social-box .social-item .item-txt { flex: 0 0 50%; max-width: 50%; position: relative; padding-left: 80px; padding-right: 80px; z-index: 2; } .social-box .social-item .item-txt::before { content: ''; width: 720px; position: absolute; height: 0; top: -60px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); right: 0; } .social-box .social-item .item-txt h3 { color: #1e1e1e; font-size: 24px; line-height: 2; margin-bottom: 10px; } .social-box .social-item .item-txt p { font-size: 16px; color: #767676; line-height: 2; } .social-box .social-item .item-img { position: relative; z-index: 2; flex: 0 0 50%; max-width: 50%; height: 420px; } .social-box .social-item .item-img img { position: absolute; right: -15px; top: 0; } .social-box .social-item .item-img.right-img { height: 450px; } .social-box .social-item .item-img.right-img img { right: auto; left: 15px; } .social-box .social-item.item-1 { z-index: 3; } .social-box .social-item.item-1 .item-txt { margin-top: 125px; } .social-box .social-item:nth-child(2) { margin-top: 100px; margin-bottom: 110px; } .social-box .social-item:nth-child(2) .item-txt { margin-top: 60px; } .social-box .social-item:nth-child(2) .item-txt::before { display: none; } .social-box .social-item:nth-child(2)::after { content: ''; display: block; position: absolute; width: 1042px; height: 630px; bottom: 0; left: 0; z-index: 0; background-color: #f5f5f5; } .social-box .social-item:nth-child(3) .item-txt { margin-top: 115px; }