/* 공통 */
.sub_con {width: 1300px; margin:0 auto;}
.sub_title h2 {font-size:18px; font-weight: 700; color:#1f9fae; letter-spacing: 6.3px; text-transform: uppercase; margin-bottom: 20px; font-family: 'NanumSquare',sans-serif;}
.sub_title h1 {font-size:48px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
.sub_title p {font-size:17px; font-weight: 400; color:#666; font-family: 'NanumSquare',sans-serif; margin:20px 0 0; line-height: 36px; }
.sub_p {font-size:16px; font-weight: 300; color:#666; line-height: 30px; letter-spacing: -.5px; }
.w_bg {padding:100px 0 ; background: #fff;}
.g_bg {padding:100px 0 ; background: url('../img/dot_bg.jpg') 50% 50% repeat;}
.bullet_title {position: relative; font-size:24px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; padding-left:30px; }
.bullet_title span {display: block; width: 3px; height: 24px; background: #1f9fae; position: absolute; left:0; top:7px; }
.bullet_title span::after {content: ''; display: inline-block; width: 3px; height: 24px; background: #4cd2e2; margin-left:8px; }

/*Content CSS*/
#business3 {text-align: center; padding:80px 0 0;}
/* sec1 */
#busin3_sec1 {margin:80px 0 -120px; padding-bottom: 215px; }
#busin3_sec1 .sub_con > h2 {font-size:30px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
#busin3_sec1 .sub_con > h2::before {content: ''; display: block; width: 50px; height: 3px; background: #1f9fae; margin:0 auto 20px;}
.s1_list {width: 1170px; height: 398px; margin:54px auto 0; background: url('../img/b3_s1_icon_bg.png') 50% 50% no-repeat; display: flex; }
.s1_list li {width: 33.3%; padding:140px 0 0;}
.s1_list li h2 {font-size:18px; font-weight: 800; color:#79b2c3; font-family: 'NanumSquare',sans-serif; }
.s1_list li h1 {font-size:18px; font-weight: 400; color:#333; margin:10px 0 15px; font-family: 'NanumSquare',sans-serif; }
.s1_list li .icon img {transition: transform 500ms;}
.s1_list li:hover .icon img {transform: rotateY(180deg);}
.s1_list li:nth-child(1) {padding-left:20px;}
.s1_list li:nth-child(3) {padding-right:20px;}
/* sec2 */
#busin3_sec2 {position: relative; z-index: 2; padding:0 0 120px; }
.s2_list {display: flex; flex-wrap:wrap; }
.s2_list li {margin-right: 35px; }
.s2_list li:nth-child(3n) {margin-right: 0; }
.s2_list li:nth-child(n+4) {margin-top: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) {

}