/* * D E S I G N  C O U R S E  P A G E  T I T L E * */
#DESIGN_course .pgTitle.Wide{
    background-image: url(../img/1course/design_pgTitle_bg.jpg);
}
#LICENSE_course .pgTitle.Wide{
    background-image: url(../img/1course/license_pgTitle_bg.jpg);
}
#GAME_course .pgTitle.Wide{
    background-image: url(../img/1course/game_pgTitle_bg.jpg);
}
#SKILLUP_course .pgTitle.Wide{
    background-image: url(../img/1course/skillup_pgTitle_bg.jpg);
}
/* */


.course{
    width: 100%;
    margin-top: 100px;
}
.course .crsList{
    width: 100%; height: 300px;
    margin-bottom: 50px;
    padding: 40px 50px 60px 50px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}
/* 디자인과정 L I S T  B A C K G R O U N D  I M G */
#DESIGN_course .course .crsList.course01{
    background: url(../img/1course/desCourse01.jpg);
}
#DESIGN_course .course .crsList.course02{
    background: url(../img/1course/desCourse02.jpg);
}
#DESIGN_course .course .crsList.course03{
    background: url(../img/1course/desCourse03.jpg);
}
#DESIGN_course .course .crsList.course04{
    background: url(../img/1course/desCourse04.jpg);
}
#DESIGN_course .course .crsList.course05{
    background: url(../img/1course/desCourse05.jpg);
}
#DESIGN_course .course .crsList.course06{
    background: url(../img/1course/desCourse06.jpg);
}
#DESIGN_course .course .crsList.course07{
    background: url(../img/1course/desCourse07.jpg);
}
#DESIGN_course .course .crsList.course08{
    background: url(../img/1course/desCourse08.jpg);
}
/* 자격증과정 L I S T  B A C K G R O U N D  I M G */
#LICENSE_course .course .crsList.course01{
    background: url(../img/1course/licCourse01.jpg);
}
#LICENSE_course .course .crsList.course02{
    background: url(../img/1course/licCourse02.jpg);
}
#LICENSE_course .course .crsList.course03{
    background: url(../img/1course/licCourse03.jpg);
}
#LICENSE_course .course .crsList.course04{
    background: url(../img/1course/licCourse04.jpg);
}
#LICENSE_course .course .crsList.course05{
    background: url(../img/1course/licCourse05.jpg);
}
#LICENSE_course .course .crsList.course06{
    background: url(../img/1course/licCourse06.jpg);
}
#LICENSE_course .course .crsList.course07{
    background: url(../img/1course/licCourse07.jpg);
}
#LICENSE_course .course .crsList.course08{
    background: url(../img/1course/licCourse08.jpg);
}
#LICENSE_course .course .crsList.course09{
    background: url(../img/1course/licCourse09.jpg);
}

/* 게임과정 L I S T  B A C K G R O U N D  I M G */
#GAME_course .course .crsList.course01{
    background: url(../img/1course/game01.jpg);
}
#GAME_course .course .crsList.course02{
    background: url(../img/1course/game02.jpg);
}
#GAME_course .course .crsList.course03{
    background: url(../img/1course/game03.jpg);
}
#GAME_course .course .crsList.course04{
    background: url(../img/1course/game04.jpg);
}
#GAME_course .course .crsList.course05{
    background: url(../img/1course/game05.jpg);
}
#GAME_course .course .crsList.course06{
    background: url(../img/1course/game06.jpg);
}
/* 단과과정 L I S T  B A C K G R O U N D  I M G */
#SKILLUP_course .course .crsList.course01{
    background: url(../img/1course/skillCourse01.jpg);
}
#SKILLUP_course .course .crsList.course02{
    background: url(../img/1course/skillCourse02.jpg);
}
#SKILLUP_course .course .crsList.course03{
    background: url(../img/1course/skillCourse03.jpg);
}
#SKILLUP_course .course .crsList.course04{
    background: url(../img/1course/skillCourse04.jpg);
}
#SKILLUP_course .course .crsList.course05{
    background: url(../img/1course/skillCourse05.jpg);
}
#SKILLUP_course .course .crsList.course06{
    background: url(../img/1course/skillCourse06.jpg);
}
#SKILLUP_course .course .crsList.course07{
    background: url(../img/1course/skillCourse07.jpg);
}
#SKILLUP_course .course .crsList.course08{
    background: url(../img/1course/skillCourse08.jpg);
}
#SKILLUP_course .course .crsList.course09{
    background: url(../img/1course/skillCourse09.jpg);
}
#SKILLUP_course .course .crsList.course10{
    background: url(../img/1course/skillCourse10.jpg);
}
#SKILLUP_course .course .crsList.course11{
    background: url(../img/1course/skillCourse11.jpg);
}
#SKILLUP_course .course .crsList.course12{
    background: url(../img/1course/skillCourse12.jpg);
}
#SKILLUP_course .course .crsList.course13{
    background: url(../img/1course/skillCourse13.jpg);
}
#SKILLUP_course .course .crsList.course14{
    background: url(../img/1course/skillCourse14.jpg);
}
/**/


