.inner-main { padding: 0 0 0 0; }

/* 내부 그리드너비 설정 */
.inner-container { width: 100%; max-width: 1440px; margin: 0 auto; }

/* Suv_visual */
.sub_visual { margin: 60px auto; height: 500px; text-align: center; display: flex; justify-content: center; align-items: center; background: url('../../../images/about/intro.jpg') no-repeat center / cover; color: #fff; }

/* 인사말 */
/* .greeting { padding: 100px 0; background-color: #F8F8FA; }
.greeting .inner-container { padding-left: 178px; }
.greeting h3 { font-size: 30px; line-height: 44.4px; font-weight: 700; margin-top: 6px; }
.greeting p { font-size: 18px; line-height: 30px; color: #505050; }
.greeting p:first-of-type { margin-top: 24px; }
.greeting p + p { margin-top: 16px; } */

.greeting img { width: 100%; }


.history { padding: 160px 0 200px 0; }
.history .intro { text-align: center; }
.history .intro ul { display: flex; justify-content: center; margin-top: 24px; }
.history .intro ul li { font-size: 20px; line-height: 26px; color: #aaa; font-weight: 700; }
.history .intro ul li.active { color: var(--main)}
.history .intro ul li + li { margin-left: 40px; }


.history .content-box h3 { font-size: 40px; line-height: 54px; font-weight: 700; color: var(--main); padding-bottom: 24px; border-bottom: 2px solid var(--main); }
.history .content-box ul li + li { margin-top: 120px; }
.history .content-box .content { display: flex; line-height: 32px; margin-top: 24px; }
.history .content-box .content + .content { margin-top: 20px;}
.history .content-box .content .year { font-weight: 700; font-size: 20px; }
.history .content-box .content .text { margin-left: 20px; }
.history .content-box .content .text p { font-size: 20px; }
.history .content-box .content .text p + p { margin-top: 10px; line-height: 26px; }
.history .content-box .content em { font-style: normal; display: inline-block; margin-right: 16px; }
.history .content-box img { display: block; margin-top: 32px; width: 100%; }


.history .content-box .pc { display: block; }
.history .content-box .mobile { display: none; }

@media (max-width:1440px) {
    .inner-container { max-width: 95%; }
    .sub_visual { margin: 3.75rem auto; height: 31.25rem;}

    .history { padding: 10rem 0 12.5rem 0; }
    .history .intro ul { margin-top: 1.5rem; }

    .history .intro ul li { font-size: 1.25rem; line-height: 1.625rem; }
    .history .intro ul li + li { margin-left: 2.5rem; }

    .history .content-box h3 { font-size: 2.5rem; line-height: 3.375rem; padding-bottom:1.5rem;}

    .history .content-box ul li + li { margin-top: 7.5rem; }
    .history .content-box .content { line-height: 2rem; margin-top: 1.5rem; }
    .history .content-box .content + .content { margin-top: 1.25rem;}
    .history .content-box .content .year {font-size: 1.25rem; }
    .history .content-box .content .text { margin-left: 1.25rem; }
    .history .content-box .content .text p { font-size: 1.25rem; }
    .history .content-box .content .text p + p { margin-top: 0.625rem; line-height: 1.625rem; }
    .history .content-box .content em {  margin-right: 1rem; }
    .history .content-box img { margin-top: 2rem; }











        
}
@media (max-width: 1024px){
    .sub_visual { margin: 1rem 0 0 0; height: 11.4375rem; background: url('../../../images/about/intro-m.jpg') no-repeat center / cover; }
    .inner-container { width: 100%; padding: 0 1rem; max-width: 100%; }


    .greeting { padding: 0; }    
    .history { padding: 3.75rem 0 5rem 0; }
    .history .big-title { margin-top: 0.25rem; }
    .history .intro ul { display: none; }
    .history .content-box ul li:first-of-type { margin-top: 1.25rem; }

    .history .content-box h3 { font-size: 1.5rem; line-height: 2.125rem; padding-bottom: 0.5rem; }
    .history .content-box .content { margin-top: 0.625rem; line-height: 1.625rem; }
    .history .content-box .content + .content { margin-top: 0.5rem; }
    .history .content-box .content .year { font-size: 1.125rem; }
    .history .content-box .content .text p { font-size: 0.875rem; }
    .history .content-box .content .text p + p { margin-top: 0.375rem; line-height: 1.375rem; }
    .history .content-box img { margin-top: 1.125rem; }

    .history .content-box ul li + li { margin-top: 2.5rem; }
    
    .history .content-box .pc { display: none; }
    .history .content-box .mobile { display: block; width: 100%; }
}