/*공통*/
.con1300 {width: 1300px; margin: 0 auto;}
.s_title {text-align: center;}
.s_title h2 {font-size: 18px; font-weight: 500; color:#0371fb;}
.s_title h1 {font-size: 48px; font-weight: 700; color:#000; margin: 7px 0 15px}
.s_title h3 {font-size: 18px; font-weight: 500; color:#000; margin-bottom: 25px;}
.s_title p {font-size: 16px; font-weight: 300; color:#000; line-height: 30px; word-break: keep-all;}

/*Content CSS*/
#solution3 {padding: 90px 0 125px;}
#solution3 .article {margin-top: 50px;}
#solution3 .article .box {display: flex; align-items: center;}
#solution3 .article .box:nth-child(2) {display: flex; flex-direction: row-reverse;}
#solution3 .article .box .img {width: 650px; height: 400px; background: #000; font-size: 0;}
#solution3 .article .box .txt {width: 650px; padding-left: 70px;}
#solution3 .article .box:nth-child(2) .txt {padding-left: 0; padding-right: 70px;}
#solution3 .article .box .txt h1 {font-size: 30px; font-weight: 700; color:#000; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
#solution3 .article .box .txt h1 i {color:#0371fb}
#solution3 .article .box .txt p {font-size: 16px; color:#000; line-height: 30px; word-break: keep-all;}
#solution3 .article .box .txt ul li {font-size: 16px; color:#000; line-height: 24px; word-break: keep-all; margin-bottom: 10px; padding-left: 15px; position: relative;}
#solution3 .article .box .txt ul li::before {display: block; content: ""; width: 5px; height: 5px; background: #0371fb; position: absolute; top:  9px; left: 0;}















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

}


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

}

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

}