/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * P A G E  T I T L E * * * * * * */
main{
    margin-top: 90px;
}
#DESIGN_course .pgTitle.Wide{
    background-image: url(/img/1course/design_pgTitle_bg_m.jpg);
}
#LICENSE_course .pgTitle.Wide{
    background-image: url(/img/1course/license_pgTitle_bg_m.jpg);
}
#GAME_course .pgTitle.Wide{
    background-image: url(/img/1course/game_pgTitle_bg_m.jpg);
}
#SKILLUP_course .pgTitle.Wide{
    background-image: url(/img/1course/skillup_pgTitle_bg_m.jpg);
}


/* * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * C O U R S E  L I S T * * * * * */
#course{
    padding-top: 10px;
}
.course .crsList{
    margin-bottom: 5px;
}

/* 헤더 NAV inner 메뉴 영역 ( ACCORDION TABS ) */
.course{
}
.course .crsList .crsTit{
    position: relative;
    width: 100%;
    display: block;
    text-align: left;
    padding: 30px 20px 0px 20px;
    cursor: pointer;
    
    background: pink;
    border-radius: 0.15em;
    overflow: hidden;
    background-position: right !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
/* 디자인과정 리스트 백그라운드 구분 */
#DESIGN_course .course .crsList .crsTit.course01{
    background: url(/img/1course/desCourse01.jpg);
}
#DESIGN_course .course .crsList .crsTit.course02{
    background: url(/img/1course/desCourse02.jpg);
}
#DESIGN_course .course .crsList .crsTit.course03{
    background: url(/img/1course/desCourse03.jpg);
}
#DESIGN_course .course .crsList .crsTit.course04{
    background: url(/img/1course/desCourse04.jpg);
}
#DESIGN_course .course .crsList .crsTit.course05{
    background: url(/img/1course/desCourse05.jpg);
}
#DESIGN_course .course .crsList .crsTit.course06{
    background: url(/img/1course/desCourse06.jpg);
}
#DESIGN_course .course .crsList .crsTit.course07{
    background: url(/img/1course/desCourse07.jpg);
}
#DESIGN_course .course .crsList .crsTit.course08{
    background: url(/img/1course/desCourse08.jpg);
}
/* 자격증과정 리스트 백그라운드 구분 */
#LICENSE_course .course .crsList .crsTit{
    background-position: left !important;
    padding: 30px 20px 20px 20px;
}
#LICENSE_course .course .crsList .crsTit.course01{
    background: url(/img/1course/licCourse01.jpg);
    background-position: right !important;
}
#LICENSE_course .course .crsList .crsTit.course02{
    background: url(/img/1course/licCourse02.jpg);
}
#LICENSE_course .course .crsList .crsTit.course03{
    background: url(/img/1course/licCourse03.jpg);
}
#LICENSE_course .course .crsList .crsTit.course04{
    background: url(/img/1course/licCourse04.jpg);
}
#LICENSE_course .course .crsList .crsTit.course05{
    background: url(/img/1course/licCourse05.jpg);
    background-position: right !important;
}
#LICENSE_course .course .crsList .crsTit.course06{
    background: url(/img/1course/licCourse06.jpg);
}
#LICENSE_course .course .crsList .crsTit.course07{
    background: url(/img/1course/licCourse07.jpg);
}
#LICENSE_course .course .crsList .crsTit.course08{
    background: url(/img/1course/licCourse08.jpg);
    background-position: right !important;
}
#LICENSE_course .course .crsList .crsTit.course09{
    background: url(/img/1course/licCourse09.jpg);
    background-position: right !important;
}

