@CHARSET "UTF-8";

.attach-container .attach-list {float: left;}
.attach-container .attach-item {line-height: 20px;}
.fileupload_wrap {position: relative; width: 98%; margin: 20px auto;}
.attach-container .fileuploader {float: right;}
.fileuploader {position: relative;}
.fileuploader .preview {width: 202px;}
.fileuploader .preview img {width: 100%;}
.fileuploader .fileinput-button {float: none; margin: 5px 0 0 0; /* display: inline-block; */ cursor: pointer;}
.fileuploader .fileinput-icon input {transform: none; width: 60px; height: 20px; cursor: pointer;}
.fileuploader .progress {display: none;}
.fileuploader span.list_btn_prev {position: absolute; cursor: pointer; float: left; top: 50px; left: 0;}
.fileuploader span.list_btn_next {position: absolute; cursor: pointer; float: right; top: 50px; right: 0;}
.img_num {margin-left: 10px; color: #666;}
.btn01 .fileinput-button {margin: 0; padding-right: 4px;}
.input_file {font-size: 12px}
.txt_c {text-align: center !important}

.fileinput-button{
    color: #fff;
    font-family: "nanumB";
    font-size: 13px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background: #000;
    height: 28px;
    line-height: 28px;
    width: 68px;	
    cursor:pointer;
}

.fileinput-button input[type=file]{
	width:auto; height:100%;
}


.file_opt_box{margin-bottom:8px; overflow:hidden; font-size:12px;}
.file_opt_box i{font-size:13px;}
.file_opt_box a{text-decoration:underline; margin-right:20px; color:#222; vertical-align:middle;}
.file_opt_box a:LAST-OF-TYPE{margin-right:0px;}

.file_opt_box.read{margin-bottom:0px; float:right; line-height:28px;}


.upload_file_list{overflow:hidden; min-height:28px; line-height:28px; padding:0;}
.upload_file_list > li{float:left; margin:2px 10px 2px 0; line-height:22px; padding:0px 6px; border-radius:4px; border:1px solid #fbd3d0; background-color:#fef4f3;}
.upload_file_list > li:LAST-OF-TYPE{margin-right:0px;}

.upload_file_list > li a{font-size:11px; display:inline-block; line-height:22px;}
.upload_file_list > li a em{color:#222;}
.upload_file_list > li a i{color:#a6a6a6; display:inline-block;}

.upload_file_list > li .file_download_link{}
.upload_file_list > li .file_download_link i{font-size:10px; margin-right:2px; margin-top:-1px;}
.upload_file_list > li .file_remove{margin-left:20px;}
.upload_file_list > li .file_remove i{font-size:13px;}

/************** 신규 이미지 등록 wrap ******************/
.uploadImageWrap{}
.uploadImageWrap .imageList{margin-bottom:10px;}
.uploadImageWrap .imageList li{display:none; position:relative;}
.uploadImageWrap .imageList li.active{display:inline-block;}
.uploadImageWrap .imageList li img{border:1px solid #d9d9d9; max-width:100%; min-height:50px;}
.uploadImageWrap .imageList li img.empty{width:100%; max-width:100%; height:auto;}
.uploadImageWrap .fileinput-button{width:100px;}
.uploadImageWrap .upload_image_delete{position:absolute; bottom:5px; left:5px;}


.uploadImageWrap .imageArrow{width:100%; overflow:hidden; position:relative; text-align:center; margin-bottom:5px;}
.uploadImageWrap .imageArrow > li{display:inline-block;}
.uploadImageWrap .imageArrow .upload_img_arrow_l{position:absolute; left:6px; top:0px; font-size:26px; color:#1c1c1c; cursor:pointer;}
.uploadImageWrap .imageArrow .upload_img_arrow_r{position:absolute; right:6px; top:0px; font-size:26px; color:#1c1c1c; cursor:pointer;}
.uploadImageWrap .imageArrow .upload_img_status{line-height:26px; font-size:16px;}

