/* 공통 */
.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; }


/*Content CSS*/
#sec1 .flex {margin:40px 0 45px; display: flex; justify-content: space-between; }
#sec1 .flex .img {border:1px solid #ddd; overflow: hidden; }
#sec1 .cont {display: flex; justify-content: space-between; }
#sec1 .cont .img {flex-shrink: 0; width: 665px; height: 742px; border:1px solid #ddd; line-height: 742px; text-align: center; }
#sec1 .txt .box {width: 635px; }
#sec1 .txt .box:nth-child(2) {padding: 40px 0; margin:40px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#sec1 .txt .box ul {padding-left: 75px; margin-top: 25px; flex-direction: column; align-items: flex-start; }
#sec1 .txt .box ul li:nth-child(n+2) {margin-top: 15px;}
#sec1 .txt .box p {padding-left: 75px; margin-top: 20px; }

/* sec2 */
#sec2 .img_wr {display: flex; justify-content: space-between; flex-wrap:wrap;}
#sec2 .img_wr .img {overflow: hidden; border:1px solid #ddd; background: #fff; display: flex; align-items: center; justify-content: center; width: 665px;}
#sec2 .img_wr .img:nth-child(n+3) {margin-top: 30px;}



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

}


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

}

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

}