/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative;}
.sub_title {text-align: center;}
.sub_title h2 {    font-size: 14px; font-weight: 400; color: #0867ae; letter-spacing: 7px; font-family: 'Montserrat'; margin-bottom: 15px; text-transform: uppercase;}
.sub_title h1 {    font-size: 35px; font-weight: 400; color: #333; font-family: 'NanumSquare',sans-serif; line-height: 55px;}
.sub_title h1 b {font-weight: 800;}
.apos_head {display: inline-block; position: relative; text-align: center; }
.apos_head h1 {font-size:30px; font-weight: 400; color:#333; font-family: 'NanumSquare',sans-serif;}
.apos_head h1 span {font-weight: 800; color:#0867ae;}
.apos_head > img {position: absolute; top:-20px;}
.apos_head > img.apos1 {left:-75px;}
.apos_head > img.apos2 {right:-75px;}
.sub_p {font-size:15px; font-weight: 300; color:#666; letter-spacing: -.5px; line-height: 30px; word-break: keep-all;}
.sub_list {text-align: left;}
.sub_list li {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px; margin-bottom: 10px; display: flex; align-items: flex-start;}
.sub_list li:last-child {margin-bottom: 0;}
.sub_list li::before {content: ''; display: block; width: 3px; height: 3px; background: #0867ae; margin-right: 8px; position: relative; top:9px;}

/* btn */
.busin_btn{display: flex; width: 250px; height: 55px; text-align: center; align-items: center; justify-content: center; font-size: 17px; font-weight: 600; color:#fff; background: transparent; font-family: 'NanumSquare',sans-serif;  transition: all .3s ease; position:relative; z-index:1; border:1px solid #fff ;}
.busin_btn i {margin-left:15px;}
.busin_btn:hover {background: #0867ae; border-color: #0867ae ;}


/*Content CSS*/
#business2 {text-align: center; padding:0 0 120px;}
.busin_box {display: flex; margin-bottom: 50px;}
#business2 .sub_con > .busin_box:last-child {margin-bottom: 0; }
.busin_box > div { }
.busin_box .img {height: 380px; background: #333; width: 780px; overflow: hidden; }
.busin_box .img img {width: 100%; }
.busin_box .txt {display: flex; flex-direction:  column; justify-content: flex-start; padding:70px 50px 0; text-align: left; background: #fff;     box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%); width: calc(100% - 780px); }
.busin_box .txt h2 {    font-size: 14px; font-weight: 400; color: #0867ae; letter-spacing: 2px; font-family: 'Montserrat'; margin-bottom: 8px; text-transform: uppercase;}
.busin_box .txt h1 {    font-size: 25px; font-weight: 800; color: #333; font-family: 'NanumSquare',sans-serif; line-height: 40px; margin:0 0 25px;}

#business2 .sub_con > .busin_box:nth-child(even) {flex-direction: row-reverse;}

/* 실적보기 버튼 */
.busin_top {width: 100%; position: relative; width: 100%; background: url('../img/busin_top.jpg') 50% 50% no-repeat; height: 400px; margin-bottom: 50px; }
.busin_top .img {width: 720px;  height: 100%; position: absolute; left:0; top:0; }
.busin_top .txt {width: 580px; height: 100%; background: rgba(0,0,0,.7); text-align: left; padding:52px 70px 0 70px ; position: absolute; right:0; top:0; }
.busin_top .txt h1 {    font-family: 'NanumSquare',sans-serif; font-size: 28px;  color: #fff; font-weight: 300; line-height: 50px;}
.busin_top .txt h1 b {font-weight: 800; }
.busin_top .txt  p {font-size:16px; font-weight: 300; color:rgba(255,255,255,.8); line-height: 30px; margin:15px 0 35px; }





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

}

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

}

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

}

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

}