@charset "UTF-8";
/* img-icon */
.img-icon{
    width: 20px;
    height: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('../img/img-icon.png');
    cursor: pointer;
}
/*--------------------------------------------------------------
  >> 2019_lms_html
----------------------------------------------------------------*/
.times{
    background-position: 0 0;
}
.times-wh{
    background-position: -560px -100px;
}
.search {
    background-position: -20px 0;
}
.angle-left{
background-position: -40px 0;
}
.angle-right{
background-position: -60px 0;
}
.angle-down{
background-position: -80px 0;
}
.angle-up{
background-position: -100px 0;
}
.angle-left_wh{
background-position: -120px 0;
}
.angle-right_wh{
background-position: -140px 0;
}
.angle-down_wh{
background-position: -160px 0;
}
.angle-up_wh{
background-position: -180px 0;
}
.nav-menu .bars,.bars{
    background-position: -200px 0;
}
.home,.page-location>.home{
    background-position: -220px 0;
    margin: 5px 0;
}
.page-locationWrap .chevron-right{
    width: 15px;
    height: 30px;
    background-position: -140px -60px;
}
.pause{
    background-position: -240px 0;
}
.caret-right,.play{
    background-position: -260px 0;
}
.sort-down-wh {
    background-position: -280px 0;
}
.sort-up {
    background-position: -300px 0;
}
.user{
    background-position: -320px 0;
}
.user_wh{
    background-position: -580px -100px;
}
.times-s{
    background-position: -340px 0;
}

/* index.html >> .menu-btn 시작 */
.menu-btn.button>.img-icon{
    width: 40px;
    height: 40px;
}
.certificate_wh {
    background-position: 0 -20px;
}
.certificate_bk {
    background-position: -40px -20px;
}
.coupon,.coupon_wh{
    background-position: -80px -20px;
}
.coupon_bk{
    background-position: -120px -20px;
}
.menu-btn-hover>.coupon,.coupon_gd{
    background-position: -160px -20px;
}
.headset,.headset_wh{
    background-position: -200px -20px;
}
.headset_bk{
    background-position: -240px -20px;
}
.menu-btn-hover>.headset,.headset_gd{
    background-position: -280px -20px;
}
.desktop,.desktop_wh{
    background-position: -320px -20px;
}
.desktop_bk{
    background-position: -360px -20px;
}
.desktop_gd,.menu-btn-hover>.desktop{
    background-position: -400px -20px;
}
.users,.users_wh {
    background-position: -440px -20px;
}
.users_bk{
    background-position: -480px -20px;
}
.menu-btn-hover>.users,.users_gd {
    background-position: -520px -20px;
}

/* 20-10-06 renewal_icon 시작 */
.menu-btn .bars{background-position: -160px -60px;}
.menu-btn:hover .bars, .bars_or{background-position: -200px -60px;}
.menu-btn .robot{background-position: -240px -60px;}
.menu-btn:hover .robot, .robot_or{background-position: -280px -60px;}
.menu-btn .language{background-position: -320px -60px;}
.menu-btn:hover .language, .language_or{background-position: -360px -60px;}
.menu-btn .briefcase{background-position: -400px -60px;}
.menu-btn:hover .briefcase, .briefcase_or{background-position: -440px -60px;}
.menu-btn .file-certificate{background-position: -480px -60px;}
.menu-btn:hover .file-certificate, .file-certificate_or{background-position: -520px -60px;}
.menu-btn .city{background-position: -560px -60px;}
.menu-btn:hover .city, .city_or{background-position: -600px -60px;}
.menu-btn .bullhorn{background-position: -640px -60px;}
.menu-btn:hover .bullhorn, .bullhorn_or{background-position: -680px -60px;}
.menu-btn .desktop{background-position: -720px -60px;}
.menu-btn:hover .desktop, .desktop_or{background-position: -760px -60px;}

/* 20-10-06 renewal_icon 끝 */

