*{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:10px; right:0;
    width:180px; height:220px; z-index:50;
   
}
#Wrapper .btn01{  /* 최상단 배너 - ict 수강신청 이동 버튼 */
    position:absolute; top:0;left:0px; 
    width:1100px; height:80px;  z-index:100;
} 
#Wrapper .btn04{  /* 메인 - 수강신청으로 이동 버튼 */
    position:absolute; bottom:130px;left:210px; 
    width:680px; height:90px; border-radius: 45px;
} 
#Wrapper .btn05{   /* 수강신청 > */
    position:absolute; top:480px;right:70px;  
    width:400px; height:70px; border-radius: 35px;
} 
#Wrapper .btn06{  
    position:absolute; top:825px;right:70px; 
    width:400px; height:70px; border-radius: 35px;
} 
#Wrapper .btn07{  
    position:absolute; bottom:70px;left:320px; 
    width:457px; height:70px; border-radius: 35px;
} 
#Wrapper .btn08{  
    position:absolute; top:1403px;right:70px;  
    width:400px; height:70px; border-radius: 35px;
} 
#Wrapper .btn09{  
    position:absolute; top:1757px;right:70px;  
    width:400px; height:70px; border-radius: 35px;
} 
#Wrapper .btn10{  
    position:absolute; bottom:160px;right:224px;  
    width:650px; height:90px; border-radius: 45px;
 
} 
#Wrapper .btn11{  
    position:absolute; top:240px;right:0px;  
    width:180px; height:220px; border-radius: 16px;
} 
#Wrapper .topban2{
    width:100%;        
    background-color: #111;
    text-align: center;
    vertical-align: middle;
}

.toptxt{
    font-size:20px;
    color:#fff;
    letter-spacing:-0.5;
    font-weight: 600;
    padding:16px 0;
}
/* ------------- 최상단 띠배너 -------------------------------------------- */
#Wrapper .topban{
    width:100%;        
    background-color: #1a1ab5;
    text-align: center;
    vertical-align: middle;
}
#Wrapper .topban .inner{ 
    position:relative;top:0;
    width:1100px;  height:80px;
    margin:0 auto;

}

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

/* ---------------- 메인 헤더 시작 -------------------------------------------------- */
#Wrapper .mainHeader{  
    width:100%;
    background-image: url('../images/00_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#000523;
}
#Wrapper .mainHeader .inner{ 
    position:relative;
    width:1100px; height:1170px;
    margin:0 auto;
}
#Wrapper .mainHeader .inner .txtbox{
    position:absolute;top:634px;
    width:1100px; height:400; 
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
}
.tit1{
    position: absolute;top:290px;left:400px;
    animation-delay: 20s;
}
.tit2{
    position: absolute;top:480px;left:300px;
    animation-delay: 30s;
}
 
#Wrapper .pointer{
    position:absolute;bottom:110px;right:200px;
}
.main_flo{
    position: absolute;top:10px; left:110px;
}

/* ----------------------------------------★★★add★★★-------------------------------- */
#Wrapper .mainHeader .add_main{
    position:absolute;top:0;
    width:100%;
    height:1080px;
    background-color: #000;
    background-image: url("../images/intro_bg.jpg");
    z-index: 100;
    animation-delay: 3.2s;
}
#Wrapper .mainHeader .add_main .inner2{
    position:relative;
    width:1100px; 
    margin:0 auto;
}
#Wrapper .mainHeader .add_main .txtbox{
    position: absolute;top:100px;
    width:1100px; height:500px;
    text-align: center;
    display: flex;
    flex-direction:column;
    justify-content:baseline;
}
#Wrapper .mainHeader .add_main li{
    margin-bottom:20px;
}
#Wrapper .mainHeader .add_main .t1{
    margin-bottom: 10px;
}
 
/* --------------------------------------------------------------------------------- */

