/* 강의 목록 */
#courseinfo {}
#courseinfo .list-group-item {padding:7px 7px;}
#courseinfo .list-group-item-cat {background-color: #f8f8f8;}
#courseinfo .header {}
#courseinfo .header .info {min-height:30px; line-height:30px; vertical-align: middle;}
#courseinfo .content {padding-left:95px;}
#courseinfo .content_img {float:left;}
#courseinfo .content_img img {width:85px; height:65px;}
#courseinfo .line {border-bottom:#E6E6E6 solid 1px;}
#courseinfo .sbj {font-weight:bold;padding-top:5px;}
#courseinfo .sbj .new {font:normal 11px arial;color: #ff0000;}
#courseinfo .desc {padding-top:5px; color:#999;}
#courseinfo .none {width:100%; line-height:30px; vertical-align:middle; text-align:center;}
#courseinfo .buttons {margin:20px 0; text-align:center;}
#courseinfo .buttons .left-side {float:left; text-align:left;}
#courseinfo .buttons .right-side {float:right; text-align:right;}
#courseinfo .buttons .pagebox01 {margin:-25px 0 0 0; padding: 0 165px;}
#courseinfo .searchform {padding:20px 0 0 0; text-align:center; vertical-align:middle; line-height:32px;}
#courseinfo .searchform select {display:inline-block;max-width:120px;}
#courseinfo .searchform .input-search {display:inline-block;max-width:210px;}

/* 강의 상세 */
#course_view {margin:auto;padding:0 0 30px 0;}
#course_view .view_info1 {padding:0 0 20px 0;border-bottom:1px solid #DDDDDD;}
#course_view .view_info1 .c_img {text-align:left;}
#course_view .view_info1 .c_img img {width:100%; min-width:100%; max-width:400px; padding:10px 0 10px 0;}
#course_view .view_info1 .c_img iframe {max-width:100%; max-height:100%; padding:10px 0 0 0;}
#course_view .view_info1 .c_subject {padding:10px 0; font-weight:bold;font-size:14px;}
#course_view .view_info1 .c_price {height:25px; padding:3px 0;}
#course_view .view_info1 .c_point {height:25px; padding:3px 0;}
#course_view .view_info1 .c_time {height:25px; padding:3px 0;}
#course_view .view_info1 .c_button {display:table; width:100%;}
#course_view .view_info1 .c_button_list {display:table-cell; height:40px; vertical-align:bottom; text-align:left;}
#course_view .view_info1 .tag {padding:20px 0 0 0;}
#course_view .view_info1 .tag a {font-family:dotum;color:#222;}
#course_view .view_info1 .tag a:hover {text-decoration:underline;}
#course_view .view_info2 .sub_tit {height:30px;padding:10px 0;border-bottom:#ddd solid 1px;}
#course_view .view_info2 .sub_tit h5 {font-size:120%;color:#63696D;font-weight:bold;}
#course_view .view_info2 .sub_content {padding:20px 10px 20px 10px; min-height:100px;}
#course_view .view_info2 .fb {padding:10px 0; text-align:left;}
#course_view .view_info2 .chapter {padding:10px 0; margin:0;}
#course_view .view_info2 .chapter h6 {padding:0;margin:0;font-size:120%;color:#63696D;font-weight:bold;}
#course_view .view_info2 .chapter .subject {font-weight:bold;} 
#course_view .view_info2 .chapter .table tr td {padding:10px;}
#course_view .view_info2 .chapter .td1 {width:10%; min-width:50px; max-width:50px; text-align:center;}
#course_view .view_info2 .chapter .td2 {width:90%; text-align:left; font-weight:bold;}
#course_view .bottom {padding:10px 0 10px 0;text-align:right;}
#course_view #chapter .dis {width:100%;height:150px;text-align:center;line-height:1.5em;padding:20px;}