/* index.html >> .menu-btn 끝 */

/* header/footer >> sns-icon 시작 */
.Nblog,.Nblog_gr,.Nblog:hover,.Nblog_cl,
.Ncafe,.Ncafe_gr,.Ncafe:hover,.Ncafe_cl,
.youtube,.youtube_gr,.youtube:hover,.youtube_cl,
.Nblog_wh, .youtube_wh,
.tistory_wh, .tistory_wh:hover, .tistory_cl,
.insta_wh, .insta_wh:hover, .insta_cl,
.facebook_wh, .facebook_wh:hover, .facebook_cl{
    width: 40px;
    height: 40px;
}
.Nblog,.Nblog_gr{
    background-position: -560px -20px;
}
.Nblog_small{
    background-position: -480px -140px;
}
.Nblog_wh{
    background-position: -240px -180px;
}
.Nblog:hover,.Nblog_cl, .Nblog_wh:hover{
    background-position: -600px -20px;
}
.Ncafe,.Ncafe_gr{
    background-position: -640px -20px;
}
.Ncafe:hover,.Ncafe_cl{
    background-position: -680px -20px;
}
.youtube,.youtube_gr{
    background-position: -720px -20px;
}
.youtube_small{
    background-position: -500px -140px;
}
.youtube_wh{
    background-position: -280px -180px;
}
.youtube:hover,.youtube_cl, .youtube_wh:hover{
    background-position: -760px -20px;
}
.tistory_wh{
    background-position: -400px -180px;
}
.tistory_wh:hover, .tistory_cl{
    background-position: -360px -180px;
}
.insta_wh:hover, .insta_cl{
    background-position: -440px -180px;
}
.insta_small{
    background-position: -520px -140px;
}
.insta_wh{
    background-position: -480px -180px;
}
.facebook_wh{
    background-position: -560px -180px;
}
.facebook_wh:hover, .facebook_cl{
    background-position: -520px -180px;
}
/* header/footer >> sns-icon 끝 */

/* index.html >> .recommend-classWrap 시작 */
.heart,.heart_gr{
    background-position: -361px 0;
}
.heart:hover,.heart_wh{
    background-position: -381px 0;
}
.heart_grBG{
    background-position: -800px 0;
}
.heart_grBG:hover,.heart_orBG{
    background-position: -820px 0;
}
/* index.html >> .recommend-classWrap 끝 */

/* index.html >> .customWrap 시작 */
.customer .bullhorn,.bullhorn_gd,
.customer .faq,.faq_gd{
    width: 40px;
    height: 40px;
}
.customer .bullhorn,.bullhorn_gd{
    background-position: -800px -20px;
}
.customer .faq,.faq_gd{
    background-position: -840px -20px;
}
/* index.html >> .customWrap 끝 */

/* subPage >> .class-listWrap 시작 */
.tv{
    background-position: -420px 0;
}
.btn-wh:hover .tv,.tv_hv{
    background-position: -440px 0;
}
.hand-point-up{
    background-position: -460px 0;
}
.btn-bl:hover .hand-point-up,.hand-point-up_hv{
    background-position: -480px 0;
}
/* subPage >> .class-listWrap 끝 */

/* subPage >> .community 시작 */
.gift{
    background-position: -400px 0;
}
.bullhorn-s{
    background-position: -560px 0;
}
.save{
    background-position: -580px 0;
}
.print {
    background-position: -600px 0;
}
.pin{
    background-position: -620px 0;
}
.clock{
    background-position: -640px 0;
}
/* subPage >> .community 끝 */

/* subPage >> .map-wayWrap 시작 */
.map-wayWrap .bus,.bus{
    background-position: -500px 0;
}
.map-wayWrap .subway,.subway{
    background-position: -520px 0;
}
.map-wayWrap .car,.car{
    background-position: -540px 0;
}
/* subPage >> .map-wayWrap 끝 */

