/************** wrapper **************/
#wrap {
    min-width:100%;
    margin:auto;
    position:relative;
}

.wrapper {
    width:100%;
    height:auto; 
   
}

/************** header **************/
.headerWrap {position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:80px;
    z-index:100;
    display:block;
    background-color: transparent; 
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
.headerWrap.roll {height:80px; background:#000;}
.headerWrap.roll .headerTop {
    margin-top:20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.headerWrap.roll .headerBottom {margin-top:30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.header {margin:auto; width:100%; max-width: 1400px; z-index:99;}
.header .btnMenu {display:none; } 
.headerTop {float:left; margin-top:20px; width:300px; height:53px; position:relative; }
.headerTop .logo {margin-top:0px;width:500px;}
.headerTop .logo a {
    width:156px;
    height:40px;
    background:url('../img/masnet-logo-02.png') no-repeat;
    background-size:100%; display:block;
    cursor:pointer;
    font-size:0px;     
}


.headerBottom { float:right; /*width: 480px;*/ width: auto; margin-top:30px; padding:0px 0px 0px 0px; z-index:10; margin-right: 0; }
.headerBottom .subBg {display:none;}
.headerBottom .mask {display:none;opacity:0;}
.headerBottom .btnMenuAll {position:absolute;top:7.5px;left:50%;margin-left:560px;width:40px;height:30px;background:url('../images/btn_all.png') no-repeat;background-size:100%;display:block;z-index:100;font-size:0px;cursor:pointer;}

.gnb {margin:0; width:100%; position:relative; z-index:11; line-height: 1.5; }
.gnb > ul {margin:auto; height:100%; table-layout:fixed; border-left:none;}
.gnb > ul > li {
    padding:0px 30px 0px 0px;
    float:left;
    vertical-align:top;
    border-left:0px solid #dcdcdc;
    cursor:pointer;font-size:15px;
    font-weight:400;color:#fff;
    font-family:'pretendard', sans-serif;
}
.gnb > ul > li:last-child {padding:0px 0px 0px 0px;}
.gnb > ul > li > a {height:auto; display:block; position:relative; color:#737373;}
.gnb > ul > li:hover > a {color:#fff; transition: all .5s;}
.gnb > ul > li > a::before {position:absolute;left:0;top:0;width:100%;display:block;content:'';background-color:#fff;opacity:0;}
.gnb > ul > li > ul {height:100%;width:100%;padding:0px 0px 0px 0px;margin:2px 0px 0px -15px;max-height:0;border-right:1px solid #eaeaea;position:relative;overflow:hidden;}
.gnb > ul > li > ul.last {width:100%;max-height:0;border-right:none;position:relative;overflow:hidden;}

.gnb > ul > li:hover > ul { }
.on .gnb > ul > li > ul {margin-top:18px;max-height:248px;padding:16px 0px 24px 13px;}
.gnb > ul > li > ul > li {display:block;}
.gnb > ul > li > ul > li > a {width:99%;padding-left:2px;font-size:13px;line-height:26px;text-align:left;font-weight:bold;color:#555;letter-spacing:-0.5px;}
.gnb > ul > li > ul > li.on,
.gnb > ul > li > ul > li:hover {color:#397fe7;}
.gnb > ul > li > ul > li.on > a,
.gnb > ul > li > ul > li:hover > a {color:#397fe7;}

.gnb > ul > li > ul > li > ul > li {display:none;}

.header_consol { position: relative; width: 40px; cursor: pointer; float: right; display: none;}

.btn_total_menu { }
.total_menu_box {  width: 20px; }
.total_menu_inner { width: 20px;}
.total_menu_inner, .total_menu_inner::before, .total_menu_inner::after {position: absolute; height: 2px; background-color: #fff;}
.total_menu_inner::before, .total_menu_inner::after { content: ''; display: block; width: 40px;}
.total_menu_inner::before { top: -9px;}
.total_menu_inner::after { bottom: -9px;}

.btnMenuClose { display:none; opacity:0; }







/********************************  main_section  ********************************/
.main_section_wrap {
    min-width: 100%;
    max-width: 2520px;  
    height: 1300px; 
    position: relative;
   
}
.main_section_wrap .main_bg {
    width: 100%;
}
.main_section_wrap .main_bg .mySlides:nth-child(1) {
    width: 100%;
    position: absolute;
    top: 150px;
    left: 0;
}
.main_section_wrap .main_bg .mySlides:nth-child(2) {
    width: 50%;
    position: absolute;
    top: 80px;
    left: 0;
}
.main_section_wrap .main_bg .mySlides:nth-child(3) {
    width: 30%;
    position: absolute;
    bottom: 80px;
    right: 300px;
}
.slideImg {
    animation-name: slideImg;
    animation-duration: 9s;    
}
@keyframes slideImg {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.main_section_wrap .main_section {
    width: 1800px;
    height: auto;
    /* background: #0000ff; */
    position: absolute;
    top: 350px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
}
.mySlide {
    animation-name: mySlide;
    animation-duration: 9s;    
}
@keyframes mySlide {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.main_section_wrap .main_section .main_tit {
    color: #fff;
    font-size: 150px;
    font-family: 'inter', serif;
    font-weight: bold;
    margin-bottom: 36px;
}
.main_section_wrap .main_section .main_ex {
    color: rgba(255,255,255,.9);
    font-size: 24px;
    width: 380px;
    margin: 0 auto;
    line-height: 1.3;
}

/********************************  section_01  ********************************/
.section_01 {
    width: 100%;
    height: auto;
    /* background: grey; */
    background-image: url(../img/contents_bg.png), url(../img/contents_bg2.png);
    background-repeat: no-repeat;
    background-position:-160% -15% , -300% 90%;
}
.section_01 .animated-title {
    font-size:140px; 
    font-family:'inter',Sans-serif; 
    font-weight:bold; 
    position: relative; 
    width: 100%;
     max-width:100%; 
     height: auto; 
     padding:100px 0; 
     overflow-x: hidden; 
     overflow-y: hidden; 
}
.section_01 .animated-title .track {
    position: absolute; 
    top: 0;
    left: 0;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 60s linear infinite; 
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
    }

.section_01 .card_contents {
    width: 1800px;
    height: 100%;
    margin: 120px auto 0;
    /* background: blue; */
}

/************************ card01 ***********************************/
.section_01 .card_contents .card01 {
    width: 585px;
    height: 520px;
    border-radius: 0 30px 30px 30px;
    /* background: #121212;
    opacity: 0.7; */
    background: rgba(255, 255, 255, 0.05);
    opacity: 1;
    margin: 0 300px 30px;
    position: relative;
}
.section_01 .card_contents .card01 > ul {
    
}
.section_01 .card_contents .card01 > ul > li.card_ex01 {
    font-size: 18px;
    padding: 40px;
    line-height: 1.5;
    opacity: 0.8;
}
.section_01 .card_contents .card01 > ul > li.card_img01 {
    width: 100%;
    margin-top: 40px;
}
.section_01 .card_contents .card01 > ul > li.card_img01 img {
   
    margin-right: 40px;
    float: right;
}
.section_01 .card_contents .card01 > ul > li.card_tit01 {
    font-size: 32px;
    padding: 40px;
    position: absolute;
    bottom: 0;
}

/************************ card02 ***********************************/
.section_01 .card_contents .card02 {
    width: 585px;
    height: 520px;
    border-radius: 0 30px 30px 30px;
    /* background: #121212;
    opacity: 0.7; */
    background: rgba(255, 255, 255, 0.05);
    opacity: 1;
    margin: 0 30px 30px 300px;
    float: left;
    position: relative;
}
.section_01 .card_contents .card02 > ul {
    
}
.section_01 .card_contents .card02 > ul > li.card_ex02 {
    font-size: 18px;
    padding: 40px;
    line-height: 1.5;
    opacity: 0.8;
}
.section_01 .card_contents .card02 > ul > li.card_img02 {
    width: 100%;
    margin-top: 40px;
 }
 .section_01 .card_contents .card02 > ul > li.card_img02 img {    
    margin-right: 40px;
    float: right;
 }
 .section_01 .card_contents .card02 > ul > li.card_tit02 {
    font-size: 32px;
    padding: 40px;
    position: absolute;
    bottom: 0;
 }

/************************ card03 ***********************************/
.section_01 .card_contents .card03 {
    width: 585px;
    height: 520px;
    border-radius: 0 30px 30px 30px;
    /* background: #121212;
    opacity: 0.7; */
    background: rgba(255, 255, 255, 0.05);
    opacity: 1;
    margin: 0 300px 30px 0;
    float: right;
    position: relative;
}
.section_01 .card_contents .card03 > ul {
    
}
.section_01 .card_contents .card03 > ul > li.card_ex03 {
    font-size: 18px;
    padding: 40px;
    line-height: 1.5;
    opacity: 0.8;
}
.section_01 .card_contents .card03 > ul > li.card_img03 {
    width: 100%;
    margin-top: 0px;
 }
 .section_01 .card_contents .card03 > ul > li.card_img03 img {
    
    margin-right: 40px;
    float: right;
 }
 .section_01 .card_contents .card03 > ul > li.card_tit03 {
     font-size: 32px;
     padding: 40px;
    position: absolute;
    bottom: 0;
 }

/************************ card04 ***********************************/
.section_01 .card_contents .card04 {
    width: 585px;
    height: 520px;
    border-radius: 0 30px 30px 30px;
    /* background: #121212;
    opacity: 0.7; */
    background: rgba(255, 255, 255, 0.05);
    opacity: 1;
    margin: 0 300px 30px;
    position: relative;
    float: right;
}
.section_01 .card_contents .card04 > ul {
    
}
.section_01 .card_contents .card04 > ul > li.card_ex04 {
    font-size: 18px;
    padding: 40px;
    line-height: 1.5;
    opacity: 0.8;
}
.section_01 .card_contents .card04 > ul > li.card_img04 {
   width: 100%;
   margin-top: 40px;
}
.section_01 .card_contents .card04 > ul > li.card_img04 img {
   
   margin-right: 40px;
   float: right;
}
.section_01 .card_contents .card04 > ul > li.card_tit04 {
    font-size: 32px;
    padding: 40px;
   position: absolute;
   bottom: 0;
}
/************************ card05 ***********************************/
.section_01 .card_contents .card05 {
    width: 585px;
    height: 520px;
    border-radius: 0 30px 30px 30px;
    /* background: #121212;
    opacity: 0.7; */
    background: rgba(255, 255, 255, 0.05);
    opacity: 1;
    margin: 0 300px 30px;
    position: relative;
    clear: both;
}
.section_01 .card_contents .card05 > ul {
    
}
.section_01 .card_contents .card05 > ul > li.card_ex05 {
    font-size: 18px;
    padding: 40px;
    line-height: 1.5;
    opacity: 0.8;
}
.section_01 .card_contents .card05 > ul > li.card_img05 {
   width: 100%;
   margin-top: 40px;
}
.section_01 .card_contents .card05 > ul > li.card_img05 img {
   
   margin-right: 40px;
   float: right;
}
.section_01 .card_contents .card05 > ul > li.card_tit05 {
    font-size: 32px;
    padding: 40px;
   position: absolute;
   bottom: 0;
}

/********************************  section_02  ********************************/
.section_02 {
    width: 100%;
    height: auto;
    /* background: grey; */
    margin-top: 200px;
}
.section_02 .animated-title {
    font-size:140px; 
    font-family:'inter',Sans-serif; 
    font-weight:bold; 
    position: relative; 
    width: 100%;
     max-width:100%; 
     height: auto; 
     padding:100px 0; 
     overflow-x: hidden; 
     overflow-y: hidden; 
}
.section_02 .animated-title .track {
    position: absolute; 
    top: 0;
    left: 0;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 60s linear infinite; 
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
}

.section_02 .list_contents {
    width: 1200px;
    height: 100%;
    margin: 120px auto 0;
    /* background: blue; */
}
/******************** list01 **************************/
.section_02 .list_contents .list01 {
    width: 100%;
    text-align: center;
    padding: 100px 0;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.4); */
    border-bottom: 1px solid #363636;
    position: relative;    
}
.section_02 .list_contents .list01:hover {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(45deg, rgba(64,197,254), rgba(200,77,247), rgba(56,2,155,0));
    border-image-slice: 1;
    /* transition: all 3s;     */
}
.section_02 .list_contents .list01 .list01_tit {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
}

.section_02 .list_contents .list01 .list01_ex {
    width: 945px;
    margin: 0 auto;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.4);     
    line-height: 2;
    letter-spacing: 0.5px;
}
.section_02 .list_contents .list01 .list01_img {    
    position: absolute;
    top: 40px;
    right: -200px;
    display: none;
}
.section_02 .list_contents .list01:hover .list01_img {    
    transition: all 3s;
    display: block;
    animation:setMotion 1s;
}
@keyframes setMotion{
    0%{
        opacity:0;
      }
    100%{
        opacity:1;
      }
  }
/******************** list02 **************************/
.section_02 .list_contents .list02 {
    width: 100%;
    text-align: center;
    padding: 100px 0;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.4);    */
    border-bottom: 1px solid #363636;
    position: relative;
    /* transition: all 1s;  */
}
.section_02 .list_contents .list02:hover {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(45deg, rgba(64,197,254), rgba(200,77,247), rgba(56,2,155,0));
    border-image-slice: 1;
}
.section_02 .list_contents .list02 .list02_tit {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
}
.section_02 .list_contents .list02 .list02_ex {
    width: 945px;
    margin: 0 auto;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 2;
    letter-spacing: 0.5px;
}
.section_02 .list_contents .list02 .list02_img {
    position: absolute;
    top: 60px;
    left: -250px;
    display: none;
}
.section_02 .list_contents .list02:hover .list02_img {
    display: block;
    animation:setMotion 1s;
}
@keyframes setMotion{
    0%{
        opacity:0;
      }
    100%{
        opacity:1;
      }
  }
/******************** list03 **************************/
.section_02 .list_contents .list03 {
    width: 100%;
    text-align: center;
    padding: 100px 0;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.4);    */
    border-bottom: 1px solid #363636;
    position: relative;
    /* transition: all 1s;  */
}
.section_02 .list_contents .list03:hover {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(45deg, rgba(64,197,254), rgba(200,77,247), rgba(56,2,155,0));
    border-image-slice: 1;
}
.section_02 .list_contents .list03 .list03_tit {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
}
.section_02 .list_contents .list03 .list03_ex {
    width: 945px;
    margin: 0 auto;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.4);     
    line-height: 2;
    letter-spacing: 0.5px;
}
.section_02 .list_contents .list03 .list03_img {
    position: absolute;
    top: 50px;
    right: -200px;
    display: none;    
}
.section_02 .list_contents .list03:hover .list03_img {
    display: block;
    animation:setMotion 1s;
}
@keyframes setMotion{
    0%{
        opacity:0;
      }
    100%{
        opacity:1;
      }
  }
/******************** list04 **************************/
.section_02 .list_contents .list04 {
    width: 100%;
    text-align: center;
    padding: 100px 0;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.4);    */
    border-bottom: 1px solid #363636;
    position: relative;     
}
.section_02 .list_contents .list04:hover {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(45deg, rgba(64,197,254), rgba(200,77,247), rgba(56,2,155,0));
    border-image-slice: 1;
    
}
.section_02 .list_contents .list04 .list04_tit {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
}
.section_02 .list_contents .list04 .list04_ex {
    width: 945px;
    margin: 0 auto;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 2;
    letter-spacing: 0.5px;
}
.section_02 .list_contents .list04 .list04_img {
    position: absolute;
    top: 60px;
    left: -250px;
    display: none;   
}
.section_02 .list_contents .list04:hover .list04_img {
    display: block;
    animation:setMotion 1s;   
}
@keyframes setMotion{
    0%{
        opacity:0;
      }
    100%{
        opacity:1;
      }
}
/********************************  //section_02  ********************************/

/********************************  section_03  ********************************/
.section_03 {
    width: 100%;
    height: auto;
    /* background: grey; */
    margin-top: 200px;
    background-image: url(../img/roadmap_bg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.section_03 .animated-title {
    font-size:140px; 
    font-family:'inter',Sans-serif; 
    font-weight:bold; 
    position: relative; 
    width: 100%;
     max-width:100%; 
     height: auto; 
     padding:100px 0; 
     overflow-x: hidden; 
     overflow-y: hidden; 
}
.section_03 .animated-title .track {
    position: absolute; 
    top: 0;
    left: 0;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 60s linear infinite; 
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
}
.section_03 .roadmap_img {
    width: 1800px;
    height: 1027px;
    margin: 120px auto 0;
    position: relative;
    
}
.section_03 .roadmap_img img {
    text-align: center;
    margin: 0 auto;
    display: block;        
}
/********************************  //section_03  ********************************/

/********************************  section_04  ********************************/
.section_04 {
    width: 100%;
    height: auto;
    /* background: grey; */
    margin-top: 200px;
    background-image: url(../img/section04_bg.png);
    background-repeat: no-repeat;
    background-position: top 60% right 0;
}
.section_04 .animated-title {
    font-size:140px; 
    font-family:'inter',Sans-serif; 
    font-weight:bold; 
    position: relative; 
    width: 100%;
     max-width:100%; 
     height: auto; 
     padding:100px 0; 
     overflow-x: hidden; 
     overflow-y: hidden; 
}
.section_04 .animated-title .track {
    position: absolute; 
    top: 0;
    left: 0;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 60s linear infinite; 
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
}

/********************  service_contents  ********************/
.section_04 .service_contents {
    width: 1200px;
    margin: 60px auto 100px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}
.section_04 .service_contents .service {
        width: calc(100% / 3 - 30px);
}
.section_04 .service_contents .service .service_con {
    
    height: 200px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0 30px 30px 30px;
    padding: 30px;
}
.section_04 .service_contents .service .service_con .service_img {
    width: 100%;
   height: 47px;

}
.section_04 .service_contents .service .service_con .service_img img.round_icon01 {
    padding: 9px 11px;
}
.section_04 .service_contents .service .service_con .service_img img.round_icon02 {
    padding: 9px 9px;
}
.section_04 .service_contents .service .service_con .service_img img.round_icon03 {
    padding: 9px 10px;
}
.section_04 .service_contents .service .service_con .service_img img.round_icon04 {
    padding: 10px 9px;
}
.section_04 .service_contents .service .service_con .service_img img.round_icon05 {
    padding: 9px 11px;
}
.section_04 .service_contents .service .service_con .service_img img.round_icon06 {
    padding: 9px 9px;
}
.section_04 .service_contents .service .service_con .service_img .round {
    margin-bottom: 24px;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    float: right;
}
.section_04 .service_contents .service .service_con .service_tit {
    width: 100%;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    /* color: rgba(255, 255, 255, 0.8); */
}
.section_04 .service_contents .service .service_con .service_ex {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.4);
}
/********************  //service_contents  ********************/

/********************  section_04_slide  ********************/
.section_04 .section_04_slide {
    width: 1200px;
    height: 702px;
    border-radius: 0 30px 30px 30px;
    overflow: hidden;
    white-space: nowrap;
}
.section_04 .section_04_slide .slides {
    /* position: absolute;
    top: 0;
    left: 0; */
    display: inline-block;
    margin: 0;
    width: 100%;
    height: 702px;
    transition: all .5s;
    padding: 0;    
}
.section_04 .section_04_slide .slides img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    
}

.section_04 .section_04_slide_txt {
    width: 1050px;
    height: auto;
    border-radius: 0 30px 30px 30px;
    background: linear-gradient(90deg, rgba(64,197,254), rgba(64,197,254), rgba(200,77,247), rgba(200,77,247));
    margin: -15% auto 0;
    position: relative;
}
.section_04 .section_04_slide_txt .slidetxt {
    width: 100%;
    height: 100%;
    padding: 60px;
    display: flex;
}
.section_04 .section_04_slide_txt .slidetxt .slidetxt_tit {
    width: 50%;
    font-size: 42px;
    font-weight: bold;
    padding-right: 70px;
}
.section_04 .section_04_slide_txt .slidetxt .slidetxt_tit .tit_ex {
    width: 350px;
    font-size: 22px;
    font-weight: normal;
    display: block;
    margin-top: 15px;
    line-height: 1.5;
}
.section_04 .section_04_slide_txt .slidetxt_ex {
    width: 50%;
    font-size: 20px;
    line-height: 1.5;
}
.section_04 .section_04_slide_txt .slidetxt_ex .ex_01,
.section_04 .section_04_slide_txt .slidetxt_ex .ex_02,
.section_04 .section_04_slide_txt .slidetxt_ex .ex_03, 
.section_04 .section_04_slide_txt .slidetxt_ex .ex_04 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.5;
}
.section_04 .section_04_slide_txt .slidetxt_ex .ex_01 .ex_01_span,
.section_04 .section_04_slide_txt .slidetxt_ex .ex_02 .ex_02_span,
.section_04 .section_04_slide_txt .slidetxt_ex .ex_03 .ex_03_span, 
.section_04 .section_04_slide_txt .slidetxt_ex .ex_04 .ex_04_span {
    font-size: 16px;
    display: block;
    margin-left: 24px;
}
.section_04 .section_04_slide_btn {
    width: 100%;
    height: 32px;
    margin: 20px 0 0;
    position: relative;
}
.slick-dots { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); z-index: 2; font-size: 0;}

.slick-dots li { display: inline-block; margin: 0 8px; width: 10px; height: 10px; background: #ccc; border-radius: 50%; transition: .5s; /*transition: width 0.5s, height 0.5s, background 0.5s;*/ cursor: pointer;}

.slick-dots li.slick-active { width: 40px; height: 12px; border-radius: 50px; background: #fff;}

/********************************  //section_04  ********************************/

/********************************  footer  ********************************/
.footer {
    width: 100%;
    height: 347px;
    border-top: 1px solid #262626;
    /* background: #ff00ff; */
    padding: 120px 0;
    text-align: center;
    margin-top: 200px;
}
.footer .footer_logo {}
.footer .footer_txt {
    font-size: 18px;
    font-weight: 100;
    margin-top: 60px;
    color: rgba(255, 255, 255, 0.3);
}