/*공통*/
.con_wrap {width: 100%;}
/* .con_wrap:first-child {padding-top: 0;} */
.sub_con {width: 100%; padding:50px 15px;}

.sub_h1 {font-size: 24px; font-weight: 700; color:#000; font-family: 'NanumSquare', sans-serif !important; line-height: 38px; word-break: keep-all;}
.sub_h1 span {color:#0053dd;}
.sub_p {font-size: 15px; font-weight: 300; color:#000; line-height: 24px; letter-spacing: -1px; word-break: keep-all;}
.res_img {width:100%; height:auto;}
.con_gray {background: #f7f7f7;}

.c_line {width: 40px; height: 1px; background: #000; display: inline-block;}
.c_line2 {width: 50px; height: 3px; background: #2956d9; display: inline-block;}
.c_title h2 {font-family: 'NanumSquare', sans-serif !important; font-weight: 500; font-size: 14px; color:#000; letter-spacing: 5px; text-transform: uppercase;}
.c_title h2 span {color:#416eef}
.c_title h1 {font-size:24px; font-family: 'NanumSquare', sans-serif !important; font-weight: 500; line-height: 38px; color:#000; margin-top: 5px;}

/*Content CSS*/
.busin1_con1 {text-align: center;}
.busin1_con2 {text-align: center;}
.busin1_con3 {text-align: center;}
.busin1_con4 {text-align: center;}


.contents3 {width: 100%; margin: 0 auto; padding: 50px 0;}
.busin1_con2_article {margin-top: 40px;}
.busin1_step{ position: relative; display: flex; flex-direction: column; justify-content: space-between; flex-wrap:wrap; align-items: center;}

.busin1_step::before{position: absolute; top: 0; left:50%; transform:translateX(-50%); width: 1px; height: 97%;  background: #bbb; content: ""; }

.busin1_step li{ position: relative; margin-bottom:20px;}
.busin1_step li:last-child {margin-bottom:0;}

.busin1_step li>p{ }

.busin1_step li.active .busin1_step_num {background-color: #2956d9; color: #fff; border: 1px solid #2956d9; transition: all 0.3s;}
.busin1_step li.active .intro-circle{ display: block;}
.busin1_step li.active .busin1_step_num h1 { color:#fff;}
.busin1_step li.active .busin1_step_num p { color:#fff;}

.busin1_step li span.small {color:#777; font-weight: 300;}

.busin1_step_num{position: absolute; top: 0; left: 0; display: inline-block; width: 150px; height: 150px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; font-size: 18px; font-weight: 500; color: #1c1c1c; text-align: center; padding-top: 30px;}
.busin1_step_num p {margin-bottom: 10px;font-size: 13px; font-weight: 600; color: #0d0d2e;}
.busin1_step_num h1 {font-size: 15px; font-weight: 400; color:#666; word-break: keep-all;}



.intro-circle_wrap{position: relative; width:150px; height:150px; display: inline-block; }
.intro-circle{display:none; width:150px; height:150px; }
.intro-circle > span {    border-radius: 100%; position: absolute; top: 50%; left:50%; opacity: 0; margin: 0; width: 200px; height: 200px; border:2px solid #2956d9; -webkit-animation: intro-circle 2s 0s linear infinite; animation: intro-circle 2s 0s linear infinite; margin-left: -100px; margin-top: -100px;}
.intro-circle > span:nth-child(2) { -webkit-animation-delay: -1s; animation-delay: -1s; }
.intro-circle > span:nth-child(3) {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
@keyframes intro-circle {
  0% {
-webkit-transform: scale(0.3);
transform: scale(0.3);
opacity: 0.3;
   }
  50% {
opacity: 0.8;
   }
  100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; }
}

@-webkit-keyframes intro-circle {
0% {
-webkit-transform: scale(0.3);
        transform: scale(0.3);
opacity: 0.3;
}
5% {
opacity: 0.8;
}
100% {
-webkit-transform: scale(1);
        transform: scale(1);
opacity: 0;
}
}

.busin1_con3_txt {border-top: 1px solid #000; margin-top: 30px;}
.busin1_con3_txt ul {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap}
.busin1_con3_txt ul li { width: 50%; padding: 15px; border-bottom: 1px solid #ddd;font-size: 16px; font-weight: 300; color:#000; line-height: 26px; padding-left: 30px; background: url('../img/his_list_bg.jpg') no-repeat 15px 26px; text-align: left;}

.busin2_con3_txt {border-top: 1px solid #000; margin-top: 30px;}
.busin2_con3_txt ul {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.busin2_con3_txt ul li { width: 100%; padding: 20px 10px 10px 15px; border-bottom: 1px solid #ddd;font-size: 15px; font-weight: 300; color:#000; line-height: 24px; text-align: left; }
.busin2_con3_txt ul li h1 {font-size: 15px; font-weight: 500; color:#000; margin-bottom: 5px; display: flex; align-items: flex-start; letter-spacing: -1px;}
.busin2_con3_txt ul li h1 span {display: block; min-width: 55px; min-height: 25px; background: #2956d9; color:#fff; text-align: center; line-height: 25px;
margin-right: 15px; font-size: 12px; width: 55px; height: 25px; letter-spacing: 0;}
.busin2_con3_txt ul li:nth-child(2n) h1 span {background: #ffac1c}
.busin2_con3_txt ul li p{font-size: 15px; font-weight: 300; color:#666; padding-left:75px;}

.con_table {width: 100%}
.con_table table {width: 100%; padding: 0; margin: 0; border-collapse: collapse; }
.con_table table th, .con_table table td { text-align: center; border: 1px solid #ddd;}
.con_table table tbody th {font-size: 16px; font-weight: 500; color:#fff; background: #333; border: 1px solid rgba(255,255,255,0.2);padding: 12px 10px;}
.con_table table tbody td {padding: 10px; background: #fff;}
.con_table table tbody td img {width: 100%; margin-top:10px;}
.con_table table tbody td img:first-child {margin-top:0;}

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



}

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



}