/*공통*/
.con_wrap {width: 100%; padding: 100px 0;}
.con_wrap:last-child{margin-bottom: 0;}
.con_wrap:first-child {padding-top: 0;}
.con_1280 {width: 1280px; margin: 0 auto;margin-bottom: 80px; padding-top: 100px;}
.con_1280:first-child{padding-top: 0;}
.con_1280:last-child{margin-bottom: 0; }
.con_gray {background: #f7f7f7;}

.sub_h1 {font-size: 36px; font-weight: 700; color:#000; font-family: 'NanumSquare', sans-serif !important;}
.sub_h1 span {color:#0053dd;}
.sub_p {font-size: 16px; font-weight: 300; color:#000; line-height: 26px;}

.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: 17px; color:#000; letter-spacing: 5px; text-transform: uppercase;}
.c_title h2 span {color:#416eef}
.c_title h1 {font-size:36px; font-family: 'NanumSquare', sans-serif !important; font-weight: 500; line-height: 48px; color:#000; margin-top: 15px;}

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


.contents3 {width: 1280px; margin: 0 auto; padding: 100px 0;}
.busin1_con2_article {margin-top: 50px;}
.busin1_step{ position: relative; display: flex; flex-direction: row; justify-content: space-between;}

.busin1_step::before{position: absolute; top: 55%; left: 50%; width: 1260px; height: 1px; margin-left: -630px; background: #bbb; content: ""; }

.busin1_step li{ position: relative;}

.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: 16px; 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: 25px 15px 15px 15px; border-bottom: 1px solid #ddd;font-size: 16px; font-weight: 300; color:#000; line-height: 26px; padding-left: 30px; text-align: left;}
.busin2_con3_txt ul li h1 {font-size: 18px; font-weight: 500; color:#000; margin-bottom: 5px; }
.busin2_con3_txt ul li h1 span {display: inline-block; width: 60px; height: 35px; background: #2956d9; color:#fff; text-align: center; line-height: 37px; margin-right: 15px; font-size: 12px; position: relative; top: -3px;}
.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 thead th {font-size: 18px; font-weight: 500; color:#fff; background: #333; border: 1px solid rgba(255,255,255,0.2);padding: 15px 30px;}
.con_table table tbody td {padding: 20px; background: #fff;}
.con_table table tbody td img {width: 100%;}

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



}

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



}