@import url('base.css');



/** 좌측메뉴 시작 **/
 #subBgArea{
    width: 100%;
    height: 200px;
    background: url(../img/_01/01.jpg) no-repeat 50% 50%;                    
    border-left:  none;
}

.subCotnentsWrap{
    position: relative;
    width: 100%;
}


.subCotnentsWrap .subCotnentsArea{
    /*width: 1280px;*/
    width: 1279px;
    margin: 0 auto;
    height: auto;
    min-height: 600px;
    border-left:  1px solid #e3e3e3;
}



.subCotnentsWrap .subCotnentsArea .leftGnb{
    float: left;
    width: 240px;
    min-height: 600px;

    padding-top: 40px;
}

.subCotnentsWrap .subCotnentsArea .leftGnb h2{                    
    background: #afcc4d;
    color: #ffffff;
    height: 70px;
    line-height: 70px;
    font-weight: 500;
    font-size: 24px;
    padding-left: 29px;
}
.subCotnentsWrap .subCotnentsArea   .leftGnb ul li{
    padding-left: 20px;
    height: 58px;
    line-height: 58px;
    border-top : 1px solid #e3e3e3;                    
    font-size: 16px;
}


.subCotnentsWrap .subCotnentsArea   .leftGnb ul li:hover,
.subCotnentsWrap .subCotnentsArea   .leftGnb ul li.on{
    background: #f5f5f5;
}


.subCotnentsWrap .subCotnentsArea   .leftGnb ul li:last-child,
.subCotnentsWrap .subCotnentsArea   .leftGnb ul li.last{
    border-bottom : 1px solid #e3e3e3; 
}


.subCotnentsWrap .subCotnentsArea   .leftGnb ul li a{
    display: block;
    color: #727272;
}

/** 좌측메뉴 종료 **/



/*연수원소개 소개 시작*/
.subCotnentsWrap .subCotnentsArea .subCotnents01{
    /*1038px*/
    width: 1035px;
    border-left:  1px solid #e3e3e3;
    min-height: 450px;
    float: left;
}


.subCotnentsWrap .subCotnentsArea .subCotnents01 .contentsArea{
    padding-left: 40px;
    /*padding-left: 37px;*/
    padding-top: 27px;
}

.subCotnentsWrap .subCotnentsArea .subCotnents01 .contentsArea h2.subNm{
    font-size: 30px;   
    font-weight: 400;
    line-height: 80px;
    color: #727272;
    border-bottom: 1px solid #e3e3e3;
}



.subCotnentsWrap .subCotnentsArea .subCotnents01 .contentsArea div.subNav{
    text-align: right;
    font-weight: 300;
    padding-top: 20px;
}


.subCotnentsWrap .subCotnentsArea  .contentsArea div.subNav img{
    margin-top: 4px;
}

.subCotnentsWrap .subCotnentsArea  .contentsArea div.subNav span.gt{
    display: inline-block;
    padding: 0 6px;
}

.subCotnentsWrap .subCotnentsArea  .contentsArea div.subNav span.gnbNm{
    color: #979797;
}



.subCotnentsWrap .subCotnentsArea  span.subGnbNm{
    color: #313131;
}


#contentsBody00,
#contentsBody01,
#contentsBody02,
#contentsBody03,
#contentsBody04,
#contentsBody05,
#contentsBody06{
    min-height: 600px;
    padding: 5px 0px;
}

#contentsBody01 .intro01{
    color: #727272;
}

#contentsBody01 .intro01 h3.intro_title{
    font-size: 24px;                    
    font-weight: 500;
    padding-bottom: 20px;
}

#contentsBody01 .intro01 p.intro_detail{
    font-family: "돋움";
    font-size: 15px;
    margin-bottom: 45px;
	border-bottom: solid 0px #;
}

#contentsBody01 .intro01 ul li{
    width: 320px;
    height: 388px;
    float: left;
    text-align: left;
}

#contentsBody01 .intro01 ul li h4{
    text-align: center;
    margin-top: 183px;
    font-weight: 500;
    font-size: 24px;
}


#contentsBody01 .intro01 ul li.step1{
    background: url(../img/_01/02.jpg) no-repeat;
}

#contentsBody01 .intro01 ul li.step2{
    background: url(../img/_01/03.jpg) no-repeat;
    margin: 0 17.5px;
}

#contentsBody01 .intro01 ul li.step3{
    background: url(../img/_01/04.jpg) no-repeat;                    
}

#contentsBody01 .intro01 ul li p{
    padding-left: 54px;
    line-height: 23px;
}

#contentsBody01 .intro01 ul li p.fir{
    margin-top: 25px;
}

#contentsBody01 .intro01 ul li p.sub{
    padding-left: 62px;
    margin-bottom: 15px;
}
/*연수원소개 소개 종료*/




/*연혁시작*/
 #contentsBody01 .intro02{
                                                                       
}

#contentsBody01 .intro02 ul li.odd,
#contentsBody01 .intro02 ul li.year{
   width: 100%;
   height: 77px;
   border-top: 1px solid #f0f0f0;
}

#contentsBody01 .intro02 ul li.odd{
   background: #fafafa;
}



#contentsBody01 .intro02 ul li dl{
   height: 77px;
}

#contentsBody01 .intro02 ul li dt{
   display: inline-block;
   width: 165px;
   float: left;
   padding-left: 50px;
   font-weight: 500;
   font-size: 24px;
   color: #36a8ff;
   line-height: 77px;
   height: 77px;
}

#contentsBody01 .intro02 ul li dd{
   display: inline-block;                                   
   float: left;
   font-family: "돋움";
   font-size: 15px;
   color: #727272;  
   width: 720px;
   height: 77px;
   line-height: 77px;
}


#contentsBody01 .intro02 ul li dd span{
   display: block;                                   
   line-height: 22px;

}

#contentsBody01 .intro02 ul li dd span.first{
   padding-top: 17px;
}
/*연혁종료*/


/*찾아오시는길 시작*/
#contentsBody01 .intro03 .addrWrap{
   position: relative;
   width: 100%;
   height: 81px;
   line-height: 81px;
   text-align: center;
   background: #f5f5f5;
   border-top: 2px solid #36a8ff;
   border-bottom: 1px solid #e3e3e3;
   font-family: "돋움";
   font-size: 15px;
   font-weight: 700;
}

