#pop_container{position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/c_img/common/dark_bg.png'); z-index:10000;}
.main_layer_pop{border-top:8px solid #9a4bb6; background-color:#FFFFFF;}
.main_layer_pop .cont{padding:20px; background-color:#FFFFFF;}
.main_layer_pop .pop_top{position:relative; padding:20px; border-bottom:1px solid #dddddd;}
.main_layer_pop .pop_top .btn_close{position:absolute; top:23px; right:23px;}
.pop_chk{padding-top:10px; text-align:right; color:#bfbfbf;}

#content .main_cont:after{display:block;clear:both;content:''}
#content .main_cont > div{position:relative; float:left;}
#content .main_cont > div .cont{position:relative; padding:20px;}
#content .m_w01{width:50%;}
#content .m_w02{width:25%;}
#content .main_cont .m_box01{overflow:hidden;background-repeat:repeat-y; background-position:right top;}
#content .main_cont .m_box01 .cont{position:relative; padding:26px 10px 20px;}
#content .main_cont .m_box01 .cont h2{font-size:18px; line-height:100%; color:#2a2d30;}
#content .main_cont .m_box01 .cont .btn_more{position:absolute; top:25px; right:15px;}
.r_txt{position:absolute; top:20px; right:20px; font-size:11px; color:#989898;}

#main_quick_link{display:flex;height:178px;margin-top:14px;border:1px solid #e1e1e1;box-sizing:border-box;}
#main_quick_link ul{overflow:hidden;height:100%;list-style-type:none;}
#main_quick_link ul.list_type_01{display:flex;justify-content:center;width:300px;padding:25px 0;box-sizing:border-box}
#main_quick_link ul.list_type_01 li{height:100%;}
#main_quick_link ul.list_type_01 li a{padding:0 24px;}
#main_quick_link li a{display:block;height:100%;background: url(/c_img/ico/c_main_icon01.png) no-repeat 50% 0; text-align:center;}
#main_quick_link ul li.ico02 a{background: url(/c_img/ico/c_main_icon02.png) no-repeat 50% 0}
#main_quick_link ul li.ico03 a{background: url(/c_img/ico/c_main_icon03.png) no-repeat 50% 0}
#main_quick_link ul li.ico04 a{text-align:left;background: url(/c_img/ico/c_main_icon04.png) no-repeat right -15px top 0}
#main_quick_link ul li.ico05 a{background: url(https://pic.neungyule.com/lms_nelab/img/common/c_main_icon05.png) no-repeat 50% 0}
#main_quick_link ul.list_type_01 li a span{display:inline-block; padding-top:90px; color:#5e5e5e;font-size:13px;}
#main_quick_link ul.list_type_01 li a span.purple {color:#803594;font-weight:bold;}
#main_quick_link ul.list_type_02{display:flex;flex-direction:column;width:calc(100% - 300px);border-left:1px solid #e1e1e1;}
#main_quick_link ul.list_type_02 li{height:50%}
#main_quick_link ul.list_type_02 li.ico04 a{display:flex;align-items:center;padding:0 20px;font-size:13px;color:#5e5e5e}
#main_quick_link ul.list_type_02 li.ico06 a{display:flex;align-items:center;justify-content:center;background:#9843ae}
#main_quick_link ul.list_type_02 li.ico06 a img{width:100%}


/* 퀵추가 20180411 */
#content .main_cont .v_box01{overflow:hidden;height:178px;background-repeat:repeat-y; background-position:right top;background:#fff;padding:25px 0px;top:12px;box-sizing:border-box;}
#content .main_cont .v_box02{overflow:hidden;background-repeat:repeat-y; background-position:right top;top:10px;}

#main_quick_link01{height:40px;padding:20px 0px ;left:3%}
#main_quick_link01 ul{width:100%; list-style-type:none;overflow:hidden;}
#main_quick_link01 ul li{float:left; width:33.33%;repeat-y left top;}
#main_quick_link01 ul li:first-child{background:url('');}
#main_quick_link01 ul li a{display:block; background-image:url('/c_img/ico/ico_main01.png'); background-repeat:no-repeat; background-position:left 15px ; }
#main_quick_link01 ul li.ico02 a{background-position:-170px 15px;}
#main_quick_link01 ul li.ico03 a{background-position:-346px 15px;}
#main_quick_link01 ul li a span{display:inline-block; padding:20px 30px;width:100%;color:#5e5e5e;font-size:14px;box-sizing:border-box;}


/* 공지사항 20180411 */

.not_box01{overflow:hidden;background:#f2f4f5; padding:25px 30px 30px 30px;top:10px;margin-bottom:30px ;height:40px;}
.not_box01 .ico01{height:40px;padding:10px; float:left;vertical-align:middle;background-image:url('/c_img/ico/ico_not.png'); background-repeat:no-repeat; background-position:5px 2px ;}

#main_quick_link_not  ul{width:100%; list-style-type:none;}
#main_quick_link_not  ul li{float:left; repeat-y left top;display:block;}
#main_quick_link_not  ul li a {color:#5e5e5e;font-size:13px;display:block; padding:5px ;vertical-align:text-top;white-space:nowrap;text-overflow:ellipsis;width:90%;box-sizing:border-box;overflow:hidden;}
#main_quick_link_not  ul li a span{font-size:10px;}
#main_quick_link_not  ul li h2 {font-size:18px;color:#545454;padding-left:48px;}


/* 나의 학습 정보 */
#learning_info{height:450px; }
#learning_info .cont .ico{position:absolute; top:28px; right:45px; width:77px; height:77px; background:url('/c_img/ico/ico_01.png') no-repeat;}
#learning_info .cont .cont01{width:100%; margin-top:17px;}
#learning_info .cont .tx_tg{width:67%; margin-left:120px;color:#777;font-size:12px;text-overflow:ellipsis;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;line-height:22px;height:88px;padding-bottom:5px;}
#learning_info .cont .cont01:after{display:block;clear:both;content:''}
#learning_info .cont .cont01 p.img{float:left; width:98px; margin-right:15px; text-align:center;}
#learning_info .cont .cont01 .list{float:left; width:200px;}
#learning_info .cont .cont01 .list:after{display:block;clear:both;content:''}
#learning_info .cont .cont01 .list dt, #learning_info .cont01 .list dd{ height:24px; font-size:14px; line-height:24px;}
#learning_info .cont .cont01 .list dt{float:left;width:80px; color:#333333; padding-left:8px; background:url('/c_img/ico/ico_arrow01.png') no-repeat 0px 9px;}
#learning_info .cont .cont01 .list p.tta {width:80px; color:#333333; padding-left:8px; background:url('/c_img/ico/ico_arrow01.png') no-repeat 0px 9px;height:24px; font-size:14px; line-height:24px;}
#learning_info .cont .cont01 .list dd{width:112px; color:#777777;}
#learning_info  .cont02{/*margin-top:38px;*/overflow:hidden;margin-top:20px; width:104%;}
#learning_info  .cont02 h3, #learning_info .cont02 p{display:block; float:left;}
#learning_info  .cont02 h3{width:25%; line-height:42px;}
#learning_info  .cont02 p{overflow:hidden; position:relative; width:35.2%; height:42px; margin-right:1%; border:1px solid #464646;padding:0 10px;box-sizing:border-box;line-height:42px;}
#learning_info  .cont02 p b{margin-right:5%; color:#333333;}
#learning_info  .cont02 p span{color:#777777;}

/*
#learning_info  .cont02 p a{display:none; position:absolute; top:0px; left:0px; width:100%; line-height:42px;}
#learning_info  .cont02 p a:first-child{display:block; padding:0px 10px; z-index:900;}
#learning_info  .cont02 p a:first-child b{margin-right:5%; color:#333333;}
#learning_info  .cont02 p a:first-child span{color:#777777;}
#learning_info  .cont02 p a.on{width:100%; padding:0px; font-size:15px; text-align:center; background:#8f25ab; z-index:1000;}
#learning_info  .cont02 p a.on b{display:inline; color:#ffffff;}
*/
#learning_info  .cont02 p:hover a{display:block;}
#learning_info  .cont02 p a b{color:#333333;}
#learning_info  .cont02 p a span{color:#777777}
#learning_info  .cont02 p.p_last{margin-right:0%;}

/* 월별 주요일정 */ 
#main_schedule{height:327px; border-bottom:1px solid #dddddd; background:url('/c_img/common/gray_bg.gif') repeat-y right top #eeedee;}
#main_schedule .cont .ico{position:absolute; top:25px; right:25px; width:73px; height:72px; background:url('/c_img/ico/ico_02.png') no-repeat;}
#main_schedule .caendar{float:left; width:58.536%; margin-top:32px;}

.caendar .top_date{position:relative; width:100%; background:#2f2a30; height:29px; line-height:26px; text-align:center; }
.caendar .top_date .t_img{display:block; position:absolute; top:-6px; width:5px; height:15px; background:url('/c_img/common/caendar_t_img.gif') no-repeat;}
.caendar .top_date .t_img.left_img{left:20px;}
.caendar .top_date .t_img.right_img{right:20px;}
.caendar .top_date a.btn{display:inline-block; width:12px; height:16px; line-height:26px; vertical-align:middle; background-image:url('/c_img/common/caendar_btn.png'); background-repeat:no-repeat; background-position:4px 5px;}
.caendar .top_date a.btn.btn_next{background-position:-100px 5px;}
.caendar .top_date span{display:inline-block; width:80px; line-height:26px; font-family:Tahoma,Geneva,verdana,sans-serif; font-weight:bold; vertical-align:middle;}
.caendar .table_cont{padding:2px 10px 10px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;  border-bottom:1px solid #c2c2c2;background:#f9f9f9;}
.caendar .mini_caendar_table{width:100%;}
.caendar .mini_caendar_table th, .caendar .mini_caendar_table td{font-size:11px; font-family:Tahoma,Geneva,verdana,sans-serif; text-align:center;}
.caendar .mini_caendar_table th{color:#333333; border-bottom:1px solid #898989; line-height:27px;}
.caendar .mini_caendar_table td, .caendar .mini_caendar_table td a{color:#aaaaaa; line-height:21px;}
.mini_caendar_table td.c_date {background:url('/c_img/common/bg_cur.png') no-repeat center; color:#ffffff;} 
/* .mini_caendar_table td.w_day {background:url('/c_img/common/bg_cur.png') no-repeat center; color:#ffffff;} */
.caendar .mini_caendar_table tbody tr:first-child td{padding-top:4px;}

#main_schedule .schedule_list{overflow:hidden; float:right; width:37.56%; margin-top:32px;}
#main_schedule .schedule_list h3{margin:3px 0px 15px; border:1px solid #9a53cd; font-size:13px; color:#8f25ab; line-height:23px; background:#ffffff; text-align:center;}
#main_schedule .schedule_list dl{width:240px; margin-left:8px;}
#main_schedule .schedule_list dl:after{display:block;clear:both;content:''}
#main_schedule .schedule_list dl dt, #main_schedule .schedule_list dl dd{float:left;}
#main_schedule .schedule_list dl dt{width:35px; padding-left:8px; background:url('/c_img/ico/ico_arrow01.png') no-repeat 0px 10px;}
#main_schedule .schedule_list dl dd{width:180px;}
#main_schedule .schedule_list dl dt, #main_schedule .schedule_list dl dt a{color:#333333; line-height:25px;}
#main_schedule .schedule_list dl dd, #main_schedule .schedule_list dl dd a{color:#777777; line-height:25px;}

/* 팝업창 */
.calendar_cont1 .pop1{display:none; position:absolute; z-index:1000; top:146px; left:50px; border:1px solid #9a7da2; background-color:#FFFFFF;}
.calendar_cont1 .pop1 .btn_close{position:absolute; top:6px; right:6px;}
.calendar_cont1 .pop1 .cont1{padding:22px 16px 16px;}


#pop_preview{z-index:10000; width:310px;}
#pop_preview .title {display:inline-block; margin-bottom:10px; color:#404040; line-height:15px;}
#pop_preview .title .schedule_color{display:inline-block; width:10px; height:10px; margin-right:7px; line-height:15px;}
#pop_preview dl{width:100%;}
#pop_preview dl:after{display:block;clear:both;content:''}
#pop_preview dl dt,#pop_preview dl dd{display:block; float:left; line-height:18px;}
#pop_preview dl dt{width:35px; padding-left:10px; background:url('../../img/ico/ico_dot01.gif') no-repeat 0px 7px;}
#pop_preview dl dd{width:230px;}

.c01{color:#ff0000}
.c02{color:#333333;}
.c18{color:#ffffff; }

/* 나의 학습목표 */
#learning_objective{height:210px;}
#learning_objective p{overflow:hidden; height:120px;}
#learning_objective p, #learning_objective p a{color:#777777; line-height:20px;}
#learning_objective p{margin-top:15px;}


/* 주요표현 */
#main_expression{height:210px; background-color:#f8f6e4;}
#main_expression .cont p{overflow:hidden; height:120px;}
#main_expression .cont p ,#main_expression .cont p a{color:#777777; line-height:25px;}
#main_expression .cont p{height:126px; padding-left:25px; padding-right:10px; margin-top:17px; color:#777777; background:url('/c_img/index/note_bg.gif') no-repeat;}

/* 출석,귀가 및 평가예정일 ,지난평가결과 */ 
#m_cont01{overflow:hidden; height:211px;}
#m_cont01 .m_box01{float:left;}

#attendance{}
#attendance .list_cont{height:30px; padding: 16px 0px 0px 14%; background:url('/c_img/ico/ico_clock.png') no-repeat 25px 12px #8f25ab;}
#attendance .list_cont dl:first-child{margin-right:8%;}
#attendance .list_cont dl, #attendance .list_cont dt,#attendance .list_cont dd{float:left; color:#ffffff;}
#attendance .list_cont dt{margin-right:12px;}
#attendance .list_cont dd{font-size:11px; font-family:Tahoma,Geneva,verdana,sans-serif; color:#debee6; }

#evaluation_date{height:164px;}
#evaluation_date div.date{height:70px; margin-top:18px;text-align:center;}
#evaluation_date div.date:after{display:block;clear:both;content:'';}
#evaluation_date div.date p{float:left; width:46%; text-align:center;}
#evaluation_date div.date p .c_bg{display:inline-block; width:44px; height:50px; line-height:50px; background:url('/c_img/common/bg_calendar.png');}
#evaluation_date div.date p .c_bg b{display:inline-block; padding-top:6px; font-size:19px; font-family:Tahoma,Geneva,verdana,sans-serif; color:#8f25ab; line-height:50px;}
#evaluation_date div.date p .txt{display:inline-block; height:50px; padding-top:15px; padding-left:8%; line-height:30px; vertical-align:top;}


#evaluation_result{overflow:visible !important; height:164px;}
#evaluation_result .result p{float:left; width:40%; margin:20px 5% 0px 5%; text-align:center;}
#evaluation_result .result p > b{display:block; width:100%; font-size:19px; line-height:34px;}
#evaluation_result .result p.c_color > b{display:block; color:#2a2d30;}
#evaluation_result .result p span{display:block; height:35px; padding-left:10px; line-height:35px;}
#evaluation_result .result p span b{display:block; padding-right:10px;}
#evaluation_result .result p.c_color span{background:url('/c_img/index/result_bg01.png') no-repeat left top;}
#evaluation_result .result p.c_color span b{color:#8f25ab; background:url('/c_img/index/result_bg01.png') no-repeat right top;}
#evaluation_result .result p.c_gray span{background:url('/c_img/index/result_bg02.png') no-repeat left top;}
#evaluation_result .result p.c_gray span b{background:url('/c_img/index/result_bg02.png') no-repeat right top;}

#board_data{height:225px;}
#board_notice{height:127px;}

/* title */
.m_title01{margin-top:6px; font-size:28px; line-height:60px; color:#2a2d30; background:url('/c_img/index/title_bg01.gif') no-repeat left bottom;}
.m_title02{font-size:18px; line-height:100%; color:#8f25ab;}
.m_title03{font-size:18px; line-height:100%; color:#8f25ab;}

@media all and (max-width:999px) {
	#main_quick_link ul.list_type_01 li a{padding:0 6px}
}