*{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 .btn00{ /* 메인 재수강 이벤트 바로가기 */
    position:absolute;top:20px; right:0;
    width:170px; height:220px; z-index:50; 
}
#Wrapper .btn01{  /* 최상단 배너 - ict 수강신청 이동 버튼 */
    position:absolute; top:0; 
    width:1100px; height:70px;  z-index:100;

} 
#Wrapper .btn04{  /* 메인 - 수강신청으로 이동 버튼 */
    position:absolute; bottom:70px;left:250px; 
    width:600px; height:90px; border-radius: 45px;
} 
#Wrapper .btn05{   /* 수강신청 > */
    position:absolute; top:509px;right:70px;   
    width:400px; height:70px; border-radius: 35px;
} 
#Wrapper .btn06{  
    position:absolute; top:835px;right:70px; 
    width:400px; height:70px; border-radius: 35px;
} 
#Wrapper .btn07{  /* 엔딩 : 수강신청 바로가기 */
    position:absolute; bottom:76px;left:260px; 
    width:580px; height:70px; border-radius: 45px;
} 
#Wrapper .btn08{  
    position:absolute; top:1462px;right:70px;
    width:400px; height:70px; border-radius: 35px;
    
} 
#Wrapper .btn09{  
    position:absolute; top:1800px;right:70px; 
    width:400px; height:70px; border-radius: 35px;
} 
#Wrapper .btn10{   /* 수강료특별할인 이벤트  */
    position:absolute; bottom:170px;right:224px;
    width:650px; height:90px; border-radius: 45px;
} 
 /* ------------- 최상단 띠배너 2-------------------------------------------- */
#Wrapper .topban2{
    width:100%;        
    text-align: center;
    vertical-align: middle;
}
.bgcol{background-color:#ffe433;}
.bgcol_b{background-color:#111;}
.bgcol_red{background-color:#df1814;}
.bgcol_pur{background-color:#5b1aff;}
.toptxt{
    font-size:20px;
    color:#fff;
    letter-spacing:-0.5;
    font-weight: 600;
    padding:10px 0;
}
.txtcol_yellow{color:#2115ff;}
.txtcol_b{color:#111;}
/* ------------- 최상단 띠배너 1-------------------------------------------- */
#Wrapper .topban{
    width:100%;        
    text-align: center;
    vertical-align: middle;
}
#Wrapper .topban .inner{ 
    position:relative;top:0;
    width:1100px;  height:50px;
    margin:0 auto;

}

.blinkbox{
    position:absolute;left:270px;top:0;
    width:150px;height:80px;background-color:#2b2be6 ;}

/* ---------------- 메인 헤더 시작 -------------------------------------------------- */
#Wrapper .mainHeader{  
    position: relative;
    width:100%;
    height: 820px;
    overflow: hidden;
}
#Wrapper .mainHeader video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;  /* 영상이 영역에 꽉 차도록 */
    z-index: 0;
}
#Wrapper .mainHeader .inner{ 
    position:relative;
    width:1100px; height: 800px;
    margin:0 auto;
    z-index: 1;  /* 영상 위에 버튼, 이미지 표시 */
}
#Wrapper .mainHeader .inner .txtbox{
    position:absolute;top:634px;
    width:1100px; height:400; 
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
}

#Wrapper .pointer{
    position:absolute;bottom:50px;right:320px;
}
.main_flo{
    position: absolute;top:10px; left:110px;
}
/* ------------- 컨텐츠 영역 wrap---------------------------------------------- */
#Wrapper .conWrap{
    width:100%;
}
#Wrapper .conWrap .inner{ /* --- (공통)이너 --- */    
    position:relative;
    width:1100px;
    height:auto;
    margin:0 auto;
}

/* --------------포인트 박스 ------------------------- */
#Wrapper .conWrap .con01{
    height:auto;
    background : linear-gradient(to top,#040041,#000);
}
/* --------------합격을 위해 모든 변화 ------------------- */
#Wrapper .conWrap .con02{
    height:1000px;
    background-image: url('../images/02_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#2a1ca6;

}
/* ------------- 월 교육과정 확인 ------------------------ */
#Wrapper .conWrap .con03{
    height:1200px;
    background-image: url('../images/03_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#5d76ea;
}
/* ------------- 멘토 A교수님 ---------------------------- */
#Wrapper .conWrap .con04{
    height:1000px;
    background-image: url('../images/04_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#111111;
}
/* -------------멘토 김영진 ------------------------------ */
#Wrapper .conWrap .con05{
    height:1050px;
    background-image: url('../images/05_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#111111;
}