/* subPage >> mypage 시작 */
.mileageImg{
    width: 140px;
    height: 80px;
    background-position: 0 -60px;
}
.attendanceY {
    background-position: -660px 0;
}
.attendanceN {
    background-position: -680px 0;
}
.check-square {
    background-position: -700px 0;
}
.ballot-check {
    background-position: -720px 0;
}
.edit {
    background-position: -740px 0;
}
.study{
    background-position: -780px 0;
}
.btn-bl:hover .study,.study_hv{
    background-position: -760px 0;
}
/* subPage >> mypage 끝 */


/*--------------------------------------------------------------
  >> 2020_lms_html
----------------------------------------------------------------*/
/* .scrollToTop{
    width: 40px; height: 40px;
    background-position: -880px -20px;
}
.scrollToTop_RB{
    width: 40px;
    height: 40px;
    background-position: -920px -20px;
} */
/* user_01_resumeForm */
.question-circle{background-position: 0 -140px;}
.times-circle{background-position: -20px -140px;}
.plus-circle{background-position: -40px -140px;}
.plus-circle-gray{background-position: -60px -140px;}
.plus-circle-navy{background-position: -80px -140px;}
.minus-circle-gray{background-position: -100px -140px;}
.minus-circle-navy{background-position: -120px -140px;}

/* 학력사항 */
.graduation-cap{background-position: -140px -140px;}

/* 경력사항 */
.briefcase-gray{background-position: -160px -140px;}
.briefcase,.briefcase-navy,
.briefcase-gray.iconHover{background-position: -180px -140px;}

/* 교육이수 경력 */
.book-open-gray{background-position:-200px -140px;}
.book-open,.book-open-navy
.book-open-gray.iconHover{background-position:-220px -140px;}

/* 언어능력 */
.globe-gray{background-position:-240px -140px;}
.globe,.globe-navy,
.globe-gray.iconHover{background-position:-260px -140px;}

/* 자격증 */
.file-certificate-gray{background-position:-280px -140px;}
.file-certificate,.file-certificate-navy,
.file-certificate-gray.iconHover{background-position:-300px -140px;}

/* 본 과정 응시 여부 */
.user-friends{background-position:-320px -140px;}

/* K-MOVE스쿨 참여여부 */
.atlas{background-position:-340px -140px;}

/* 해외체류경험 */
.plane-gray{background-position:-360px -140px;}
.plane, .plane-navy,
.plane-gray.iconHover{background-position:-380px -140px;}

/* 자기소개서 */
.pen-nib{background-position: -400px -140px;}

/* 증빙자료 업로드 */
.upload{background-position: -420px -140px;}

/* user_02_myPage */
.home-dkgr{
    background-position: -100px -160px;
}
.home_blue {
    background-position: -120px -160px;
}
.user-dkgr {
    background-position: -140px -160px;
}
.user_blue {
    background-position: -160px -160px;
}
.calendar-alt {
    background-position: -180px -160px;
}
.calendar-alt_blue {
    background-position: -200px -160px;
}
.calendar-alt_wh {
    background-position: -220px -160px;
}
.signal-alt-3 {
    background-position: -240px -160px;
}
.signal-alt-3_blue {
    background-position: -260px -160px;
}
.signal-alt-3_wh {
    background-position: -280px -160px;
}
.file-alt {
    background-position: -300px -160px;
}
.file-alt_blue {
    background-position: -320px -160px;
}
.file-alt_wh {
    background-position: -340px -160px;
}
.bullhorn-dkgr {
    background-position: -360px -160px;
}
.bullhorn_blue {
    background-position: -380px -160px;
}
.bullhorn_wh {
    background-position: -400px -160px;
}