/* ------------- 컨텐츠 영역 wrap---------------------------------------------- */
#Wrapper .conWrap{
    width:100%;
}
#Wrapper .conWrap .inner{ /* --- (공통)이너 박스 --- */    
    position:relative;
    width:1100px;
    height:auto;
    margin:0 auto;
}
/* --------------포인트 박스 ------------------------------------------------- */
#Wrapper .conWrap .con01{
    height:auto;
    background-color: #fff;
}
/* --------------초심을 넘는 결심-------------------------------------------------------- */
#Wrapper .conWrap .con02{
    height:auto;
    background-image: url('../images/01_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#010a27;

}
/* ------------- 이달의 교육과정 ------------------------------------------------- */
#Wrapper .conWrap .con03{
    height:auto;
    background-color: #fff;
}
/* -------------멘토 추가------------------------------------------------ */
#Wrapper .conWrap .con03-2{
    height:auto;
    background-image: url('../images/03-2_bg.jpg');
    background-color: #111;
}

/* ------------- 수강만족도 높은 top2  ---------------------------------------------- */
#Wrapper .conWrap .con04{
    height:1098px;
    background: linear-gradient(to bottom,#e3eaff,#c7d5ff);
}
#Wrapper .conWrap .con04 .img04{
    position: absolute; top:0;
}
#Wrapper .conWrap .con04 .img04_2{
    position: absolute; top:0; z-index: 99;
}

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

#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 .con05{
    height:auto;
    background-color:#fff;
}
/* --------------- 완 결단 ---------- */
#Wrapper .conWrap .con06{  
    height:auto;
    background-image: url('../images/06_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#252b3a;
}
/* ---------------기초부터 시작합니다--------- */
#Wrapper .conWrap .con07{  
    height:1248px;
    background: linear-gradient(to bottom,#e9f4ff,#c7daf7);
    
}
/* --------------- 삼클 합격률 --------- */
#Wrapper .conWrap .con08{  
    height:1162px;
    background-image: url('../images/08_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#0a0810;
    
}
/* ---------------매해 조기마감 기록했습니다--------- */
#Wrapper .conWrap .con09{  
    height:1100px;
    background: linear-gradient(to bottom,#ffffff,#e9f4ff);
    
}
/* ---------------수강신청 영역--------- */
#Wrapper .conWrap .con10{  
    height:2100px;
    background: linear-gradient(to bottom,#1a28aa,#0f1547,#0e1a88);
}
#Wrapper .conWrap .con10 .flo_img{  
    position:absolute;top:24px;right:0;    
}

/* ---------------재수강 이벤트 페이지 --------- */
#Wrapper .conWrap .eventcon{  
    height:1150px;
    background-image: url('../images/evnet_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#ad8eff;
}
/* ---------------인강종합반 제공 이벤트 추가 --------- */
#Wrapper .conWrap .eventcon2{  
    height:1190px;
    background-image: url('../images/event_bg2.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

/* ---------------오프라인 혜택 --------- */
#Wrapper .conWrap .con11{  
    height:961px;
    background-image: url('../images/11_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color:#0063db;
}
/* ---------------사전등록자 혜택 --------- */
#Wrapper .conWrap .con12{  
    height:2200px;
    background: linear-gradient(to bottom,#1527ad,#07115e);

}
/* ---------------정규반 커리큘럼 --------- */
#Wrapper .conWrap .con13{  
    height:auto;
    background-color: #e2ecf7;
}
/* --------------- 강사 소개 --------- */
#Wrapper .conWrap .con14{  
    height:auto;
}
/* --------------- 교재 소개 --------- */
#Wrapper .conWrap .con15{  
    height:1150px;
    background-color: #091c5a;
}
/* --------------- 학습환경 소개 --------- */
#Wrapper .conWrap .con16{  
    height:1363px;
    background-color: #ffffff;
}
/* --------------- 추천합니다 --------- */
#Wrapper .conWrap .con17{  
    height:814px;
    background-color: #ecf5ff;
}
/* --------------- 시간표안내 --------- */
#Wrapper .conWrap .con18{  
    height:850px;
    background-color: #c2d6eb;
}







/* --------------------------------------------------------------------------------- */
 





#Wrapper .conWrap .ending{
    height:350px;  
    background-image: url("../images/e_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-color:#000000;
}

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