/*공통*/
.con1300 {max-width: 1300px; margin: 0 auto;}
.s_title {text-align: center;}
.s_title h2 {font-size: 16px;font-weight: 500;color:#0371fb;}
.s_title h1 {font-size: 33px;font-weight: 700;color:#000;margin: 0 0 25px;}
.s_title h3 {font-size: 17px;font-weight: 500;color:#000;margin-bottom: 15px;line-height: 30px;word-break: keep-all;}
.s_title p {font-size: 15px;font-weight: 300;color:#000;line-height: 30px;word-break: keep-all;}
.s_title p br {display: none;}
/*Content CSS*/
#solution3 {padding: 60px 20px;}
#solution3 .article {margin-top: 30px;}
#solution3 .article .box {display: flex;flex-direction: column-reverse;}
#solution3 .article .box:nth-child(2) {margin-top: 20px;}
#solution3 .article .box .img {margin-top: 15px;}
#solution3 .article .box .img img {width: 100%;}
#solution3 .article .box .txt {}
#solution3 .article .box:nth-child(2) .txt {}
#solution3 .article .box .txt h1 {font-size: 25px;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: 15px;color:#000;line-height: 24px;word-break: keep-all;margin-bottom: 8px;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){

}