/* 나의학습현황 목록 */
#mycourseinfo {}
#mycourseinfo .list-group-item {padding:7px;}
#mycourseinfo .list-group-item-cat {background-color: #f8f8f8;}
#mycourseinfo .header {}
#mycourseinfo .header .info {min-height:30px; line-height:30px; vertical-align: middle;}
#mycourseinfo .content {padding-left:95px;}
#mycourseinfo .content_img {float:left;}
#mycourseinfo .content_img img {width:85px; height:65px;}
#mycourseinfo .sbj {padding-top:3px; font-weight:bold;}
#mycourseinfo .desc {padding-top:3px; color:#999;}
#mycourseinfo .none {line-height:30px; vertical-align:middle; text-align:center;}
#mycourseinfo .buttons {margin:20px 0; text-align:center;}
#mycourseinfo .buttons .left-side {float:left; text-align:left;}
#mycourseinfo .buttons .right-side {float:right; text-align:right;}
#mycourseinfo .buttons .pagebox01 {margin:15px 0 0 0;}
#mycourseinfo .searchform {padding:20px 0 0 0; text-align:center; vertical-align:middle; line-height:32px;}
#mycourseinfo .searchform select {display:inline-block;max-width:100px;}
#mycourseinfo .searchform .input-search {display:inline-block;max-width:210px;}

/* 수강신청조회 목록 */
#mycoursecancel {}
#mycoursecancel .item_list {margin:10px 0 0 0; min-width:300px;}
#mycoursecancel .item_list .td1 {width:85px; text-align:center;}
#mycoursecancel .item_list .td1 img {width:85px;height:65px;}
#mycoursecancel .item_list .td2 {text-align:left;}
#mycoursecancel .item_list .td3 {width:80px;}
#mycoursecancel .item_list .subject {font-size:14px;font-weight:bold;}
#mycoursecancel .item_list .none {width:100%;text-align:center;padding:11px;}
#mycoursecancel .item_list .desc {padding-top:3px; color:#999;}
#mycoursecancel .item_list .btn {min-width:70px;}
#mycoursecancel .buttons {margin:20px 0; text-align:center;}
#mycoursecancel .buttons .left-side {float:left; text-align:left;}
#mycoursecancel .buttons .right-side {float:right; text-align:right;}
#mycoursecancel .buttons .pagebox01 {margin:15px 0 0 0;}
#mycoursecancel .searchform {padding:20px 0 0 0; text-align:center; vertical-align:middle; line-height:32px;}
#mycoursecancel .searchform select {display:inline-block;max-width:100px;}
#mycoursecancel .searchform .input-search {display:inline-block;max-width:210px;}
#mycoursecancel .result_alert {color:red;}
#mycoursecancel .vact_link {color:blue; cursor:pointer;}
#mycoursecancel .vact_info1 {position:relative; z-index:10; display:none;}
#mycoursecancel .vact_info2 {position:absolute; width:230px; height:auto; background-color:#F5F5F5; border:1px solid #DDD; margin:5px 0 0 0; padding:10px; line-height:2em;}
#mycoursecancel .vact_info2 .vact_head {padding-bottom:10px; width:100%;}
#mycoursecancel .vact_info2 .vact_title {font-weight:bold; width:190px; float:left;}
#mycoursecancel .vact_info2 .vact_x {text-align:right; float:left; cursor:pointer;}
#mycoursecancel .plugin_alert {display:block; color:red; padding:0 0 20px 0;}

