ul.uploadImages { display: block; clear: both; overflow: auto; margin: 0; padding: 0 0 8px 0; width: 690px; }
ul.uploadImages li,
ul.uploadImages li dl,
ul.uploadImages li dl dt,
ul.uploadImages li dl dd { float: left; clear: none; overflow: hidden; margin: 0; padding: 0; }
ul.uploadImages li { width: 138px; height: 85px; margin: 8px 0 0 0; min-width: 138px; }
ul.uploadImages li dl { width: 121px !important; height: 85px !important; margin: 0 9px 0 8px; }

ul.uploadImages li dl dt { position: relative; background-color: #fff; border: 1px solid #9e9e9e; width: 119px; _width: 121px; height: 83px; _height: 85px; }
ul.uploadImages li dl dt img { width: 119px; border: 0; }
ul.uploadImages li dl dt canvas { display: none; }
ul.uploadImages li dl dt span { position: absolute; right: 0px; bottom: 0px; display: block; width: 21px; height: 14px; cursor: pointer; background: url('https://static.inven.co.kr/image_2011/board/common/bttn_21x14_delete_thumbnail.gif') left top no-repeat; }
ul.uploadImages li.loading dl dt { background: #ffffff url('https://static.inven.co.kr/image_2011/hs/common/ajax_loading.gif') center center no-repeat; }
ul.uploadImages li.loading dl dt img { visibility: hidden; }
ul.uploadImages li.uploading dl dt.noBg { background-image: none; }
ul.uploadImages li.uploading dl dt span { display: none !important; }
ul.uploadImages li.uploading dl dt canvas { position: absolute; left: 0; top: 0; display: block; }

ul.uploadImages li dl dd { visibility: hidden; }
ul.uploadImages li.position,
ul.uploadImages li.position dl { height: 105px !important; }
ul.uploadImages li.position dd { visibility: visible; margin-top: 2px; width: 121px; height: 18px; }
ul.uploadImages li dl dd span { cursor: pointer; box-sizing: border-box; float: left; width: 34%; height: 18px; text-align: center; line-height: 16px; overflow: hidden; font-size: 12px; border: 1px solid #9e9e9e; color: #9e9e9e;  }
ul.uploadImages li dl dd span.first,
ul.uploadImages li dl dd span.left { width: 33%; border-right-width: 0px; border-radius: 3px 0 0 3px; }
ul.uploadImages li dl dd span.last,
ul.uploadImages li dl dd span.right { width: 33%; border-left-width: 0px; border-radius: 0 3px 3px 0; }
ul.uploadImages li dl dd span.one { width: 100%; border-radius: 3px; }
ul.uploadImages li dl dd span.left { width: 50%; border-right-width: 1px; }
ul.uploadImages li dl dd span.right { width: 50%; }
ul.uploadImages li dl dd span,
ul.uploadImages li.uploading dl dd span.on { color: #9e9e9e; border-color: #9e9e9e; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); }
ul.uploadImages li dl dd span.on { color: #fff; border-color: #356388; background: #243868; background: -moz-linear-gradient(top,  #243868 0%, #3f4c6b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#243868), color-stop(100%,#3f4c6b)); background: -webkit-linear-gradient(top,  #243868 0%,#3f4c6b 100%); background: -o-linear-gradient(top,  #243868 0%,#3f4c6b 100%); background: -ms-linear-gradient(top,  #243868 0%,#3f4c6b 100%); background: linear-gradient(to bottom,  #243868 0%,#3f4c6b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243868', endColorstr='#3f4c6b',GradientType=0 ); }
ul.uploadImages li.uploading dl dd span { cursor: default !important; }

#bbsImageUploader .hidden,
#bbsMyImgUploader .hidden { display: none !important; }
#bbsImageUploader ul.uploadImages,
#bbsMyImgUploader ul.uploadImages { width: 690px; margin-left: 9px; }
#bbsImageUploader ul.uploadImages li,
#bbsMyImgUploader ul.uploadImages li { width: 138px; height: 85px; border: 0; margin-left: 0px; }
#bbsImageUploader ul.uploadImages li dl dt img,
#bbsMyImgUploader ul.uploadImages li dl dt img { margin: 0 !important; height: auto; }

div#mobileWrap ul.uploadImages { width: auto; }
div#mobileWrap ul.uploadImages li { width: 50%; min-width: 129px; }
div#mobileWrap ul.uploadImages li dl { margin: 0 auto; }
@media screen and (min-width: 420px) and (max-width: 549px) {
	div#mobileWrap ul.uploadImages li { width: 33%; }
	div#mobileWrap ul.uploadImages li:nth-child(3n - 1) { width: 34%; }
}
@media screen and (min-width: 550px) and (max-width: 679px) {
	div#mobileWrap ul.uploadImages li { width: 25%; }
}
@media screen and (min-width: 680px) and (max-width: 839px) {
	div#mobileWrap ul.uploadImages li { width: 20%; }
}
@media screen and (min-width: 840px) and (max-width: 969px) {
	div#mobileWrap ul.uploadImages li { width: 16%; }
	div#mobileWrap ul.uploadImages li:nth-child(6n),
	div#mobileWrap ul.uploadImages li:nth-child(6n - 1),
	div#mobileWrap ul.uploadImages li:nth-child(6n - 4),
	div#mobileWrap ul.uploadImages li:nth-child(6n - 5) { width: 17%; }
}
@media screen and (min-width: 970px) and (max-width: 1305px) {
	div#mobileWrap ul.uploadImages li { width: 14%; }
	div#mobileWrap ul.uploadImages li:nth-child(7n),
	div#mobileWrap ul.uploadImages li:nth-child(7n - 6) { width: 15%; }
}
@media screen and (min-width: 1306px) {
	div#mobileWrap ul.uploadImages li { width: 10%; }
}