/* 공통 */
.subpage {overflow: hidden; }
.subpage > section {padding:90px 0; position: relative; }
.subpage > section:nth-child(even) {background-color: #f7f7f7; }
.subpage article + article {margin-top: 60px; }
.sub_inner { max-width: 1480px; width: 100%; margin:0 auto; position: relative; padding:0 60px;}
.s_tit {margin-bottom: 50px; }
.s_tit h1 {font-size: 50px; font-weight: 700; color: #000; line-height: 1; font-family: 'Montserrat';}
.s_tit h1 span {font-size: 30px; font-weight: 400; }
.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; }

.tit_40 {margin-bottom: 40px; }
.tit_40 h2 {font-size: 40px; font-weight: 700; color: #000; line-height: 1; position: relative; }
.tit_40 p {font-size: 19px; font-weight: 400; color:#000; margin-top: 15px;}

.tit_27 {margin-bottom: 30px;}
.tit_27.num {display: flex; align-items: center; }
.tit_27.num i {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #3f7126; font-style: normal;
font-size: 24px; font-weight: 700; color: #fff; flex-shrink: 0; margin-right: 20px; }
.tit_27 h2 {font-size: 27px; font-weight: 700; color: #000; line-height: 1; position: relative; }
.tit_27 h2 span {font-size: 17px; }

.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; }
.sub_p18 {font-size: 18px; font-weight:300; color:#555; line-height: 26px; word-break: keep-all; }
.sub_p18 b { color:#000; }
.img {display: flex ;align-items: center; justify-content: center; border:1px solid #ddd; overflow: hidden;  background: #fff;}
.red {color: red;}

.step_list {display: flex; flex-wrap:wrap; }
.step_list li {width: 325px; margin-right: 20px; position: relative; }
.step_list.item3 li {width: 435px; margin-right: 27px; position: relative; }
.step_list li::after {content: ''; display: flex; align-items: center ;justify-content: center; width: 55px; height: 55px; border-radius: 50%;
background:url("../img/step_arrow.png") 50% no-repeat #ebebeb; position: absolute; right: -37px; top:45%; z-index: 2;}
.step_list li:last-child::after {display: none; }
.step_list.item4 li:nth-child(4n) {margin-right: 0;}
.step_list.item4 li:nth-child(4n)::after {display: none;}
.step_list.item4 li:nth-child(n+5) {margin-top: 30px;}

.step_list.item3 li::after { right: -41px;}
.step_list.item3 li:nth-child(3n) {margin-right: 0;}
.step_list.item3 li:nth-child(3n)::after {display: none;}

.step_list .txt {width: 100%; padding: 10px 20px; background-color: #333; }
.step_list .txt p, .step_list .txt p b { color: #fff;}
.step_list .img {min-height: 315px;}


/*Content CSS*/
#sec1 .img {padding: 50px 0;}
/* sec2 */
#sec2 .tit_40 h2 { padding-left: 20px; }
#sec2 .tit_40  h2::before { content: ''; display: block; width: 5px; height: 30px; background: #3f7126; position: absolute; left:0; top:5px;}
#sec2 .list {display: flex; flex-wrap: wrap; }
#sec2 .list li {width: 435px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #333;color:#fff; margin-right: 27px;
font-size: 17px; font-weight: 300; color:#fff; }
#sec2 .list li:nth-child(3n) {margin-right: 0; }
#sec2 .list li:nth-child(n+4) {margin-top: 18px; }

/* sec3 */
#sec3 .box {bordeR:1px solid #ddd; padding: 40px; }
#sec3 .box + .box {margin-top: 20px; }

/* sec4 */
#sec4 .bullet {width: 100%; border-top: 2px solid #000; }
#sec4 .bullet li {width: 100%; display: flex; padding: 20px 0;border-bottom: 1px solid #ddd; position: relative; }
#sec4 .bullet p {font-size: 17px; font-weight: 300; line-height: 25px; }
#sec4 .bullet li .title {margin-right: 5px; position: relative; padding-left: 15px;  flex-shrink: 0;}
#sec4 .bullet li .title::before {content: ''; display: block; width: 4px ;height: 4px; border-radius: 50%; background: #000; position: absolute; left: 0; top:9px;}
#sec4 .bullet li.red .title::before {background-color: red;}
#sec4 .w_box {background: #fff; padding: 35px 50px; border:1px solid #ddd; margin-top: 50px; }
#sec4 .w_box h3 {font-size: 24px; font-weight: 700; color:#000; margin-bottom: 20px; }
#sec4 .w_box ul li {display: flex; align-items: flex-start; }
#sec4 .w_box ul li:nth-child(n+2) {margin-top:4px; }
#sec4 .w_box ul li span {display: block ;text-align: center; margin-right: 12px; flex-shrink: 0; width: 50px; height: 25px; background: #3f7126; line-height: 25px;
font-size: 16px; font-weight: 300; color:#fff;  position: relative; top:2px;}

/* sec5 */
#sec5 .img {padding: 60px 0;}

/* sec6 */
#sec6 .box_wrap {display: flex ;justify-content: space-between; }
#sec6 .box {border:1px solid #ddd; min-height: 600px; padding: 35px; background:url("../img/usa_s6_img2.png") 50% 100% no-repeat #fff; width: 435px;}
#sec6 .box:nth-child(2) {background-image:url("../img/usa_s6_img1.png");}
#sec6 .box:nth-child(3) {background-image:url("../img/usa_s6_img3.png");}
#sec6 .box .title i {font-style: normal; font-size: 40px; line-height: 1; font-weight: 800; color: #3f7126; }
#sec6 .box .title h3 {font-size: 24px; font-weight: 700; color: #000; margin:15px 0;}

/* sec7 ~ 9 */
.img_wrap {display: flex; justify-content: space-between;}
.img_wrap .img {width: 665px; padding: 15px;}






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

}


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

}

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

}