/* 내강의실 상세 */
#mycourse_view {margin:auto;padding:0 0 30px 0;}
#mycourse_view .font_bold {font-weight:bold;}
#mycourse_view .view_info1 {border-bottom:1px solid #DDDDDD; min-width:300px;}
#mycourse_view .view_info1 .c_img {text-align:left;}
#mycourse_view .view_info1 .c_img img {width:100%; min-width:100%; max-width:400px; padding:10px 0 0 0;}
#mycourse_view .view_info1 .c_img iframe {max-width:100%; max-height:100%; padding:10px 0 0 0;}
#mycourse_view .view_info1 .c_subject {padding:10px 0 5px 0; font-weight:bold;font-size:14px;}
#mycourse_view .view_info1 .c_desc {height:20px; padding:2px 0;}
#mycourse_view .view_info1 .progress {margin:5px 0 10px 0;}
#mycourse_view .view_info1 .well {margin-bottom:10px;}
#mycourse_view .view_info1 .c_button {padding:0 0 10px 0;}
#mycourse_view .view_info2 .sub_tit {height:30px;padding:10px 0 10px 0; min-width:300px;}
#mycourse_view .view_info2 .sub_tit h5 {border-bottom:#ddd solid 1px;padding:0 0 9px 0;margin:0 0 10px 0;font-size:120%;color:#63696D;font-weight:bold;}
#mycourse_view .view_info2 .sub_content {padding:20px 10px 20px 10px; min-height:100px;}
#mycourse_view .view_info2 .fb {padding:10px 0; text-align:left;}
#mycourse_view .view_info2 .chapter {margin:10px 0 0 0; min-width:300px;}
#mycourse_view .view_info2 .chapter .btn {min-width:70px;}
#mycourse_view .view_info2 .chapter .table tr td {padding:5px;}
#mycourse_view .view_info2 .chapter .subject {font-weight:bold;}
#mycourse_view .view_info2 .chapter .td1 {width:8%; min-width:40px; max-width:45px; text-align:center;}
#mycourse_view .view_info2 .chapter .td2 {width:66%; text-align:left; font-weight:bold; line-height:2em;}
#mycourse_view .view_info2 .chapter .td3 {width:12%; min-width:40px; text-align:center;}
#mycourse_view .view_info2 .chapter .td4 {width:14%; min-width:80px; text-align:center;}
#mycourse_view .view_info2 .chapter .chapter_week {color:#898989;}
#mycourse_view .view_info2 .comp_info {margin:10px 0 0 0; min-width:300px;}
#mycourse_view .view_info2 .comp_info .panel-heading {padding:7px;}
#mycourse_view .view_info2 .comp_info .table tr td {padding:7px;text-align:center;}
#mycourse_view .view_info2 .comp_info .subject {font-weight:bold;}
#mycourse_view .bottom {padding:10px 0 10px 0;text-align:right;}
#mycourse_view #chapter .dis {width:100%;height:150px;text-align:center;line-height:1.5em;padding:20px;}

/* 학습창 */
#learning {margin:0;padding:0;width:100%;}
#learning .menubox {position:absolute;z-index:999;top:0;width:100%; background:#464646;border-bottom:#555555 solid 1px;overflow:hidden;}
#learning .menuLeft {float:left;}
#learning .menuLeft ul {margin:0;padding:0;}
#learning .menuLeft li {height:25px;list-style-type:none;float:left;padding:5px 13px 0 13px;border-left:#555555 solid 1px;border-right:#343434 solid 1px;font-family:dotum;color:#CCC;}
#learning .menuLeft li a {color:#CCC;}
#learning .menuLeft li a:hover {color:#FFF;}
#learning .menuLeft li img {margin-bottom:-3px;position:relative;top:-1px;}
#learning .menuRight {float:right;}
#learning .menuRight ul {float:right;margin:0;padding:0;}
#learning .menuRight li {height:25px;float:left;list-style-type:none;padding:5px 13px 0 13px;font-family:dotum;color:#CCC;}
#learning .menuRight li a {color:#CCC;}
#learning .menuRight li a:hover {color:#FFF;}
#learning .menuRight .arrow {border-right:#343434 solid 1px;}
#learning .menuRight .arrow img {padding:8px 10px 15px 10px;margin:4px 0 0 0;}
#learning .lea_contents {position:absolute; width:100%;}
#learning .attach {padding:10px 0 40px 0;line-height:120%;border-top:1px solid #D2D2D2;}
#learning .attach ul {padding:0;margin:0;}
#learning .attach li {list-style-type:none;background:url('../../../../../_core/image/_public/ico_file.gif') left no-repeat;padding:0 0 0 15px;}
#learning .attach li a {font-family:dotum;color:#666;}
#learning .attach li a:hover {text-decoration:underline;}
#learning .attach li .size {font-size:11px;font-family:arial;color:#999;}
#learning .attach li .down {font-size:11px;font-family:arial;color:#333;}
#learning .btn_close {
    position: fixed;
    top: 8px;
    right: 8px;
    text-decoration: none;
    color: #fff;
    padding: 8px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
    background: rgba(0,0,0,0.4);
    z-index: 1000;
    cursor: pointer;
}
#learning .btn_close:hover {background-color: #333;}

