/*  신규 LMS페이지 */

#newLms div, #newLms p, #newLms ul {width:auto;margin:0;padding:0;letter-spacing:-0.1em;}

#newLms .topBgWrap {width:100%;min-height:150px;text-align:center;border-bottom:2px solid #e8e8e8;}
#newLms .topWrap , #newLms .courWrap {display:inline-block;width:1000px;padding:2% 0;text-align:left;}
#newLms .courWrap {display:block;margin:0 auto;}
/* , #newLms .courWrap */

#newLms .userInfo {display:inline-block;vertical-align:top;margin:10px 0;font-size:0;}
#newLms .userImg {display:inline-block;vertical-align:middle;}
#newLms .userName {display:inline-block;margin-left:10px;vertical-align:top;font-size:15px;}

#newLms .userName .uName {margin-top: 15px;font-size:18px;font-weight:500;color:#000;letter-spacing:-0.0278em;line-height:18px;}
#newLms .userName .uEmail {margin-top: 5px;color:rgba(0,0,0,.3);font-size:13px;letter-spacing:-0.0385em;line-height:13px;}

#newLms .rightSide {display:table;position:absolute;top:20px;right:0;}
#newLms .corRate {display:table-cell;vertical-align:top;}
#newLms .corRate .corRateTitle {font-size: 16px;font-weight: 500;color:#000;line-height: 16px;}
#newLms .corRate .corRateTitle span {color:#008cd7;}
#newLms .corRate .corRateDetail table {width:234.5px;}
#newLms .corRate .corRateDetail th {padding: 4px 0;font-size: 12px;color:rgba(0,0,0,.7);text-align: center;}
#newLms .corRate .corRateDetail th:first-of-type {width: 60px;}
#newLms .corRate .corRateDetail tbody th {font-size: 12px;color:rgba(0,0,0,.3);text-align:left;}
#newLms .corRate .corRateDetail tbody td {padding: 4px 0;border-left: 1px solid #eaeaea;font-size: 15px;text-align: center;line-height: 15px;}
#newLms .corRate .corRateDetail tbody td:first-of-type {border-left: 0;}
#newLms .corRate .corRateDetail .voca {margin-right:10px;}
#newLms .corRate .corRateDetail tbody .total td {color:#008cd7;}
#newLms .corRate .corRateDetail span {color:#53cb2b;}

#newLms .buyList {display:table-cell;position:relative;padding-left:20px;border-left:1px solid #eaeaea;}
#newLms .buyList .buyListTitle {font-size: 16px;font-weight: 500;color:#000;line-height: 16px;}
#newLms .buyList .buyListDetail {width: 184px;height: 52px;margin:5px 0 17px;font-size: 12px;font-weight: 300;color:rgba(0,0,0,.5);letter-spacing: -0.0263em;}
#newLms .buyList .buyListDetail2 {color:#7a7a7a;width:230px;min-height:45px;}
#newLms .buyList .buyListDate {margin-top: 10px;color:rgba(0,0,0,.3);font-size: 12px;font-weight: 300;letter-spacing: -0.0263em;line-height: 12px;}
#newLms .buyList .moreTxt {position: absolute;left:20px;bottom:3px;font-size:12px;font-weight:300;line-height: 12px;}
#newLms .buyList .moreTxt a {color:#308bce;}
#newLms .buyList .moreTxt a:hover {text-decoration:underline;}
#newLms .buyList .buyListPop {cursor:pointer;position:absolute;top:122px;left:0;display:none;width:228px;height:auto;z-index:1;}
#newLms .buyList .buyListPop div {padding:0;margin:0;}
#newLms .buyList .buyListPop .buyListPopTop {display:block;width:250px;height:15px;background:url(../../images/lms_pop_top_bg.png) no-repeat 0 0;}
#newLms .buyList .buyListPop .buyListPopBtm {display:block;width:250px;height:10px;background:url(../../images/lms_pop_btm_bg.png) no-repeat 0 0;}
#newLms .buyList .buyListPop .buyListPopCont {width:228px;height:auto;padding:0 10px;background:#f4f4f4;border:1px solid #e1e1e1;border-top:0;border-bottom:0;}
#newLms .buyList .buyListPop .buyPopClose {display:inline-block;position:absolute;cursor:pointer;color:#8b8b8b;top:9px;right:-15px;font-size:12px;}
#newLms .buyList .buyListPop .buyPopClose:hover {text-decoration:underline;}
#newLms .buyList .buyListPop ul li {padding-bottom:5px;border-bottom:1px solid #fff;}
#newLms .buyList .buyListPop ul li:last-child {border:none;}

