
:root{
    --font-light: 'Montserrat-Light';
    --font-re: 'BebasNeue-Regular';
    --font-bold: 'OpenSans-Bold';
    --font-regular: 'Opensans-Regular';
    --color-ffffff: #ffffff;
    --color-333333: #333333;
}
body .ly_article_1 { padding-top: 0;}
.ly_article_1 .article_content_box .article_title { display: none;}
.ly_other_1 { display: none;}
.ly_article_1 .wide { width: 100%;}
* { margin: 0; text-decoration: none; padding: 0; list-style-type: none; -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
img { max-width: 100%; max-height: 100%;}
.public_img { font-size: 0; }
.public_content_w1440 { margin: 0 auto; width: 1440px; max-width: 90%; }

.development { margin-top: 145px;}
.development .development_title { font-size: 55px; color: var(--color-333333); font-family: var(--font-bold); max-width: 50%; letter-spacing: 0.8px; line-height: 1.24; text-align: justify;}
.development .development_brief { font-family: var(--font-regular); font-size: 18px; color:  var(--color-333333); line-height: 2;margin-top: 61px; letter-spacing: 0.1px; width: 89.1%;}
.development .development_content { display: flex; justify-content: space-between;}
.development .development_content_side:first-child { padding-right: 98px; width: 49.3%;}
.development .development_content_side:last-child { flex: 1;}
.development .development_content_side:first-child .development_img { margin-top: 147px; width: 89.1%;}
.development .development_content_side:first-child .public_img { position: relative; height: 0; padding-top: 90.5912334%;}
.development .development_content_side:first-child .public_img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  width: 100%; height: 100%; object-fit: cover;}
.development .development_content_side:last-child .public_img { position: relative; height: 0; padding-top: 97%;}
.development .development_content_side:last-child .public_img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}
.development .development_content_side:last-child .development_brief { text-align: justify;width: 100%; }
.development .development_content_side { display: flex; flex-direction: column;}


.certifications { margin-top: 161px; background-color: #f5f5f5; padding: 46px 0 99px;}
.certifications .certifications_title { font-family: var(--font-bold); font-size: 55px; color: var(--color-333333); text-align: center;}
.certifications .certifications_brief { text-align: center; font-family: var(--font-regular); color: var(--color-333333); font-size: 18px; line-height: 1.9; margin-top: 12px;letter-spacing: 0.2px;}
.certifications .certifications_images { display: flex; justify-content: space-evenly; margin-top: 57px;}
.certifications .certifications_images .public_img { position: relative; height: 0; padding-top: 29.167%; width: 100%;}
.certifications .certifications_images .public_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.mission { margin-top: 141px; padding-bottom: 252px;}
.mission .mission_title { font-size: 55px; color: var(--color-333333); font-family: var(--font-bold); text-align: center;}
.mission .mission_content { display: flex; margin-top: 96px; align-items: center;}
.mission .mission_side:first-child { width: 49.7%; padding-right: 141px;}
.mission .mission_side:first-child .public_img img{ width: 100%; height: 100%; object-fit: cover; }
.mission .mission_side:last-child { flex: 1;}
.mission .mission_side_content ul li { font-family: var(--font-regular); color: var(--color-333333); font-size: 18px; letter-spacing: 0.2px; line-height: 1.95;}

.mission .mission_side_content ul.second { margin-top: 39px;}
.mission .mission_icon { display: flex; margin-top: 18px; align-items: center;}
.mission .mission_icon .public_img:last-child {display: block; margin-left: 21px;}

@media screen and (max-width:1500px) {
    .development { margin-top: 100px;}
    .development .development_title { font-size: 40px;}
    .development .development_brief { margin-top: 40px; line-height: 1.5;}
    .certifications .certifications_title { font-size: 40px;}
    .mission .mission_title { font-size: 40px;}
    .mission { margin-top: 100px;}
}

@media screen and (max-width:1400px) {
    .mission .mission_side:first-child { padding-right: 80px;}
    .mission .mission_side_content ul li { line-height: 1.6;}
}

@media screen and (max-width:1250px) {
    .mission .mission_side_content ul.second { margin-top: 25px;}
}

@media screen and (max-width:1200px) {
    .development .development_content_side:last-child .development_brief { margin-left: 0;}
    .development .development_content_side:first-child .development_img { margin-top: 100px; width: 100%;}
    .development .development_content_side:first-child { padding-right: 80px;}
    .mission .mission_side_content ul li { font-size: 16px;}
}

@media screen and (max-width:991px) {
    :root{
        --size100: 10.0908173562vw;
        --size68: 6.86175580222vw;
    }
    .development .development_content { flex-direction: column;}
    .development .development_content_side:first-child { width: 100%; padding-right: 0;}
    .development .development_content_side:last-child { flex-direction: column-reverse; margin-top: 30px;}
    .development .development_content_side:first-child .development_img { margin-top: 40px;}
    .development .development_title { max-width: none;}
    .development .development_brief { margin-top: 20px; margin-left: 0; width: 100%; }
    .development .development_title { font-size: 30px;}
    .development .development_content_side:last-child .development_img { margin-top: 40px;}
    .development .development_content_side:last-child .development_brief { text-align: left;}
    .development .development_content_side .development_brief { font-size: 14px;}
    .development { margin-top: 60px;}
    .mission .mission_content { flex-direction: column; margin-top: 60px;}
    .mission .mission_side:first-child { width: 100%; padding-right: 0;}
    .certifications .certifications_title { font-size: 30px;}
    .certifications .certifications_brief { font-size: 14px;}
    .mission .mission_title { font-size: 30px;}
    .mission { padding-bottom: 150px; margin-top: 100px;}
    .mission .mission_side_content ul li { font-size: 14px; line-height: 1.5;}
    .mission .mission_side:last-child { margin-top: 25px;}
    .mission .mission_side_content ul.second { margin-top: 30px}
    .mission .mission_icon { margin-top: 10px;}
    .certifications { margin-top: 100px; }
    .certifications .certifications_images { margin-top: 45px; justify-content: space-between;}
    
}

@media screen and (max-width:750px) {
    :root{
        --size100: 13.3333333333vw;
        --size68: 9.06666666667vw;
    }
    .certifications { margin-top: 80px;padding: 20px 0 30px}
    .certifications .certifications_images { margin-top: 30px;}
    .development { margin-top: 50px;}
    .development .development_title { font-size: 20px;}
    .mission .mission_title { font-size: 20px;}
    .mission .mission_content { margin-top: 30px;}
    .mission { padding-bottom: 100px; margin-top: 70px;}
    .mission .mission_side_content ul.second { margin-top: 20px}
    .certifications .certifications_title { font-size: 20px;}

    
}

