.file_contents .content {
    vertical-align: top;
    cursor: default;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 85px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: transparent;
    border: 1px solid transparent;
}

.file_contents .content:hover {
    background-color: #f2f6fa;
}

.file_contents .content.selected {
    background-color: #f2f6fa;
    border: 1px solid #cedff0;
}

.file_contents .content .file_contents .content_wrapper {
    position: relative;
    padding: 5px;
}

.file_contents .content .icon_layout {
    width: 73px;
    height: 56px;
    position: relative;
}

.file_contents .content .icon {
    position: absolute;
}

.file_contents .content .icon.folder {
    width: 39px;
    height: 30px;
    margin-top: 10px;
    margin-left: 20px;
    background-image: url('/res/cms/img/file_explorer/ico_folder.png');
}

.file_contents .content .icon.document {
    width: 30px;
    height: 41px;
    margin-top: 5px;
    margin-left: 23px;
    background-image: url('/res/cms/img/file_explorer/ico_document.png');
}

.file_contents .content .is_final {
    background-image: url('/res/cms/img/file_explorer/final_doc.png');
}

.file_contents .content .icon.file {
    width: 30px;
    height: 41px;
    margin-top: 5px;
    margin-left: 23px;
    background-image: url('/res/cms/img/file_explorer/ico_file.png');
}

.file_contents .content .icon.zip {
    width: 30px;
    height: 41px;
    margin-top: 5px;
    margin-left: 23px;
    background-image: url('/res/cms/img/file_explorer/ico_zip.png');
}

.file_contents .content .icon.picture {
    width: 40px;
    height: 30px;
    margin-top: 10px;
    margin-left: 20px;
    background-image: url('/res/cms/img/file_explorer/ico_picture.png');
}

.file_contents .content .icon.video {
    width: 40px;
    height: 31px;
    margin-top: 10px;
    margin-left: 20px;
    background-image: url('/res/cms/img/file_explorer/ico_video.png');
}

.file_contents .content .name_layout {
    font-family: notokr-regular, 'NanumGothic', dotum;
    word-break: break-all;
    font-size: 13px;
    text-align: center;
    user-select: none;
}

/* 파일 업로더 z-index 강제로 먹이기 */
#DEXT_fiVe_UP_ly_wrapper {z-index :20000 !important}

/* 이미지 넘치는 부분 방지용 */
.fit_image img{
    max-width: 100%;
}











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

.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-medium, NanumGothicBold;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;border: 1px solid #d7d7d5;padding:10px 10px;width:100%; }
    .question_section .quiz_item .quiz_type textarea {box-sizing: border-box;border: 1px solid #d7d7d5; 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-medium, NanumGothicBold;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;border: 1px solid #d7d7d5;padding:10px 10px;width:100%; }
    .question_section .quiz_item .quiz_type textarea {box-sizing: border-box;border: 1px solid #d7d7d5; 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-medium, NanumGothicBold;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;border: 1px solid #d7d7d5;padding:10px 10px;width:100%; }
    .question_section .quiz_item .quiz_type textarea {box-sizing: border-box;border: 1px solid #d7d7d5; 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;
    }
}