/* ----------- (공통) 탭 시작 ---------------------------------------------------------- */
#Wrapper .conWrap .tab {
    width:1100px; 
    margin: 0 auto;
    margin-top:80px;
 
}
#Wrapper .conWrap .tab .tabmenu{
    position:absolute;top:850px;/* li높이 값만큼 -요소 넣어주기. */
    width:1100px; 
    display: flex; 
    justify-content:space-between;
}
#Wrapper .conWrap .tab .tabmenu li {
    width: 360px; 
    height:80px;
    margin:0;
    background-color: #d6bed6;
    color:#a18ea1;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    font-weight: 700;
    cursor:pointer;
    letter-spacing: -0.5px;
}

#Wrapper .conWrap .tab .tabmenu li.on {
    background-color: #2d00de;
    color:#fff;
}
#Wrapper .conWrap .tab .tabcon {
    width:1100px;
    height: auto;
    padding-bottom:100px;
}
#Wrapper .conWrap .tab .tabcon .conbox {
    display: none;
}
#Wrapper .conWrap .tab .tabcon .on {
    display: block;
}
/* --------------------- 변화가 있었음 ----------------- */
#Wrapper .conWrap .con06{
    height:980px;
    background-image: url('../images/06_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#fff;
}
/* ---------------완  ---------- */
#Wrapper .conWrap .con07{  
    height:970px;
    background-image: url('../images/07_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #4885f6;
}

/* --------------- 삼클 합격률 --------- */
#Wrapper .conWrap .con08{  
    height:1150px;
    background-image: url('../images/08_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#0a0810;
    
}
/* ---------------매해 조기마감 기록--------- */
#Wrapper .conWrap .con09{  
    height:1060px;
    background-image: url('../images/09_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#2e379f;
    
}
/* ---------------수강신청 영역--------- */
#Wrapper .conWrap .con10{  
    height:2100px;
    background : linear-gradient(to bottom, #c7d0ff, #fff, #c7d0ff);
}
#Wrapper .conWrap .con10 .flo_img{  
    position:absolute;top:24px;right:0;    
}
#Wrapper .conWrap .con10 .pointer4{  
    position:absolute;top:520px;right:100px;    
}

/* ---------------수강료 특별할인 이벤트-------- */
#Wrapper .conWrap .con11{  
    height:1100px;
    background-image: url('../images/11_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#c8f69b;
}
/* ---------------특별한 혜택 --------- */
#Wrapper .conWrap .con12{  
    height:1100px;
    background-image: url('../images/12_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#1b37ce;
}
/* ---------------정규반 커리큘럼 --------- */
#Wrapper .conWrap .con13{  
    height:auto;
    background-color: #e2ecf7;
}
/* --------------- 강사 소개 --------- */
#Wrapper .conWrap .con14{  
    height:1350px;
    background-image: url('../images/14_bg.jpg');
    background-position: center;
    background-size: cover;
}
/* --------------- 교재 소개 --------- */
#Wrapper .conWrap .con15{  
    height:1300px;
    background-color:#e2ecf7;
}
/* --------------- 학습환경 소개 --------- */
#Wrapper .conWrap .con16{  
    height:1360px;
    background-color: #ffffff;
}
/* --------------- 추천합니다 --------- */
#Wrapper .conWrap .con17{  
    height:820px;
    background-color: #c6ddff;
}
/* --------------- 시간표안내 --------- */
#Wrapper .conWrap .con18{  
    height:880px;
    background-color: #daecff;
}
/* --------------------------------------------------------------------------------- */
 
#Wrapper .conWrap .ending{
    height:350px;  
    background-image: url("../images/e_bg.jpg");
    background-position: center;
    background-size: cover;
}

/* --------------------------------------------------------------------------------- */
#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: -1px;
    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;
}