#newLms .courBgWrap {width:100%;padding-bottom:70px;text-align:center;background:#f9f9f9;overflow:hidden;}

#newLms .courWrap {padding:1% 0;}
/*#newLms .courWrap .courTitle {background:#fff url("../../images/main_my_info_box_btn.png") no-repeat scroll 125px 2px; width:120px; height:30px; border:1px solid #d7d7d7;border-radius:3px; padding:2px 10px; color:#a6a6a6; text-align:left; cursor:pointer;line-height:30px}*/
/*#newLms .courWrap .courTitle.active {background:#fff url("../../images/main_my_info_box_btn.png") no-repeat scroll 125px -28px;border-bottom:0;height:31px;border-radius:3px 3px 0 0;}*/
/*#newLms .courWrap .courSel {z-index:1;position:absolute;background:#f9f9f9; border:1px solid #d7d7d7; border-radius:0 0 3px 3px;border-top:none; display:none}
#newLms .courWrap .courSel a {width:120px; display:inline-block; color:#a6a6a6;padding:5px 10px;}
#newLms .courWrap .courSel a:hover {background:#c0c0c0;color:#fff;}*/
#newLms .courWrap .courSel {display:inline-block;margin-right:10px;background:#f9f9f9; padding:5px 3px;border:1px solid #d7d7d7; border-radius:0 0 3px 3px;font-family:"Noto Sans Regular";text-align:left; line-height:25px;background:#fff;}
#newLms .courWrap .latest {display:inline-block;}
#newLms .courWrap .latest a {color:#49b1ec;text-decoration:underline;}

#newLms .contAreaWrap {position:relative;width:1000px;display:inline-block;font-size:0;vertical-align:top;}
#newLms .contArea, #newLms .lmsCourseArea {background:#e5e5e5;width:730px;min-height:500px;margin-right:10px;padding:50px 10px;display:inline-block;text-align:center;}
#newLms .contTitle {display:block;border-left:3px solid #1f84cb;padding-left:5px;margin:0 0 10px 5px;text-align:left;font-size:15px;}
#newLms .contTitle.cnTitle {border-left:3px solid #e21117;margin-top:20px;}
#newLms .contAreaWrap .contArea div:nth-of-type(3),
#newLms .contAreaWrap .contArea div:nth-of-type(5) {margin-top:40px;border-left:3px solid #e21117;}
#newLms .contList {text-align:left;}
#newLms .contList li {display:inline-block;margin:6.5px;background:#fff;font-size:15px;width:230px;text-align:left;box-sizing:border-box;}
#newLms .contList li p first-child {height:auto;}
#newLms .contList li p img {width:100%;}
#newLms .contList .noRmg {margin-right:0px;}
#newLms .contProce {height:5px;margin:5px 2%;background:#e6e6e6;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
#newLms .contProce.detail {width:200px;margin:15px 0 0;}
#newLms .contProce p {background:#1a97e5;height:100%;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
#newLms .contProce .proc {width:80%;}
#newLms .contProce .proc100 {width:100%;border-radius:2px;-webkit-border-radius:2px;-moz-radius:2px;}
#newLms .contProceTxt {margin:0 2% 15px;font-size:12px;color:#b6b6b6;}
#newLms .contProceTxt span {color:#000;}
#newLms .noClassTxt {font-size:14px;padding:10px 0 0 12px;}