#contentsBody01 .intro03 .mapWrap{
   width: 100%;
   height: 594px;
   margin-top: 50px;
}

#contentsBody01 .intro03 .mapWrap img{
   width: 100%;
}
/*찾아오시는길 종료*/


/*토픽시험소개 소개 시작*/
 #contentsBody02 .intro01 .topikTab{
                                   
}


#contentsBody02 .intro01 .topikTab ul{
   height: 50px;
}


#contentsBody02 .intro01 .topikTab ul li{
   float: left;
   width: 106px;
   height: 48px;
   line-height: 48px;                                                                      
   text-align: center;
   border: 1px solid #36a8ff;
   margin-right: 3px;
}


/*background: #36a8ff;                                   */

#contentsBody02 .intro01 .topikTab ul li a{
   display: block;
   color: #36a8ff;
}

#contentsBody02 .intro01 .topikTab ul li a.on,
#contentsBody02 .intro01 .topikTab ul li a:hover{
   color: #ffffff;
   background: #36a8ff;
}


#contentsBody02 .intro01 .detail{
   position: relative;
   padding-top: 30px;
   font-family: "돋움";
   font-weight: 400;
   font-size: 15px;
    
   color: #4d4d4d;
}

#contentsBody02 .intro01 .detail .topikImg img{
   width: 100%;
}


#contentsBody02 .intro01 .detail .area0 ul.info1{
 padding: 18px 0 48px 0;

}

#contentsBody02 .intro01 .detail .area0 ul.info1 li{
   background: url(../img/_02/02.jpg) no-repeat 0% 50%;
   padding-left: 9px;                                   
   height: 30px; 
   line-height: 30px;
}

#contentsBody02 .intro01 .detail .area0 .info2{
   border-top :2px solid #818181;
   border-bottom: 1px solid #818181;

}




#contentsBody02 .intro01 .detail .area0 .info2{
   background: #f8f8f8; 
}





#contentsBody02 .intro01 .detail .area0 .info2 dl dt{                                   
   clear: left;
   float: left;
   display:block;
   /*width: 120px;*/
   width: 110px;
   padding: 20px 0 15px 10px;
   border-top: 1px solid #e6e6e6;
   margin-top: -1px;                                   

}



#contentsBody02 .intro01 .detail .area0 .info2 dl dt.first{
   border-top : none;
   padding-top: 52px;
}

#contentsBody02 .intro01 .detail .area0 .info2 dl dt.sec{
   padding-top: 83px;
}


#contentsBody02 .intro01 .detail .area0 .info2 dl dd{                                   
   float: left;
   /*width: 873px;*/
   width: 860px;
   border-left : 1px solid #e6e6e6;
   border-bottom: 1px solid #e6e6e6;
   padding: 15px 0 15px 10px;
   background: #ffffff;
}

#contentsBody02 .intro01 .detail .area0 .info2 dl dd.last{
   border-bottom: none;
}

#contentsBody02 .intro01 .detail .area0 .info2 dl dd p{

   line-height: 22px;
}

#contentsBody02 .intro01 .detail .area0 .btnArea,
#contentsBody03 .intro1 .info1 .btnArea,
#contentsBody03 .intro2 .btnArea,
#contentsBody03 .intro3 .photo .btnArea,
#contentsBody04 .intro2 .detail .area .photo{
   padding-top: 20px;
   text-align: center;
}


#contentsBody02 .intro01 .detail .area0 .btnArea .lecAppBtn,
#contentsBody03 .intro1 .info1 .btnArea .lectAppBtn,
#contentsBody03 .intro2 .btnArea .lectAppBtn,
#contentsBody03 .intro3 .photo .btnArea .lectAppBtn,
#contentsBody04 .intro2 .detail .area .photo .lectAppBtn,
#contentsBody00 .joinWrap02 .regBtnArea .regBtn,
#contentsBody00 .joinWrap03 .confirmArea .confirmBtn,
#contentsBody00 .joinWrap04 .mainBtnArea .mainBtn,
#contentsBody05 .lectView .lecBtnArea .listBtn,
#contentsBody05 .lectView .lecBtnArea .appLecBtn,
#contentsBody05  .lecListArea .lecApp01 .lectAppArea .appLecBtn,
#contentsBody05 .lecListArea .appLecCom  .appConmBtnArea .mainBtn,
#contentsBody05 .lecListArea .appLecCom  .appConmBtnArea .confirmBtn,
#contentsBody05 .csArea01 .viewBtnArea .listBtn,
#contentsBody05 .csArea01 .writeBtnArea .writeBtn,
#contentsBody05 .csArea01 .writeBtnArea .listBtn,
#contentsBody05 .csArea01 .writeBtnArea .cancelBtn{
   display: inline-block;
   background: #41778f;
   color: #ffffff;
   font-weight: 700;
   font-size: 18px;
   /*font-family: Noto Sans KR;*/
   font-family: NanumBarunGothic;
   width: 182px;
   height: 50px;
   line-height: 50px;
    text-align: center;
}

#contentsBody05 .csArea01 .viewBtnArea .updateBtn{
	display: inline-block;
   background: #909090;
   color: #ffffff;
   font-weight: 700;
   font-size: 18px;
   /*font-family: Noto Sans KR;*/
   font-family: NanumBarunGothic;
   width: 182px;
   height: 60px;
   line-height: 60px;
    text-align: center;
}



/*토픽시험소개 소개 종료*/


/*토픽시험소개 소개 내용 시작*/
#contentsBody02 .intro01 .detail .area1{
   position: relative;
}

#contentsBody02 .intro01 .detail .area1 .info1{
   padding-top: 60px;
}


#contentsBody02 .intro01 .detail .area1  p,
#contentsBody02 .intro01 .detail .area1  p,
#contentsBody02 .intro01 .detail .area1  p{
   font-family: "돋움";
   font-size: 14px;
   font-weight: 700;
   padding-bottom: 30px;
}

#contentsBody02 .intro01 .detail .area1  table
{
   width: 100%;
   border-top: 2px solid #7f7f7f;
   border-bottom: 2px solid #7f7f7f;
   text-align: center;
}


#contentsBody02 .intro01 .detail .area1  table th{
   background: #f8f8f8;
}



#contentsBody02 .intro01 .detail .area1  table tr{
   height: 58px;
}

