/*! common start*/
.popup1{position: absolute; top: 50%;right: 21%; background-color: #fff; transform: translateY(-50%);padding: 40px; box-sizing: border-box; border-radius: 0 0 20px 0;}
.popup1.hide{display: none;}
.popup1 .pop_top{display: flex; align-items: center;}
.popup1 .pop_top h3{font-size: 35px; font-weight: 600; margin-right: 30px;line-height: 1.3;} 
.popup1  p {margin-top: 30px; color: #8D8C8C; line-height: 1.3;font-weight: 500;}
.popup1 .close{text-align: right; margin-bottom: 10px ; cursor: pointer;}
.sec_tit{text-align: center; padding: 160px 0 70px 0;}
.sec_tit h5{font-size: 20px; color: #BABABA; font-size: 600;}
.sec_tit h2{font-size: 38px;font-weight: 700;margin-top: 10px; line-height: 1.3;}
.sec03 .sec_tit h5{margin-top: 10px; color: #8E8E8E;}
.visual_mb{display: none;}
/*! common end*/
@media(max-width:1024px){
    .visual_pc{display: none;}
    .visual_mb{display: block;}
}
/*! header start*/
.m_header, .experience_wrap, .wrap,.header,.footer{font-family: 'Pretendard';}
.header {width: 100%; margin: 0 auto; border-bottom: 1px solid #f0f0f0; display: flex; flex-direction: column; align-items: center;}
.header .header_box{width: 100%; max-width: 1640px; display: flex; justify-content: space-between; align-items: center;  padding: 20px; box-sizing: border-box;}

.header .m-header-box {
    display: none;
    position: relative;
    width: 100%; height: auto;
    max-width: 1640px;
}
.header .m-nav-depth1 {
    position: relative;
    width: 100%; height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid #f0f0f0;
}
.header .m-nav-depth1 .m-nav-item {
    position: relative;
    width: auto; height: auto;
    flex: 1 1 auto;
}
.header .m-nav-depth1 .m-nav-item >a {
    position: relative;
    width: 100%; height: auto;
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-align: center;
    transition: 0.2s all ease-in-out;
}
.header .m-nav-depth1 .m-nav-item >a:hover {
    color: #6B338B;
}


.header .nav {
    position: relative;
    width: auto; height: auto;
    display: flex;
    align-items: center;
}
.header .nav >li >a{
    position: relative;
    width: auto; height: auto;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}
.header .nav >li{
    position: relative;
}
.header .nav >li:hover .nav-depth2 {
    display: flex;
}
.header .nav-depth2 {
    position: absolute;
    left: 50%; top: 100%;
    width: auto; height: auto;
    padding: 18px;
    display: none;
    flex-direction: column;
    grid-gap: 18px;
    border: 1px solid #ccc;
    background-color: #fff;
    transform: translateX(-50%);
    z-index: 50;
}
.header .nav-depth2 li {
    position: relative;
    width: 100%; height: auto;
}
.header .nav-depth2 li a {
    position: relative;
    width: 100%; height: auto;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #6B338B;
    text-align: center;
    white-space: nowrap;
}
.header .logo img{max-width: 250px;width: 100%;}
.header .logo_part img{max-width: 200px; width: 100%;}
.header .menu{cursor: pointer; display: none;}
.m_header{position: fixed;top: 0;right: -100%; height: 100%;width: 40%; box-sizing: border-box; background-color: #fff; z-index: 11; transition: 0.3s;}
.m_header.active{right: 0;}
.m_header .nav{display: flex; flex-direction: column; align-items: flex-start; margin-top: 30px; border-top: 1px solid #ccc;}
.m_header .logo img{max-width: 200px;width: 100%;}
.m_header .close{text-align: right; cursor: pointer; padding: 20px;}
.m_header .logo{padding: 0 20px;}
.m_header .nav >li{
    position: relative;
    width: 100%; height: auto;
}
.m_header .nav a{
    position: relative;
    width: 100%; height: auto;
    padding: 15px 20px;
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #ccc; 
}
.m_header .nav .nav-depth2 li a {
    padding-left: 30px;
    font-size: 14px;
    color: #707070;
}

@media (max-width: 1024px) {
    .header .m-header-box {
        display: block;
    }
}
@media (max-width: 640px) {
    .header .m-nav-depth1 .m-nav-item >a {
        padding: 0.8rem 4px;
        font-size: 0.8rem;
    }
}
/*! header end*/

/*! visual start*/
.wrap .visual_area{position: relative;}
.wrap .visual_area .visual_content{position: absolute;  top: 50%; left: 8%; transform: translateY(-50%); background-color: rgba(0,0,0,0.3); padding: 10px;}
.wrap .visual_area .visual_img img {width: 100%;}
.wrap .visual_area .visual_content .txt{padding: 30px; border: 1px solid #BEBDBC;color: #fff}
.wrap .visual_area .visual_content .txt h5{font-size: 25px;}
.wrap .visual_area .visual_content .txt h1{font-size: 70px; color:#F99806 ; font-weight: 700; margin: 15px 0;}
.wrap .visual_area .visual_content .txt h3{font-size: 50px;}
.wrap .visual_area .visual_content .txt p{font-size: 18px; margin: 5% 0; line-height: 1.3;}
.wrap .visual_area .visual_content .txt div a{padding: 15px 30px; border: 1px solid #fff; font-weight: 600;}

@media(max-width: 640px) {
    .wrap .visual_area .visual_content .txt {
        padding: 10px;
    }
}
/*! visual end*/

/*! sec02 start*/
.wrap .sec02{max-width: 1620px; margin: 0 auto;}
.wrap .sec02 img{width: 100%; vertical-align: bottom;}
.wrap .sec02 .box{display: flex;align-items: center; gap:20px ;}
.wrap .sec02 .box .left{display: flex;gap:20px ;}
.wrap .sec02 .box .left > div:first-child{display: flex; flex-direction: column;gap:20px ;}
.wrap .sec02 .box .right{display: flex;flex-direction: column;gap:20px ;}
.wrap .sec02 .box .right > div:last-child{display: flex; align-items: center;gap:20px ;}
.wrap .sec02 .box .img_wrap{position: relative;}
.wrap .sec02 .box .txt{position: absolute; bottom: 0; left: 0; padding: 20px;box-sizing: border-box; }
.wrap .sec02 .box .txt p{font-size: 14px; color: #CCCCCC; line-height: 1.3; margin-top: 15px;}
.wrap .sec02 .box .txt h5{font-size: 30px; color: #fff; font-weight: 600;}


@media(max-width:1024px){
    
    .popup1{width: 50%;}
    .wrap .visual_area .visual_content .txt h3{font-size: 24px;}
    
    .wrap .visual_area .visual_content .txt h5{font-size: 20px;}
    .wrap .visual_area .visual_content .txt p{font-size: 14px;}
    .wrap .visual_area .visual_content .txt div a{font-size: 14px; padding: 7px 15px;}
    .popup1 .pop_top{flex-direction: column;}
    .popup1 .pop_top h3{font-size: 24px;}
    .popup1 p{font-size: 14px;}
    .header .menu{display: block;}
    .header .logo img{max-width: 200px;}
    .header .logo_part img {
        max-width: 180px;
    }
    .header .header_box {
        grid-gap: 16px;
    }
    .header_box .nav{display: none;}
    .bg.on{position: fixed;top: 0;left: 0;height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 1;}
    .wrap .visual_area .visual_content .txt h1{font-size: 40px;}
}
@media(max-width:768px){
    .popup1{padding: 10px;}
    .wrap .visual_area .visual_content .txt h5{font-size: 16px;}
    .wrap .visual_area .visual_content .txt h1{margin: 10px 0; font-size: 20px;}
    .wrap .visual_area .visual_content{width: 80%;}
    .popup1 .pop_top br{display: none;}
    .popup1 .pop_top h3{font-size: 18px;}
    .pop_top img{max-width: 100px;}
    .popup1{width: 80%; left: 10%;}
}
.box_1 {
    width: 100%;
    margin: 0 auto;
    height: 600px;
    z-index: 99;
  }
  .box_1 .menu-list {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 1rem;
  }
  .box_1 .menu-list .menu-item {
    width: 100%;
    height: 100%;
    background: lime;
    display: flex;
    flex-direction: column;
    font-size: 3rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: end;
    gap: 20px;
    padding: 20px;
  }
  .box_1 .menu-list .menu-item .menu_item_tit{
    font-size: 30px;
    color: white;
    font-weight: 600;
  }
  .box_1 .menu-list .menu-item .menu_item_word{
    font-size: 14px;
    color: #ccc;
    word-break: keep-all;
  }
  .box_1 .menu-list .menu-item:nth-of-type(1) {
    grid-column: 1/2;
    grid-row: 1/2;
    background-image: url(../img/sec02_01.png);
  }
  .box_1 .menu-list .menu-item:nth-of-type(2) {
    grid-column: 1/2;
    grid-row: 2/3;
    background-image: url(../img/sec02_02.png);
  }
  .box_1 .menu-list .menu-item:nth-of-type(3) {
    grid-column: 2/3;
    grid-row: 1/3;
    background-image: url(../img/sec02_03.png);
  }
  .box_1 .menu-list .menu-item:nth-of-type(4) {
    grid-column: 3/5;
    grid-row: 1/2;
    background-image: url(../img/sec02_04.png);
  }
  .box_1 .menu-list .menu-item:nth-of-type(5) {
    grid-column: 3/4;
    grid-row: 2/3;
    background-image: url(../img/sec02_06.png);
  }
  .box_1 .menu-list .menu-item:nth-of-type(6) {
    grid-column: 4/5;
    grid-row: 2/3;
    background-image: url(../img/sec02_05.png);
  }
  
  @media (max-width: 768px) {
    .box_1 {
        height: 2500px;
    }
    .box_1 .menu-list {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      padding: 30px 0;
      grid-gap:1.5rem;
      
    }
    .box_1 .menu-list .menu-item:nth-of-type(1) {
      grid-column: 1/2;
      grid-row: 6/7;
      height: 400px;
    }
    .box_1 .menu-list .menu-item:nth-of-type(2) {
      grid-column: 1/2;
      grid-row: 5/6;
      height: 400px;
    }
    .box_1 .menu-list .menu-item:nth-of-type(3) {
      grid-column: 1/2;
      grid-row: 1/2;
      height: 620px;
    }
    .box_1 .menu-list .menu-item:nth-of-type(4) {
      grid-column: 1/2;
      grid-row: 4/5;
      height: 225px;
    }
    .box_1 .menu-list .menu-item:nth-of-type(5) {
      grid-column: 1/2;
      grid-row: 2/3;
      height: 400px;
    }
    .box_1 .menu-list .menu-item:nth-of-type(6) {
      grid-column: 1/2;
      grid-row: 3/4;
      height: 360px;
    }
    .box_1 .menu-list .menu-item .menu_item_tit{
      font-size: 20px;
    }
  }

/*! sec02 end*/
@media(max-width:1024px){
    .wrap .sec02 .box{flex-direction: column;}
    .wrap .sec02 .box img{width: 100%;}
    .wrap .sec02 .box .left,.wrap .sec02 .box .right{width: 100%;}
    .wrap .sec02 .box .left > div{flex: 1;}
    .wrap .sec02 .box .right > div{flex: 1;}
    .wrap .sec02 .box .right > div .img_wrap{width: 50%;}
}
@media(max-width:768px){
    .wrap .sec02 .box .txt h5{font-size: 20px;}
    .wrap .sec02 .box .right > div .img_wrap{width: 100%;}
    .wrap .sec02 .box .left{flex-direction: column;}
    .wrap .sec02 .box .right > div:last-child{flex-direction: column;}

    .wrap .sec02 .box .img_wrap.special-mobile {
        position: relative;
        width: 100%; height: 0;
        padding-bottom: 70%;
    }

    .wrap .sec02 .box img.special-mobile {
        position: absolute;
        left: 50%; top: 50%;
        width: 100%; height: 100%;
        transform: translate(-50%,-50%);
        object-fit: cover;
        object-position: 65%;
    }
}

/*! sec03 start*/
.wrap .sec03{max-width: 1620px; margin:0 auto;}
.wrap .sec03 ul{display: flex; justify-content: space-between;}
.wrap .sec03 ul li h5{color: #FF9011; font-size: 14px; font-weight: 600;}
.wrap .sec03 ul li img{width: 100%; max-width: 170px;}
.wrap .sec03 ul li h4{font-size:30px ; font-weight: 700; margin:5px  0 40px 0;}
.wrap .sec03 ul li p{color: #9E9999; font-size: 16px; line-height: 1.3; word-break: keep-all;}
.wrap .sec03 ul li{position: relative; padding: 25px; box-sizing: border-box; flex: 1;}
.wrap .sec03 ul li:not(:first-child)::after{content: ""; position: absolute; left: 0;top: 0; background-color: #ECECEC; width: 1px; height: 100%;}
.wrap .sec03 .more{text-align: center; margin: 50px 0;}
.wrap .sec03 .more a{color:#6E6E6E ; padding: 20px 33px; border:1px solid #ccc;}
.wrap .sec02.sec_tit h2{display: none;}
@media(max-width:1024px){
    .wrap .sec03 ul{display: grid; grid-template-columns: repeat(2,1fr);}
    .wrap .sec03 ul li:nth-child(odd){border-right: 1px solid #ECECEC;}
    .wrap .sec03 ul li:nth-child(1),.wrap .sec03 ul li:nth-child(2){border-bottom: 1px solid #ececec;}
    .wrap .sec03 ul li:not(:first-child)::after{display: none;}
    .wrap .sec_tit h2{font-size: 24px;}
}
@media(max-width:768px){
    .sec_tit {
        padding: 70px 0 70px 0;
    }
    .wrap .sec_tit h2 br{display: block;}
    .wrap .sec_tit h5{font-size: 16px;}
    .wrap .sec_tit h2{font-size: 20px;}
    .wrap .sec_tit h2{font-size: 20px; line-height: 1.3;}
    .wrap .sec_tit h5{font-size: 16px; padding: 0 20px;}
    .wrap .sec03 ul li h4{font-size: 20px; margin-bottom: 10px;}
    .wrap .sec03 ul li p{font-size: 14px;}
    
}
/*! sec03 end*/

/*! sec03 start*/
.wrap .sec04 .swiper-slide{position: relative; background: white;}
.wrap .sec04 .swiper-slide img{vertical-align: bottom; width: 100%; min-height: 500px; object-fit: cover;}
.wrap .sec04 .txt{position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); text-align: center;}
.wrap .sec04 .txt h5 {color: #FF9011; font-weight: 600;}
.wrap .sec04 .txt h4{font-size: 35px; font-weight: 600;}
.wrap .sec04 .txt p{ margin-top:35px ; line-height: 1.3;}
.wrap .sec04 .swiper .swiper-slide {
    height: auto;
}
.wrap .sec04 .slide_img {
    height: 100%; height: 100%;
}
.wrap .sec04 .swiper-button-next{right: 8%; color: #fff; display: none;}
.wrap .sec04 .swiper-button-next::after{content: "";}
.wrap .sec04 .swiper-button-prev{left: 8%; color: #fff; display: none;}
.wrap .sec04 .swiper-button-prev::after{content: "";}
.wrap .sec04 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 7%;}
.wrap .sec04 .swiper-pagination-bullet{background-color: #fff !important; opacity: 1 !important; width: 17px !important; height: 17px !important;}

.wrap .sec04 .swiper-pagination-bullet-active{background-color: #BABABA !important;}
@media(max-width:1024px){
    .wrap .sec04 .txt{bottom: 50%; transform: translate(-50%,50%); background-color: rgba(255,255,255,0.5); padding: 20px; box-sizing: border-box; width: 70%;}
}
/*! sec04 end*/

/*! sec05 start*/
.wrap .sec05{max-width: 1620px; margin: 0 auto;}
.wrap .sec05 ul{display: flex;justify-content: space-between;align-items: center;}
.wrap .sec05 ul li{position: relative; ;}
.wrap .sec05 ul li img{width: 100%;}
.wrap .sec05 ul li .txt{position: absolute;top: 0;left: 0;padding:30px 20px;}
.wrap .sec05 ul li .txt h4{font-size: 30px; font-weight: 600;color: #fff;}
.wrap .sec05 ul li .txt p{margin-top: 10px; color: #fff;}
.wrap .sec05 ul li:last-child .txt h4{font-size: 30px; font-weight: 600;color: #000;}
.wrap .sec05 ul li:last-child .txt p{color: #000;}
.wrap .sec05 ul li .more{position: absolute;bottom: 0;right: 0;padding:20px 20px; color: #fff;}
.wrap .sec05 ul li .more a{padding: 15px 30px;box-sizing: border-box; border: 1px solid #fff;}
.wrap .sec05 .sec_tit h5{margin-top: 60px;}
.wrap .sec05 .sec_tit h2{position: relative; display: inline-block;}
.wrap .sec05 .sec_tit h2 img{position: absolute;}
.wrap .sec05 .sec_tit h2 .rest1{top: -50px;left: -70px;z-index: -1;}
.wrap .sec05 .sec_tit h2 .rest2{bottom: -50px;right: -70px;z-index: -1;}
/*! sec05 end*/
@media(max-width:1024px){
    .wrap .sec05 ul{display: grid; grid-template-columns: repeat(2,1fr);}
    .wrap .sec05 .sec_tit h2{font-size: 30px;}
}
@media(max-width:768px){
    .wrap .sec05 .sec_tit h5{font-size: 16px; padding: 0 20px; box-sizing: border-box;}
    .wrap .sec05 .sec_tit h2{font-size: 20px;margin: 0 20px;}
    .wrap .sec05 .sec_tit h2 .rest1{top: -20px;left: -20px;}
    .wrap .sec05 .sec_tit h2 .rest2{bottom: -20px;right: -20px;}
    .wrap .sec05 .sec_tit h2 img{max-width: 30px;}
    .wrap .sec05 ul li .txt h4{font-size: 20px;}
    .wrap .sec05 ul li:last-child .txt h4{font-size: 20px;}
}
/*! experience sec01 end*/
.experience_wrap .sec01{max-width: 1620px; margin: 0 auto; padding-top: 150px;}
.experience_wrap .sec01 .experience_tit{text-align: center; font-size: 38px; font-weight: 600; position: relative;}
.experience_wrap .sec01 .experience_tit h2{display: inline-block; padding: 0 30px;  z-index: 1; background-color: #fff;}
.experience_wrap .sec01 .experience_tit .line{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);  width: 100%; height: 1px; background-color: #D9D9D9;z-index: -1;} 
.experience_wrap .sec01 .sec_experience_top{text-align: center;}
.experience_wrap .sec01 .sec_experience_top h5{font-size: 18px; color: #CCCCCC; margin-top: 15px; font-weight: 600;}
.experience_wrap .sec01 .sec_experience_top p{color: #8E8E8E; margin-top: 20px; line-height: 1.3;}
/*! experience sec01 start*/
@media(max-width:1024px){
    .experience_wrap .sec01{padding-top: 50px;}
    .experience_wrap .sec01 .experience_tit{padding: 20px;}
    .experience_wrap .sec01 .experience_tit h2{font-size: 24px;}
    .experience_wrap .sec01 .sec_experience_top p{font-size: 14px;}
}

/*! experience sec02 start*/
.experience_wrap .sec02{max-width: 1240px; margin: 0 auto; padding-top: 150px;}
.experience_wrap .sec02 ul{display: flex; justify-content: space-between;}
.experience_wrap .sec02 ul li{position: relative; }
.experience_wrap .sec02 ul li img{width: 100%;}
.experience_wrap .sec02 ul li .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff; width: 100%;}
.experience_wrap .sec02 ul li .txt img{max-width: 1px; margin: 25px 0;}
.experience_wrap .sec02 ul li .txt h5{font-size: 23px; font-weight: 600;}
.experience_wrap .sec02 ul li .txt p{line-height: 1.3;} 
@media(max-width:1024px){
    .experience_wrap .sec02{padding-top: 50px;}
    .experience_wrap .sec02 ul{flex-direction: column;}
}



/*! experience sec02 end*/

/*! experience sec03 start*/
.experience_wrap .sec03{max-width: 1240px ;margin: 0 auto; padding-top: 50px;}
.experience_wrap .sec03 .first_box{padding:40px 60px; box-sizing: border-box; border: 1px solid #E4E4E4; border-radius: 10px; display: flex; justify-content: space-between; align-items: center;}
.experience_wrap .sec03 .first_box .map_info{display: flex; align-items: center;}
.experience_wrap .sec03 .first_box .map_info .ico{margin-right: 50px;}
.experience_wrap .sec03 .first_box .map_info .txt p{font-size: 20px; margin: 5px 0;}
.experience_wrap .sec03 .first_box .map_info .txt p:first-child{color:#8E8E8E ;}
.experience_wrap .sec03 .first_box .map_info .txt p:last-child{color: #6D6D6D; font-weight: 600;}
.experience_wrap .sec03 .first_box .map_view a{
    padding:25px 50px ; 
    /* background-color: #255285;  */
    background: linear-gradient(30deg, #ba0000, #eb2300, #a0002b);
    font-weight: 600;
    color: #fff;
}
.experience_wrap .sec03 ul{display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 30px;}
.experience_wrap .sec03 ul li{flex: 1; border: 1px solid #E4E4E4; display: flex; justify-content: center; gap: 50px; padding:50px 70px ; border-radius: 10px; align-items: center; max-height: 133px; box-sizing: border-box;}
.experience_wrap .sec03 ul li .txt p{color: #8E8E8E; font-weight: 500; margin: 5px 0;}
@media(max-width:1024px){
    .experience_wrap .sec03 .first_box .map_view a{padding: 15px 30px;}
    .experience_wrap .sec03 .first_box{padding: 20px;}
    .experience_wrap .sec03 .first_box .map_info{margin: 20px;}
    .experience_wrap .sec03 .first_box .map_info .txt p{font-size: 15px;}
    .experience_wrap .sec03 .first_box{flex-direction: column; align-items: flex-start;}
    .experience_wrap .sec03 ul{flex-direction: column; align-items: flex-start; padding: 20px; box-sizing: border-box;}
    .experience_wrap .sec03 ul li{width: 100%; text-align: left; justify-content: flex-start;}
}
/*! experience sec03 end*/

/*! experience sec04 start*/
.experience_wrap .sec04{max-width: 1240px; margin: 0 auto; padding-top: 100px;}
.experience_wrap .sec04 ul {display: grid; grid-template-columns: repeat(2,1fr);  gap: 20px;}
.experience_wrap .sec04 ul li img{width: 100%;vertical-align: bottom;}
@media(max-width:1024px){
    .experience_wrap .sec04 {padding: 20px; box-sizing: border-box;}
}
@media (max-width: 768px) {
    .experience_wrap .sec04 ul {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
/*! experience sec04 end*/
/*! footer start */
.footer{max-width: 1620px ; margin:0 auto; padding: 50px 0; }
.footer .top{display: flex; justify-content: space-between; border-bottom: 1px solid #ECECEC; padding-bottom: 20px; align-items: center;}
.footer .top .sns{display: flex;}
.footer .box {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 30px;}
.footer .box .nav_info li{display: flex; align-items: flex-start; margin: 15px 0; align-items: center;}
.footer .box .nav_info li:first-child{margin-top: 0; align-items: center;}
.footer .box .nav_info li:first-child h5{font-size: 25px; }
.footer .box .nav_info li:first-child span{font-size: 20px; font-weight: 600;}
.footer .box .nav_info li h5{font-weight: 600; width:100px; }
.footer .box .nav_info li span{line-height: 1.3;}
.footer .box .nav_info li span i {
    color: #6B338B;
    font-weight: 600;
}
.footer .copylight{text-align: center; font-weight: 200; margin-top: 40px;}
.footer .footer_nav{display: flex; gap: 50px;}
.footer .footer_nav li > div{display: flex; flex-direction: column; margin-top: 15px;}
.footer .footer_nav li > span {font-weight: 600; font-size: 16px;}
.footer .footer_nav li  a{font-size: 14px; margin: 7px 0;}
/*! footer end*/




@media(max-width:1024px){
    .footer .copy{
        word-break: keep-all;
        padding: 0 20px;
    }
    .footer .box{flex-direction: column; padding: 20px; box-sizing: border-box;}
    .footer .footer_nav{display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; margin-top: 30px;}
    .footer .footer_nav li > span{font-size: 16px;}
    .footer .box .nav_info li span,    .footer .footer_nav li a{font-size: 14px;}
    .footer .footer_nav li > div{margin-top: 5px;}
    .footer .copylight{margin-top: 20px;}
}