/* 공통 */
.sub_con { max-width: 1300px; width:100%; margin:0 auto; }
.sub_h1 { font-size: 44.5px; font-weight: bold; letter-spacing: -2.23px; line-height: 1.34; color: #000; word-break: keep-all; }
.sub_h1.eng { font-size: 55px; letter-spacing: 0;}
.sub_h1 span { font-weight: 300; }
.sub_h2 { font-size: 18.5px; letter-spacing: 3.7px; color: #219914; margin-bottom:10px; text-transform: uppercase; line-height: 1.7; word-break: keep-all; }
.s_tit_p { font-size: 21.5px; font-weight: 300; letter-spacing: -0.54px; line-height: 1.77; color: #000; margin-top: 20px; word-break: keep-all; }

.g_color { color: #219914; }
.sec_pad { padding:100px 0; }
.sec_pad:last-of-type { padding-bottom: 140px; }
.bg_bot { width:100%; height: 500px; background:url('../img/org_bg.jpg') no-repeat center / cover; /*margin-top: 200px;*/ }
.flex { display: flex; }


.img img { max-width: 100%; }

/* contents */
#org_chart { position: relative; overflow: hidden; padding:90px 0 0; text-align: center; }

/* s1 */
#s1 { padding:0 0 110px; }
#s1 .flex { margin-top: 40px; justify-content: space-between; }
#s1 .flex > div { position:relative; border: 1px solid #ddd; width: 410px; margin-right: 35px; background: #fff; }
#s1 .flex > div:after { content:""; position:absolute; left:-1px; width:calc(100% + 2px); top:-1px; height: calc(100% + 2px); border:3px solid #219914; opacity: 0; transition: all .3s; }
#s1 .flex > div:last-child { margin-right: 0; }
#s1 .flex > div:hover:after { opacity: 1; }

/* s2 */
#s2 { background: #f7f7f7; }
#s2 .img { margin: 60px 0 0; }
#s2 .img img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }







@media screen and (max-width: 1420px) {
    /* 공통 */
    .sub_con { max-width: 1420px; padding:0 60px; }

    /* contents */

}

@media screen and (max-width: 1023px) {
    /* 공통 */
    .sub_con { padding:0 40px; }
    .sub_h1 { font-size: 38px; line-height: 1.65; }
    .sub_h1.eng { font-size: 48px; }
    .s_tit_p { font-size: 18px; }

    .bg_bot { height: 350px; }
    .sec_pad { padding: 80px 0; }
    .sec_pad:last-of-type { padding-bottom: 100px; }

    /* contents */
    #s1 { padding: 0 0 80px; }



}
@media screen and (max-width: 767px) {
    /* 공통 */
    .sub_con { padding:0 20px; }
    .sub_h1 { font-size: 30px; }
    .sub_h1.eng { font-size: 35px; }
    .sub_h2 { font-size: 16px; margin-bottom: 5px; line-height: 1.9; }
    .s_tit_p { font-size: 16px; margin-top: 15px; line-height: 2; }

    .bg_bot { height: 250px; }
    .flex { flex-wrap: wrap; }
    .sec_pad { padding: 60px 0; }
    .sec_pad:last-of-type { padding-bottom: 80px; }


    /* contents */
    #org_chart { padding:50px 0 0; }

    /* s1 */
    #s1 { padding: 0 0 60px; }
    #s1 .flex { flex-wrap: nowrap; margin-top: 25px; }
    #s1 .flex > div { margin-right:5px; }

}