#contentsBody02 .intro01 .detail .area1  table td,
#contentsBody02 .intro01 .detail .area1  table th{
   border: 1px solid #e6e6e6;
   color: #4d4d4d;
   border-bottom: none;
}


#contentsBody02 .intro01 .detail .area1  table td:first-child,
#contentsBody02 .intro01 .detail .area1  table th:first-child{
   border-left: none;
}

#contentsBody02 .intro01 .detail .area1  table td:last-child,
#contentsBody02 .intro01 .detail .area1  table th:last-child{
   border-right: none;
}


#contentsBody02 .intro01 .detail .area1 .info1 p.scoreInfo{
   font-size: 15px;
   padding-top: 20px;
   font-weight: 400;
}


#contentsBody02 .intro01 .detail .area1 .info2{
   padding-bottom: 45px;
}

#contentsBody02 .intro01 .detail .area1 .info2 ul li{
   padding-bottom: 10px;
}



#contentsBody02 .intro01 .detail .area1 .info3 table{
   width: 100%;
   border-top: 2px solid #7f7f7f;
   border-bottom: 2px solid #7f7f7f;
   text-align: center;
}


#contentsBody02 .intro01 .detail .area1 .info3 table td{
   text-align: left;
   padding-left: 20px;
}

#contentsBody02 .intro01 .detail .area1 .info3 table td.center{
   text-align: center;
   padding:  0 0;
}


#contentsBody02 .intro01 .detail .area1 .info3 table p{
   padding-bottom: 10px;
   font-weight: 400;
   font-size: 15px;
}


#contentsBody02 .intro01 .detail .area1 .info3 table td.detail{
   padding-bottom: 25px;
}

/*토픽시험소개 소개 내용 종료*/



/*토픽시험소개 소개 평가기준 시작*/
  #contentsBody02 .intro01 .detail .area2 .info1{
   padding-top: 60px;
}

#contentsBody02 .intro01 .detail .area2 .info1 p{
   font-size: 14px;
   font-family: "돋움";
   font-weight: 700;
   padding-bottom: 30px;
}

#contentsBody02 .intro01 .detail .area2 .info1 table{
   width: 100%;
   border-top: 2px solid #7f7f7f;
   border-bottom: 2px solid #7f7f7f;
   text-align: center;
}

#contentsBody02 .intro01 .detail .area2 .info1 table th{
   height: 58px;
   background: #f8f8f8;
}

#contentsBody02 .intro01 .detail .area2 .info1 table td,
#contentsBody02 .intro01 .detail .area2 .info1 table th{
   border: 1px solid #e6e6e6;
}


#contentsBody02 .intro01 .detail .area2  table td.first,
#contentsBody02 .intro01 .detail .area2  table th.first{
   border-left: none;
}

#contentsBody02 .intro01 .detail .area2  table td.last,
#contentsBody02 .intro01 .detail .area2  table th.last{
   border-right: none;
}


#contentsBody02 .intro01 .detail .area2  table tr:last-child td{
   border-bottom: none;
}


#contentsBody02 .intro01 .detail .area2  table td.last{
   text-align: left;
   padding: 25px 0 25px 33px;
}

#contentsBody02 .intro01 .detail .area2  table td.last p{
   font-family: "돋움";
   font-size: 15px;
   font-weight: 400;
   padding-bottom: 10px;
}


/*토픽시험소개 소개 평가기준 종료*/



/*토픽시험소개 소개 시험일정 시작*/
#contentsBody02 .intro01 .detail .area3{
   padding-top: 60px;

}

#contentsBody02 .intro01 .detail .area3 .info1,
#contentsBody02 .intro01 .detail .area3 .info2,
#contentsBody02 .intro01 .detail .area3 .info3{
   padding-bottom: 50px;
}

#contentsBody02 .intro01 .detail .area3 .info1 p,
#contentsBody02 .intro01 .detail .area3 .info2 p,
#contentsBody02 .intro01 .detail .area3 .info3 p,
#contentsBody02 .intro01 .detail .area3 .info4 p{
   font-size: 14px;
   font-family: "돋움";
   font-weight: 700;
   padding-bottom: 30px;
}

#contentsBody02 .intro01 .detail .area3  table{
   width: 100%;
   border-top: 2px solid #7f7f7f;
   border-bottom: 2px solid #7f7f7f;
   text-align: center;
}

#contentsBody02 .intro01 .detail .area3  table th{
   height: 58px;
   background: #f8f8f8;
}

#contentsBody02 .intro01 .detail .area3  table td{
   height: 58px;
}

#contentsBody02 .intro01 .detail .area3  table td,
#contentsBody02 .intro01 .detail .area3  table th{
   border: 1px solid #e6e6e6;
}


#contentsBody02 .intro01 .detail .area3  table td.first,
#contentsBody02 .intro01 .detail .area3  table th.first{
   border-left: none;
}

#contentsBody02 .intro01 .detail .area3  table td.last,
#contentsBody02 .intro01 .detail .area3  table th.last{
   border-right: none;
}


#contentsBody02 .intro01 .detail .area3  table tr:last-child td{
   border-bottom: none;
}
/*토픽시험소개 소개 시험일정 종료*/




/*실무영어화화과정 영어회화 소개 시작 */
 #contentsBody03 .intro1 .engImg img{
  width: 100%;
}

#contentsBody03 .intro1 .info1{
  font-family: "Malgun Gothic";
  font-weight: 400;
  font-size: 15px;
  padding-top: 10px;
}

#contentsBody03 .intro1 .info1 table{
  width: 100%;                                  
}

#contentsBody03 .intro1 .info1 table.type1 tr{
  border-top: 1px solid #e7e7e7;
  height: 55px;

}

#contentsBody03 .intro1 .info1 table.type1 tr.lastTr{
  border-bottom: 1px solid #e7e7e7;
}


#contentsBody03 .intro1 .info1 table.type2{
  margin-top: 50px;
  text-align: left;
  border-top : 2px solid #4fadc8;
  border-bottom : 2px solid #7f7f7f;                                  
}

#contentsBody03 .intro1 .info1 table.type2 tr td,
#contentsBody03 .intro1 .info1 table.type2 tr th{
  padding: 5px 0px 5px 10px;
  border-left : 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

#contentsBody03 .intro1 .info1 table.type2 tr th{
  background: #f8f8f8;
  font-weight: 400;
  border-left : none;
}


