@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Lora:wght@600;700&family=Oswald:wght@500&family=Roboto:wght@500&display=swap');

body{
    
    font-family: 'noto sans KR', sans-serif;
    margin: 0;
    padding: 0;
    letter-spacing: -0.025em;
}
*{  box-sizing: border-box;
    margin:0;
    padding:0;
}
div{
    display:block;
}
.section {
   
    color:#fff;
  
}

.con .cuper .title{
    margin-top: -17%;
    color:#619fef;
    font-size: 1.5em;
    display: flex;
    text-align: center;
    justify-content: center;
    width:100%;
}

.con .cuper .title img{
   width: 100%;
   height: 1px;

}
.con .cuper .title button{
    background-color: #619fef;
    border: 1px solid #619fef;
    color:#fff
}
.section .con {
    width:100%;
   
    margin: 0 auto;

    text-align: center;
}

.section .con .cuper .text{
    color:#666666;
    font-size: 1rem;
    font-weight: 700;
     text-align: justify;
     
     margin: 5% auto;
     width: 40%;
     height: 30%;

}
.con .cuper .text strong{
    color:red;
    font-weight: bold;
}
.section .con .cuper01 {
   margin-top:-5%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
  width:100%;

}
.con .cuper01 .cuper_img{

    float:left;
    width:50%;
    height: 300px;
    border: 1px solid #a5acb5;
    border-radius: 10%;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.con .cuper01 .cuper_img img{
    width:100%;
}

.con .cuper01 .txt01 {
    float:right;
    width:50%;
    height: 300px;
    color:#619fef;
    margin-top: -10%;
    align-items: center;
}
.con .cuper01 .txt01 .title01{
    margin-top: 25%;
}

.con .cuper01 .txt01 .list{
    display: inline-block;
    width:70%;
   color:#666666;
   text-align: justify;
   word-break: break-all ;
   margin-top: 10%;
}

.con .cuper01 .txt01 .list ul {
    display: inline-block;
    vertical-align: top;
    
}
.con .cuper01 .txt01 .list ul li{
    width:100%;
    display:flex;
    text-align: justify ;
    margin-top: 10px;
   

    
}
.con .cuper01 .txt01 .list ul li *{
    display: inline-block;
    vertical-align: top;

}
.con .cuper01 .txt01 .list ul li img{
    display: inline-block;
    width:30px;
    height:30px;

}

.con .cuper01 .txt01 .list ul li span{
    width:calc(100%-26px);
    font-size:0.9rem;
    letter-spacing: -0.075em;
    font-weight: 300;
    word-break:keep-all;


    

}

.con1 .lanzam .title{
    margin-top: 5%;
    color:#619fef;
    font-size: 1.5em;
    display: flex;
    text-align: center;
    justify-content: center;
    width:100%;
}
.con1 .lanzam .title button{
    background-color: #619fef;
    border: 1px solid #619fef;
    color:#fff
}
.con1 .lanzam .title img{
   width: 100%;
   height: 1px;

}

.section .con1 {
    width:100%;
   
    margin: 0 auto;
    margin-top: 5%;
    text-align: center;
}

.section .con1 .lanzam .text{
    color:#666666;
    font-size: 1rem;
    font-weight: 700;
     text-align: justify;
     
     margin: 5% auto;
     width: 40%;
     height: 30%;
}
.con .con1 .lanzam .text strong{
    color:red;
    font-weight: bold;
}

.section .con1 .lanzam01 {
    margin-top:-25%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap:wrap;
  width:100%;
 }
.con1 .lanzam01 .lanzam_img{
   
    float:left;
    width:50%;
    height: 300px;
    border: 1px solid #a5acb5;
    border-radius: 10%;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
   
}
.con1 .lanzam01 .lanzam_img img{
    padding: 2%;
    width:100%;
 
}

.con1 .lanzam01 .txt01 {
    float:right;
    width:50%;
    height: 300px;
    color:#619fef;
    margin-top: 10%;
    align-items: center;
}
.con1 .lanzam01 .txt01 .title01{
    margin-top: -10%;

}
.con1 .lanzam01 .txt01 .list{
    display: inline-block;
    width:calc(100%-50%);
   color:#666666;
   text-align: justify;
   word-break: break-all ;
   padding: 5% 15%;
    margin-top:5%;
}

.con1 .lanzam01 .txt01 .list ul {
    display: inline-block;
    vertical-align: top;
    
}
.con1 .lanzam01 .txt01 .list ul li{
    width:100%;
    display:flex;
    text-align: justify ;
    margin-top: 10px;
   

    
}
.con1 .lanzam01 .txt01 .list ul li *{
    display: inline-block;
    vertical-align: top;

}
.con1 .lanzam01 .txt01 .list ul li img{
    display: inline-block;
    width:30px;
    height:30px;

}

.con1 .lanzam01 .txt01 .list ul li span{
    width:calc(100%-26px);
    font-size:0.9rem;
    letter-spacing: -0.075em;
    font-weight: 300;
    word-break:keep-all;

  

}


.section .con2 {
    width:100%;
   
    margin: 0 auto;
    margin-top: 5%;
    text-align: center;
}

.con2 .kocus .title{
    margin-top: 5%;
    color:#619fef;
    font-size: 1.5em;
    display: flex;
    text-align: center;
    justify-content: center;
    width:100%;
}

.con2 .kocus .title img{
   width: 100%;
   height: 1px;

}
.con2 .kocus .title button{
    background-color: #619fef;
    border: 1px solid #619fef;
    color:#fff
}
.con2 .kocus .text{
    color:#666666;
    font-size: 1rem;
    font-weight: 700;
     text-align: justify;
     
     margin: 5% auto;
     width: 40%;
     height: 30%;
}

.con2 .kocus .text strong{
    color:red;
    font-weight: bold;
}

.section .con2 .kocus01 {
    margin-top:-17%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
    width:100%;
 }
 .con2 .kocus01 .kocus_img{

    float:left;
    width:50%;
    height: 300px;
    border: 1px solid #a5acb5;
    border-radius: 10%;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con2 .kocus01 .kocus_img img{
    width:100%;
    padding: 2%;
 
}
.con2 .kocus01 .txt01 {
    float:right;
    width:50%;
    height: 300px;
    color:#619fef;
    margin-top: 5%;
    align-items: center;
}

.con2 .kocus01 .txt01 .list{
    display: inline-block;
    width:calc(100%-50%);
   color:#666666;
   text-align: justify;
   word-break: break-all ;
   margin-top: 10%;


}

.con2 .kocus01 .txt01 .list ul {
    display: inline-block;
    vertical-align: top;
    
}
.con2 .kocus01 .txt01 .list ul li{
    width:100%;
    display:flex;
    text-align: justify ;
    margin-top: 10px;
   

    
}
.con2 .kocus01 .txt01 .list ul li *{
    display: inline-block;
    vertical-align: top;

}
.con2 .kocus01 .txt01 .list ul li img{
    display: inline-block;
    width:30px;
    height:30px;

}

.con2 .kocus01 .txt01 .list ul li span{
    width:calc(100%-26px);
    font-size:0.9rem;
    letter-spacing: -0.075em;
    font-weight: 300;
    word-break:keep-all;

    

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

    
    .section .con{
   
    }

    .section .con .cuper .title{
        margin-top: -60%;
 
    }
  
    .section .con .cuper .text{
       font-size: 1.2em;
        width:90%;

    }

    .section .con .cuper01{
        padding: 7%;
       
    }
    .section .con .cuper01 .txt01 .title01 span{
        font-size: 1.2em;
      }
    .con .cuper01 .txt01 .title01 {
        font-size: 1em;
        width:100%;
        
    }
  .section .con .cuper01 .cuper_img {
    display: block;
     width:90%;
     height:auto;
     margin: 0 auto;
     float:none;
     margin-top: -20%;

 

  }
  .section .con .cuper01 .cuper_img img{
    width: 100%;
  }
  .section .con .cuper01 .txt01{
    float:none;
    margin: 0 auto;
    width:100%;
    margin-top: -20%;
    
  }

  .section .con .cuper01 .txt01 .list{
    width:100%;
    text-align: center;
  
    margin-top: 5%;
  }
  .section .con .cuper01 .txt01 .list span{
    font-size: 1.2em;
  }
  .section .con1 .lanzam .title{
    margin-top: 20%;
  }

  .section .con1 .lanzam .text{
    width:90%;
    font-size: 1.2em;
    margin-top: 8%;
  }

  .section .con1 .lanzam01{
    padding: 15%;
}

  .section .con1 .lanzam01 .txt01 .lanzam_img {
    display: block;
    width: 100%;
     height:auto;
     margin: 0 auto;
     float:none;
     margin-top: -45%;

  }
  .section .con1 .lanzam01 .txt01 .lanzam_img img{
    width: 100%;
  }
  .section .con1 .lanzam01 .txt01{
    float:none;
    margin: 0 auto;
    width: 100%;
    margin-top: 15%;
    
  }
    .section .con1 .lanzam01 .txt01 span{
        font-size: 1.2em;
    }

  .section .con1 .lanzam01 .txt01 .list{
    width:100%;
    text-align: center;
    margin-top: -0%;

  }
   .section .con1 .lanzam01 .txt01 .list span{
        font-size: 1.2em;
   }
  .section .con2 .kocus .title{
    margin-top: -5%;
  }


  .section .con2 .kocus .text{
    width:90%;
    margin-top: 5%;
    font-size: 1.2em;
  }
  .con2 .kocus01 .txt01{
    width:100%;

  }
  .con2 .kocus01 .txt01 .kocus_img{
    display: block;
    width: 100%;
     height:auto;
     margin: 0 auto;
     float:none;
    margin-top: -40%;
    
  }
  
  .con2 .kocus01 .txt01 .kocus_img img{
    width:100%;
  }

  .section .con2 .kocus01 .txt01{
    float:none;
    margin: 0 auto;

    margin-top: 10%;
    
  }
    .section .con2 .kocus01 .txt01 .title01 span{
        font-size: 1.2em;
  
    }
  .section .con2 .kocus01{
    padding: 15%;
}
.section .con2 .kocus01 .title01 {
    float:none;
    margin: 0 auto;


  }

  .section .con2 .kocus01 .txt01 .list{
    width:100%;
    text-align: center;
  

  }
  .section .con2 .kocus01 .txt01 .list span{
    font-size: 1.2em;

  }
 
}


@media screen and (max-width:640px) {
    .section {
        margin-top:140%;
 
    }
    
    .section .text .text01 .more img{
        position: relative;
        width:20px;
        height: 20px;
        left:110px;
        top:40px;
     }
     .section .text .text02 .more img{
        position: relative;
        width:20px;
        height: 20px;
        left:115px;
        top:45px;
      }
    
      .section .text .text03 .more img{
        position: relative;
        width:20px;
        height: 20px;
        left:110px;
        top:40px;
      }
    .section .con .cuper .title h4{
        font-size: 0.9rem;
    }
    .section .con .wrap1 .cuper .text{
        width:90%;
        font-size: 0.9rem;
        margin-top: 8%;
    }
    .section .con  .cuper01{
        width:100%;
 
    }
    .section .con .wrap1 .cuper01 .txt01 .cuper_img{
        margin-top: -20%;
        width:100%;
      
    
    }
    .section .con .cuper01 .txt01 .title01{
        font-size: 0.9rem;
    }
    .section .con .cuper01 .txt01 .title01 span{
        font-size: 0.9rem;
    }
    .section .con .cuper01 .txt01 .title01 img{
       width:20%;


    }
    .section .con .wrap1 .cuper01 .txt01 .list img{
        width:17px;
        height: 17px;
    }
    .section .con .wrap1 .cuper01 .txt01 .list span{
        font-size: 0.9rem ;

    }

    .section .con1 .lanzam .title h4{
        font-size: 0.9rem;
        margin-top: -5%;
        
    }
 
    .section .con1 .wrap1 .lanzam .text{
        font-size: 0.9rem;
    
        width:90%;

    }
    .con1 .lanzam01 .txt_01{
        float:none;
        margin: 0 auto;
        margin-top: 5%;
        width:100%;
      }
      .section  .con1 .lanzam01 .txt01 .title01{
          font-size: 0.9rem;
      }
      .section  .con1 .lanzam01 .txt01 .title01 span{
          font-size: 0.9rem;
      }
      .section  .con1 .lanzam01 .txt01 .title01 img{
         width:20%;
  
  
      }
      .section .con1 .wrap1 .lanzam01{
        width:100%;
      }
     .con1 .wrap1 .lanzam01 .txt_01 .lanzam_img{
        
        width:100%;
        min-width: 100%;
        
      }
      
      
     
      .con1 .lanzam01 .txt_01 .lanzam_img img{
        width:100%;
      }
      .section .con1 .wrap1 .lanzam01 .txt01 .list {
        width: 100%;
       min-width: 100%;
       padding-left: 0;

      }
      .section .con1 .wrap1 .lanzam01 .txt01 .list img{
        width:17px;
        height: 17px;
    }
    .section .con1 .wrap1 .lanzam01 .txt01 .list span{
        font-size: 0.9rem ;
        width:100%;
        white-space: nowrap;

    }


    .section .con2 .kocus .title h4{
        font-size: 0.9rem;
        margin-top: -20%;
    }
    .section .con2 .wrap1 .kocus .text{
        font-size: 0.9rem;
        width:90%;
        margin-top: -5%;

    }
    .con2 .kocus01 .txt01 .kocus_img{
        width:100%;
        min-width: -10%;
      
    }
    .section .con2 .kocus01 .txt01 .title01{
        font-size: 0.9rem;
    }
    .section .con2 .kocus01 .txt01 .title01 img{
        width:20%;
    }
    .section .con2 .kocus01 .txt01 .list{
        width: 100%;
        min-width: 100%;
    }
    .section .con2 .kocus01 .txt01 .list img{
        width:17px;
        height: 17px;
    }
    .section .con2 .wrap1 .kocus01 .txt01 .list span{
        font-size: 0.9rem ;

}
}