/* 서브메인 탭메뉴 */
#main_tab {width:100%; height:32px; border-bottom:1px solid #DCDCDC; margin:20px 0 0 0;}
#main_tab ul {list-style:none; padding:0; margin:0;}
#main_tab li {width:25%; height:32px; line-height:30px; float:left; list-style-type:none; padding:0 5px; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; border-left:1px solid #DCDCDC; cursor:pointer; text-align:center;}
#main_tab li:last-child {border-right:1px solid #DCDCDC;}
#main_tab li:hover {background-color:#F4F4F4;}
#main_tab ul .on {height:32px; border:1px solid #E86C36; background-color:#FF8647;}
#main_tab ul .on:hover {background-color:#F06E3B;}
#main_tab ul .on span {color:#FFF; font-weight:bold;}

/* 강의 목록 */
#courseinfo {margin-bottom:30px;}
#courseinfo .top_ban {width:100%; text-align:center; margin:25px 0 20px;}
#courseinfo .top_ban img {width:100%;}
#courseinfo .search_box .search_opt ul,.search_opt li {list-style:none; padding:0; margin:0;}
#courseinfo .search_box .search_opt {margin-bottom:10px; overflow: hidden; border-top:1px solid #DFDFDF; background-color:#FFF;}
#courseinfo .search_box .search_opt ul {float:left; width:100%; border-bottom:1px solid #DFDFDF;}
#courseinfo .search_box .search_opt li {float:left; width:102px; height:30px; font-size:13px; padding:5px 6px;}
#courseinfo .search_box .search_opt label {font-weight:normal; letter-spacing:-0.08em;}
#courseinfo .search_box .search_opt li.search_opt_tit {width:80px; font-weight:bold; text-align:center; background-color:#f9fafb; border-right:1px solid #DFDFDF;}
#courseinfo .catbox {margin:10px 0;}
#courseinfo .catbox .info {padding-top:10px}
#courseinfo .catbox .dropdown-menu {min-width:110px;}
#courseinfo .bestlist {margin:20px 0; padding:8px 10px; background-color:#FFF; border:1px solid #DFDFDF; border-radius:7px;}
#courseinfo .best_tit {font-size:18px; font-weight:bold; padding:3px 0 0 7px;}
#courseinfo .best_tit strong {color:#F27943;}
#courseinfo .picbox_best {width:33.33%; float:left;}
#courseinfo .picbox_best_inner {display:block; margin:10px 7px; border:#dfdfdf solid 1px; border-radius:0px; background-color:#FFF;}
#courseinfo .courselist {padding:0;}
#courseinfo .picbox {width:33.33%; float:left; margin:0 0 25px 0;}
#courseinfo .picbox_inner {display:block; margin:0 7px; border:#dfdfdf solid 1px; border-radius:0px; background-color:#FFF;}
#courseinfo .pic {width:100%; height:143px; overflow:hidden; margin:0 auto; padding:0px; background:#f9f9f9; font-weight:bold; color:#888; line-height:150%; text-align:center;}
#courseinfo .pic img {width:100%; transition: all 0.2s linear;}
#courseinfo .pic:hover img {transform: scale(1.05);}
#courseinfo .sbjx {height:50px; line-height:130%; font-size:110%; font-weight:bold; padding:7px;}
#courseinfo .etc {position:relative; height:22px; line-height:150%; padding:0 7px;}
#courseinfo .etc .btn_preview {position:absolute; top:0; right:7px;}
#courseinfo .etc button {font-size:11px;}
#courseinfo .etc2 {height:27px; line-height:150%; padding:0 7px;}
#courseinfo .pagebox01 {margin:10px 5px; text-align:center;}