#contentsBody03  .intro1 .info1 table.type2 tr td p{
  padding-bottom: 10px;
}

#contentsBody03 .intro1 .info1 table.type2 tr td p.line{
  padding-bottom: 25px;
}
#contentsBody03 .intro1 .info1 table.type3{
  margin-top: 50px;
  text-align: left;
  border-top : 1px solid #7f7f7f;
  border-bottom : 2px solid #7f7f7f;                                  
}
#contentsBody03 .intro1 .info1 table.type3 tr td,
#contentsBody03 .intro1 .info1 table.type3 tr th{
  padding: 5px 0px 5px 10px;
  border-left : 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

#contentsBody03 .intro1 .info1 table.type3 tr th{
  background: #f8f8f8;
  font-weight: 400;
  border-left : none;
}


#contentsBody03  .intro1 .info1 table.type3 tr td p{
  padding-bottom: 10px;
}

#contentsBody03 .intro1 .info1 table.type3 tr td p.line{
  padding-bottom: 25px;
}

/*실무영어화화과정 영어회화 소개 종료 */



/*실무영어화화과정 교육과정 소개 시작 */
 #contentsBody03 .intro2 .stepImg{
   position: relative;
   margin-bottom: 57px;
}

#contentsBody03 .intro2 .stepImg img{
   width: 100%;
}

#contentsBody03 .intro2 table.type1{
   width:  100%;
   border-top : 2px solid #7f7f7f;
   border-bottom : 2px solid #7f7f7f;
   font-family: "돋움";
   font-size: 15px;
   text-align: left;
}

#contentsBody03 .intro2 table.type1 tr{
   height: 48px;

}


#contentsBody03 .intro2 table.type1 th{
   font-weight: 400;
   background: #f8f8f8;
   text-align: center;
   border-left: 1px solid #e6e6e6;

}



#contentsBody03 .intro2 table.type1 td{
   border-left: 1px solid #e6e6e6;
   border-top: 1px solid #e6e6e6;
   padding-left: 19px;
}

#contentsBody03 .intro2 table.type1 td.first{
   border-left : none;
   text-align: center;
   padding-left: 0px;
}

#contentsBody03 .intro2 table.type1 tr.line td{
   border-top: 1px solid #7f7f7f;
}
/*실무영어화화과정 교육과정 소개 종료 */



/*실무영어화화과정 교수진소개 소개 시작 */

#contentsBody03 .intro3{
    position: relative;
}
#contentsBody03 .intro3 .photo{
    float: left;
}

#contentsBody03 .intro3 .txt{
    float: left;                                    
    min-height: 340px;                                    
    border-left : 1px solid #e6e6e6;      

    padding : 0 0 65px 20px;
}

#contentsBody03 .intro3 .txt h3.name{
    font-weight: 300;
    font-size: 48px;
    color: #36a8ff;
    /*margin-top: -15px;*/
    line-height: 40px;
}


#contentsBody03 .intro3 .txt p{
    padding-bottom: 8px;
    font-family: "돋움";
    font-size: 15px;
    color: #4d4d4d;
}

#contentsBody03 .intro3 .txt p.title{
    font-weight: 700;
    padding-top: 40px;
}

#contentsBody03 .intro3 .photo .btnArea{
   padding-top: 20px;
}

/*실무영어화화과정 교수진소개 소개 종료 */




/*공무원교육 사회복지강의  시작 */
#contentsBody04 .intro1{
   font-family: "돋움";
   font-size: 15px;
   font-weight: 400;
}


#contentsBody04 .intro1 .imgArea img{
   width: 100%;
}


#contentsBody04 .intro1 table.type1{
   width: 100%;
   margin-top: 50px;                                   
}


#contentsBody04 .intro1 table.type1 tr{
   border-top: 1px solid #e7e7e7;
   height: 54px;
}

#contentsBody04 .intro1 table.type1 tr.last{
   border-bottom: 1px solid #e7e7e7;
}

/*공무원교육 사회복지강의  종료 */


/*공무원교육 교수진소개 시작*/
#contentsBody04 .intro2{
    position: relative;
}

#contentsBody04 .intro2 .detail{
    padding-top: 100px;
}

#contentsBody04 .intro2 .detail .area .photo{
    float: left;
}

#contentsBody04 .intro2 .detail .area .txt{
    float: left;                                    
    min-height: 340px;                                    
    border-left : 1px solid #e6e6e6;      

    padding : 0 0 65px 20px;
}

#contentsBody04 .intro2 .detail .area .txt h3.name{
    font-weight: 300;
    font-size: 48px;
    color: #36a8ff;
    /*margin-top: -15px;*/
    line-height: 40px;
}


#contentsBody04 .intro2 .detail .area .txt p{
    padding-bottom: 20px;
    font-family: "돋움";
    font-size: 15px;
    color: #4d4d4d;
}

#contentsBody04 .intro2 .detail .area .txt p.title{
    font-weight: 700;
    padding-top: 40px;
}

#contentsBody04 .intro2 .detail .area .photo .btnArea{
   padding-top: 20px;
}

 #contentsBody04 .intro2 .topikTab{
   padding-top: 30px;
}

#contentsBody04 .intro2 .topikTab ul{
   height: 50px;

}


#contentsBody04 .intro2 .topikTab ul li{
   float: left;
   width: 105px;
   height: 48px;
   line-height: 48px;                                                                      
   text-align: center;                                                                      
   overflow: hidden;
   border: 1px solid #36a8ff;
   margin-right: 2px;
}

#contentsBody04 .intro2 .topikTab ul li.last{
   margin-right: 0px;
}


/*background: #36a8ff;                                   */

#contentsBody04 .intro2 .topikTab ul li a{
   display: block;
   color: #36a8ff;

   height: 48px;
}

#contentsBody04 .intro2 .topikTab ul li a.on,
#contentsBody04 .intro2 .topikTab ul li a:hover{
   color: #ffffff;
   background: #36a8ff;
}

/*공무원교육 교수진소개 종료*/


/*로그인페이지 시작*/
#contentsBody00 .loginWrap{
  position: relative;
  margin-top: 80px;                                                                    
  border : 1px solid #e6e6e6;
  text-align: center;
  padding-top: 106px;
  padding-bottom: 101px;
}

#contentsBody00 .loginWrap .loginForm{                                  
  width: 357px;
  height: 140px;
  margin: 0 auto;
}


