/**
 * 파일 업로드 관리자 관련 CSS
 **/

#fileManager {
    position: relative;
    width: 100%;
}

    #fileManager .buttons {
        position: relative;
        text-align: right;
        margin-bottom: 3px;
    }

        #fileManager .buttons > .btn {
            position: relative;
            color: #000;
            background-color: #eee;
            border: solid 1px #aaa;
            font-size: 11px;
            line-height: 1.4em;
            padding: 3px 10px;
        }

        #fileManager .buttons > .file-upload {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
        }

    #fileManager #fileListExist {
        border: solid 1px #aaa;
        width: 100%;
        background-color: #fafafa;
        margin-bottom: 5px;
    }

#fileListExist ul.list {
    font-size: 12px;
    margin: 10px 15px 10px 10px;
    padding: 0;
}

#fileListExist li {
    list-style: none;
    margin: 0 0 3px 0;
    margin-right: 15px;
}

    #fileListExist li .file {
        display: inline-block;
        height: 22px;
        padding-left: 25px;
        background-image: url('/images/file/icn._unknown_.png');
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 22px 22px;
        line-height: 1.9em;
    }

        #fileListExist li .file:hover {
            background-color: #eee;
        }

    #fileListExist li .name {
        display: inline-block;
        color: #333;
        padding-right: 5px;
        cursor: pointer;
        text-decoration: none;
    }

        #fileListExist li .name:hover {
            color: #666;
        }

    #fileListExist li .size {
        display: inline-block;
        color: #888;
        margin-right: 5px;
        font-size: 0.9em;
    }

    #fileListExist li .del {
        display: inline-block;
        color: #666;
        margin-right: 5px;
        cursor: pointer;
        border: solid 1px #666;
        border-radius: 2px;
        line-height: 1.0em;
        padding: 0 1px;
        width: 14px;
        height: 15px;
        text-align: center;
    }

    #fileListExist li .aac {
        background-image: url('/images/file/icn.aac.png');
    }

    #fileListExist li .ac3 {
        background-image: url('/images/file/icn.ac3.png');
    }

    #fileListExist li .aif {
        background-image: url('/images/file/icn.aif.png');
    }

    #fileListExist li .aiff {
        background-image: url('/images/file/icn.aiff.png');
    }

    #fileListExist li .asa {
        background-image: url('/images/file/icn.asa.png');
    }

    #fileListExist li .asax {
        background-image: url('/images/file/icn.asax.png');
    }

    #fileListExist li .asf {
        background-image: url('/images/file/icn.asf.png');
    }

    #fileListExist li .asx {
        background-image: url('/images/file/icn.asx.png');
    }

    #fileListExist li .au {
        background-image: url('/images/file/icn.au.png');
    }

    #fileListExist li .avi {
        background-image: url('/images/file/icn.avi.png');
    }

    #fileListExist li .bmp {
        background-image: url('/images/file/icn.bmp.png');
    }

    #fileListExist li .cab {
        background-image: url('/images/file/icn.cab.png');
    }

    #fileListExist li .cer {
        background-image: url('/images/file/icn.cer.png');
    }

    #fileListExist li .chm {
        background-image: url('/images/file/icn.chm.png');
    }

    #fileListExist li .com {
        background-image: url('/images/file/icn.com.png');
    }

    #fileListExist li .css {
        background-image: url('/images/file/icn.css.png');
    }

    #fileListExist li .csv {
        background-image: url('/images/file/icn.csv.png');
    }

    #fileListExist li .dat {
        background-image: url('/images/file/icn.dat.png');
    }

    #fileListExist li .dbml {
        background-image: url('/images/file/icn.dbml.png');
    }

    #fileListExist li .der {
        background-image: url('/images/file/icn.der.png');
    }

    #fileListExist li .dic {
        background-image: url('/images/file/icn.dic.png');
    }

    #fileListExist li .dll {
        background-image: url('/images/file/icn.dll.png');
    }

    #fileListExist li .doc {
        background-image: url('/images/file/icn.doc.png');
    }

    #fileListExist li .docx {
        background-image: url('/images/file/icn.docx.png');
    }

    #fileListExist li .dot {
        background-image: url('/images/file/icn.dot.png');
    }

    #fileListExist li .dotx {
        background-image: url('/images/file/icn.dotx.png');
    }

    #fileListExist li .dtd {
        background-image: url('/images/file/icn.dtd.png');
    }

    #fileListExist li .eml {
        background-image: url('/images/file/icn.eml.png');
    }

    #fileListExist li .exe {
        background-image: url('/images/file/icn.exe.png');
    }

    #fileListExist li .flac {
        background-image: url('/images/file/icn.flac.png');
    }

    #fileListExist li .flv {
        background-image: url('/images/file/icn.flv.png');
    }

    #fileListExist li .gif {
        background-image: url('/images/file/icn.gif.png');
    }

    #fileListExist li .hlp {
        background-image: url('/images/file/icn.hlp.png');
    }

    #fileListExist li .htm {
        background-image: url('/images/file/icn.htm.png');
    }

    #fileListExist li .html {
        background-image: url('/images/file/icn.html.png');
    }

    #fileListExist li .hwp {
        background-image: url('/images/file/icn.hwp.png');
    }

    #fileListExist li .ico {
        background-image: url('/images/file/icn.ico.png');
    }

    #fileListExist li .inc {
        background-image: url('/images/file/icn.inc.png');
    }

    #fileListExist li .inf {
        background-image: url('/images/file/icn.inf.png');
    }

    #fileListExist li .iso {
        background-image: url('/images/file/icn.iso.png');
    }

    #fileListExist li .jar {
        background-image: url('/images/file/icn.jar.png');
    }

    #fileListExist li .jpeg {
        background-image: url('/images/file/icn.jpeg.png');
    }

    #fileListExist li .jpg {
        background-image: url('/images/file/icn.jpg.png');
    }

    #fileListExist li .js {
        background-image: url('/images/file/icn.js.png');
    }

    #fileListExist li .jsp {
        background-image: url('/images/file/icn.jsp.png');
    }

    #fileListExist li .log {
        background-image: url('/images/file/icn.log.png');
    }

    #fileListExist li .m4a {
        background-image: url('/images/file/icn.m4a.png');
    }

    #fileListExist li .mht {
        background-image: url('/images/file/icn.mht.png');
    }

    #fileListExist li .mid {
        background-image: url('/images/file/icn.mid.png');
    }

    #fileListExist li .mkv {
        background-image: url('/images/file/icn.mkv.png');
    }

    #fileListExist li .mov {
        background-image: url('/images/file/icn.mov.png');
    }

    #fileListExist li .mp3 {
        background-image: url('/images/file/icn.mp3.png');
    }

    #fileListExist li .mp4 {
        background-image: url('/images/file/icn.mp4.png');
    }

    #fileListExist li .mpe {
        background-image: url('/images/file/icn.mpe.png');
    }

    #fileListExist li .mpg {
        background-image: url('/images/file/icn.mpg.png');
    }

    #fileListExist li .mpge {
        background-image: url('/images/file/icn.mpge.png');
    }

    #fileListExist li .msg {
        background-image: url('/images/file/icn.msg.png');
    }

    #fileListExist li .msi {
        background-image: url('/images/file/icn.msi.png');
    }

    #fileListExist li .ogg {
        background-image: url('/images/file/icn.ogg.png');
    }

    #fileListExist li .one {
        background-image: url('/images/file/icn.one.png');
    }

    #fileListExist li .p12 {
        background-image: url('/images/file/icn.p12.png');
    }

    #fileListExist li .pdf {
        background-image: url('/images/file/icn.pdf.png');
    }

    #fileListExist li .png {
        background-image: url('/images/file/icn.png.png');
    }

    #fileListExist li .pot {
        background-image: url('/images/file/icn.pot.png');
    }

    #fileListExist li .ppa {
        background-image: url('/images/file/icn.ppa.png');
    }

    #fileListExist li .pps {
        background-image: url('/images/file/icn.pps.png');
    }

    #fileListExist li .ppt {
        background-image: url('/images/file/icn.ppt.png');
    }

    #fileListExist li .pptx {
        background-image: url('/images/file/icn.pptx.png');
    }

    #fileListExist li .pub {
        background-image: url('/images/file/icn.pub.png');
    }

    #fileListExist li .rar {
        background-image: url('/images/file/icn.rar.png');
    }

    #fileListExist li .rss {
        background-image: url('/images/file/icn.rss.png');
    }

    #fileListExist li .rtf {
        background-image: url('/images/file/icn.rtf.png');
    }

    #fileListExist li .smi {
        background-image: url('/images/file/icn.smi.png');
    }

    #fileListExist li .sql {
        background-image: url('/images/file/icn.sql.png');
    }

    #fileListExist li .tar {
        background-image: url('/images/file/icn.tar.png');
    }

    #fileListExist li .tif {
        background-image: url('/images/file/icn.tif.png');
    }

    #fileListExist li .tiff {
        background-image: url('/images/file/icn.tiff.png');
    }

    #fileListExist li .txt {
        background-image: url('/images/file/icn.txt.png');
    }

    #fileListExist li .war {
        background-image: url('/images/file/icn.war.png');
    }

    #fileListExist li .wav {
        background-image: url('/images/file/icn.wav.png');
    }

    #fileListExist li .wma {
        background-image: url('/images/file/icn.wma.png');
    }

    #fileListExist li .wmv {
        background-image: url('/images/file/icn.wmv.png');
    }

    #fileListExist li .wri {
        background-image: url('/images/file/icn.wri.png');
    }

    #fileListExist li .wsf {
        background-image: url('/images/file/icn.wsf.png');
    }

    #fileListExist li .xla {
        background-image: url('/images/file/icn.xla.png');
    }

    #fileListExist li .xls {
        background-image: url('/images/file/icn.xls.png');
    }

    #fileListExist li .xlsx {
        background-image: url('/images/file/icn.xlsx.png');
    }

    #fileListExist li .xlt {
        background-image: url('/images/file/icn.xlt.png');
    }

    #fileListExist li .xml {
        background-image: url('/images/file/icn.xml.png');
    }

    #fileListExist li .xps {
        background-image: url('/images/file/icn.xps.png');
    }

    #fileListExist li .xsd {
        background-image: url('/images/file/icn.xsd.png');
    }

    #fileListExist li .xsl {
        background-image: url('/images/file/icn.xsl.png');
    }

    #fileListExist li .xslt {
        background-image: url('/images/file/icn.xslt.png');
    }

    #fileListExist li .zip {
        background-image: url('/images/file/icn.zip.png');
    }

