*{margin:0;padding:0;}
body{font-family: "Noto Sans KR", sans-serif;}
ul{list-style:none;}
a{text-decoration:none;}
button{background-color: inherit;border:none; box-shadow:none; cursor:pointer;}
#Wrapper{
    position:relative; width:100%;
}
#Wrapper .btn01{  z-index: 10;
    position:absolute;left:40px;top:500px;
    width:260px; height:60px; border-radius: 30px;
}
#Wrapper .btn02{  z-index: 10;
    position:absolute;left:420px;top:500px;
    width:260px; height:60px; border-radius: 30px;
}
#Wrapper .btn03{  z-index: 10;
    position:absolute;left:800px;top:500px;
     width:260px; height:60px; border-radius: 30px;
}
#Wrapper .btn04{ z-index: 10;
    position:absolute;left:220px;top:865px;  
    width:320px; height:60px; border-radius: 30px;
}
#Wrapper .btn05{  z-index: 10;
    position:absolute;right:220px;top:865px; 
    width:320px; height:60px; border-radius: 30px;
}
#Wrapper .btn06{ z-index: 10;
    position:absolute;left:210px;bottom:116px; 
    width:330px; height:70px; border-radius: 30px;
}
#Wrapper .btn07{ z-index: 10; 
    position:absolute;right:210px;bottom:116px; 
    width:330px; height:70px; border-radius: 30px;
}
#Wrapper .btn08{  
    position:absolute;top:600px; left:65px; 
    width:604px; height:340px; border-radius: 30px;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .mainHeader{  
    width:100%;
    /* background: linear-gradient(to bottom, #7676ea, #54eef8); */
    background-image: url('../images/00_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #6d5ecc;
    background-size: cover;
}
#Wrapper .mainHeader .inner{ 
    position:relative;
    width:1100px; height:880px;
    margin:0 auto;
}
#Wrapper .mainHeader .inner .puff{ 
    position:absolute;top:40px; left:30px;
}
#Wrapper .mainHeader .inner .maincou{ 
    position:absolute;top:190px; left:50px;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap{
    width:100%;
}
#Wrapper .conWrap .inner{ /*(공통) 컨텐츠 박스*/    
    position:relative;
    width:1100px;height:auto;
    margin:0 auto;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con01{ 
    background-color: #fff;
    height:auto;    
}
.pointimg{
    position:absolute;top:525px; left:250px;

}
 #Wrapper .conWrap .con02{ 
    background-image: url("../images/02_bg.jpg");
    height:1000px;    
}
#Wrapper .conWrap .con03{
    background-image: url("../images/03_bg.jpg");
    height: 900px; 
}
 
#Wrapper .conWrap .con04{
    height:1080px;
    background-image: url("../images/04_bg.jpg");
}
#Wrapper .conWrap .con04 .img04-1{
    position: absolute; top:250px; right:10px;
}
#Wrapper .conWrap .con04 .img04-2{
    position: absolute; top:520px; left: 0px;
}
#Wrapper .conWrap .con04 .img04-3{
    position: absolute; bottom:90px; right:40px;
}
/*  --------------------------------------------------- */
#Wrapper .conWrap .con05{
    position:relative;
    height:880px;
    overflow:hidden;
    background:#eef0f8;
}

#Wrapper .con05 .inner > img{
    display:block;
}
.pointimg2{
    position:absolute;bottom:90px;left:500px;
}
#Wrapper .company-roll{
    position:absolute;
    top:270px;
    left:0;
    z-index:2;
    width:100%;
}

#Wrapper .logo-line{
    height:100px;
    overflow:hidden;
    margin-bottom:24px;
}

#Wrapper .logo-track,
#Wrapper .logo-set{
    display:flex;
    width:max-content;
}

#Wrapper .logo-set{
    flex-shrink:0;
}

#Wrapper .logo-set img{
    display:block;
    height:100px;
    width:auto;
    flex-shrink:0;
     margin-right:24px;
}

#Wrapper .logo-left .logo-track{
    animation:logoLeft 65s linear infinite;
}

#Wrapper .logo-right .logo-track{
    animation:logoRight 65s linear infinite;
}

@keyframes logoLeft{
    to{transform:translateX(-50%);}
}

@keyframes logoRight{
    from{transform:translateX(-50%);}
    to{transform:translateX(0);}
}
/*  --------------------------------------------------- */
#Wrapper .conWrap .con07{ 
    height:1580px;
     background-image: url("../images/07_bg.jpg");
}
#Wrapper .conWrap .con08{ 
    height:1100px;
     background-image: url("../images/08_bg.jpg");
}
#Wrapper .conWrap .con09{ 
    background-color: #f2f2f6;
    height:auto;    
}
/*  --------------------------------------------------- */

#Wrapper .info{
    width:100%; 
    background-color:#232323;
    color:#888888;
}
#Wrapper .info .inner{
    width:1100px;height:auto;
    margin:0 auto; 
    padding:50px 0; 
    letter-spacing: -0.3px;
}
#Wrapper .info .inner .info_tit{
    font-size: 16px; color:#888888;
    padding-bottom:5px; font-weight: 700;
}
#Wrapper .info .inner .info_con{
    width:1100px;height:auto; 
    border-top: 2px solid #555555;
    padding:0px 0;
    margin-top:5px;
}
#Wrapper .info .inner .info_con:last-child{
    border-bottom: 2px solid #555555;
}
#Wrapper .info .inner .info_con li{
    width:1100px;height:auto;
    display: inline-block;
    padding:16px 0; 
    line-height:26px;
    border-bottom: 1px solid #333;
}
#Wrapper .info .inner .info_con li:last-child{
    border-bottom: 0px solid #333;
}
#Wrapper .info .inner li h5{
    font-size: 14px; font-weight: 700;
    display: inline-block; 
    width:130px; 
    padding-left:5px;    
    box-sizing: border-box;
}
#Wrapper .info .inner .info_con li span{
    font-size: 14px; 
    box-sizing: border-box;
    float:right;
    width:920px;height:auto;
    padding-left:30px;
    border-left:1px solid #333;
}