#contentsBody00 .loginWrap .loginForm .left{
  float: left;
  width: 207px;
  height: 82px;
  text-align: left;
}

#contentsBody00 .loginWrap .loginForm .left input{
  /*width: 205px;*/
  width: 197px;
  height: 38px;                
  background: #f7f7f7;
}

#contentsBody00 .loginWrap .loginForm .left .last{
  margin-top: 2px;
}



#contentsBody00 .loginWrap .loginForm .right{
  float: right;
  text-align: center;
  width: 140px;
  height: 82px;
  background: #2f2f2f;

}

#contentsBody00 .loginWrap .loginForm .right .loginBtn{                                  
  width: 140px;
  height: 82px;
  color: #ffffff;
  line-height: 82px;
  font-family: NanumBarunGothic;
  font-weight: 700;
  font-size: 18px;
}

#contentsBody00 .loginWrap .loginForm .bot{
  clear: both;
  width: 100%;
  height: 18px;
  line-height: 18px;
  text-align: left;
  padding-top: 37px;
  color: #424242;
  font-family: "돋움";
  font-size: 15px;
  background: #ffffff;
}


#contentsBody00 .loginWrap .loginForm .bot .memberJoin{
  display: inline-block;
  margin-left: 25px;
}

#contentsBody00 .loginWrap .loginForm .bot .idPwFind{
  display: inline-block;
  margin-left: 30px;
}
/*로그인페이지 종료*/


/*회원가입 step1 시작*/
#contentsBody00 .joinWrap01{
   color: #4d4d4d;
   font-family: "돋움";
   font-size: 15px;
}


#contentsBody00 .joinWrap01 p.findIdPw{
   padding-bottom: 45px;
}

#contentsBody00 .joinWrap01 .term_title{
   font-weight: 700;
   color: #0090ff;
   padding-bottom: 15px;
}


#contentsBody00  .terms_box{ 
     position:relative;                                      
     height:300px; 
     color: #4d4d4d;
     padding:20px 20px;
     border:1px solid #e6e6e6;
     background:#ffffff;                                    
     text-align: left;
     overflow:auto; 
     line-height: 25px; 
     scrollbar-base-color:#d9d9d9; 
     scrollbar-3dlight-color:#d9d9d9; 
     scrollbar-darkshadow-color:#d9d9d9; 
     scrollbar-face-color:#d9d9d9; 
     scrollbar-highlight-color:#d9d9d9; 
     /*letter-spacing: -1px;*/
     font-size: 15px;
    font-weight: 400;
    font-family: "돋움";
}

#contentsBody00 .joinWrap01 .terms_box p.line,
#contentsBody00 .joinWrap04 .terms_box p.line{
   padding-bottom: 25px;
}


#contentsBody00 .joinWrap01 .terms1 .agreeArea{
   padding-top: 20px;
   padding-bottom: 40px;
}

#contentsBody00 .joinWrap01 .terms1 .agreeArea label{
   margin-right: 20px;
}


#contentsBody00 .joinWrap01 .terms1 .agree_txt{                                   
   padding-bottom: 30px;
   line-height: 20px;
}


#contentsBody00 .joinWrap01 .nextStepArea{
   position: relative;
   text-align: center;
}

#contentsBody00 .joinWrap01 .nextStepArea .nextStepBtn{
   display: inline-block;
   width: 182px;
   height: 60px;
   line-height: 60px;
   background: #2e2e2e;
   color: #ffffff;

   font-family: NanumBarunGothic;
   font-weight: 700;
   font-size: 18px;
}

#contentsBody00 .joinWrap02 .dupleBtn{
   display: inline-block;                                   
   width: 100px;
   height: 36px;  
   text-align: center;                                   
   background: #2e2e2e;
   color: #ffffff;

   vertical-align: middle;
}
/*회원가입 step1 종료*/


/*회원가입 step2 시작*/
#contentsBody00 .joinWrap02{
   font-family: "돋움";                                 
   font-size: 15px;
   color: #4d4d4d;
}


#contentsBody00 .joinWrap02 table.input{
   width: 100%;
}


#contentsBody00 .joinWrap02 table.input tr{
   height: 50px;
   border: 1px solid #e6e6e6;
}

#contentsBody00 .joinWrap02 table.input tr th{
   background: url(../img/_00/01.jpg) no-repeat 11px 50%;
   background-color: #f8f8f8;
   border-right: 1px solid #e6e6e6;
   padding-left: 25px;
   text-align: left;
   font-weight: 400;
}

#contentsBody00 .joinWrap02 table.input tr th.none{
   background: none;
   background-color: #f8f8f8;
}

#contentsBody00 .joinWrap02 table.input tr td{
   padding-left: 10px;
}


#contentsBody00 .joinWrap02 table.input tr td label.fir{
    margin-right: 55px;   
}

#contentsBody00 .joinWrap02 table.input tr td label.fir_y{
   margin-right: 67px;   
}



#contentsBody00 .joinWrap02 table.input tr td input[type=text],
#contentsBody00 .joinWrap02 table.input tr td input[type=password]{
   width: 190px;
   height: 34px;
   background: #f7f7f7;
   border : 1px solid #e6e6e6;

}

#contentsBody00 .joinWrap02 table.input tr td select{
   height: 34px;
}

#contentsBody00 .joinWrap02 table.input tr td span.guide{
   display: inline-block;
   padding-left: 5px;
   font-size: 11px;
   color: #0090ff;
}

#contentsBody00 .joinWrap02 p.reqGuide{                                   

   margin:  15px 0 0 0;                                
   padding: 0px 0 0 24px;
   background: url(../img/_00/01.jpg) no-repeat 12px 50%;
}


#contentsBody00 .joinWrap02 .regBtnArea{
   text-align: center;

   padding-top: 20px;
}

/*회원가입 step2 종료*/


/*회원가입 아이디 비밀벊로 찾기 시작*/
#contentsBody00 .joinWrap03{
   font-weight: 400;
   font-family: "돋움";
   font-size: 15px;
}

#contentsBody00 .joinWrap03 p.guide_tile{
   padding-bottom: 45px;
}

#contentsBody00 .joinWrap03 h3{
   font-weight: bold;
   color: #0090ff;
   padding-bottom: 20px;
}

#contentsBody00 .joinWrap03  table{
   width: 100%;
}

