@charset "utf-8";

/* default.css */
.file-attach {background-color:#fff;font-size:13px;color:#111;letter-spacing:-0.5px;font-family:'Malgun Gothic', '맑은 고딕','Segoe UI WPC',Gulim, '굴림', sans-serif;}

.file-attach div, .file-attach span, .file-attach applet, .file-attach object, .file-attach iframe, .file-attach button,
.file-attach h1, .file-attach h2, .file-attach h3, .file-attach h4, .file-attach h5, .file-attach h6, .file-attach p,
.file-attach blockquote, .file-attach pre, .file-attach a, .file-attach abbr, .file-attach acronym, .file-attach address,
.file-attach big, .file-attach cite, .file-attach code, .file-attach del, .file-attach dfn, .file-attach em, .file-attach font,
.file-attach img, .file-attach ins, .file-attach kbd, .file-attach q, .file-attach s, .file-attach samp,
.file-attach small, .file-attach strike, .file-attach strong, .file-attach sub, .file-attach sup, .file-attach tt,
.file-attach var, .file-attach b, .file-attach u, .file-attach i, .file-attach center, .file-attach dl, .file-attach dt,
.file-attach dd, .file-attach ol, .file-attach ul, .file-attach li, .file-attach fieldset, .file-attach form, .file-attach label,
.file-attach legend, .file-attach table, .file-attach caption, .file-attach tbody, .file-attach tfoot, .file-attach thead,
.file-attach tr, .file-attach th, .file-attach td, .file-attach article, .file-attach aside, .file-attach details,
.file-attach figcaption, .file-attach figure, .file-attach dialog, .file-attach footer, .file-attach header, .file-attach hgroup,
.file-attach menu,.file-attach nav,.file-attach section,.file-attach input {margin:0px;padding:0px;border:0px;}

.file-attach select, .file-attach input,
.file-attach textarea {font-size:13px;vertical-align:middle;color:#111;letter-spacing:-0.5px;font-family:'Malgun Gothic', '맑은 고딕','Segoe UI WPC',Gulim, '굴림', sans-serif,'MS mincho','simSun';}
.file-attach textarea{resize:none}
.file-attach input, .file-attach button{margin:0;padding:0;color:#111;letter-spacing:-0.5px;font-family:'Malgun Gothic', '맑은 고딕','Segoe UI WPC',Gulim, '굴림', sans-serif;}
.file-attach ol, .file-attach ul {list-style:none}
.file-attach hr {clear:both;display:none}
.file-attach legend {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.file-attach caption {/*position:absolute;*/width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.file-attach table { border-collapse:collapse; }
.file-attach table td { line-height:17px }

.file-attach em, .file-attach i { font-style:normal}

.file-attach a {cursor:pointer;}
.file-attach a:link,
.file-attach a:visited,
.file-attach a:active,
.file-attach a:focus {color:#111;text-decoration:none;}
.file-attach a:hover {color:#111;text-decoration:underline;}

.file-attach input[type=checkbox] { border:0px }
.file-attach input::-webkit-input-placeholder {color:#ccc }
.file-attach input:-moz-placeholder {color:#ccc }
.file-attach input::-moz-placeholder {color:#ccc }
.file-attach input:-ms-input-placeholder {color:#ccc }

.file-attach .blind {position:absolute; padding:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; visibility:hidden !important; font-size:0 !important; line-height:0 !important;}

/* input & checkbox */
.file-attach .check {display:inline-block;/*margin-top:-2px;*/vertical-align:middle;/* line-height:0; */}
.file-attach .check>input[type="checkbox"] {position:relative;top:0;vertical-align:middle;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"] {margin:0;opacity:1;cursor:pointer;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"] + label {display:inline-block;padding-left:3px;cursor:pointer;/*line-height:10px;*/line-height:12px;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"] + label i {display:inline-block;margin:-1px 0 0 -13px;padding:0;background-image:url('/external/common/image/common/bg_checkbox.gif');background-repeat:no-repeat;width:13px;height:13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0;vertical-align:middle;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"] + label .checktxt {padding-left:4px;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"] + label .checktxt.unline {text-decoration:underline;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"] + label i {background-position:0 0;}
.file-attach .check:not(#cssbrowser):hover>input[type="checkbox"] + label i {background-position:0 -60px;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"]:checked + label i {background-position:0 -15px;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"]:disabled + label i {background-position:0 -45px; cursor:default;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"]:disabled + label .checktxt {color:#ccc; cursor:default;}
.file-attach .check:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label i {background-position:0 -30px;}
.file-attach .check.all:not(#cssbrowser)>input[type="checkbox"] + label i {background-position:0 -75px;}
.file-attach .check.all:not(#cssbrowser):hover>input[type="checkbox"] + label i {background-position:0 -60px;}
.file-attach .check.all:not(#cssbrowser)>input[type="checkbox"]:checked + label i {background-position:0 -90px;}
.file-attach .check.all:not(#cssbrowser)>input[type="checkbox"]:disabled + label i {background-position:0 -105px; cursor:default;}

.file-attach .total {display:inline-block; font-weight:normal !important;}
.file-attach .total em {display:inline-block; color:#111; font-weight:bold;}
.file-attach .total .search-result {margin:0 10px 0 0; font-size:12px;}

.file-attach .byte-area {padding:0 0 5px 0; font-size:12px; color:#737373; text-align:right;}
.file-attach .byte-area em {color:#111;}

/* 파일찾기 - 디자인버튼으로 대체 */
.file-attach .file-upload {position:relative; height:26px;}
.file-attach .file-upload input.file {position:relative; width:100%; height:100%; text-align:right; opacity:0; z-index:2; -moz-opacity:0; filter:alpha(opacity:0); cursor:pointer;}
.file-attach .file-upload.st02 {display:inline-block; width:60%;}
.file-attach .file-ipt {position:absolute; top:0; left:0; width:100%; z-index:1;}
.file-attach .file-ipt .ipt {margin-right:77px;}
.file-attach .file-ipt .input01 {margin:0 !important; width:100% !important;}
.file-attach .file-ipt .button {position:absolute; right:0; top:0; z-index:3;}

.file-attach .file-upload.attach {position:relative; overflow:hidden; width:71px; height:24px; border:1px solid #ccc; border-radius:2px;}
.file-attach .file-upload.attach:hover {border-color:#111;}
.file-attach .file-upload.attach .file-ipt {width:100%; height:100%;}
.file-attach .file-upload.attach .file-ipt .button {left:0; top:-1px; padding:0 12px 3px 8px; z-index:3; border-color:transparent;}
.file-attach .file-upload.attach input.file {position:relative; width:73px; height:100%; text-align:right; opacity:0; z-index:2; -moz-opacity:0; filter:alpha(opacity:0);}
/* 추가 */
.button_file{position:absolute;top:0;left:0;z-index:10;display:inline-block;width:71px;height:21px;margin-top:-20px;line-height:21px;text-align:center;white-space:nowrap;font-size:13px;cursor:pointer;background:#fff}


/* 첨부파일표시 */
.file-attach .file-add {display:inline-block; padding:0 3px; background:url('/external/common/image/common/bg_btn.png') -575px -100px no-repeat; width:7px; height:13px; cursor:pointer; vertical-align:middle; font-size:0; line-height:0; text-overflow:clip;} /* 첨부파일 아이콘 */

.file-area {margin:0 15px 0 22px;}

/* 파일첨부관련 *****/
/* 파일아이콘 */
.file-attach .ico-file {position:relative; display:inline-block; overflow:hidden; width:16px; height:16px; font-size:0; line-height:0;}
.file-attach .ico-file img {position:absolute;}
.file-attach .ico-file.ico-music img {top:0; left:0;}
.file-attach .ico-file.ico-picture img {top:0; left:-20px;}
.file-attach .ico-file.ico-video img {top:0; left:-40px;}
.file-attach .ico-file.ico-avi img {top:0; left:-60px;}
.file-attach .ico-file.ico-bbs img {top:0; left:-80px;}
.file-attach .ico-file.ico-bmp img {top:0; left:-100px;}
.file-attach .ico-file.ico-css img {top:0; left:-120px;}
.file-attach .ico-file.ico-dat img {top:0; left:-140px;}
.file-attach .ico-file.ico-doc img {top:0; left:-160px;}
.file-attach .ico-file.ico-docx img {top:0; left:-160px;}
.file-attach .ico-file.ico-doc2 img {top:0; left:-160px;}
.file-attach .ico-file.ico-ppt img {top:0; left:-180px;}
.file-attach .ico-file.ico-pptx img {top:0; left:-180px;}

.file-attach .ico-file.ico-psd img {top:-20px; left:0;}
.file-attach .ico-file.ico-swf img {top:-20px; left:-20px;}
.file-attach .ico-file.ico-txt img {top:-20px; left:-40px;}
.file-attach .ico-file.ico-text img {top:-20px; left:-40px;}
.file-attach .ico-file.ico-ttf img {top:-20px; left:-60px;}
.file-attach .ico-file.ico-url img {top:-20px; left:-80px;}
.file-attach .ico-file.ico-wav img {top:-20px; left:-100px;}
.file-attach .ico-file.ico-wma img {top:-20px; left:-120px;}
.file-attach .ico-file.ico-wmv img {top:-20px; left:-140px;}
.file-attach .ico-file.ico-ai img {top:-20px; left:-160px;}
.file-attach .ico-file.ico-exe img {top:-20px; left:-180px;}
.file-attach .ico-file.ico-install img {top:-20px; left:-180px;}

.file-attach .ico-file.ico-fla img {top:-40px; left:0;}
.file-attach .ico-file.ico-gif img {top:-40px; left:-20px;}
.file-attach .ico-file.ico-htm img {top:-40px; left:-40px;}
.file-attach .ico-file.ico-html img {top:-40px; left:-40px;}
.file-attach .ico-file.ico-hwp img {top:-40px; left:-60px;}
.file-attach .ico-file.ico-ini img {top:-40px; left:-80px;}
.file-attach .ico-file.ico-xls img {top:-40px; left:-100px;}
.file-attach .ico-file.ico-xlsx img {top:-40px; left:-100px;}
.file-attach .ico-file.ico-xml img {top:-40px; left:-120px;}
.file-attach .ico-file.ico-zip img {top:-40px; left:-140px;}
.file-attach .ico-file.ico-eml img {top:-40px; left:-160px;}
.file-attach .ico-file.ico-etc img {top:-40px; left:-180px;}
.file-attach .ico-file.ico-etcs img {top:-40px; left:-180px;}

.file-attach .ico-file.ico-gul img {top:-60px; left:0;}
.file-attach .ico-file.ico-iso img {top:-60px; left:-20px;}
.file-attach .ico-file.ico-jpg img {top:-60px; left:-40px;}
.file-attach .ico-file.ico-js img {top:-60px; left:-60px;}
.file-attach .ico-file.ico-jsp img {top:-60px; left:-80px;}
.file-attach .ico-file.ico-misc img {top:-60px; left:-100px;}
.file-attach .ico-file.ico-mov img {top:-60px; left:-120px;}
.file-attach .ico-file.ico-mp3 img {top:-60px; left:-140px;}
.file-attach .ico-file.ico-pdf img {top:-60px; left:-160px;}
.file-attach .ico-file.ico-png img {top:-60px; left:-180px;}

/* 주의 */
/* 디자인(0430) 반영 */
.file-attach .caution {padding:4px 10px 6px; background:#fffbe0; color:#111; font-size:13px;}
.file-attach .caution i {display:inline-block; margin:-2px 5px 0 0; background-image:url('/external/common/image/common/bg_icon.png'); background-position:-50px -30px; background-repeat:no-repeat; width:14px; height:14px; vertical-align:middle;}
.file-attach .caution.type02 i {background-position:-100px -30px;}
.file-attach .caution.notice {position:absolute; padding:6px 10px 9px; border:1px solid #ead881; background:#fff8cb; box-sizing:border-box;}
.file-attach .caution.notice .button-img {position:absolute; right:5px; top:5px;}
/*
.file-attach .caution {padding:4px 10px 6px; background:#fff8cb; color:#111; font-size:13px;}
.file-attach .caution i {display:inline-block; margin:-2px 5px 0 0; background-image:url('/external/common/image/common/bg_icon.png'); background-position:-50px -30px; background-repeat:no-repeat; width:14px; height:14px; vertical-align:middle;}
.file-attach .caution.type02 i {background-position:-100px -30px;}
.file-attach .caution.notice {position:relative; margin:0 !important; padding:7px 30px 9px 10px; border:1px solid #ead881; background:#fff8cb; box-sizing:border-box;}
.file-attach .caution.notice .button-img {position:absolute; right:5px; top:5px;}
*/

.file-attach .progress-box {position:relative; margin:15px 0; padding:10px 120px 30px 10px; background:#f5f8fb;}
.file-attach .progress-st {display:block; /*display:inline-block; width:100%;*/ vertical-align:middle; font-size:13px;}
.file-attach .progress-st .progress-num {display:block; text-align:center; color:#111;}
.file-attach .progress-st .progress-num em {color:#188fe0;}
.file-attach .progress-st .progress-num em:first-child {float:left; color:#111;}
.file-attach .progress-st .progress-num em.last {float:right; color:#111;}
.file-attach .progress-st .progress-num.st02 {margin:-3px 0 9px; text-align:left;}
.file-attach .progress-st .progress-num.st02 .file-total * {color:#111;}
.file-attach .progress-st .progress-num.st02 .file-total .total-num {margin-left:13px;}
.file-attach .progress-st .progress-num.st02 .file-total .total-num i {color:#737373; font-weight:normal;}
.file-attach .progress-bar {display:block; background:#ddd; box-shadow:inset 1px 1px 0 #c0c0c0, inset -1px -1px 0 #c0c0c0; height:11px; border-radius:10px; box-sizing:border-box;}
.file-attach .progress-bar .progress-in {display:block; position:relative; left:0; top:0; background:#188fe0; height:100%; border-radius:10px;}
.file-attach .progress-bar .progress-txt {position:absolute; right:-25px; top:12px; font-size:12px; width:50px; text-align:center;}
.file-attach .progress-bar .progress-txt.first {left:0; text-align:left;}
.file-attach .progress-bar .progress-txt.last {right:0; text-align:right;}
.file-attach .progress-box .button {position:absolute; right:10px; top:18px;}

.file-attach .current {background:#dfedfa;}
.file-attach .current.multi {background:#f3f4f4;}

/* text */
.file-attach .b {font-weight:bold;}




/* button.css */
.file-attach button, .file-attach input {margin:0;padding:0;}
.file-attach .button {display:inline-block; border:1px solid #ccc; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#fff; white-space:nowrap; color:#111; vertical-align:middle; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.file-attach input::-moz-focus-inner, button::-moz-focus-inner {padding:0;border:0;}
.file-attach button, .file-attach html input[type="button"],
.file-attach input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
.file-attach button[disabled], .file-attach html input[disabled] {color:#999;cursor:default;}
.file-attach button.button, .file-attach a.button, .file-attach span.button,
.file-attach div.button {margin:0;padding:0;font-family:'Malgun Gothic', '맑은 고딕','Segoe UI WPC',Gulim, '굴림', sans-serif;font-size:13px;line-height:normal;cursor:pointer; line-height:0}
.file-attach button:active span, .file-attach button:focus span {position:relative;top:0;left:0;}

/* 윗줄과 중복으로 삭제
.file-attach button.button, .file-attach a.button, .file-attach span.button,
.file-attach div.button {margin:0;padding:0;font-family:'Malgun Gothic', '맑은 고딕','Segoe UI WPC',Gulim, '굴림', sans-serif;font-size:13px;line-height:normal;cursor:pointer; line-height:0}
*/
.file-attach .button.default {padding:0 10px 3px; min-width:23px; height:21px; line-height:21px;}

/* image button */
.file-attach .button-img {display:inline-block; background-image:url('/external/common/image/common/bg_btn.png'); background-color:transparent; background-repeat:no-repeat; font-size:0; line-height:0; vertical-align:middle;}
.file-attach .button-img span {overflow:hidden; visibility:hidden; text-indent:-99999px; width:0; height:0; font-size:0; line-height:0;}
/*.file-attach .button-img:disabled, .file-attach .button-img.disabled {border-color:#f5f5f5;}*//* 디자인(0430) 반영 */
.file-attach .button-img:disabled, .file-attach .button-img.disabled {opacity:.3;}
.file-attach .button-img:disabled:hover, .file-attach .button-img.disabled:hover {opacity:.2; border-color:transparent !important;}/* 디자인(0430) 반영 */

.file-attach .button-img.securage {background-position:-345px -150px; width:20px; height:20px;}
.file-attach .button-img.securage:hover {background-position:-345px -180px;}

.file-attach .button-img.download {background-position:-375px -150px; width:20px; height:20px;}
.file-attach .button-img.download:hover {background-position:-375px -180px;}

.file-attach .button-img.form {background-position:-315px -150px;}
.file-attach .button-img.form:hover {background-position:-315px -180px;}

.file-attach .button-ctrl {display:inline-block; background-image:url('/external/common/image/common/bg_btn.png'); background-repeat:no-repeat; font-size:0; line-height:0; vertical-align:middle; width:19px; height:20px; background-color:transparent;}
.file-attach .button-ctrl span {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-99999px;}
.file-attach .button-ctrl.top {background-position:5px -872px;}
.file-attach .button-ctrl.last {background-position:-77px -870px;}
.file-attach .button-ctrl.prev {background-position:-375px 0;}
.file-attach .button-ctrl.prev:hover {background-position:-375px -25px;}
.file-attach .button-ctrl.next {background-position:-400px 0;}
.file-attach .button-ctrl.next:hover {background-position:-400px -25px;}
.file-attach .button-ctrl.delete {background-position:-45px 5px; width:20px;}
.file-attach .button-ctrl.delete:hover {background-position:-45px -20px;}

/* delete & close */
.file-attach .button-img.del {background-position:3px 3px; width:16px; height:15px;}
.file-attach .button-img.del:hover {background-position:3px -22px;}
.file-attach .button-img.del02 {background-position:-20px 5px; width:20px; height:19px;}
.file-attach .button-img.del02:hover {background-position:-20px -20px;}
.file-attach .button-img.del03 {background-position:-71px -21px; width:15px; height:14px; opacity:.2;}
.file-attach .button-img.del03:hover {background-position:-71px -21px; opacity:1;}

.file-attach .button-img.close {background-position:-97px 3px; width:20px; height:19px;}
.file-attach .button-img.close:hover {background-position:-97px -22px;}
.file-attach .button-img.close02 {background-position:-20px 5px; width:20px; height:19px;}
.file-attach .button-img.close02:hover {background-position:-20px -20px;}

.file-attach .button05 {display:inline-block; padding:0 0 5px 10px; background:transparent; height:23px;}
.file-attach .button05 span {font-size:12px; line-height:12px; color:#111;}
.file-attach .button05 i {display:inline-block; background-image:url('/external/common/image/common/bg_btn.png'); background-position:-150px 0; background-color:transparent; background-repeat:no-repeat; font-size:0; line-height:0; width:21px; height:13px; text-indent:-9999px; vertical-align:middle;}
.file-attach .button05:hover span {color:#111;}
.file-attach .button05.on i {background-position:-150px -25px;}
.file-attach .button05.type02 {padding:0 0 4px; vertical-align:middle;}
.file-attach .button05.type02 span {font-size:13px; line-height:20px; text-decoration:underline;}
.file-attach .button05.type02 i {background-position:-175px 0; width:12px;}
.file-attach .button05.type02.gmt {margin:0 0 0 5px; overflow:hidden; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; max-width:110px;}
.file-attach .button05.type02.gmt span {text-decoration:underline;}
.file-attach .button05.type02 .txt-epll {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; text-decoration:none;}
.file-attach .button05.type02 .txt-epll + i {background-position:-175px -3px;}
.file-attach .button05.type02.noline {padding:0 10px 5px;}
.file-attach .button05.type02.noline span {text-decoration:none;}
.file-attach .button05.type02.noline:hover span {text-decoration:underline;}
.file-attach .button05.type02.noline02 span {text-decoration:none;}




/* popup.css */
/* layout *****/
.file-attach.popup {position:absolute;padding:17px 20px 20px;border:1px solid #596476;background:#fff;width:380px;box-sizing:border-box;z-index:100;}
.file-attach.popup.wtype01 {width:480px}
.file-attach.popup.wtype02 {width:580px}
.file-attach.popup.wtype03 {width:680px}
.file-attach.popup.wtype04 {width:900px;}

.file-attach .pop-header {position:relative;padding:0 0 25px;/*background:rgba(0,0,0,.1);*/}
.file-attach .pop-header:after {content:" "; display:block; clear:both;}
.file-attach .pop-header h1 {display:inline-block;color:#111;line-height:17px;font-size:16px;font-weight:bold;}
.file-attach .pop-header .button-img.close {position:absolute; right:-3px !important; top:0 !important;}
.file-attach .pop-header.dis button {display:none;}
.file-attach .pop-header.none {display:none;}

.file-attach .pop-body {padding:0;color:#111;}
.file-attach .pop-body .pop-left-area {position:relative; float:left; width:190px; border-bottom:1px solid #e1e1e1;}
.file-attach .pop-body .pop-left-area .content {overflow-y:auto; height:375px;}
.file-attach .pop-body .pop-right-area {float:left; width:448px; border-bottom:1px solid #e1e1e1;}
.file-attach .pop-body .pop-right-area.full {float:none; width:auto; border-bottom:1px solid #e1e1e1;}
.file-attach .pop-body .pop-right-area .list-stbox {height:375px;}

.file-attach .pop-btn {position:relative;overflow:hidden;clear:both;padding:20px 0 0;height:26px;text-align:center;/*background:rgba(0,0,0,.1);*/}
.file-attach .pop-btn .btn-l {position:absolute;left:0;}
.file-attach .pop-btn .btn-r {position:absolute;right:0;bottom:2px;}
.file-attach .pop-btn .button.b {min-width:42px;}






/* attachment.css */
/* 파일첨부 */
.file-attach .file-area {}
.file-attach .file-cont .file-action-area {}

.file-attach .file-action-area {position:relative; padding:4px 10px 7px; border:1px solid #dfdfdf; height:35px; box-sizing:border-box;}
.file-attach .file-action-area .check.all .checktxt {font-weight:bold; line-height:13px;}
.file-attach .file-action-area .check:not(#cssbrowser)>input[type="checkbox"] + label i {}
.file-attach .file-action-area .file-info {display:inline-block; margin:1px 0 0; vertical-align:text-top;}
.file-attach .file-action-area .file-info .total {margin-left:15px;}
.file-attach .file-action-area .file-info .total em {font-weight:bold !important;}
.file-attach .file-action-area .file-info .byte-area .byte:first-child {color:#111;}
.file-attach .file-action-area .file-info .byte {margin-left:6px; margin-right:8px; color:#737373;}
.file-attach .file-action-area .file-btn-txt {margin:0 0 0 15px;}
.file-attach .file-action-area .file-btn-txt .button05:first-child {margin-right:6px;}
.file-attach .file-action-area .file-btn-txt .button05 + .button05:before {content:'|'; margin-right:10px; color:#e6e6e6; font-size:12px;}
.file-attach .file-action-area .file-btn-txt form,
.file-attach .file-action-area .file-btn-txt .file-upload {display:inline-block; vertical-align:middle;}

.file-attach .file-action-area + .file-list {border:solid #dfdfdf; border-width:0 1px 1px;}

.file-attach .file-fold {position:absolute; right:8px; top:6px;}
.file-attach .file-fold .button-img.file-toggle {width:16px; height:16px; background-position:2px -802px;}

/* 목록이 있는 경우 */
.file-attach .file-action-area.open {border-bottom:0;}
.file-attach .file-action-area.open .button-img.file-toggle {background-position:-38px -802px;}
.file-attach .file-action-area.open .button-img.file-toggle .collapse {display:none;}
.file-attach .file-action-area.open .button-img.file-toggle .expand {display:block;}
.file-attach .file-action-area.open + .file-list {display:block;}

/* 디자인(0430) 반영 */
.file-attach .file-list {display:none; position:relative;}
.file-attach .file-list ul {padding:5px 0;}
.file-attach .file-list li {position:relative; overflow:hidden; padding:1px 10px 4px;}
.file-attach .file-list li:hover {background:#e7ebed;}
.file-attach .file-list li.current {background:#dfedfa;}
.file-attach .file-list li a {float:left; display:inline-block; overflow:hidden; text-decoration:none; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; line-height:19px;}
.file-attach .file-list li .fileNameShort {float:left; display:inline-block; overflow:hidden; text-decoration:none; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; line-height:19px; max-width:65%;}
.file-attach .file-list li .byte {float:left; margin:0 0 0 5px; color:#737373;}
.file-attach .file-list .check {float:left;}
.file-attach .file-list .ico-file {float:left; margin:3px 5px 0; vertical-align:middle;}

.file-attach .file-list .file-btn-area {position:absolute; right:6px; top:0;}
.file-attach .file-list .file-btn-area .button-img {visibility:hidden; margin:2px 0 0 6px;}
.file-attach .file-list .file-btn-area .securage-info {line-height:19px;}
.file-attach .file-list .file-btn-area .caution {display:inline-block; margin:-3px 0 0; padding-left:0; padding-right:0; background:transparent !important;}
.file-attach .file-list .file-btn-area .caution.running {display:none;} /*woong*/
.file-attach .file-list .file-btn-area .caution.comp i {display:none;}
.file-attach .file-list .file-btn-area .progress-st {display:inline-block; width:150px;}
.file-attach .file-list .file-btn-area .progress-st.ready {display:none; width:150px;}	/*woong*/
.file-attach .file-list li:hover .file-btn-area .button-img {visibility:visible;}
/*
.file-attach .file-list {display:none; position:relative;}
.file-attach .file-list ul {padding:5px 0;}
.file-attach .file-list li {position:relative; padding:1px 10px 4px;}
.file-attach .file-list li:hover {background:#dfedfa;}
/*.file-list li a {margin:0 200px 0 0; text-decoration:none; word-break:break-all; white-space:nowrap; text-overflow:ellipsis;} /* woong v
.file-attach .file-list li a {text-decoration:none; word-break:break-all; white-space:nowrap; text-overflow:ellipsis;}					    /* woong ^
.file-attach .file-list li a span {overflow:hidden; display:inline-block; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; max-width:50%; vertical-align:text-top; line-height:19px;}
.file-attach .file-list .byte {margin-left:5px; color:#737373;}
.file-attach .file-list .ico-file {margin:0 0 0 5px; vertical-align:middle;}

.file-attach .file-list .file-btn-area {position:absolute; right:6px; top:0;}
.file-attach .file-list .file-btn-area .button-img {visibility:hidden; margin:2px 0 0 6px;}
.file-attach .file-list .file-btn-area .securage-info {}
.file-attach .file-list .file-btn-area .caution {display:inline-block; margin:-3px 0 0; padding-left:0; padding-right:0; background:transparent !important;}
.file-attach .file-list .file-btn-area .caution.running {display:none;} /*woong
.file-attach .file-list .file-btn-area .caution.comp i {display:none;}
.file-attach .file-list .file-btn-area .progress-st {display:inline-block; width:150px;}
.file-attach .file-list .file-btn-area .progress-st.ready {display:none; width:150px;}	/*woong
.file-attach .file-list li:hover .file-btn-area .button-img {visibility:visible;}
*/

.file-attach .file-list .list-control {padding:6px 10px 6px; background:#f8f8f8;}
.file-attach .file-list .list-control .list-control-btn {margin-left:5px;}
.file-attach .file-list .list-control .total {margin-top:-2px; vertical-align:middle;}
.file-attach .file-list .list-control .total:before {content:'|'; margin-left:5px; padding-right:10px; color:#e6e6e6; font-size:12px;}
.file-attach .add-upload.no-file .file-list .list-control {display:none;} /*woong*/

.file-attach .file-drag {width:100%; height:100%; min-height:70px; background:rgba(232,232,232,1); color:#111; font-size:14px; z-index:55;}
.file-attach .file-drag span {position:absolute; left:50%; top:50%; margin:-11px 0 0 -105px; padding:0 0 2px;}
.file-attach .file-drag span i {display:inline-block; margin:-2px 5px 0 0; background:url('/external/common/image/common/bg_icon.png') -100px -160px no-repeat; width:14px; height:17px; vertical-align:middle;}
.file-attach .file-drag.disable {display:none;}	/*woong*/

.file-attach .file-drag.plug-in {color:#737373; border:1px solid #e6e6e6; background:#fff !important; box-sizing:border-box;}
.file-attach .file-drag.plug-in span {position:relative; display:block; left:0; top:0; margin:0; padding:15px 0 20px; text-align:center;}
.file-attach .file-drag.plug-in span i {background-position:-150px -160px; width:18px;}

/* ie9 이하 작성 */
.file-attach .add-upload {}
.file-attach .add-upload .file-action-area {padding:7px 0; border:0; height:auto;}
.file-attach .add-upload .file-action-area .file-btn-txt {margin:0 0 0 5px;}
.file-attach .add-upload .file-action-area .file-fold {top:9px;}
.file-attach .add-upload .file-action-area .file-info {position:absolute; right:26px; top:9px;}
.file-attach .add-upload .file-action-area .file-info .total {}
.file-attach .add-upload .file-action-area .file-info .total:after {content:'|'; margin-right:5px; padding-left:10px; color:#e6e6e6; font-size:12px;}
.file-attach .add-upload .file-list {border-width:1px;}
.file-attach .add-upload .file-list .file-btn-area {right:30px; top:1px;}
.file-attach .add-upload .file-list li .button-img {visibility:hidden; position:absolute; right:-23px; top:1px;}
.file-attach .add-upload .file-list li:hover .button-img {visibility:visible; width:18px; height:18px;}
.file-attach .add-upload .file-drag {position:absolute; left:0; top:0; background:rgba(232,232,232,.6);}
.file-attach .add-upload .file-drag span {opacity:.7;}

/* 파일 목록 없을 경우(초기_ie10 이상 & 크롬) */
.file-attach .add-upload.no-file {}
.file-attach .add-upload.no-file .file-fold {display:none;}
.file-attach .add-upload.no-file .file-info .total {display:none;}
.file-attach .add-upload.no-file .file-info {right:0;}
.file-attach .add-upload.no-file .file-list {display:block; border-width:0;}
.file-attach .add-upload.no-file .file-drag {position:relative; background:rgba(232,232,232,1);}
.file-attach .add-upload.no-file .file-drag span {opacity:1;}

.file-attach .add-upload.no-file.file-drog .file-drag {min-height:83px;}

/* ie9 이하 작성 - 수정분	*/
.file-attach .add-upload .file-list.ltie9 .file-drag {display:none}
.file-attach .add-upload.no-file .file-list.ltie9 {display:none}
/*
.file-attach .file-btn-txt a {display:inline-block; zoom:1; padding:0px 10px; border:1px solid #cccccc; text-decoration:none; color:#555; border-radius:2px; position:relative;}
.file-attach .file-btn-txt a:hover {border-color:#444444}
.file-attach .file-btn-txt a input {font-size:11px; position:absolute; width:100%; height:100%; right:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0}
*/