#newLms .lmsCourseArea .lmsCourseNoti {font-size:18px;padding:30px 0 50px;}
#newLms .lmsCourseArea .lmsCourseNoti span {font-weight:bold;color:red;padding-right:10px;}
#newLms .lmsCourseArea .lmsCourse {position:relative;background:#fff;text-align:left;vertical-align:top;border:1px solid #e5e5e5;width:100%;margin-bottom:10px;}
#newLms .lmsCourseArea .lmsCourse  span {display:inline-block;margin-right:30px;}
#newLms .lmsCourseArea .lmsCourse .lmsCourseTitle {font-size:18px;color:#222;font-weight:bold;vertical-align:top;line-height:35px;}
#newLms .lmsCourseArea .lmsCourse p {display:inline-block;color:#666;font-size:14px;vertical-align:top;padding-top:8px;}
#newLms .lmsCourseArea .lmsCourseArr {position:absolute;top:30px;right:0;}

#newLms .notice {display:inline-block;font-size:0;vertical-align:top;}
#newLms #news_tab {width:238px;background:#f9f9f9;border:1px solid #e8e8e8;text-align:left;border-top:0px;display:inline-block;float:inherit;vertical-align:top;}
/*#newLms .news_tab .notiActWrap {background:#fff;}*/
/*#newLms .news_tab .notiDeactWrap {background:#e6e6e6;}*/
#newLms #news_tab .news_tab-links {width:100%;}
#newLms #news_tab .news_tab-links li {background:#e6e6e6;border-bottom:3px solid #e6e6e6;position:relative;display:inline-block;width:50%;height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#e6e6e6;margin:0;color:#acacac;border-bottom:3px solid #e6e6e6;font-size:14px;box-sizing:border-box;}
#newLms #news_tab .news_tab-links li a {color:#b8b8b8;}
#newLms #news_tab .news_tab-links .active {background:#fff;border-bottom:3px solid #1f84cb;}
#newLms #news_tab .news_tab-links .active a {color:#24373e;}
#newLms #news_tab .news_tab-links li .num #message_num {position:absolute;top:9px;right:13px;font-size:0;display:inline-block;width:7px;height:7px;background:url(../../images/redDot.png) no-repeat 0 0;}

#newLms #news_content_box {position:absolute;right:0;top:40px;border:1px solid #e8e8e8;border-top:0;border-bottom:0;width:238px;display:inline-block;float:inherit;vertical-align:top;}
#newLms #news_content_box div {font-size:13px;}
#newLms .info {text-align:left;font-size:15px;}
#newLms .info div {padding:10px;background:#fff;border-bottom:1px solid #e8e8e8;}
#newLms .info p a {color:#585858;}
#newLms .info .notiSmDate {font-size:12px;color:#b5b5b5;}

#newLms #news_content_box #tab2 {display:none;}
#newLms #news_content_box .slide {width:238px;height:40px;line-height:40px;vertical-align:middle;background:#fff;border-bottom:1px solid #919191;box-sizing:border-box;}
#newLms #news_content_box .slide p {display:inline-block;}
#newLms #news_content_box .nPrev:after,  #newLms .nNext:after{content:" ";clear:both;}
#newLms #news_content_box .num a {color:#a7a7a7;width:20px;padding:0 10px;height:auto;}
#newLms #news_content_box .num a:hover {color:#1a97e5;}
#newLms #news_content_box .num .pageOn {color:#1a97e5;}
#newLms #news_content_box .nPrev, #newLms #news_content_box .nNext {float:none;display:inline-block;vertical-align:middle;margin-bottom:3px;}
#newLms #news_content_box .nPrev {margin-right:80px;}
#newLms #news_content_box .nNext {margin-left:80px;}
#newLms #news_content_box .nPrev .lms_msgL {display:inline-block;width:12px;height:20px;background:url(../../images/lms_msgL_off.png) no-repeat 0 0;}
#newLms #news_content_box .nPrev .lms_msgL:hover {background:url(../../images/lms_msgL_on.png) no-repeat 0 0;}
#newLms #news_content_box .nNext .lms_msgR {display:inline-block;width:12px;height:20px;background:url(../../images/lms_msgR_off.png) no-repeat 0 0;}
#newLms #news_content_box .nNext .lms_msgR:hover {background:url(../../images/lms_msgR_on.png) no-repeat 0 0;}