#fileManager .fileList {
    width: 100%;
    border: solid 1px #aaa;
    overflow: auto;
}

.listTable {
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
}

    .listTable thead, .listTable tbody {
        display: block;
    }

    .listTable tbody {
        overflow: auto;
        height: 90px;
    }

        .listTable tbody.dragover {
            background-color: #fafafa;
        }

    .listTable th {
        font-size: 12px;
        font-weight: normal;
        padding: 0;
        border-bottom: solid 1px #aaa;
        background-color: #eee;
        border-left: solid 1px #aaa;
    }

        .listTable th.first {
            border-left: none;
        }

        .listTable th > span {
            display: inline-block;
            width: 100%;
            border-top: solid 1px #fff;
            border-right: solid 1px #fafafa;
            border-left: solid 1px #fff;
            padding: 3px 2px 4px 2px;
        }

        .listTable th.last > span {
            border-left: solid 1px #aaa;
        }

    .listTable tr > td {
        font-size: 12px;
        padding: 6px 5px 7px 5px;
    }

        .listTable tr > td.cr {
            text-align: center;
        }

        .listTable tr > td.rt {
            text-align: right;
            padding-right: 7px;
        }

    .listTable tr.even > td {
        background-color: #f9f9f9;
    }

    .listTable tr.msg-empty {
        display: block;
    }

        .listTable tr.msg-empty > td {
            display: block;
            text-align: center;
            color: #666;
            font-size: 12px;
            height: 72px;
            padding: 36px;
        }

#fileManager #file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#fileManager #frmUpload {
    width: 0.1px;
    height: 0.1px;
    border: none;
    display: none;
}

#fileManager .loading {
    position: relative;
    background-color: rgba(128, 128, 128, 0.1);
    width: 100%;
    height: 116px;
    text-align: center;
    top: -116px;
    margin-bottom: -116px;
}

    #fileManager .loading img {
        margin: 35px 0 0 -25px;
    }

/* IE9 Hack */
@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
    #fileManager, .listTable tbody {
        height: auto;
    }

    .listTable tr.msg-empty > td {
        height: auto;
        padding: 6px 5px 7px 5px;
    }

    #fileManager .loading {
        height: 58px;
        text-align: center;
        top: -58px;
        margin-bottom: -58px;
    }

        #fileManager .loading img {
            margin: -2px 0 0 -18px;
        }
}