@charset "utf-8";


.main_visual_wrap {margin:0 2%; position:relative; transition: all 0.8s; overflow:hidden;}
.main_visual_wrap.on {margin:0 5%; }
.main_visual_wrap ul  {overflow:hidden;   width:100%; border-radius:30px; height:780px;   }
.main_visual_wrap ul li  {position:relative;overflow:hidden;}
.main_visual_wrap ul li img {width:100%; vertical-align:middle;}
.main_visual_wrap ul li img.m_ver {display:none;}


.main_visual_wrap ul li .bg { position:absolute; left:0px; top:0px; width:100%; height:100%; background:linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0.0));  z-index:1;}
.main_visual_wrap ul li .text_box { position:absolute; left:200px; top:200px;  z-index:2;}
.main_visual_wrap ul li .text_box .t1{font-size:60px; letter-spacing:-2px; font-weight:900; color:#fff; line-height:70px;}
.main_visual_wrap ul li .text_box .t2{font-size:20px; letter-spacing:-1px; margin-top:30px; color:rgba(255,255,255,0.8); line-height:20px;}



.main_visual_wrap .btns_btn {position:absolute; left:2%; top:50%; width:96%; z-index:2; }
.main_visual_wrap .btns_btn a{display:block; width:50px; height:50px; border-radius:50px; border:1px #fff solid;  color:#fff; font-size:16px; line-height:45px; transition: all 0.2s; text-align:center;vertical-align:middle;}
.main_visual_wrap .btns_btn a.prevArrow{float:left; margin-right:10px;}
.main_visual_wrap .btns_btn a.nextArrow{float:right;margin-right:10px;}
.main_visual_wrap .btns_btn .lord-icon {width:25px; height:25px;  vertical-align:middle;}
.main_visual_wrap .btns_btn a:hover{}



.main_visual_wrap .loading-bar_wrap {position:absolute; margin-left:200px;   bottom:100px; z-index:3; text-align:right;}
.main_visual_wrap .loading-bar_wrap .slide-info { display:inline-block; margin:15px 0px; color:rgba(255,255,255,0.6); font-size:20px;}
.main_visual_wrap .loading-bar_wrap .slide-info span {color:#fff;}
.main_visual_wrap .loading-bar { position: relative;  height: 4px;  width:400px;  background-color: #ddd;  overflow: hidden;}

.main_visual_wrap .loading-bar-inner {width:0%;height:100%;  background-color:#de4047;  transition:width 0.4s ease;}




.main_business_wrap {margin:0 5%; padding:180px 0px 60px;}
.main_business_wrap .title {display:table; width:100%; table-layout:fixed; vertical-align:top;}
.main_business_wrap .title .col{display:table-cell;  vertical-align:top;}
.main_business_wrap .title .t1{font-size:90px; font-weight:900; letter-spacing:-4px; color:#000; line-height:100px;}
.main_business_wrap .title .t1 span {display:inline-block;}
.main_business_wrap .title .t2{Text-align:right; font-size:20px; color:#000; line-height:30px; vertical-align:middle; overflow:hidden;}
.main_business_wrap .title .t2 .t_box {display:inline-block; }
.main_business_wrap .title .t2 .list {white-space: nowrap; overflow: hidden;   border-right: 2px solid black;   width: 0; animation: typing 3s steps(30, end) forwards, blink-caret 0.5s step-end infinite; padding-right:4px;}


@keyframes typing {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes blink-caret {
  50% { border-color: transparent; }
}




.main_business_wrap .business_col_box  {display:table; width:100%; table-layout:fixed;  margin-top:120px;}
.main_business_wrap .business_col_box .col {display:table-cell;  vertical-align:top; transition: all 0.2s;}
.main_business_wrap .business_col_box .col.jump {width:30px;}
.main_business_wrap .business_col_box .col .box{padding:60px; overflow:hidden; }
.main_business_wrap .business_col_box .col.m1 {width:550px;}
.main_business_wrap .business_col_box .col.m1 .box {padding:60px 60px 60px 60px;  background:#000;border-radius:30px; position:relative; transition: all 0.2s;  min-height:760px;}
.main_business_wrap .business_col_box .col .box{ position:relative;}
.main_business_wrap .business_col_box .col .icon {position:absolute; left:60px; top:160px; }
.main_business_wrap .business_col_box .col .icon.etc {position:absolute; left:auto; right:60px; top:120px; }
.main_business_wrap .business_col_box .col.m1 .icon {position:relative; left:0px; top:0px; text-align:center;  margin-top:100px;}
.main_business_wrap .business_col_box .col .lord-icon {width:80px; height:80px; }
.main_business_wrap .business_col_box .col .icon.etc {position:absolute; left:auto; right:60px; top:120px; }
.main_business_wrap .business_col_box .col .icon.etc .lord-icon {width:150px; height:150px; }

.main_business_wrap .business_col_box .col.m1 .lord-icon {width:350px; height:350px; }
.main_business_wrap .business_col_box .col .box .s_title{font-size:20px; color:#fff;}
.main_business_wrap .business_col_box .col .box .s_title div{font-size:45px; font-weight:900; color:#fff; line-height:60px;  margin-top:10px; letter-spacing:-2px;}


.main_business_wrap .business_col_box .col .box .s_text {margin:100px 0px 60px; font-size:18px; color:rgba(255,255,255,0.7);}
.main_business_wrap .business_col_box .col.m1 .box .s_text {position:absolute; left:60px; bottom:60px; margin-top:0px;  padding-right:60px; }

.main_business_wrap .business_col_box .col .col_col_box  {display:table; width:100%; table-layout:fixed; margin-bottom:30px}
.main_business_wrap .business_col_box .col .col_col_box .col_list {display:table-cell;  vertical-align:top; background:#f8f8f8; border-radius:30px;  transition: all 0.2s;}
.main_business_wrap .business_col_box .col .col_col_box .col_list.full {width:60%;}
.main_business_wrap .business_col_box .col .col_col_box .col_list.middle {width:40%;}
.main_business_wrap .business_col_box .col .col_col_box .col_list.jump {width:30px; background:none; padding:0px;}
.main_business_wrap .business_col_box .col .col_col_box .col_list.m2  {background:#de4047}
.main_business_wrap .business_col_box .col .col_col_box .col_list.m4  {background:#bed1da}


.main_business_wrap .business_col_box .col .box.etc .s_title{color:#000;}
.main_business_wrap .business_col_box .col .box.etc .s_title div{color:#000;}
.main_business_wrap .business_col_box .col .box.etc .s_text {color:rgba(0,0,0,0.7);}


.main_business_wrap .business_col_box .more {position:absolute; left:60px; bottom:40px; transition: all 0.2s;}
.main_business_wrap .business_col_box .more a {display:block; background:#fff; padding:0 30px; line-height:50px; border-radius:50px;  font-size:16px;  color:#000; vertical-align:middle;  transition: all 0.2s;}
.main_business_wrap .business_col_box .more a .lord-icon_arrow {width:20px; height:20px; top:5px; margin-left:5px;}

.main_business_wrap .business_col_box .box:hover .more {bottom:40px;}
.main_business_wrap .business_col_box .box:hover .more a{background:#000; color:#fff;}
.main_business_wrap .business_col_box .col.m1 .box:hover .more a{background:#fff; color:#000;}

.main_business_wrap .business_col_box .col .col_col_box .col_list.middle:hover {width:50%;}




.main_company_introduce {margin:0 5%; padding:120px 0px 260px; position:relative; overflow:hidden;}
.main_company_introduce .title .t1{font-size:100px; font-weight:900; letter-spacing:-4px; color:#dcdcdc; line-height:100px;}
.main_company_introduce .title .t1 div {display:inline-block;}
.main_company_introduce .title .t2{font-size:30px;   letter-spacing:-1px; color:#de4047; line-height:30px; margin-top:30px;}
.main_company_introduce .title .t3{font-size:18px;  letter-spacing:-1px; color:#000; line-height:20px; margin-top:10px; }

.main_company_introduce #total_box {position:absolute; right:0px; top:150px; text-align:right;}
.main_company_introduce .total { height:250px; overflow:hidden; }
.main_company_introduce .total span {font-size:22px; font-weight:bold; color:#000; letter-spacing:-2px; display:block; padding-right:20px;}
.main_company_introduce .total .count { font-size:200px; font-weight:900; letter-spacing:-5px;  line-height:220px; color:#000; display:inline-block;}
.main_company_introduce .total .etc {font-size:30px; color:#000; display:inline-block; letter-spacing:-3px; line-height:240px; vertical-align:middle; position:relative; top:-40px; margin-left:10px; padding-right:10px;}



 /* 메인 동그라미 모션 박스 */
    .motion-box {
      position: absolute;
      right:120px; top:280px;;
      width:1000px;
      height:1000px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1));
      animation: pulse 3s infinite ease-in-out;
      display: flex;
      justify-content: center;
      align-items: center;
	  z-index:1;
    }

    /* 내부 작은 원 */
    .inner-circle {
      position: absolute;
      width: 65%;
      height: 65%;
      border-radius: 50%;
      background-color: #fff;
      opacity: 1;
      animation: rotate 5s infinite;
    }

    /* 큰 동그라미 확장 애니메이션 */
    @keyframes pulse {
      0%, 100% {
        transform: scale(1);
        
      }
      50% {
        transform: scale(1.2);

      }
    }

    /* 내부 원 회전 애니메이션 */
    @keyframes rotate {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }







	
@media all and (max-width:1024px) {



.main_visual_wrap {margin:0px 15px !important; margin-top:20px;}
.main_visual_wrap.on {margin:0%; }
.main_visual_wrap ul  {overflow:hidden;   width:100%; border-radius:10px; height:auto; }

.main_visual_wrap ul li img.p_ver {display:none;}
.main_visual_wrap ul li img.m_ver {display:block;}

.main_visual_wrap ul li .text_box { position:absolute; left:30px; top:30px; }
.main_visual_wrap ul li .text_box .t1{font-size:27px; letter-spacing:-2px;  font-weight:600;  line-height:30px;}
.main_visual_wrap ul li .text_box .t2{font-size:15px; letter-spacing:-1px; margin-top:10px;  line-height:18px;}



.main_visual_wrap .btns_btn {display:none;}
.main_visual_wrap .loading-bar_wrap {margin-left:35px;   bottom:30px; }
.main_visual_wrap .loading-bar_wrap .slide-info {position:absolute; left:100px; top:-10px; width:40px;  margin:0px;  font-size:14px;}
.main_visual_wrap .loading-bar { width:100px; }




.main_business_wrap {margin:0 15px; padding:80px 0px 0px;}
.main_business_wrap .title {display:block; width:auto;}
.main_business_wrap .title .col{display:block;  vertical-align:top;}


.main_business_wrap .title .t2{Text-align:left; font-size:16px; line-height:20px; }
.main_business_wrap .title .t2 .t_box {display:inline-block; }
.main_business_wrap .title .t2 .list {white-space: normal;   border-right:0px;   width:auto; animation:none; padding-right:4px;}


.main_business_wrap .business_col_box  {display:block;  margin-top:50px;}
.main_business_wrap .business_col_box .col {display:block !important; width:auto !important;}
.main_business_wrap .business_col_box .col.jump {display:none;}
.main_business_wrap .business_col_box .col .box{padding:30px !important; min-height:auto !important; overflow:hidden; border-radius:10px !important; }

.main_business_wrap .business_col_box .col .icon {position:relative; left:0px; top:0px; text-align:center;  margin-top:30px; }
.main_business_wrap .business_col_box .col .icon.etc {position:absolute; left:auto; right:60px; top:120px; }
.main_business_wrap .business_col_box .col.m1 .icon {position:relative; left:0px; top:0px; text-align:center;  margin-top:30px;}
.main_business_wrap .business_col_box .col .lord-icon {width:200px; height:200px; }
.main_business_wrap .business_col_box .col .icon.etc {position:relative; left:auto; right:0px; top:0px; }
.main_business_wrap .business_col_box .col .icon.etc .lord-icon {width:200px; height:200px; }
.main_business_wrap .business_col_box .col.m1 .lord-icon {width:200px; height:200px; }

.main_business_wrap .business_col_box .col .box .s_title div{font-size:35px;  line-height:40px;  margin-top:5px; letter-spacing:-2px;}


.main_business_wrap .business_col_box .col .box .s_text {margin:30px 0px 0px; font-size:15px; line-height:20px;}
.main_business_wrap .business_col_box .col.m1 .box .s_text {position:relative; left:0px; bottom:0px; margin-top:0px;  padding-right:0px;  margin-top:30px; font-size:15px; line-height:20px;}


.main_business_wrap .business_col_box .col .col_col_box  {display:block; width:auto; margin-bottom:30px; margin-top:10px;}
.main_business_wrap .business_col_box .col .col_col_box .col_list {display:block;   border-radius:10px;  width:100% !important; margin-top:10px;}
.main_business_wrap .business_col_box .col .col_col_box .col_list.jump {display:none;}


.main_business_wrap .business_col_box .more {position:relative; left:0px; bottom:0px; margin-top:20px;}
.main_business_wrap .business_col_box .more a {display:inline-block;;}






.main_company_introduce {margin:0; padding:60px 0px 160px; }
.main_company_introduce .title { padding:0 15px;  z-index:3;   position:relative;}
.main_company_introduce .title .t1{font-size:100px;  letter-spacing:-4px; }
.main_company_introduce .title .t1 div {display:inline-block;}
.main_company_introduce .title .t2{font-size:30px;   letter-spacing:-1px; color:#de4047; line-height:30px; margin-top:30px;}
.main_company_introduce .title .t3{font-size:18px;  letter-spacing:-1px; color:#000; line-height:20px; margin-top:10px; }

.main_company_introduce #total_box {position:relative; right:0px; top:0px;padding:0 15px;  text-align:right; z-index:3; margin-top:60px;}
.main_company_introduce .total { height:250px; overflow:hidden; }
.main_company_introduce .total span {font-size:22px;   padding-right:20px;}
.main_company_introduce .total .count { font-size:150px;    line-height:170px; }







}


@media all and (min-width:1025px) and (max-width:1440px) {


.main_visual_wrap {margin:0 5%; position:relative; transition: all 0.8s; overflow:hidden;}
.main_visual_wrap.on {margin:0 5%; }
.main_visual_wrap ul  {overflow:hidden;   width:100%; border-radius:10px; height:650px;   }



.main_visual_wrap ul li .text_box { position:absolute; left:100px; top:100px;}

.main_visual_wrap .loading-bar_wrap {margin-left:100px; ;}



.main_business_wrap {margin:0 5%; padding:180px 0px 60px;}
.main_business_wrap .title {display:block;}
.main_business_wrap .title .col{display:block; }


.main_business_wrap .title .t2{Text-align:left; }
.main_business_wrap .title .t2 .t_box {display:block; }


.main_business_wrap .business_col_box  {display:block;   margin-top:60px; overflow:hidden;}
.main_business_wrap .business_col_box .col {display:block; }
.main_business_wrap .business_col_box .col.jump {display:none;}
.main_business_wrap .business_col_box .col .box{padding:60px; overflow:hidden; }
.main_business_wrap .business_col_box .col.m1 {width:100%; margin-bottom:30px;}
.main_business_wrap .business_col_box .col.m1 .box { min-height:400px;}
.main_business_wrap .business_col_box .col.m1 .icon {position:absolute; left:auto; right:60px; top:40px; text-align:center;  margin-top:0px;}

.main_business_wrap .business_col_box .col .box .s_title div {font-size:40px;}

.motion-box {z-index:1;}
.main_company_introduce {margin:0%; padding:120px 5% 560px;}
.main_company_introduce #total_box {position:absolute; right:30px; top:450px; z-index:2;}



}