#newLms .topWrap {position:relative;}
#newLms .topWrap .contMainImg {display:inline-block;width:250px;}
#newLms .topWrap .contMainImg img {width:100%;}
#newLms .topWrap .contTopTxtArea {display:inline-block;width:560px;margin-left:20px;font-size:20px;vertical-align:top;color:#292929;}
#newLms .topWrap .contTopTxtArea .contTopTitle {color:#000;}
#newLms .topWrap .contTopTxtArea .contTopTitle span {color:#d02f32;padding-left:20px;}
#newLms .topWrap .contTopTxtArea .contTopTxt {font-family:"Noto Sans Light", sans-serif;color:#8a8a8a;font-size:14px;}
#newLms .topWrap .contTopTxtArea .contTopStatus {margin-left:10px;color:#2b2b2b;font-size:12px;}
#newLms .noMg {margin:0;}
#newLms .topWrap .backBtn {padding:5px 0;color:#444;display:inline-block;}
#newLms .topWrap .backBtn a {text-decoration:underline;}

#newLms .contAreaWrap .contArea2 {width:500px;height:100%;margin-right:10px;display:inline-block;text-align:center;background:#e6e6e6;}

#newLms .contLecList {width:100%;}
#newLms .contLecList li, #newLms .contLecTitle {line-height:25px;vertical-align:middle;background:#fff;color:#797979;border-bottom:1px solid #c6c6c6;text-align:left;padding:10px;font-size:14px;}
#newLms .contLecList li {cursor:pointer;position:relative;}
#newLms .contLecList li:last-child {border-bottom:0;}
#newLms .contLecTitle {background:#e6e6e6;color:#2b2b2b;border-bottom:0;padding:5px 10px;}

#newLms .contLecIco {display:inline-block;margin-right:5px;margin-bottom:3px;width:15px;height:15px;vertical-align:middle;}
#newLms .contLecIco.proc00 {background:url(../../images/lms_contLecIco_00.png) no-repeat 0 0;}
#newLms .contLecIco.proc50 {background:url(../../images/lms_contLecIco_50.png) no-repeat 0 0;}
#newLms .contLecIco.proc100 {background:url(../../images/lms_contLecIco_100.png) no-repeat 0 0;}
#newLms .contLecIco2 {display:inline-block;position:absolute;left:470px;bottom:8px;width:20px;height:25px;}
#newLms .contLecIco2.lock {background:url(../../images/lms_contLecIco_lock.png) no-repeat 0 0 / 85% auto;}
#newLms .lockPopArr {background:url(../../images/lms_lockPop_arr.png) no-repeat 0 0;width:4px;height:7px;position:absolute;left:-4px;top:10px;}
#newLms .lockPop {display:none;position:absolute;top:-3px;right:-100px;z-index:1;height:24px;line-height:24px;vertical-align:middle;background:#808080;padding:2px 9px 2px 5px;border-radius:3px;color:#fff;font-size:12px;font-family:"Noto Sans Light";}
#newLms .contLecBuy {display:inline-block;padding:0 15px;background:#dadada;color:#575757;position:absolute;left:365px;bottom:10px;font-size:12px;font-weight:bold;}

