/* 본 CSS에는 각 과몬 컨텐츠 프레임에 대한 스타일만 들어 있습니다. 단, 제목,공유하기 버튼  */
/* 등등은 sub_common.css를 봐주세요. 각 페이지 본문의 스타일은 해당 CSS파일을 참조하세요  */


/* 헤더 색상 sub_common.css의 스타일에서 대체 */

.section_head > .head_text > p {
    color: #e92029;
}

/* 서브헤더 색상 sub_common.css의 스타일에서 대체 */

.section_subhead > .subhead_text > p {
    color: #4c4c4c;
}

/* 정보보기 버튼 (상단 검은 바) 스타일 */

.lecture_info_btn_bar {
    background-color: black;
    margin-bottom: 36px;
    margin-top: 24px;
    overflow: hidden;
}

.lecture_info_btn_bar > .bar_inner_wrapper {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.lecture_info_btn_bar .btn_frame {
    float: left;
    max-width: 98px;
    width: 25%;
}

.lecture_info_btn_bar .btn_frame .frame_inner_wrapper {
    border-left: 1px solid #4d4d4d;
    height: 58px;
    padding: 8px 0;
}

.lecture_info_btn_bar .btn_frame:first-child .frame_inner_wrapper {
    border-left: 0;
}

.lecture_info_btn_bar .btn_frame .icon_box {
    height: 28px;
    text-align: center;
    width: 100%;
}

.lecture_info_btn_bar .btn_frame .icon_box > img {
    height: 100%;
    margin: 0 auto;
}

.lecture_info_btn_bar .btn_frame .icon_box > p {
    color: white;
    font-size: 26px;
    font-weight: bolder;
    line-height: 24px;
}

.lecture_info_btn_bar .btn_frame .label_box {
    padding-top: 8px;
    vertical-align: middle;
}

.lecture_info_btn_bar .btn_frame .label_box > p {
    color: white;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
}

/* 첨부파일 */

.attached_box {
    border-bottom: 1px solid #1a1a1a;
    border-top: 1px solid #1a1a1a;
    font-size: 12px;
    margin-bottom: 16px;
    margin-top: 48px;
    padding: 2px 8px;
}

.attached_box .label {
    margin-right: 16px;
    vertical-align: middle;
}

.attached_box .btn_dn {
    background-color: #1a1a1a;
    border-radius: 16px;
    color: white;
    cursor: pointer;
    display: inline-block;
    padding: 4px 16px 4px 24px;
    vertical-align: middle;
}

.attached_box .btn_dn > img {
    margin-left: 8px;
    vertical-align: middle;
}

/* 강의 노트 목록 스타일 */

.lecture_list {
    width: 100%;
}

.lecture_list > table {
    border: 0;
    border-collapse: collapse;
    width: 100%;
}

.lecture_list .lecture_list_item {
    border-bottom: 1px solid #999999;
    clear: both;
    overflow: hidden;
    width: 100%;
}

.lecture_list .lecture_list_item td {
    padding-bottom: 8px;
    padding-top: 8px;
    vertical-align: top;
}

.lecture_list .lecture_num {
    width: 50px;
}

.lecture_list .lecture_num p {
    font-size: 16px;
    font-weight: bolder;
}

.lecture_list .lecture_title {
    width: auto;
}

.lecture_list .lecture_title p {
    font-size: 14px;
    padding-right: 8px;
}

.lecture_list .lecture_type {
    width: 32px;
}

.ctype_icon_video {
    width: 100%;
}

.ctype_icon_video > img {
    display: block;
    width: 100%;
}