.body_page {overflow-y:scroll;position:fixed;top:129px;width:100%;bottom:0;padding-left:200px;box-sizing: border-box}
.body_header {position:fixed;top:74px;left:0;right:0;z-index:10;height:55px;border-bottom:1px solid #cecece;background:#fff;line-height:54px; overflow-x: auto;}
.body_header_info {display:inline-block;margin-left:20px;font-size:15px;color:#e6e6e6; white-space: nowrap; margin-right: 20px;}

.body_header_info span {color:#333333;font-family: notokr-bold;}
.body_header_info span.tit_term_split {font-family:notokr-regular;color:#e6e6e6}

.body_header_remote_button {float:right;height:56px;cursor:pointer;line-height:56px;font-size: 14px;color: #e6e6e6;margin-right:15px;display:none; }
.body_header_remote_button img {vertical-align: middle; }
.body_header_remote_button span { margin-left:8px;vertical-align: middle;font-family: notokr-bold;color:#333333;font-size:15px; }


.page1 {}
.page1.play {overflow: auto;margin:0;padding-top:74px;}

#mobile_menu_dim {display: none;opacity: 0;}


.cf:after {
    content: "";
    clear: both;
    display: table;
}


/* 왼쪽 메뉴 - PC */
#pc_menu.menu {position:fixed;top:130px;left:0;width:200px;min-height: 950px;height:3000px;border-right:1px solid #ebebeb;background: #fff}
.play #pc_menu.menu {top:74px;left:-200px;}
#pc_menu .menu_item.background_color {color:#ffffff}
#pc_menu .menu_item {overflow: auto;height:52px;padding-left:15px;font-family: notokr-medium;font-size:14px;color:#003679;line-height:52px;cursor:pointer;display:none;}
#pc_menu .menu_item.has_sub {background-image: url(/res/lms/img/study/common/menu_arr_down.png);background-position: 90% center;background-repeat: no-repeat}
#pc_menu .menu_item.has_sub.on.background_color {background-image: url(/res/lms/img/study/common/menu_arr_up.png)}
#pc_menu .menu_item:hover > div {text-decoration: underline}
#pc_menu .menu_item > div{float:left}
#pc_menu .menu_item > div.menu_item_flag {display: none;float:right;width:30px;height:16px;margin-top:24px;margin-right:14px;border-radius: 5px;font-family: notokr-bold;font-size:12px;background-color:#4c4c4c;line-height:16px;color:#222222;text-align: center}
#pc_menu .menu_item.background_color > div.menu_item_flag {background-color:#ffffff;color:#ffa024}
#pc_menu .sub_menu_item {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;height:62px;padding-left:57px;background: #f1f5f9 url(/res/lms/img/study/common/img_mini_bar.png) no-repeat 33px center;line-height:62px;color: #003679;cursor:pointer}
#pc_menu .sub_menu_item:hover {text-decoration: underline}
#pc_menu .sub_menu_item.on {background-color: #d8e2ec;font-family: notokr-bold}
#pc_menu .menu_item_home {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb01.png) no-repeat left center}
#pc_menu .menu_item_notice {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb02.png) no-repeat left center}
#pc_menu .menu_item_planner {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb03.png) no-repeat left center}
#pc_menu .menu_item_course_list {width:40px;height:52px;background:url(/res/lms/img/study/common/class_courselist.png) no-repeat left center}
#pc_menu .menu_item_textbook {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb08.png) no-repeat left center}
#pc_menu .menu_item_grading {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb04.png) no-repeat left center}
#pc_menu .menu_item_seminar {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb05.png) no-repeat left center}
#pc_menu .menu_item_data {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb06.png) no-repeat left center}
#pc_menu .menu_item_board {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb07.png) no-repeat left center}
#pc_menu .menu_item_qna {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb09.png) no-repeat left center}
#pc_menu .menu_item_list {width:40px;height:52px;background:url(/res/lms/img/study/common/class_gnb10.png) no-repeat left center}
#pc_menu .menu_item_report {width:40px;height:52px;background:url(/res/lms/img/study/common/class_report.png) no-repeat left center}
#pc_menu .menu_item_eval {width:40px;height:52px;background:url(/res/lms/img/study/common/class_eval.png) no-repeat left center}
#pc_menu .background_color .menu_item_home {background-image:url(/res/lms/img/study/common/class_gnb01_pressed.png)}
#pc_menu .background_color .menu_item_notice {background-image:url(/res/lms/img/study/common/class_gnb02_pressed.png)}
#pc_menu .background_color .menu_item_planner {background-image:url(/res/lms/img/study/common/class_gnb03_pressed.png)}
#pc_menu .background_color .menu_item_course_list {background-image:url(/res/lms/img/study/common/class_courselist_pressed.png)}
#pc_menu .background_color .menu_item_textbook {background-image:url(/res/lms/img/study/common/class_gnb08_pressed.png)}
#pc_menu .background_color .menu_item_grading {background-image:url(/res/lms/img/study/common/class_gnb04_pressed.png)}
#pc_menu .background_color .menu_item_seminar {background-image:url(/res/lms/img/study/common/class_gnb05_pressed.png)}
#pc_menu .background_color .menu_item_data {background-image:url(/res/lms/img/study/common/class_gnb06_pressed.png)}
#pc_menu .background_color .menu_item_board {background-image:url(/res/lms/img/study/common/class_gnb07_pressed.png)}
#pc_menu .background_color .menu_item_qna {background-image:url(/res/lms/img/study/common/class_gnb09_pressed.png)}
#pc_menu .background_color .menu_item_list {background-image:url(/res/lms/img/study/common/class_gnb10_pressed.png)}
#pc_menu .background_color .menu_item_report {background-image:url(/res/lms/img/study/common/class_report_pressed.png)}
#pc_menu .background_color .menu_item_eval {background-image:url(/res/lms/img/study/common/class_eval_pressed.png)}


.pc_hide .menu_header {background-color: #ffffff;cursor:pointer}
.pc_hide .menu_header img {float:right;margin-top:20px;margin-right:20px;}
.color_round_button {width:53px;height:21px;border-radius: 11px;border:1px solid #aaaaaa;font-family: notokr-regular;font-size:11px;line-height:21px;color:#a9a9a9;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;text-align: center;}
.color_round_button.selected {border:1px solid #ffa024;background-color:#fff5e8;color:#ffa024;}


.select_course_list {position:fixed;bottom:0;left:0;width:200px;height:65px;padding: 0 20px;font-family: notokr-medium;font-size: 14px;background: #f7f7f7 url(/res/lms/img/study/common/opt_arr_down.png) no-repeat 90% center;box-sizing: border-box;line-height:59px;cursor:pointer;}
.select_course_list.on {background-image: url(/res/lms/img/study/common/opt_arr_up.png)}
.list_opt_course {display:none;position:fixed;bottom:65px;left:0;width:200px;padding: 10px 0;background-color: #e8e8e8;font-family: notokr-medium;font-size: 14px;color:#727272;}
.list_opt_course ul {width:100%; list-style-type: none; padding: 0;}
.list_opt_course ul li {width:100%;padding:10px 20px; line-height:20px;box-sizing: border-box;cursor:pointer}
.list_opt_course ul li:hover {text-decoration:underline}


@media screen and (min-width:1001px) {
    .pc_hide {display:none !important;}
    .mobile_show {display:none !important;}
    .tablet_show {display:none !important;}
    .pc_show {}
}

@media screen and (min-width:768px) and (max-width:1000px) {

    .body_page {top:129px;padding-left:0;}

    #pc_menu.menu {z-index:10000;top:74px;left:-215px;}
    #pc_menu.menu .list_opt_course {left:-215px;}
    #pc_menu.menu .select_course_list {left:-215px;}
    .play #pc_menu.menu {top:74px;}

    .tablet_hide {display:none !important;}
    .mobile_show {display:none !important;}
    .tablet_show {}
    .pc_show {display:none !important;}
}

@media screen and (max-width:767px) {

    .body_page {top:109px;padding-left:0}
    .body_header {top: 51px}

    #pc_menu.menu {z-index:10000;top:51px;left:-215px;}
    #pc_menu.menu .list_opt_course {left:-215px;}
    #pc_menu.menu .select_course_list {left:-215px;}
    .play #pc_menu.menu {top:53px;}
    .page1.play {margin:0;padding:0;position:relative;top:51px;}

    .mobile_hide {display:none !important;}
    .mobile_show {}
    .tablet_show {display:none !important;}
    .pc_show {display:none !important;}

}














/* 퀴즈 관련 공용 설정 */

.thumbnail_default {position:absolute;top:50%;left:50%;margin-left: -40px;margin-top:-35px;}

@media screen and (min-width:1101px) {

    .question_section {margin-top:20px;text-align:left;}
    .question_section .quiz_item {margin-bottom:20px}
    .question_section .quiz_item .quiz_item_q {font-size:15px;font-family:notokr-bold;line-height:30px}
    .question_section .quiz_item .quiz_item_hint {margin-bottom:20px;padding:15px 0;border:1px solid #a9acb8;text-align:center;line-height:41px}
    .question_section .quiz_item .quiz_type {padding:20px;border:1px solid #d7d7d5;background-color:#f6f7fc;}
    .question_section .quiz_item .quiz_type.multiple div.option_row,
    .question_section .quiz_item .quiz_type.ox div.option_row {padding-left:30px;display:inline-block;}
    .question_section .quiz_item .quiz_type.essays {overflow:auto}
    .question_section .quiz_item .quiz_type div {position:relative;margin-top:10px;line-height:24px;}
    .question_section .quiz_item .quiz_type div:first-child {margin-top:0}
    .question_section .quiz_item .quiz_type div img.image_button {position:absolute;top:0;left:0}
    .question_section .quiz_item .quiz_type div .image_button_container img {position:absolute;top:0;left:0}
    .question_section .quiz_item .quiz_type div img.option_img {width:100px;height:100px;margin-left:10px}
    .question_section .quiz_item .quiz_type div span.ox {display:inline-block;margin-left:10px;line-height:30px}
    .question_section .quiz_item .quiz_type input {box-sizing: border-box;padding:10px 10px;width:100%; }
    .question_section .quiz_item .quiz_type textarea {box-sizing: border-box;padding:10px; }

}
@media screen and (min-width:768px) and (max-width:1100px) {

    .question_section {margin-top:20px;text-align:left}
    .question_section .quiz_item {margin-bottom:20px}
    .question_section .quiz_item .quiz_item_q {font-size:15px;font-family:notokr-bold;line-height:30px}
    .question_section .quiz_item .quiz_item_hint {margin-bottom:20px;padding:15px 0;border:1px solid #a9acb8;line-height:41px;text-align:center}
    .question_section .quiz_item .quiz_type {padding:20px;border:1px solid #d7d7d5;background-color:#f6f7fc}
    .question_section .quiz_item .quiz_type.multiple div.option_row,
    .question_section .quiz_item .quiz_type.ox div.option_row {padding-left:30px;display:inline-block;}
    .question_section .quiz_item .quiz_type.essays {overflow:auto}
    .question_section .quiz_item .quiz_type div {position:relative;margin-top:10px;line-height:24px}
    .question_section .quiz_item .quiz_type div:first-child {margin-top:0}
    .question_section .quiz_item .quiz_type div img.image_button {position:absolute;top:0;left:0}
    .question_section .quiz_item .quiz_type div .image_button_container img {position:absolute;top:0;left:0}
    .question_section .quiz_item .quiz_type div img.option_img {width:100px;height:100px;margin-left:10px}
    .question_section .quiz_item .quiz_type div span.ox {display:inline-block;margin-left:10px;line-height:30px}
    .question_section .quiz_item .quiz_type input {box-sizing: border-box;padding:10px 10px;width:100%; }
    .question_section .quiz_item .quiz_type textarea {box-sizing: border-box;padding:10px; }
}
@media screen and (max-width:767px) {

    /*
        .question_section_pc
    */
    .question_section {margin-top:20px;text-align:left;}
    .question_section .quiz_item {margin-bottom:20px}
    .question_section .quiz_item .quiz_item_q {font-family:notokr-bold;font-size:15px;line-height:30px}
    .question_section .quiz_item .quiz_item_hint {margin-bottom:20px;padding:15px 0;border:1px solid #a9acb8;line-height:41px;text-align:center}
    .question_section .quiz_item .quiz_type {padding:20px;border:1px solid #d7d7d5;background-color:#f6f7fc}
    .question_section .quiz_item .quiz_type.multiple div.option_row,
    .question_section .quiz_item .quiz_type.ox div.option_row {padding-left:30px;display:inline-block;}
    .question_section .quiz_item .quiz_type.essays {overflow:auto}
    .question_section .quiz_item .quiz_type div {position:relative;margin-top:10px;line-height:24px}
    .question_section .quiz_item .quiz_type div:first-child {margin-top:0}
    .question_section .quiz_item .quiz_type div img.image_button {position:absolute;top:0;left:0}
    .question_section .quiz_item .quiz_type div .image_button_container img {position:absolute;top:0;left:0}
    .question_section .quiz_item .quiz_type div img.option_img {width:100px;height:100px;margin-left:10px}
    .question_section .quiz_item .quiz_type div span.ox {display:inline-block;margin-left:10px;line-height:30px}
    .question_section .quiz_item .quiz_type input {box-sizing: border-box;padding:10px 10px;width:100%; }
    .question_section .quiz_item .quiz_type textarea {box-sizing: border-box;padding:10px; }

}



@media screen and (min-width:1119px) {
    .pc_side_button {
        display:block;
    }

    .mobile_top_button {
        display:none;
    }

    .pc_side_view {
        display: none;
    }
}

@media screen and (max-width:1120px) {
    .pc_side_button {
        display:none;
    }

    .mobile_top_button {
        display:block;
    }

    .pc_side_view {
        display:none;
    }
}