/* 강의 상세 */
#course_view {margin:auto;padding:0 0 30px 0;}
#course_view .view_info1 {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #DDDDDD;}
#course_view .view_info1 .c_img {text-align:left;}
#course_view .view_info1 .c_img img {width:100%; max-width:300px; padding:10px 0 10px 0;}
#course_view .view_info1 .c_subject {padding:10px 0 5px 0; font-weight:bold;}
#course_view .view_info1 .c_subject_sub {padding-bottom:10px;}
#course_view .view_info1 .c_label {padding:0 0 15px 0;}
#course_view .view_info1 .c_icon {font-size:11px;}
#course_view .view_info1 .c_price {height:25px; padding-bottom:5px;}
#course_view .view_info1 .c_point {height:25px; padding:5px 0;}
#course_view .view_info1 .c_time {height:25px; padding:5px 0;}
#course_view .view_info1 .c_button {display:table; width:100%;}
#course_view .view_info1 .c_button_list {display:table-cell; height:40px; text-align:right;}
#course_view .view_info1 .c_button_list > button {margin-bottom:5px;}
#course_view .view_info1 .price_org {text-decoration: line-through;}
#course_view .view_info1 .tag {padding:20px 0 0 0;}
#course_view .view_info1 .tag a {color:#222;}
#course_view .view_info1 .tag a:hover {text-decoration:underline;}
#course_view .view_info1 .hr {margin:10px 0 10px 0;}
#course_view .view_info1 .table tr td {padding:7px 5px; border-bottom:1px solid #DDD;}
#course_view .view_info1 .td1 {width:65px;}
#course_view .view_info1 .td2 {width:10px;}
#course_view .view_info1 .td3 {}
#course_view .view_info1 [disabled].btn {opacity:1;}
#course_view .view_info2 .sub_tit {margin:20px 0 10px 0; border-bottom:#ddd solid 1px;}
#course_view .view_info2 .sub_tit h5 {font-size:14pt; font-weight:800;}
#course_view .view_info2 .sub_content {padding-bottom:20px; line-height:1.5em; font-size:15px;}
#course_view .view_info2 .sub_content ul {display:inline-block; margin:10px 0 0 0; padding:0 0 0 20px;}
#course_view .view_info2 .sub_content img {max-width:100%;}
#course_view .view_info2 .spc_info {padding-bottom:20px; min-height:220px;}
#course_view .view_info2 .spc_info img {margin:0 20px 10px 0; max-width:50%;}
#course_view .view_info2 .spc_info button {margin:10px 0 0 0; display:block;}
#course_view .view_info2 .chapter {padding:10px 0; margin:0; clear:both;}
#course_view .view_info2 .chapter h6 {padding:0; margin:0; font-size:120%; font-weight:bold;}
#course_view .view_info2 .chapter .table .td_tit {padding:8px 0 8px 15px;font-weight:bold;background-color:#F5F5F5;}
#course_view .view_info2 .chapter .subject {font-weight:bold;}
#course_view .view_info2 .chapter .chapter_intro {padding:7px 10px 10px 0; margin-top:10px; font-weight:normal; border-top:1px dashed #CCC; display:none;}
#course_view .view_info2 .chapter .table tr td {padding:10px;}
#course_view .view_info2 .chapter .td1 {width:65px; text-align:center;}
#course_view .view_info2 .chapter .td2 {text-align:left;}
#course_view .view_info2 .comment {padding:40px 0 10px 0;color:#c0c0c0; font-weight:bold;color:#3EA9CD;}
#course_view .view_info2 .comment .icon1 {position:relative;top:-2px;}
#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 .list-group {margin-top:20px;}
#mycourseinfo .list-group-item {padding:7px 7px;}
#mycourseinfo .list-group-item-cat {padding:2px 7px; background-color:#f8f8f8;}
#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 .content_btn {position:absolute; right:10px; top:25px;}
#mycourseinfo .sbj {font-weight:bold; color:#333;}
#mycourseinfo .desc {margin-top:3px; color:#999;}
#mycourseinfo .none {width:100%; 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;}

#mycourseinfo .bestlist {margin:40px 0 20px; padding:10px 10px; background-color:#EFEFEF;}
#mycourseinfo .best_tit {font-size:18px; font-weight:bold; padding:3px 0 0 7px;}
#mycourseinfo .best_tit strong {color:#F27943;}
#mycourseinfo .best_notice {padding:7px 7px 0 20px;}
#mycourseinfo .best_notice span {font-size:11px;}
#mycourseinfo .picbox_best {width:33.33%; float:left;}
#mycourseinfo .picbox_best .picbox_best_inner {display:block; margin:10px 7px; border:#dfdfdf solid 1px; border-radius:0px; background-color:#FFF;}
#mycourseinfo .picbox_best .picbox_best_inner .pic {width:100%; height:auto; padding:0px; background:#f9f9f9; margin:0 auto; font-weight:bold; color:#888; line-height:150%; text-align:center;}
#mycourseinfo .picbox_best .picbox_best_inner .sbjx {height:50px; line-height:130%; font-size:110%; font-weight:bold; padding:7px;}
#mycourseinfo .picbox_best .picbox_best_inner .etc {position:relative; height:22px; line-height:150%; padding:0 7px;}
#mycourseinfo .picbox_best .picbox_best_inner .etc .btn_preview {position:absolute; top:0; right:7px;}
#mycourseinfo .picbox_best .picbox_best_inner .etc button {font-size:11px;}
#mycourseinfo .picbox_best .picbox_best_inner .etc2 {height:27px; line-height:150%; padding:0 7px;}