#contentsBody00 .joinWrap03  table tr{
   height: 50px;
   border: 1px solid #e6e6e6;
   text-align: left;
}

#contentsBody00 .joinWrap03  table tr th{
   border-right: 1px solid #e6e6e6;
   background: #f8f8f8;
   padding-left: 10px;
   font-weight: 400;
}

#contentsBody00 .joinWrap03  table tr td{
   padding-left: 10px;
}

#contentsBody00 .joinWrap03  table tr td input[type=text],
#contentsBody00 .joinWrap03  table tr td input[type=password]{
   width: 190px;
   height: 34px;
   background: #f7f7f7;
   border : 1px solid #e6e6e6;

}
#contentsBody00 .joinWrap03 .idFindArea .idFindGuide{
   padding: 10px 0 30px 0;
}

#contentsBody00 .joinWrap03  .confirmArea{
   text-align: center;
   padding-bottom: 40px;
}


#contentsBody00 .joinWrap03  .pwFindArea p.pwGuide1{
   padding: 10px 0;
   color: #0090ff;
}

#contentsBody00 .joinWrap03  .pwFindArea p.pwGuide2{
   padding-bottom: 30px;
}
/*회원가입 아이디 비밀벊로 찾기 종료*/


/*수강신청 목록 시작*/
#contentsBody05 .lecListArea{

}


#contentsBody05 .lecListArea ul.lecTypeTab li{
  float: left;
  width : 148px;
  height: 48px;                                  
  text-align: center;
  line-height: 48px;
  background: #ffffff;
  font-family: "돋움";
  font-size: 14px;

  border: 1px solid #36a8ff;
  margin-right: 2px;
}

#contentsBody05 .lecListArea ul.lecTypeTab li a{
  display: block;
  color: #36a8ff;
}

#contentsBody05 .lecListArea ul.lecTypeTab li a.on,
#contentsBody05 .lecListArea ul.lecTypeTab li a:hover{
  color: #ffffff;
  background: #36a8ff;
}



#contentsBody05 .lecListArea .lecList{
  clear: both;       
  padding-top: 30px;
  padding-bottom: 90px;

  font-family: "돋움";
  font-size: 15px;
}

#contentsBody05 .lecListArea .lecList table.list{
  width: 100%;
  border-top: 2px solid #858585;
}

#contentsBody05 .lecListArea .lecList table.list tr{
  height: 48px;
  border-bottom : 1px solid #e6e6e6;
}

#contentsBody05 .lecListArea .lecList table.list tr th{
  background: #f8f8f8;
  font-weight: 400;                                  
  border-left : 1px solid #e6e6e6;
}

#contentsBody05 .lecListArea .lecList table.list tr th.fir,
#contentsBody05 .lecListArea .lecList table.list tr td.fir{
  border-left: none;
}


#contentsBody05 .lecListArea .lecList table.list tr td{
  border-left : 1px solid #e6e6e6;
  text-align: left;
  padding: 10px 0;
  line-height: 20px;
}

#contentsBody05 .lecListArea .lecList table.list tr td.center{
  text-align: center;
}

#contentsBody05 .lecListArea .lecList table.list tr td.edu{
  padding-left: 20px;
}


#contentsBody05 .lecListArea .lecList table.list tr td .appTitle{
  color: #21a135;
}

#contentsBody05 .lecListArea .lecList table.list tr td  .appInfo span{
  display: inline-block;
  margin-right: 15px;
}

#contentsBody05 .lecListArea .lecList table.list tr td span.lecViewBtn{
  display: inline-block;
  width: 100px;
  height: 63px;
  line-height: 63px;
  color: #ffffff;
  background: #539bc6;
  text-align : center;
  font-weight: 700;
  font-family: NanumBarunGothic;
}


#contentsBody05 .lecListArea .lecList table.list tr td span.appBtn{
	display: inline-block;
	width: 100px;
	height: 63px;
	line-height: 63px;
	color: #ffffff;
	background: #909090;
	text-align : center;
	font-weight: 700;
	font-family: NanumBarunGothic;
}

/*수강신청 목록 종료*/



/*수강신청 상세보기 시작*/
 #contentsBody05 .lectView{
  clear: both;
  font-size: 15px;
  font-family: "돋움";
  color: #4d4d4d;
}

#contentsBody05 .lectView h3{
  color: #36a8ff;
  font-weight: 700;
  padding-bottom: 20px;
}

#contentsBody05 .lectView .lectExplan{
  position: relative;
  padding-top: 60px;
}

#contentsBody05 .lectView table{
  width: 100%;
  border-top : 2px solid #7f7f7f;
  margin-bottom: 40px;
}


#contentsBody05 .lectView table tr{
  height: 48px;
  border-bottom: 1px solid #e6e6e6;
}

#contentsBody05 .lectView table tr th{
  background: #f8f8f8;
  border-right: 1px solid #e6e6e6;
  font-weight: 400;
}

#contentsBody05 .lectView table tr td{
  padding-left: 10px;                                      
}

#contentsBody05 .lectView table.explan tr th{
  text-align: left;
  padding-left: 10px;
}

#contentsBody05 .lectView table.explan tr td.memo{
  padding: 20px 10px;
  line-height: 20px;
}

#contentsBody05 .lectView table.explan tr td span.slush{
  display: inline-block;
  padding: 0 15px;
}

#contentsBody05 .lectView table.config tr td{
  text-align: center;
  border-left : 1px solid #e6e6e6;
}

#contentsBody05 .lectView table.config tr td.fir{
  border-left : none;
}

#contentsBody05 .lectView table.config tr td.lecName{
  text-align: left;
}


#contentsBody05 .lectView table.config tr td span.sampleBtn{
  display: inline-block;
  width: 62px;
  height: 34px;
  line-height: 34px;
  color: #ffffff;
  background: #539bc6;
  font-weight: 700;
  font-family: NanumBarunGothic;
}

#contentsBody05 .lectView .lecBtnArea{
  position: relative;
  padding: 40px 0;
  text-align: center;
}
/*수강신청 상세보기 종료*/


/*수강신청하기 시작*/
  #contentsBody05  .lecListArea .lecApp01{
  clear: both;
  padding-top: 60px;
  font-size: 15px;
}

#contentsBody05  .lecListArea .lecApp01 div h3{
  color: #0090ff;
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 20px;
}