/* 평가창 */
#exam_chapter {margin:auto;padding:20px;width:100%;max-width:900px;}
#exam_chapter .title {padding:10px 0 20px 0;font-weight:bold;font-size:14px;}
#exam_chapter .exam_close {padding:10px 0 10px 0;font-size:14px;font-weight:bold;}
#exam_chapter .exam_close span {cursor:pointer;}
#exam_chapter .info {margin-bottom:20px;padding:10px;line-height:1.5em;border:1px #DDD solid;background-color:#F4F4F4;}
#exam_chapter .time {margin-bottom:10px;text-align:right;font-weight:bold;}
#exam_chapter .q_box {width:100%;padding:10px 0 20px 0;border-bottom:1px #D2D2D2 solid;}
#exam_chapter .q_title_box {display:table;width:100%;}
#exam_chapter .q_num {display:table-cell;width:25px;padding:5px 0 5px 0;font-weight:bold;vertical-align:top;line-height:1.5em;}
#exam_chapter .q_title {display:table-cell;padding:5px 0 5px 0;font-weight:bold;vertical-align:top;line-height:1.5em;}
#exam_chapter .q_title_img {padding:5px 0 10px 25px;}
#exam_chapter .q_title_img img {max-width:100%;}
#exam_chapter .q_item_box {display:table;width:100%;padding-top:10px;}
#exam_chapter .q_chk {display:table-cell;min-height:20px;width:40px;padding-left:20px;}
#exam_chapter .q_ans_t1 {display:table-cell;line-height:1.5em;}
#exam_chapter .q_ans_t2 {display:table-cell;padding-left:25px;width:100%;}
#exam_chapter .q_ans_t2 input {width:90%;}
#exam_chapter .q_item_img {margin:5px 0 10px 40px;}
#exam_chapter .q_item_img img {max-width:100%;}
#exam_chapter .ans_box {margin-top:10px;padding:10px;}
#exam_chapter .ans_box .right_ans {padding:0 0 10px 0;line-height:1.5em;}
#exam_chapter .ans_box .right_ans_exp {padding:0;line-height:1.5em;}
#exam_chapter .submit{width:100%;text-align:center;padding:15px 0 40px 0;}
#timeBlock {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; display:none;}
#timeSub  {position:absolute; padding:25px; width:250px; min-width:200px; height:150px; border:2px solid #000; background-color:#FFF; text-align:center; display:none;}

/* 과제창 */
#task {margin:auto;padding:20px;width:100%;max-width:900px;}
#task .title {padding:10px 0 20px 0;font-weight:bold;font-size:14px;}
#task .task_close {padding:10px 0 10px 0;font-size:14px;font-weight:bold;}
#task .task_close span {cursor:pointer;}
#task .info {padding-bottom:5px;color:#666;}
#task .panel-heading {font-weight:bold;}
#task .task_box {border-bottom:1px solid #E0E0E0;}
#task .task_file {padding:15px 0 15px 0;}
#task .task_content {padding-bottom:15px;line-height:1.7em;}
#task .task_tit {padding:10px 0;}
#task .task_send_tit {padding:20px 0 0 0;font-weight:bold;}
#task .task_send_contents {padding:10px 0 20px 0;}
#task .task_send_file {padding:0 0 10px 0;font-weight:bold;}
#task .submit{text-align:center; padding:15px 0 40px 0;}
#task .editbox {padding:15px 0 15px 0;}
#task .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#task .iconbox a {padding:0 3px 0 3px;font-size:11px;font-family:dotum;color:#333;}
#task .iconbox a:hover {color:#7899C7;}
#task .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#task .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}