/* 수강신청내역/변경 */
#mycoursecancel {}
#mycoursecancel .item_list {margin:20px 0 0 0; min-width:300px;}
#mycoursecancel .item_list .td1 {width:100px; 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%;height:43px;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_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%; max-width:300px; padding-top:10px;}
#mycourse_view .view_info1 .c_data {width:100%; padding:10px 0 0; text-align:center;}
#mycourse_view .view_info1 .c_data button {width:135px;}
#mycourse_view .view_info1 .c_subject {padding:5px 0; font-weight:bold;}
#mycourse_view .view_info1 .c_desc {height:25px; padding:5px 0;}
#mycourse_view .view_info1 .progress {margin:10px 0 10px 0;}
#mycourse_view .view_info1 .well {margin-bottom:10px; line-height:1.8em;}
#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 .sub_content img {max-width:100%;}
#mycourse_view .view_info2 .tool_str {padding-left:0; line-height:1.7em;}
#mycourse_view .view_info2 .tool_btn {text-align:center; padding:20px 0 0 0;}
#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 .panel-heading {font-weight:bold;}
#mycourse_view .view_info2 .chapter .table thead tr td {line-height:2em;}
#mycourse_view .view_info2 .chapter .table tr td {padding:7px;}
#mycourse_view .view_info2 .chapter .table .td_tit {padding:8px 0 8px 17px;font-weight:bold;background-color:#F5F5F5;}
#mycourse_view .view_info2 .chapter .subject {font-weight:bold;}
#mycourse_view .view_info2 .chapter .chapter_intro {display:none;}
#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; line-height:1.3em;}
#mycourse_view .view_info2 .chapter .td3 {width:12%; min-width:60px; 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:30px 0 0 0; min-width:300px;}
#mycourse_view .view_info2 .comp_info .panel-heading {padding:10px 7px;}
#mycourse_view .view_info2 .comp_info .table tr td {padding:10px 7px;text-align:center;}
#mycourse_view .view_info2 .comp_info .subject {padding-left:20px;font-weight:bold;}
#mycourse_view .vact_info1 {position:relative; z-index:10; display:none;}
#mycourse_view .vact_info2 {position:absolute; width:230px; height:auto; background-color:#FFF; border:1px solid #DDD; margin:5px 0 0 0; padding:10px; line-height:2em;}
#mycourse_view .vact_info2 .vact_head {padding-bottom:10px; width:100%;}
#mycourse_view .vact_info2 .vact_title {font-weight:bold; width:190px; float:left;}
#mycourse_view .vact_info2 .vact_x {text-align:right; float:left; cursor:pointer;}
#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:25px;}

/* 학습창 */
#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;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;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 {width:100%; height:100%;}
#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;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;}

/* 설문조사 */
#eval_write {margin:auto;padding:20px;width:100%;max-width:900px;}
#eval_write .title {padding:10px 0 20px 0;font-weight:bold;font-size:14px;}
#eval_write .title_sub {padding:0 0 10px 0;margin-top:-10px;}
#eval_write .eval_guide {margin:5px 0 10px 0; color:#787878;}
#eval_write .submit{width:100%;text-align:center;padding:0 0 40px 0;}

/* lms */
#reg_info .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;}