#newLms .procWrap {display:inline-block;font-size:0;vertical-align:top;width:490px;height:100%;}
#newLms .procArea {height:auto;text-align:left;background:#fff;font-size:14px;}
#newLms .procTitle {padding:10px;background:#5d5d5d;font-size:14px;color:#fff;}
#newLms .procCont {margin:5px 0;padding:15px 10px 10px;color:#7e7e7e;font-size:12px;box-sizing:border-box;outline:1px solid #e6e6e6; position:relative;}
#newLms .procSubTitle {display:inline-block;font-weight:bold;color:#555;font-size:14px;margin-bottom:10px;}
#newLms .procStudyLeft {display:inline-block; width:16px; height:16px; position:absolute; left:148px; top:50px; background:url('../../images/mycourses/btn_left_active.png') no-repeat; z-index:999;} /* 학습완료 그래프 버튼 추가_160115 */
#newLms .leftNone {background:url('../../images/mycourses/btn_left_none.png') no-repeat !important;}
#newLms .procStudyRight {display:inline-block; width:16px; height:16px; position:absolute; left:313px; top:50px; background:url('../../images/mycourses/btn_right_active.png') no-repeat; z-index:999;}
#newLms .rightNone {background:url('../../images/mycourses/btn_right_none.png') no-repeat !important;}
#newLms .procVoca {margin:0 0 10px;}
/*#newLms .procGraphBg {margin:0 0 20px;width:100%;height:25px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#d2d2d2;}*/
#newLms .procGraphBg {position:relative;margin:0 0 20px;width:100%;height:25px;background:#d8d8d8;}
#newLms .procGraphBg>div {display:inline-block;float:left;font-size:12px;color:#1a1a1a;}
#newLms .procGraphBg div span {display:inline-block;padding-left:5px;padding-top:2px;}
#newLms .procGraph, #newLms .procGraphTxt {height:100%;}
/*#newLms .procGraph.doVoca {border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;}*/
/*#newLms .procGraph.doneVoca {border-radius:0;}*/
#newLms .procGraph.org {background:#ffa518;}
#newLms .procGraph.blu {background:#ffdd1e;}
/* 아는 단어 100%일 경우 .all 추가 */
#newLms .procGraphBg .doneVoca.all {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:100%;}

#newLms .graphPop {position:absolute;bottom:22px;width:135px;height:110px;margin:0 auto;background:url(../../images/word_pop_bg.png) no-repeat 0 0;display:none;text-align:center;}
#newLms .popTxt {display:block;padding:30px 0;}
#newLms .graphPop .popTxt p {font-size:16px;}

/*  151120 - LMS 개선 설명 팝업 start   */

#lms_pop {display:none;padding:0;margin:0;overflow:hidden;border:0;z-index:99999;}
#lms_pop .popHeader {position:relative;width:900px;height:54px;background:#191919;margin:0 auto;}
#lms_pop .headerTxt1 {font-size:17px;font-weight:bold;color:#8d8d8d;position:absolute;left:20px;}
#lms_pop .headerTxt1 .blu {color:#0a84c3;}
#lms_pop .headerTxt1 .fff {color:#fff;}
#lms_pop .headerTxt2 {color:#fff;width:900px;font-size:17px;font-weight:bold;text-align:center;padding-top:10px;margin:0;}
#lms_pop .headerTxt2 .bluLine {display:inline-block;padding:8px 5px;border-bottom:4px solid #0490d4;}
#lms_pop .chkBox	{z-index:99;color:#6f6f6f;font-size:16px;font-weight:bold;position:absolute;top:0;right:-40px;padding-right:50px;height:54px;vertical-align: middle;line-height: 54px;margin: 0;}
#lms_pop .popClose {display:inline-block;height:auto;width:22px;vertical-align:middle;margin:15px 5px 0 10px;}
#lms_pop .sliderWrap {height:530px;clear:both;position:relative;text-align: center;}

/*  151120 - LMS 개선 설명 팝업 end   */