#contentsBody05  .lecListArea .lecApp01 div table{
  width: 100%;

  font-weight: 400;
  border-top: 2px solid #7f7f7f;
  text-align: center;

  margin-bottom: 40px;
}

#contentsBody05  .lecListArea .lecApp01 div table tr{
  height: 48px;
  border-bottom: 1px solid #e6e6e6;
}

#contentsBody05  .lecListArea .lecApp01 div table tr th{  
  font-weight: 400;
  background: #f8f8f8;
  border-left : 1px solid #e6e6e6;
}

#contentsBody05  .lecListArea .lecApp01 div table tr td{
  border-left : 1px solid #e6e6e6;
}


#contentsBody05  .lecListArea .lecApp01 div table tr th.fir,
#contentsBody05  .lecListArea .lecApp01 div table tr td.fir{
  border-left : none;
}

#contentsBody05  .lecListArea .lecApp01 div table tr td.left{
  text-align: left;
  padding-left: 10px;
}

#contentsBody05  .lecListArea .lecApp01 div table.pay tr td label{
  margin-right: 35px;
}

#contentsBody05  .lecListArea .lecApp01 div table.pay{
  margin-bottom: 10px;
}

#contentsBody05  .lecListArea .lecApp01 .lectAppArea{
  position: relative;
  padding-top: 45px;
  text-align: center;
}
/*수강신청하기 종료*/


/*수강신청 완료 시작*/
 #contentsBody05 .lecListArea .appLecCom{
  clear: both;
  padding-top: 60px;

 font-family: "돋움";
 font-size: 15px;
}

#contentsBody05 .lecListArea .appLecCom h3{
  color: #0090ff;
  padding-bottom: 20px;
}


#contentsBody05 .lecListArea .appLecCom table.appCom{
  width: 100%;
  border-top: 2px solid #7f7f7f;
  text-align: left;
  margin-bottom: 10px;
}

#contentsBody05 .lecListArea .appLecCom table.appCom tr{
  height: 48px;
  border-bottom: 1px solid #e6e6e6;
}

#contentsBody05 .lecListArea .appLecCom table.appCom tr th{
  border-right: 1px solid #e6e6e6;
  font-weight: 400;
  padding-left: 10px;
}

#contentsBody05 .lecListArea .appLecCom table.appCom tr td{
  padding-left: 10px;
}


#contentsBody05 .lecListArea .appLecCom  .appConmBtnArea{
  text-align: center;
  padding-top: 50px;
}

/*수강신청 완료 종료*/

/*나의 강의실 수강중인 내역 시작*/
 #contentsBody05 .myLec01{
  font-family: "돋움";
  font-size: 15px;                                  
}

#contentsBody05 .myLec01 table.list{
  width: 100%;
  border-top: 2px solid #858585;
}

#contentsBody05 .myLec01 table.list tr{
  height: 48px;
  border-bottom : 1px solid #e6e6e6;
}

#contentsBody05 .myLec01 table.list tr th{
  background: #f8f8f8;
  font-weight: 400;                                  
  border-left : 1px solid #e6e6e6;
}

#contentsBody05 .myLec01 table.list tr th.fir,
#contentsBody05 .lecListArea .lecList table.list tr td.fir{
  border-left: none;
}


#contentsBody05 .myLec01 table.list tr td{
  border-left : 1px solid #e6e6e6;
  text-align: left;
  padding: 10px 0;
  line-height: 20px;
}

#contentsBody05 .myLec01 table.list tr td.fir{
    border-left : none;  
}


#contentsBody05 .myLec01 table.list tr td.center{
  text-align: center;
}

#contentsBody05 .myLec01 table.list tr td.edu{
  padding-left: 20px;
}


#contentsBody05 .myLec01 table.list tr td .appTitle{
  color: #21a135;
}

#contentsBody05 .myLec01 table.list tr td  .appInfo span{
  display: inline-block;
  margin-right: 15px;
}

#contentsBody05 .myLec01 table.list tr td span.lecViewBtn{
  display: inline-block;
  width: 100px;
  height: 43px;
  line-height: 43px;
  color: #ffffff;
  background: #539bc6;

  font-weight: 700;
  font-family: NanumBarunGothic;
}
#contentsBody05 .myLec01 table.list tr td span.lecViewBtn1{
  display: inline-block;
  width: 100px;
  height: 43px;
  line-height: 43px;
  color: #ffffff;
  background: #4CAF50;

  font-weight: 700;
  font-family: NanumBarunGothic;
}
#contentsBody05 .myLec01 table.list tr td span.lecViewBtn2{
  display: inline-block;
  width: 100px;
  height: 43px;
  line-height: 43px;
  color: #ffffff;
  background: #4CAF50;

  font-weight: 700;
  font-family: NanumBarunGothic;
}
/*나의 강의실 수강중인 내역 종료*/





/*강의 팝업 시작*/
#popWrap{
    position: relative;
    margin: 0 0;
    padding: 0 0;
    width: 1000px;
    height: 700px;
    overflow: hidden;
}

#popWrap .top{
    width: 100%;
    height: 123px;
    background: #ffffff;
}

#popWrap .top .left{
    float: left;
    /*width: 798px;*/
    width: 778px;
    height: 123px;
    padding-left: 20px;
}

#popWrap .top .left .fir{
    width: 100%;
    /*height: 62px;*/
    height: 47px;
    padding-top: 15px;
    border-bottom: 1px dashed #b8b8b8;
}

#popWrap .top .left .sec{
    line-height: 62px;
    font-family: "돋움";
    font-size: 15px;
}

#popWrap .top .left .sec span.edu_time{
    display: inline-block;
    color: #0090ff;
    margin-right: 25px;
}

#popWrap .top .right{
    padding-top: 33px;

}

#popWrap .top .right .endBtn{
    display: inline-block;
    width: 182px;
    height: 60px;

    font-family: NanumBarunGothic;
    font-size: 18px;
    font-weight: 700;

    background: red;
    color: #ffffff;
    line-height: 60px;            
}

#popWrap .bottom{
    position: relative;
    width: 100%;
    height: 577px;
    background: url(../img/_05/movie_skin.jpg) no-repeat;
    padding: 20px;
}

#popWrap .bottom  .eduArea{
    position: relative;
    width: 960px;
    height: 543px;
    /* background: red; */
    background-color: #ffffff;
}
/*강의 팝업 종료*/