/* group course list */
#group_course_list {}
#group_course_list .group_course_ban {width:100%;}
#group_course_list .course_guide {margin:10px 0 30px 0;}
#group_course_list .course_guide .cs_info {float:left; margin-top:5px;}
#group_course_list .course_guide .cs_info span {display:inline-block; margin:0 5px; font-size:16px;}
#group_course_list .course_guide .cs_info span:first-child {font-weight:bold;}
#group_course_list .course_guide .btn_course {float:right; cursor:pointer;}
#group_course_list .course_group {margin:20px 0;}
#group_course_list .course_item {cursor:pointer; position:relative;}
#group_course_list hr {border-top:1px solid #E6E6E6;}
#group_course_list .course_item .banner {width:309px; height:91px; margin-right:15px; border:1px solid #D5D5D5; float:left;}
#group_course_list .course_item .sbjarea {line-height:1.6em; float:left;}
#group_course_list .course_item .sbjarea .sbj {font-size:14px; font-weight:bold; color:#008FB7; margin:0 0 5px 0; display:inline-block;}
#group_course_list .course_item .sbjarea .label {font-size:12px;}
#group_course_list .course_item .btnarea {position:absolute; top:25px; right:0;}
#group_course_list .course_item .btnarea .btn {width:80px;}
#group_course_list .buttons {margin:20px 0; text-align:center;}
#group_course_list .buttons .pagebox01 {margin:15px 0 0 0;}

/* group course view */
#group_course_view {}
#group_course_view img {max-width:100%;}
#group_course_view .group_course_ban {max-width:100%;}
#group_course_view .course_guide {margin:10px 0 30px 0;}
#group_course_view .course_guide .cs_info {float:left; margin-top:5px;}
#group_course_view .course_guide .cs_info span {display:inline-block; margin:0 5px; font-size:16px;}
#group_course_view .course_guide .cs_info span:first-child {font-weight:bold;}
#group_course_view .course_guide .btn_course {float:right; cursor:pointer;}
#group_course_view .course_info {margin:0 0 20px 0;}
#group_course_view .course_info2 {margin:0 0 20px 0; text-align:right;}
#group_course_view .course_info2 .btn {width:135px; height:70px;}
#group_course_view .course_info2 .btn span {font-size:75%; font-weight:normal; line-height:1.5em; display:inline-block;}
#group_course_view .course_info_kyungnam {margin-bottom:20px; padding:7px 10px; color:#FFF; background-color:#E86C36; font-weight:bold; font-size:13px;}
#group_course_view .course_info_kyungnam .badge {margin-right:10px; padding:5px 10px; color:#E86C36; background-color:#FFF; font-size:14px; border-radius:5px;}
#group_course_view .course_txt {padding:20px 20px 40px 20px; background-color:#EFEFEF;}
#group_course_view .course_txt p {margin:0;}
#group_course_view .course_list {max-width:755px;}
#group_course_view .course_list .course_table {width:100%; border-collapse:collapse; margin-bottom:20px;}
#group_course_view .course_list .course_img {width:30%; vertical-align:top;}
#group_course_view .course_list .course_img > img {width:100%; border-radius:5px;}
#group_course_view .course_list .course_title {font-size:16px;font-weight:bold;padding:0 10px 5px 20px;}
#group_course_view .course_list .course_title a {font-weight:bold;}
#group_course_view .course_list .course_title a:hover {text-decoration:none;}
#group_course_view .course_list .course_content {padding:5px 10px 5px 20px; width:100%; vertical-align:top;}
#group_course_view .course_list .course_content .course_etc {}
#group_course_view .course_list .course_content .course_btn {position:relative;}
#group_course_view .course_list .course_content .course_btn .btn {position:absolute; top:15px; right:5px;}
#group_course_view .course_list .course_content .course_btn .btn-sm {width:70px;}
#group_course_view .course_list .course_content .course_btn .btn-xs {width:60px;}
#group_course_view .course_list .well {margin-top:20px;}

/* group course menu */
#group_course_menu {width:100%; height:35px; border-bottom:1px solid #DCDCDC; margin:20px 0 0 0;}
#group_course_menu ul {list-style:none;padding:0;margin:0;}
#group_course_menu ul li {}
#group_course_menu ul li a {width:130px; height:35px; line-height:35px; text-align:center; float:left; border:1px solid #DCDCDC; background-color:#F5F5F5; margin-right:5px; font-size:13px;}
#group_course_menu ul li a:focus {text-decoration:none;}
#group_course_menu ul li .gc_active {border:1px solid #E86C36; background-color:#E86C36; color:#FFF; font-weight:bold;}