@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS Example 8.8.2
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
 
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../../../_comcose/font/noto-sans-kr-v25-latin_korean-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../_comcose/font/noto-sans-kr-v25-latin_korean-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../../../_comcose/font/noto-sans-kr-v25-latin_korean-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../_comcose/font/noto-sans-kr-v25-latin_korean-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../../../_comcose/font/noto-sans-kr-v25-latin_korean-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../_comcose/font/noto-sans-kr-v25-latin_korean-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../../../_comcose/font/noto-sans-kr-v25-latin_korean-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../../_comcose/font/noto-sans-kr-v25-latin_korean-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {margin:0;padding:0;overflow-x:hidden}
body,input,textarea,select,button,table{
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 400;
	font-size:12px
}

button:hover,
button:active,
button:focus,
span:hover,
span:active,
span:focus {
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
}

#pop_header{
	padding:16px 0 17px 20px;
	border-bottom:1px solid #dee2e6;
	background:#F0F2F5;
	-webkit-user-select: none;
       -moz-user-select: none;
  	        user-select: none;
}
#pop_header i{
	position:absolute;
	color:#262E37;
	font-size:24px;
	line-height: 26px
}
#pop_header h1{
	color:#131416;
	font-size:18px;
	font-weight:500;
	margin:0;
	padding-left:26px;
}

.content_container{padding:5px 10px}

.swfupload{OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert}

.pop_container .drag_area{overflow:hidden;overflow-y:auto;position:relative;width:100%;height:250px;margin-top:4px;border:1px solid #eceff2}
.pop_container .blind{visibility:hidden;position:absolute;line-height:0}
.pop_container .drag_area .bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:220px;
	background: #fdfdfd url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23bbbbbb"><path d="M13 19C13 19.7 13.13 20.37 13.35 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H19C20.11 3 21 3.9 21 5V13.35C20.37 13.13 19.7 13 19 13V5H5V19H13M13.96 12.29L11.21 15.83L9.25 13.47L6.5 17H13.35C13.75 15.88 14.47 14.91 15.4 14.21L13.96 12.29M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>') 50% 50% no-repeat;
	background-size: 30px 30px;
}
.pop_container .drag_area .bg p {
	position:absolute;
	font-size:13px;
	color:#aaa;
	top:52%;
	transform:translateY(-52%);
	left:50%;
	transform:translateX(-50%);
	-webkit-user-select: none;
       -moz-user-select: none;
  	        user-select: none;
}
.pop_container .drag_area .showbg{display:block}
.pop_container .drag_area .hidebg{display:none}

ul.sortable{
	margin:0;
  	padding:0;
	*zoom:1
}
ul.sortable:after{display:block;clear:both;content:""}

.sortable > li{
	list-style:none;
	float: left;
	width: 108px;
	height:112px;
	overflow: hidden;
	text-align: center;
	margin: 8px 5px 0 5px;  
	border: 1px solid #f7f7f7;
	padding:0; 
	cursor: move;
	background: #ffffff;
}
.sortable > li:hover, .sortable > li.ui-sortable-helper{
	border:1px solid #ff3600;
	padding:0;
}

.sortable > li > div{
	background: #f7f7f7;
	color:#666;
	margin:0;
	font-size:11px;
	font-weight:400;
	height:112px;
	width:100%;
	overflow: hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	position:relative;
}

.sortable > li > div > img{margin:3px;}
.sortable > li > div .delete_img{position:absolute;top:0;right:0px;display:none}
.sortable > li:hover > div .delete_img{display:block;cursor:pointer}
.sortable > li.placeholder{
	border: dashed 1px #ccc;
	background-color:#FFF;
	padding:0;
}

.btn {
	position: relative;
	display: inline-block;
	height: 36px;
	line-height:34px;
	color: #262E37;
	background: #eaeaea;
	border: 1px solid #c4c4c4;
	border-radius: 0.25rem;
	font-size: 15px;
	padding: 0 0.75rem;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all .05s ease-in-out;
}
.btn:hover, .btn:focus {
	color: #333;
	text-decoration: none;
}

.btn-success i {
	position: absolute;	
	left:11px;	
	line-height: 34px
}
.btn-success {
	margin-right:3px;
	padding-left:31px;	
	color: #fff;
	background-color: #262E37;
	border-color: #262E37;	
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #131416;
	border-color: #131416;
}

.btn-danger i {
	position: absolute;	
	left:9px;
	line-height: 35px
}
.btn-danger {
	padding-left:27px;
	background-color: #F0F2F5;
	border-color: #ced4da;	
}
.btn-danger:hover {
	background-color: #e5e7e9;
	border-color: #c2cad6;	
}

.seletion_explain{
	font-size:13px;
	color:#262E37;
	margin:10px 0
}
.drag_explain{
	position:relative;
	height:58px
}
.drag_explain p {padding:12px 0 0 0;margin:0;}
.file_selet_group{
	position:absolute;
	top:10px;
	right:0
}
.btn_group{
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
}

.btn_group .add-photo-btn, .btn_group .cancel-photo-btn {
	margin-right:3px;
	background-color: #F0F2F5;
	border-color: #ced4da;		
}
.btn_group .add-photo-btn:hover {
	color:#fff;
	background-color: #131416;
	border-color: #131416;	
}
.btn_group .cancel-photo-btn:hover {
	background-color: #e5e7e9;
	border-color: #c2cad6;	
}