.course .crsList .crsListWrap{
    width: 65%; height: 100%;
    max-width: 680px;
    position: relative;
    /*background: pink;*/
}
.crsTop{
}
.crsTop .crstitB{
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    color: #222;
    margin-top: 7px;
}
.crsTop .crstitB .orange{
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    display: block;
    text-transform: uppercase;
}
.crsTop .crstitL{
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin: 14px 0;
}

.crsBot{
    position: absolute;
    bottom: 0; left: 0;
}

.crsBot .crsLink>li{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.crsBot .crsLink>li>a{
    display: block;
    width: 160px; height: 30px;
    border: 2px solid #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    padding: 0 8px;
}
/* 자격증, 단과과정 LIST BTN 구분 STYLE */
#LICENSE_course .crsList .crsTop .crstitB .orange, 
#SKILLUP_course .crsList .crsTop .crstitB .orange{
    font-size: 16px;
}
#LICENSE_course .crsList .crsBot .crsLink>li, 
#SKILLUP_course .crsList .crsBot .crsLink>li{
    margin-bottom: 0;
}
#LICENSE_course .crsList .crsBot .crsLink>li>a, 
#SKILLUP_course .crsList .crsBot .crsLink>li>a{
    width: 180px; height: 38px;
    line-height: 34px;
    padding: 0 15px;
}
/* */

.crsBot .crsLink>li:nth-child(5), 
.crsBot .crsLink>li:nth-child(6), 
.crsBot .crsLink>li:nth-child(7), 
.crsBot .crsLink>li:nth-child(8){
    margin-bottom: 0;
}
.crsBot .crsLink>li>a>span{
    float: right;
    font-weight: 700;
}
.crsBot .crsLink>li>a:hover{
    border: 2px solid #333;
    background: #333;
    color: #fff;
}
.crsBot .crsLink>li>a:hover span{
    color: #fff;
}


/* crsLink - 10개(한줄5개)ver STYLE */
.course .crsList.maxlist .crsListWrap{
    width: 80%;
    max-width: 850px;
}
.crsList.maxlist .crsBot .crsLink>li:nth-child(5){
	margin-bottom: 10px;
}
.crsList.maxlist .crsBot .crsLink>li:nth-child(6), 
.crsList.maxlist .crsBot .crsLink>li:nth-child(7), 
.crsList.maxlist .crsBot .crsLink>li:nth-child(8), 
.crsList.maxlist .crsBot .crsLink>li:nth-child(9), 
.crsList.maxlist .crsBot .crsLink>li:nth-child(10){
    margin-bottom: 0;
}
/* crsLink - 한줄6개ver STYLE */
.course .crsList.max6list .crsListWrap{
    width: 100%;
    max-width: 1020px;
}
.crsList.max6list .crsBot .crsLink>li:nth-child(5), 
.crsList.max6list .crsBot .crsLink>li:nth-child(6){
	margin-bottom: 10px;
}
.crsList.max6list .crsBot .crsLink>li:nth-child(7), 
.crsList.max6list .crsBot .crsLink>li:nth-child(8), 
.crsList.max6list .crsBot .crsLink>li:nth-child(9), 
.crsList.max6list .crsBot .crsLink>li:nth-child(10),
.crsList.max6list .crsBot .crsLink>li:nth-child(11),
.crsList.max6list .crsBot .crsLink>li:nth-child(12){
    margin-bottom: 0;
}
/* crsLink - 한줄3개ver STYLE */
.crsList.smlist .crsBot .crsLink>li:nth-child(1), 
.crsList.smlist .crsBot .crsLink>li:nth-child(2), 
.crsList.smlist .crsBot .crsLink>li:nth-child(3){
    margin-bottom: 0;
}

/* COURSE TEXT - WHITE.ver STYLE */
.white .crsTop .crstitB{
    color: #eee;
    font-weight: 500;
}
.white .crsTop .crstitB .orange{
    font-weight: 400;
}
.white .crsTop .crstitL{
    color: #eee;
    font-weight: 400;
}
.white .crsBot .crsLink>li>a{
    border: 2px solid #ddd;
    color: #eee;
    font-weight: 400;
}
.white .crsBot .crsLink>li>a>span{
    color: #fff;
    font-weight: 400;
}
.white .crsBot .crsLink>li>a:hover{
    border: 2px solid #eee;
    background: #eee;
    color: #333;
    font-weight: 500;
}
.white .crsBot .crsLink>li>a:hover span{
    color: #333;
    font-weight: 700;
}