/* 게임과정 리스트 백그라운드 구분 */
#GAME_course .course .crsList .crsTit.course01{
    background: url(/img/1course/game01.jpg);
}
#GAME_course .course .crsList .crsTit.course02{
    background: url(/img/1course/game02.jpg);
    background-position: center !important;
}
#GAME_course .course .crsList .crsTit.course03{
    background: url(/img/1course/game03.jpg);
}
#GAME_course .course .crsList .crsTit.course04{
    background: url(/img/1course/game04.jpg);
    background-position: center !important;
}
#GAME_course .course .crsList .crsTit.course05{
    background: url(/img/1course/game05.jpg);
}
#GAME_course .course .crsList .crsTit.course06{
    background: url(/img/1course/game06.jpg);
}
/* 단과과정 리스트 백그라운드 구분 */
#SKILLUP_course .course .crsList .crsTit{
    padding: 30px 20px 20px 20px;
}
#SKILLUP_course .course .crsList .crsTit.course01{
    background: url(/img/1course/skillCourse01.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course02{
    background: url(/img/1course/skillCourse02.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course03{
    background: url(/img/1course/skillCourse03.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course04{
    background: url(/img/1course/skillCourse04.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course05{
    background: url(/img/1course/skillCourse05.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course06{
    background: url(/img/1course/skillCourse06.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course07{
    background: url(/img/1course/skillCourse07.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course08{
    background: url(/img/1course/skillCourse08.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course09{
    background: url(/img/1course/skillCourse09.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course10{
    background: url(/img/1course/skillCourse10.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course11{
    background: url(/img/1course/skillCourse11.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course12{
    background: url(/img/1course/skillCourse12.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course13{
    background: url(/img/1course/skillCourse13.jpg);
}
#SKILLUP_course .course .crsList .crsTit.course14{
    background: url(/img/1course/skillCourse14.jpg);
}
/**/





.course li:last-child .crsTit{
    border-bottom: 0; 
}

.course .crsTit>a{
    display: block;
    width: 100%; height: 100%;
}
.course .crsTit>a>p{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #ff7800;
}
.course .crsTit>a>h5{
    float: inherit;
    font-size: 26px;
    line-height: 32px;
    margin-top: 5px;
    color: #333;
}
.course .crsTit>a>.crsTitL{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 14px 0;
    
}
.course .crsTit>a>.slideDown{
    width: 100%; height: 30px;
    margin-top: 10px;
    background: url(/img/basic/ARROWDOWN_BK_.svg) center center no-repeat;
    background-size: auto 100%;
    
}
/* 과정 리스트 화이트 버전 */
.course .crsTit.white>a>p{
    font-weight: 400;
}
.course .crsTit.white>a>h5{
    color: #eee;
    font-weight: 500;
}
.course .crsTit.white>a>.crsTitL{
    color: #eee;
    font-weight: 400;
}
.course .crsTit.white>a>.slideDown{
    background: url(/img/basic/ARROWDOWN_WH_.svg) center center no-repeat;
}


/* 아코디언 open STYLE */
.course li.open .crsTit{ 
    box-shadow: 0 3px 10px 0 rgba(153,153,153,.2);
}


/* 아코디언 inner STYLE */
.crsInner{
    width: 100%;
    background: #f7f7f7;
    padding: 0;
    display: none;
}

.crsInner>li{ 
    width: 100%; 
}
.crsInner>li>a{
    display: block;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    color: #888;
}
.crsInner>li>a>span{
    float: right;
    color: #ccc;
    font-weight: 400;
}
.crsInner>li:last-child>a{
    border-bottom: none;
}



/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * M E D I A  * * * * * * * * */

@media screen and (max-width: 540px){
    .course .crsList{
    }
    .course .crsTit>a>p{
        font-size: 12px;
        line-height: 16px; 
    }
    .course .crsTit>a>h5{
        font-size: 20px; 
        line-height: 26px;
        margin-top: 0; 
    }
    .course .crsTit>a>.crsTitL{
        display: none; 
    }
    .course .crsTit>a>.slideDown{
        height: 25px;
    }
    /* 자격증, 단과과정 구분 */
    #LICENSE_course .course .crsList .crsTit, 
    #SKILLUP_course .course .crsList .crsTit{
        padding: 30px 20px 30px 20px;
    }
    
    
}