/* admin_02_classManagement */
.caret-right-gr {
    background-position: -20px -160px;
}
.caret-right-nv,
.caret-right-gr:hover {
    background-position: -40px -160px;
}
.caret-left-gr {
    background-position: -60px -160px;
}
.caret-left-gr:hover {
    background-position: -80px -160px;
}
.sort-down-wh {
    background-position: 0 -160px;
}

/*--------------------------------------------------------------
  >> 2020_SES_html
----------------------------------------------------------------*/
.chevron-left999,
.chevron-right999{
    width: 20px;
    height: 40px;
}
.chevron-left999{
    background-position: -140px -100px;
}
.chevron-right999{
    background-position: -160px -100px;
}
.bars-2line,
.bars-2line_bk{
    width: 40px;
    height: 20px;
}
.bars-2line{
    background-position: -180px -100px;
}
.bars-2line_bk{
    background-position: -180px -120px;
}
.link-arrow{
    width: 110px;
    background-position: -180px -120px;
}

/*--------------------------------------------------------------
  >> 2020_rainbow
----------------------------------------------------------------*/
.chevron-left_pp,
.chevron-right_pp{
    width: 20px;
    height: 40px;
}
.chevron-left_pp{background-position: -340px -100px;}
.chevron-right_pp{background-position: -360px -100px;}

.times-large-wh{
    width: 40px;
    height: 40px;
    background-position: -300px -100px;
}
.info-circle_wh,
.info-circle_pp{
    width: 20px;
    height: 20px;
}
.info-circle_wh{
    background-position: -840px 0;
}
.info-circle_pp{
    background-position: -860px 0;
}

/*--------------------------------------------------------------
  >> 2021_rainbow
----------------------------------------------------------------*/

.gift,
.won-sign,
.hand-holding-heart,
.calendar,
.calendar-day,
.bullseye-arrow,
.phone-alt,
.map-marker-check,
.headset_light{
    width: 20px;
    height: 20px;
}

.university,
.laptop-code,
.id-card,
.globe-stand,
.credit-card,
.user-blank40,
.kakao-icon40,
.arrow-circle-up,
.chalkboard-teacher,
.lightbulb,
.search_user,
.speech_bubble_bl,
.table_40,
.users_40,
.hands-helping_40,
.softsociety_40{
    width: 40px; height: 40px;
}
.kakao-icon80{
    width: 80px; height: 80px;
}
.user-blank{
    width: 120px; height: 120px;    
}

.id-card{background-position: -800px -60px;}
.globe-stand{background-position: -840px -60px;}
.laptop-code{background-position: -880px -60px;}
.university{background-position: -920px -60px;}
.credit-card{background-position: -960px -60px;}
.bullseye-arrow{background-position: -480px -100px;}

.gift{background-position: -380px -100px;}
.won-sign{background-position: -400px -100px;}
.hand-holding-heart{background-position: -420px -100px;}
.calendar{background-position: -440px -100px;}
.calendar_wh{background-position: -600px -100px;}
.calendar-day{background-position: -460px -100px;}
.user-blank{background-position: 0 -180px;}
.user-blank40{background-position: -120px -180px;}
.kakao-icon40{background-position: -160px -180px;}
.kakao-icon80{background-position: -120px -220px;}
.arrow-circle-up{background-position: -200px -180px;}
.phone-alt{background-position: -500px -100px;}
.chalkboard-teacher{background-position: -960px -100px;}
.lightbulb{background-position: -920px -100px;}
.map-marker-check{background-position: -520px -100px;}
.headset_light{background-position: -540px -100px;}
.search_user{background-position: -880px -100px;}
.speech_bubble_bl{background-position: -320px -180px;}
.plus_wh{background-position: -440px -140px;}
.plus_bk{background-position: -460px -140px;}
.comment_dots{background-position: -540px -140px;}
.table_40{background-position: -600px -180px;}
.users_40{background-position: -640px -180px;}
.hands-helping_40{background-position: -680px -180px;}
.softsociety_40{background-position: -720px -180px;}
.download{background-position: -620px -100px;}