*{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:110px;left:226px;  
    width:650px; height:90px;  z-index:100;
 
}  

#Wrapper .btn02{  /*  수강신청  */
    position:absolute; top:437px;right:68px;  
    width:420px; height:70px;  z-index:100;
 
}  
#Wrapper .btn03{   /*  수강신청  */
    position:absolute; top:771px;right:68px;  
    width:420px; height:70px;  z-index:100;
 
}  
#Wrapper .btn04{  /*  수강신청  */
    position:absolute; top:1210px;right:68px;  
    width:420px; height:70px;  z-index:100;
 
} 
#Wrapper .btn05{  /*  수강신청  */
    position:absolute; top:1545px;right:68px;  
    width:420px; height:70px;  z-index:100;
 
} 
 #Wrapper .btn06{  /*  엔딩 : 수강신청하러가기  */
    position:absolute; top:208px;right:260px;  
    width:580px; height:70px;  z-index:100;
 
} 


/* ------------- 최상단 띠배너 ---------------------------------------- */
#Wrapper .top{
    position: relative;
    width:100%; background-color: #463e38;
    height: auto;     
}   
#Wrapper .top .inner{ 
    position:relative;
    width:1100px;  height:100px;
    margin:0 auto;
}
.topmenu{
    position: absolute;top:0;left:0; 
    display: flex;
    justify-content:space-between;
}
.topmenu .menu{ 
    width:365px;
    height:100px;
    cursor: pointer;
}

/* ---------------- 메인 헤더 시작 -------------------------------------------------- */
#Wrapper .mainHeader{  
    position: relative;
    width:100%;
    height: 900px;
    background-image: url('../images/00_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

#Wrapper .mainHeader .inner{ 
    position:relative;
    width:1100px; height: 900px;
    margin:0 auto; 
}
.tit1{
    position: absolute;left:0px;top:170px;
}
.tit2{
    position: absolute;left:0px;top:338px;
}
#Wrapper .pointer{
    position:absolute;bottom:80px;right:220px;
}
.flo{
    position: absolute;top:110px; right:0px;
}
/* ------------- 컨텐츠 영역 wrap---------------------------------------------- */
#Wrapper .conWrap{
    width:100%;
}
#Wrapper .conWrap .inner{ /* --- (공통)이너 --- */    
    position:relative;
    width:1100px;
    height:auto;
    margin:0 auto;
}

/* --------------포인트 박스 ------------------------- */
#Wrapper .conWrap .con01{
    height:828px;
    background-color:#26211d;
 
}
/* --------------합격을 위해 모든 변화 ------------------- */
#Wrapper .conWrap .con02{
    height:820px;
    background-image: url('../images/02_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
 

}
/*  월 교육과정 확인 ------------------------ */
#Wrapper .conWrap .con03{
    position:relative;
    height:980px;
    background-image: url('../images/03_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
 
}
.con3img{
    position:absolute;top:0;left:0;
}
/* 수강만족도높았던신규프로그램----------------------- */
#Wrapper .conWrap .con04{
    position:relative;height:940px;
    background-image: url('../images/04_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
}
.con4img1{
    position:absolute;top:268px;right:300px;
}
.con4img2{
    position:absolute;top:423px;right:0px;
}
/* ------------- 멘토 A교수님 ---------------------------- */
#Wrapper .conWrap .con05{
    height:1000px;
    background-image: url('../images/05_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    
}

/* 완 ------------------------------ */
#Wrapper .conWrap .con06{
    height:1050px;
    background-image: url('../images/06_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
 
}




/* 진짜기초부터시작  ---------- */
#Wrapper .conWrap .con07{  
    height:1050px;
    background-image: url('../images/07_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
}
.con7img{
    position:absolute;top:450px;left:150px;
}

/* --------------- 삼클 합격률 --------- */
#Wrapper .conWrap .con08{  
    height:1150px;
    background-image: url('../images/08_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;

}
/* 수강신청하기--------- */
#Wrapper .conWrap .con09{  
    height:1820px;
    background-image: url('../images/09_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;

}
.con9img{
    position: absolute; top:470px; right:80px;
}
.con9img2{
    position: absolute; top:225px; right:320px;
}
.con9img3{
    position: absolute; top:580px; right:320px;
}
.con9img4{
    position: absolute; top:0px; right:0px;
}
/* 수강자혜택 --------- */
#Wrapper .conWrap .con10{  
    height:1030px;
    background-image: url('../images/10_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
     
}


/* 사전등록자대상특별혜택------- */
#Wrapper .conWrap .con11{  
    height:2040px;
    background-image: url('../images/11_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
}
 
/* 정규과정커리큘럼안내 --------- */
#Wrapper .conWrap .con12{  
    height:auto;
    background-color:#111;

}
/* ----------- (공통) 탭 시작 ---------------------------------------------------------- */
#Wrapper .conWrap .tab {
    width:1100px; 
    margin: 0 auto;
    margin-top:80px;
 
}
#Wrapper .conWrap .tab .tabmenu{
    position:absolute;top:780px;/* 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 .con13{  
    height:auto;
    background-color: #29211e;
}
/* ---------------교재 --------- */
#Wrapper .conWrap .con14{  
    height:auto;
    background-color:#ffffff;
}
/* --------------- 학습공간--------- */
#Wrapper .conWrap .con15{  
    height:auto;
    background-color:#463e38;
}
/* --------------- 추천합니다--------- */
#Wrapper .conWrap .con16{  
    height:auto;
    background-color: #ff810b;
}
/* --------------- 시간표안내 --------- */
#Wrapper .conWrap .con17{  
    height:auto;
    background-color: #dcdcdc;
}
 
 
/* --------------------------------------------------------------------------------- */
 
#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;
}