/* 공통 */
.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: 16px; font-weight:300; color:#555; line-height: 30px; word-break: keep-all; }
.sub_p b {font-weight: 500; color:#000; }

/*Content CSS*/
#sec1 .map_wr {margin:50px 0;}
#sec1 .list {display: flex; }
#sec1 .list li {display: flex; align-items: center; }
#sec1 .list li:nth-child(1) p {white-space: nowrap;}
#sec1 .list li:nth-child(2) {padding: 0 40px; margin:0 40px; border-left:1px solid #ddd; border-right:1px solid #ddd; }
#sec1 .list i {display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; border-radius: 50%; flex-shrink: 0; margin-right: 25px;
background: #f7f7f7; }
#sec1 .list i img {transition: all .5s; }
#sec1 .list h3 {font-size: 22px; font-weight: 700; color:#000; line-height: 1; margin-bottom: 10px;  line-height: 1.3;}
#sec1 .list h3::before {content: ''; display: block; width: 15px; height: 2px; background: #3f7126; margin:0 0 10px;}
#sec1 .list li:hover i img {transform: rotateY(180deg);}

#sec1 .btn_list {display: flex; justify-content: space-between; margin-top: 60px; }
#sec1 .btn_list li {width: 325px;}
#sec1 .btn_list a {display: flex; align-items: center; justify-content: center; width: 100%; height:60px; background-color: #333; font-size: 18px; font-weight: 400;
color:#fff; transition: background-color .3s; }
#sec1 .btn_list a:hover {background-color: #3f7126;}

.dot_tit.flex {display: flex; align-items: center; }
.dot_tit.flex a {display: flex; justify-content: space-between; align-items: center ; width: 130px; height: 35px; background: #3f7126; padding:  0 17px;
font-size: 15px; font-weight: 300; color:#fff; line-height: 1; transition: background-color .3s; margin-left: 35px; }
.dot_tit.flex a:hover {background-color: #333; }


/* overseas */
.overseas .list {display: flex; width: 100%; margin-top: 40px; background: #fff; border:1px solid #ddd; border-top:3px solid #3f7126; text-align: center;
padding: 55px 0;}
.overseas .list li {width: 33.3%; }
.overseas .list li:nth-child(2) {  border-left:1px solid #ddd; border-right:1px solid #ddd; }
.overseas .list i {display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; border-radius: 50%; flex-shrink: 0; background: #f7f7f7; margin:0 auto; }
.overseas .list i img {transition: all .5s; }
.overseas .list h3 {font-size: 22px; font-weight: 700; color:#000; line-height: 1; margin-bottom: 15px;}
.overseas .list h3::before {content: ''; display: block; width: 15px; height: 2px; background: #3f7126; margin:25px auto 10px;}
.overseas .list p {line-height: 28px; }
.overseas .list li:hover i img {transform: rotateY(180deg);}




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

}


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

}

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

}