/*怨듯넻*/
.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: 80px auto;}
.con_1280:first-child{margin-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_line3 {width: 30px; height: 1px; 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;}
.busin3_con2 {text-align: center;}
.busin3_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: 30px 15px;}
.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;
}
}

.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; background: #fff;}
.busin2_con3_txt ul li h1 {font-size: 20px; 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%;}

.con_table2 {width: 100%}
.con_table2 table {width: 100%; padding: 0; margin: 0; border-collapse: collapse; }
.con_table2 table th, .con_table2 table td { text-align: center; border: 1px solid #ddd;}
.con_table2 table tbody th {font-size: 18px; font-weight: 500; color:#fff; background: #333; border: 1px solid rgba(255,255,255,0.2);padding: 15px 30px;}
.con_table2 table tbody td {padding: 20px; background: #fff;}
.con_table2 table tbody td img {width: 100%;}

.busin_arrow {width: 100%; margin: 30px 0; text-align: center;}
.busin_arrow i {font-size: 40px; color:#333}
.con_table3 {width: 100%;}
.con_table3 table {width: 100%; padding: 0; margin: 0; border-collapse: collapse; border-top: 2px solid #000;}
.con_table3 table th, .con_table3 table td { text-align: center; border-bottom: 1px solid #ddd; padding: 15px 35px;}
.con_table3 table th span {display: inline-block; width: 80px; height: 35px; background: #2956d9; color:#fff; text-align: center; line-height: 37px; margin-right: 15px; font-size: 12px; position: relative; top: -3px;}
.con_table3 table tr:nth-child(2n) th span {background: #ffac1c}
.con_table3 table th { font-size: 16px; font-weight: 500; color:#000; background: #f7f7f7; text-align: left;}
.con_table3 table td {padding: 20px; background: #fff; text-align: left; font-size: 15px; color:#666; font-weight: 300; word-break: keep-all;}

.busin3_con2_article {width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-top: 50px;}
.busin3_con2_box {width: 240px; background: #fff; padding: 30px 20px; border-top: 3px solid #2956d9}
.busin3_con2_icon {margin-bottom: 20px; text-align: center;}
.busin3_con2_icon img {vertical-align:middle; transition:transform 500ms}
.busin3_con2_box h1 {font-size: 20px; font-weight: 500; color:#000; margin-bottom: 5px; margin-top: 15px;}
.busin3_con2_box p{font-size: 15px; font-weight: 300; color:#666; word-break: keep-all; letter-spacing: -0.5px;}
.busin3_con2_box:hover img {transform:rotateY(180deg); transition:transform 500ms}

.busin3_con4 {margin-top: 50px;}
.busin3_con4 h2 {font-size: 20px; font-weight: 500;  width: 100%; padding: 15px 0;  color:#000; border-bottom: 1px solid #ddd; margin-bottom: 15px; margin-bottom: 20px; text-align: left;}
.busin3_con4 h2  i {color:#2956d9}
.busin3_con4_img { text-align: left;}
.busin3_con4_img ul {display: flex; flex-direction: row; flex-wrap: wrap}
.busin3_con4_img ul li {width: 410px; margin-right: 25px; margin-bottom: 30px; position: relative; overflow: hidden;}
.busin3_con4_img ul li:nth-child(3n) {margin-right: 0}
.busin3_con4_img ul li div {width: 100%; overflow: hidden}
.busin3_con4_img ul li div img {width: 100%; transition: all 0.3s; transform: scale(1); }
.busin3_con4_img ul li p {font-size: 18px; width: 100%; height: 50px; line-height: 50px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.7); color: rgba(255,255,255,0.6); padding: 0 30px; transition: all 0.3s;}
.busin3_con4_img ul li p span {color:#fff; font-weight: 700; padding-right: 10px;}

/* .busin3_con4_img ul li:hover div img {transform: scale(1.1);} */
.busin3_con4_img ul li:hover p {position: absolute; bottom: -50px; left: 0;}

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



}

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



}