.subtitle {padding: 100px 0 50px;}
.t_menu>ul>li {width: 16.66666% !important;}
.t_menu>ul>li a small {font-size: smaller;}

/*올모용인 메인*/
#olmo_yongin {width: 100%; margin-bottom: 50px;}
.olmo_yongin {width: 1200px; margin: 0 auto; border: 1px solid #ddd; padding: 50px 70px;}

/* 인트로 */
.olmo_intro {margin-top: 30px; padding: 0 15px;}
.olmo_intro .left {text-align: left; float: left; position: relative;}
.olmo_intro .left h4 {font-size: 30px; font-weight: 600;}
.itr_olmo {margin: 38px 0 25px;}
.itr_olmo th {font-weight: 600; width: 100px; padding-bottom: 3px;}
.itr_olmo td {font-weight: 400; padding-bottom: 3px;}
.itr_olmo + p, .itr_olmo + p span {font-weight: 300; font-size: 14px; line-height: 22px;}
.olmo_intro .right {height: 250px; float: right;}
.olmo_intro .left::after {
    content: "";
    display: block;
    width: 1028px;
    height: 1px;
    background: #a8a8a8;
    position: absolute;
    bottom: -70px;
}

/* 사진 */
.olmo_pto {margin: 150px 0; padding: 15px;}
.olmo_pto img{display: inline-block;}
.olmo_pto img:nth-of-type(1) {float: left; width: 32.5%;}
.olmo_pto img:nth-of-type(2) {float: right; width: 66.5%;}
.olmo_pto img:nth-of-type(3) {float: left; width: 40%; margin: 1%;}
.olmo_pto img:nth-of-type(4) {float: right; width: 25.4%; margin: 1% 0;}
.olmo_pto img:nth-of-type(5) {float: right; width: 25.4%;}
.olmo_pto img:nth-of-type(6) {float: left; width: 32.5%; clear: both;}
.olmo_pto img:nth-of-type(7) {float: left; width: 32.5%; margin: 0 1%;}
.olmo_pto img:nth-of-type(8) {float: right; width: 33%;}
.olmo_pto img:nth-of-type(9) {float: left; width: 65.8%; height: 151px; margin-top: 1%;}


/* 텍스트 */
.text {}
.text h4, .text h4 span {font-size: 24px; font-weight: 600; color: #233616;}
.text h4 + div {margin-top: 80px; position: relative;}
.text h4 span, .text div span {display: inline;}
.text h4 div i {display: block; margin-top: 5px; font-family: 'Noto Sans KR', sans-serif !important;}
.text h4 + div::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background: #000;
    position: absolute;
    top: -30px;
    left: calc(50% - 20px);
}
.text_1, .text_2 {margin-bottom: 150px; text-align: center;}
/* .text_1 {background-image: url(../img/ESG/olmo_t1.png);} */
.text_1 img {width: 400px;}
.text_2 {margin-bottom: 150px;}
.text_2 h4 + div {width: 80%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 50px; margin: 80px auto 50px;}
.text_2 .right {margin-top: 80px;}


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


/*애니메이션*/
.news>li {opacity: 0;animation: news_up 2s both;}
@keyframes news_up {
    from {opacity: 0; top:50px;}
    to {opacity: 1; top:0;}
}