/* 공통 */
.subpage {overflow: hidden; }
.subpage > section {padding:90px 0; position: relative; }
.subpage > section:nth-child(even) {background-color: #f7f7f7; }
.sub_inner { max-width: 1480px; width: 100%; margin:0 auto; position: relative; padding:0 60px;}
.s_tit h1 {font-size: 60px; font-weight: 700; color: #000; line-height: 1; font-family: 'Montserrat';}
.dot_tit h2 {font-size: 40px; font-weight: 700; color: #000; line-height: 1; position: relative; padding-left: 30px; }
.dot_tit h2::before {content: ''; display: block; width: 13px; height: 13px; background: #3f7126; position: absolute; left:0; top:12px; }
.sub_p {font-size: 18px; font-weight:300; color:#555; line-height: 33px; word-break: keep-all; }
.sub_p b {font-weight: 500; color:#000; }
.num_tit {display: flex; align-items: flex-start ;}
.num_tit h3 {font-size: 33px; font-weight: 800; color:#3f7126; line-height: 1; padding: 0 10px 2px; border-bottom: 1px solid #edf1ea;
box-shadow: inset 0 -18px 0 #edf1ea;  font-family: 'Montserrat'; display: inline; margin-right: 20px; flex-shrink: 0;}
.num_tit h4 {font-size: 30px; font-weight: 700; color:#000; }
.round_tag {display: flex ;flex-wrap:wrap; }
.round_tag li {font-size: 18px; font-weight: 300; color:#333; white-space: nowrap; border:1px solid #ddd; border-radius: 18px; background: #f7f7f7;
text-align: center; line-height: 1; padding: 8px 22px; margin-right: 12px; }
.round_tag li:last-child {margin-right: 0; }

/*Content CSS*/
#sec1 .cont1 {display: flex; justify-content: space-between; margin-top: 50px; }
#sec1 .cont1 .img {width: 665px; height: 480px; display: flex; align-items: center; justify-content: center; margin-right: 55px; flex-shrink: 0;
border:1px solid #ddd; }
#sec1 .cont1 p {margin: 20px 0 0 75px;  }
#sec1 .cont1 .txt > div:not(:last-child) p {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd; }
#sec1 .cont2 {width: 100%; padding-top: 50px; margin-top: 50px; border-top:1px solid #ddd; display: flex; }
#sec1 .cont2 .num_tit {flex-shrink: 0; margin-right: 70px; }
#sec1 .cont2 .flex {display:flex; flex-wrap:wrap; width: 100%;}
#sec1 .cont2 .flex > div {width: 50%; display: flex; align-items: center;}
#sec1 .cont2 .flex > div:nth-child(n+3) {margin-top: 15px;}
#sec1 .cont2 .flex h5 {font-size: 21px; font-weight: 600; color:#000; margin-right: 12px; white-space: nowrap; }

/* sec2 */
#sec2 article {display: flex; justify-content: space-between;}
#sec2 .num_tit {flex-shrink: 0; margin-right: 100px; }
#sec2 .img_wr {display: flex;  width: 100%; justify-content: flex-end;}
#sec2 .img_wr .img {overflow: hidden; border:1px solid #ddd; }
#sec2 .img_wr .img:last-child {margin-left: 25px;}





@media screen and (max-width:1300px){

}


@media screen and (max-width:960px){

}

@media screen and (max-width:640px){

}