
/* 공통 */
.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 */
#talent { position: relative; overflow: hidden; padding:90px 0 0; text-align: center; }

/* s1 */
#s1 { padding:0 0 70px; }
#s1 .p1 { margin:30px 0 20px; font-size: 27.5px; letter-spacing: -1.38px; color: #219914; word-break: keep-all; }
#s1 .p2 { font-size: 18.5px; font-weight: 300; letter-spacing: -0.93px; color: #000; word-break: keep-all; }

/* s2 */
#s2 { background: #f7f7f7; }
#s2 ul { display: flex; justify-content: center; }
#s2 ul li { width: 325px; margin:0 45px; }

#s2 .ico img { max-width: 100%; }
#s2 .dot { margin:20px 0 10px; }
#s2 .dot span { display: inline-block; width: 7px;  height: 7px; background-color: #6eaa00; border-radius: 50%; margin:0 4px; }
#s2 ul li:nth-child(2) .dot span { background-color: #737373; }
#s2 ul li:nth-child(3) .dot span { background-color: #66aebd; }

#s2 h3 { font-size: 24px; font-weight: bold; white-space: nowrap; }
#s2 h3 + p { margin-top: 25px; font-size: 16px; font-weight: 300; word-break: keep-all; line-height: 1.75; }







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

    /* con */
    #s2 ul { justify-content: space-between; }
    #s2 ul li { width:calc(100%/3 - 26.7px); margin:0; margin-right:40px; }
    #s2 ul li:last-child { margin-right:0; }
    #s2 p br { display: none; }


 }
 @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 */
     #talent { padding:90px 0 0; }

      /* con */
      #s1 .p2 { line-height: 1.8; }

 }
 @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: 10px; line-height: 1.7; }
     .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 */
     #talent { padding:50px 0 0; }

     /* con */
     #s1 .p1 { margin: 20px 0; font-size: 20px; }
     #s1 .p2 { font-size: 16px; }


    /* s2 */
    #s2 ul { flex-wrap: wrap; }
    #s2 ul li { width:100%; margin:0 0 50px; }

    #s2 .ico img { max-width: 60%;}
    #s2 h3 { font-size: 22px; }
    #s2 h3 + p { margin-top: 10px; font-size: 15px; }


 }