/*공지사항 리스트 시작*/
#contentsBody05 .csArea01{
   position: relative;
   font-size: 15px;
   font-family: "돋움";
}

#contentsBody05 .csArea01 table{
   width: 100%;
   border-top : 2px solid #7f7f7f;
}


#contentsBody05 .csArea01 table tr{
   height: 48px;
   border-bottom: 1px solid #e6e6e6;
}


#contentsBody05 .csArea01 table tr th{
   font-weight: 400;
   border-left: 1px solid #e6e6e6;
   background: #f8f8f8;
}

#contentsBody05 .csArea01 table tr td{
   border-left: 1px solid #e6e6e6;
   text-align: center;
}

#contentsBody05 .csArea01 table tr th.fir,
#contentsBody05 .csArea01 table tr td.fir{
   border-left : none;
}

#contentsBody05 .csArea01 table tr td.title,
#contentsBody05 .csArea01 table tr th.title{
   text-align: left;
   padding-left: 10px;
}

#contentsBody05 .csArea01 table tr td.title a{
   display: block;
   width: 670px;                                   
}


#contentsBody05 .csArea01 .pageArea,
#contentsBody05 .lecListArea .lecList .pageArea,
#contentsBody05 .myLec01 .pageArea{
   position: relative;
   width: 100%;
   /*height: 60px;*/
   height: 47px;
   padding-top: 13px;

   margin-top: 30px;
   text-align: center;

   background: #f8f8f8;
   border-top : 1px solid #e6e6e6;
   border-bottom : 1px solid #e6e6e6;
}


#contentsBody05 .csArea01 .pageArea .paging img,
#contentsBody05 .lecListArea .lecList .pageArea .paging img,
#contentsBody05 .myLec01 .pageArea .paging img{
   vertical-align: middle;
}


#contentsBody05 .csArea01 .pageArea .paging .pre,
#contentsBody05 .lecListArea .pageArea .paging .pre,
#contentsBody05 .myLec01 .pageArea .paging .pre{
   display: inline-block;
   margin-right: 20px;
}

#contentsBody05 .csArea01 .pageArea .paging .next,
#contentsBody05 .lecListArea .lecList .pageArea .paging .next,
#contentsBody05 .myLec01 .pageArea .paging .next{
   display: inline-block;
   margin-left: 20px;
}

#contentsBody05 .csArea01 .pageArea .paging span,
#contentsBody05 .lecListArea .lecList .pageArea .paging span,
#contentsBody05 .myLec01 .pageArea .paging span{
   display: inline-block;
   width: 34px;
   height: 34px;                                   
   line-height: 34px;
   background: #ffffff;
   border : 1px solid #ededed;                                   
}

#contentsBody05 .csArea01 .pageArea .paging span.on,
#contentsBody05 .csArea01 .pageArea .paging span:hover,
#contentsBody05 .lecListArea .lecList .pageArea .paging span.on ,
#contentsBody05 .lecListArea .lecList .pageArea .paging span:hover,
#contentsBody05 .myLec01 .pageArea .paging span.on ,
#contentsBody05 .myLec01 .pageArea .paging span:hover{
   background: #ecffd4;
}
/*공지사항 리스트 종료*/


/*공지사항 상세보기 시작*/
 #contentsBody05 .csArea01 table.on_listView{
   margin-bottom: 40px;
}


#contentsBody05 .csArea01 table.on_listView td.contents{
   text-align: left;
   padding: 20px 10px;
   line-height: 20px;
   height: 250px;
   border-left : none;
   vertical-align: top;
}

#contentsBody05 .csArea01 .viewBtnArea{
   text-align: center;
}

#contentsBody05 .csArea01 .preNext{
   position: relative;
   padding-top: 40px;
}

#contentsBody05 .csArea01 .preNext ul li{
   width: 100%;
   height: 48px;
   line-height: 48px;
   border-top: 1px solid #e6e6e6;
   /*cursor: pointer;                                   */
   background: url(../img/_05/next.jpg) no-repeat 21px 50%;
}


#contentsBody05 .csArea01 .preNext ul li.pre{
   border-bottom: 1px solid #e6e6e6;
   background: url(../img/_05/pre.jpg) no-repeat 21px 50%;
}

#contentsBody05 .csArea01 .preNext ul li:hover{
   background-color: #f8f8f8;                                   
}


#contentsBody05 .csArea01 .preNext ul li span.fir{
   display: inline-block;
   padding-left: 43px;
}

#contentsBody05 .csArea01 .preNext ul li  a.title{
   display: inline-block;
   padding-left: 60px;
   width: 760px;
}

/*공지사항 상세보기 종료*/


/*온라인 상담 시작*/
#contentsBody05 .csArea01 .writeBtnArea{
   padding-top: 30px;
   padding-bottom: 10px;
   text-align: right;
}

 #contentsBody05 .csArea01 table.on_listWrite{
  margin-bottom: 40px;

}

#contentsBody05 .csArea01 table.on_listWrite tr th,
#contentsBody05 .csArea01 table.on_listWrite tr td{
  padding: 10px;
  text-align: left;
}

#contentsBody05 .csArea01 table.on_listWrite tr td input{
  background: #f7f7f7;
}

#contentsBody05 .csArea01 .writeBtnArea{
  position: relative;
  text-align: center;
}

#contentsBody05 .csArea01 .writeBtnArea .cancelBtn{
  background: #909090;
}

.borad_file_area{
     padding-left : 10px;
     text-align: left !important;
 }
 
 
 /*국가 민간자격증 소개*/
 #contentsBody06 .intro01 .exp_license{
    font-family: "돋움";
    color: #4d4d4d;
}

#contentsBody06 .intro01 h3.license{
    font-size: 14px;
    padding-bottom: 10px;
    margin-top: 45px;
 }
 
 #contentsBody06 .intro01 p.sub_license{
    font-size: 15px;
 }
 
 #contentsBody06 .intro01 .btnArea{
       padding-top: 60px;
       text-align: center;
    }
 
 #contentsBody06 .intro01 .btnArea .koLicenseBtn{
    display : inline-block;                           	        
    padding:  0 40px;
    
    font-family: NanumBarunGothic;
    font-weight: 400;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    background: #2e2e2e;
    color: #ffffff;
    
 }