/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.s_title h2 {font-size: 18px; font-weight: 500; color:#009a5e; letter-spacing: 4.5px; text-transform: uppercase; }
.s_title h1 {font-size: 36px; font-weight: 300; color:#000; margin-top: 20px; }
.s_title.wh h1 {color:#fff;}
.sub_p {font-size: 17px; font-weight: 300; color:rgba(0, 0, 0, 0.9);  letter-spacing: -.2px; line-height: 36px ;}
.fs_24 {font-size: 24px; font-weight: 700; color:#1d1d1f; line-height: 1.4;}
.fs_18 {font-size: 18px; font-weight: 400; color:#1d1d1f; line-height: 1.78;}
.section {padding:100px 0; }


/*Content CSS*/
#business1 {text-align: center; }
/* section1 */
#b1_s1 .sub_p {margin-top: 45px ; }

/* section2 */
#b1_s2 {width: 100% ; background: url('../img/b1_s2_bg.jpg') 50% 50% no-repeat; background-size:cover;  background-attachment: fixed;  }
#b1_s2 .article .s_title {position: absolute; top: 100px; left: 0; width: 100%; height: 0;}
#b1_s2 .article .list {display: flex; }
#b1_s2 .article .list li {flex:1; padding:265px 0 135px; border-left: 1px solid rgba(255,255,255,.3); position: relative; z-index: 1; }
#b1_s2 .article .list li::before {content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: -1; background: rgba(255,255,255,.15);
transition: all .3s ease; opacity: 0; }
#b1_s2 .article .list li:last-child {border-right: 1px solid rgba(255,255,255,.3); }
#b1_s2 .article .list li .icon {height: 73px; line-height: 73px; transition: transform 500ms;}
#b1_s2 .article .list li p::before {content: ''; display: block; width: 50px; height: 1px ; background: #fff; margin:35px auto 25px; }
#b1_s2 .article .list li p {font-size: 20px; font-weight: 400; color:#efefef; line-height: 36px ;}
#b1_s2 .article .list li p span {color:#0fba78; }
/* hover */
#b1_s2 .article .list li:hover::before {opacity: 1; }
#b1_s2 .article .list li:hover .icon {transform: rotateY(180deg);}

/* section2 */
#b1_s3 {overflow: hidden; background-color: #fff;}
#b1_s3 .img {margin-top: 35px; }

/* section3 */
#b1_s4 .txt_box {width: 100%; border:2px solid #009a5e; position: relative; background: #fff; padding: 30px; margin: 60px 0 100px; }
#b1_s4 .txt_box p {margin-top: 15px;}
#b1_s4 .txt_box i {position: absolute; right: 32px; bottom: -48px;}

#b1_s4 .cont_wrap {display: flex; text-align: left; }
#b1_s4 .cont_wrap > div {width: 50%;}
#b1_s4 .cont_wrap > div:nth-child(2) {border-left: 1px dashed #999; padding-left: 80px;}
#b1_s4 .cont_wrap > div .cont:first-child {min-height: 660px;}
/* #b1_s4 .cont_wrap .cont + .cont {} */
#b1_s4 .cont_wrap h4 {margin-bottom: 30px;}
#b1_s4 .cont_wrap em {font-style: normal; font-weight: 700; color:#009a5e;}

#b1_s4 .cont_wrap .list > li + li {margin-top:25px;}

#b1_s4 .cont_wrap .num_list > li {display: flex; align-items: flex-start; }
#b1_s4 .cont_wrap .num_list > li + li {margin-top:20px;}
#b1_s4 .cont_wrap .num_list > li i {display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 15px; width: 24px ;height: 24px;
background-color: #009a5e; color:#fff; font-style: normal; border-radius: 50%; padding-bottom: 3px; position: relative; top:5px;}
#b1_s4 .cont_wrap .num_list > li span {color:#4e4e4e; }

#b1_s4 .cont_wrap .dot_list > li {position: relative; padding-left: 19px; display: flex;  }
#b1_s4 .cont_wrap .dot_list > li + li {margin-top:20px;}
#b1_s4 .cont_wrap .dot_list > li::before {content: ''; display: block; width: 6px; height: 6px; background: #009a5e; border-radius: 50%; position: absolute; left: 0; top:13px;}
#b1_s4 .cont_wrap .dot_list > li span {display: block; flex-shrink: 0; margin-right: 5px;}

#b1_s4 .cont_wrap .flex {display: flex;}
#b1_s4 .cont_wrap .flex em {display: block; flex-shrink: 0; width: 105px;}
#b1_s4 .cont_wrap .flex .dot_list > li + li {margin-top:5px;}






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

}


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

}

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

}