*{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{  /* -- 수강신청-- */
    position:absolute;bottom:312px;right:150px; 
    width:800px; height:110px; 
    border-radius: 10px;
   z-index: 100;
}
#Wrapper .btn02{   
    position:absolute;bottom:132px;right:200px; 
    width:700px; height:100px; 
    border-radius: 10px;
   
}
#Wrapper .btn03{   
    position:absolute;top:386px;right:68px; 
    width:412px; height:88px; 
    border-radius: 10px;
   
}
#Wrapper .btn04{   
    position:absolute;top:695px;right:68px; 
    width:412px; height:88px; 
    border-radius: 10px;
   
}
#Wrapper .btn05{   
    position:absolute;top:1005px;right:68px; 
    width:412px; height:88px; 
    border-radius: 10px;
    
}
/* --------------------------------------------------------------------------------- */
#Wrapper .top-ban{
    width:100%;
    height:40px;
    background-color: #fff83d;
}
#Wrapper .top-ban .inner{ /*(공통) 컨텐츠 박스*/    
    position:relative;
    width:1100px;
    height:auto;
    margin:0 auto;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .mainHeader{  
    width:100%;
    background-image: url('../images/00_bg.jpg');
    background-position: center;
}
#Wrapper .mainHeader .inner{ 
    position:relative;
    width:1100px; height:1330px;
    margin:0 auto;
}
#Wrapper .mainHeader .floimg{ 
    position:absolute;top:450px;left:150px;
}
#Wrapper .mainHeader .checkbox1{ 
    position:absolute;bottom:110px;right:150px;
}
#Wrapper .mainHeader .checkbox1 input[type="checkbox"]{ 
    cursor: pointer;
}
#Wrapper .mainHeader .checkbox1 .cbtxt{ 
    color:#fff;
    font-size:14px;
    cursor: pointer;
}
#Wrapper .floimg2{ 
    position:absolute;bottom:80px;right:230px;
}

#Wrapper .floimg3{ 
    position:absolute;top:450px;right:50px;
}
#Wrapper .floimg4{ 
    position:absolute;top:750px;right:50px;
}
#Wrapper .floimg5{ 
    position:absolute;top:1050px;right:50px;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap{
    width:100%;
}
#Wrapper .conWrap .inner{ /*(공통) 컨텐츠 박스*/    
    position:relative;
    width:1100px;
    height:auto;
    margin:0 auto;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con01{
    height:990px;
    background-color: #fff;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con02{
    height:950px;
    background-color: #67b6ff;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con03{
    height:1050px;
    background-image: url('../images/03_bg.jpg');
    background-position: center;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con04{
    height:1000px;
    background-image: url('../images/04_bg.jpg');
    background-position: center;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con05{
    height:1205px;
    background-image: url('../images/05_bg.jpg');
    background-position: center;
}
#Wrapper .conWrap .con05 .list{
    position:absolute;bottom:270px;  left:30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:10px;
 
}
#Wrapper .conWrap .con05 .list li{
    display:flex;
    align-items:center;      /* 수직 가운데 */
    justify-content:center;  /* 수평 가운데 */

    width:140px; 
    height:120px;
    background-color: #d2e1ff;
    border-radius: 16px;
    text-align: center;

    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.5px;
    
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
#Wrapper .conWrap .con05 .list li.end{  
    background-color: #111;
    color: #fff;
    cursor: default;
}
/* --------------------------------------------------------------------------------- */
#Wrapper .conWrap .con06{
    height:auto;
    background-color: #fff;
}

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