/* Daum 우편번호 찾기 */
.daum-post-wrap {
	display:none;
	border:1px solid #b9b9b9;
	width:100%;
	height:200px;
	margin:5px 0;
	position:relative
}

/* ----------------- dialog ----------------------- */
.dialog {
	position:absolute;
	background-color:#fff;
	width:310px;
	border:1px #13608c solid;
	border-radius:10px;
	box-shadow:3px 3px 5px #ccc;
	font-size:12px;
	display:none;
}
.dialog .title {
	position:relative;
	padding:15px 0;
	background-color:#13608c;
	border-radius:9px 9px 0 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.dialog .title .close {
	position:absolute;
	right:9px;
	top:12px;
	width:20px;
	height:20px;
	cursor:pointer;
	background:url(img/btn-close.png) no-repeat 50% 50%;
}

.dialog .dlg-content {
	padding:10px;
}

.dialog .dlg-item {
	width:100%;
	border-spacing:0;
	border:1px #d9d9d9 solid;
	border-collapse:collapse;
}
.dialog .dlg-item th {
	background-color:#f2f2f2;
	font-weight:normal;
	text-align:center;
	padding:3px;
	border:1px #d9d9d9 solid;
}
.dialog .dlg-item td {
	font-weight:normal;
	text-align:left;
	padding:3px;
	border:1px #d9d9d9 solid;
	min-height:22px;
}
.dialog .dlg-buttons {
	padding:10px 0;
	text-align:center;
}
.dialog .dlg-buttons input[type=button],
.dialog .dlg-buttons input[type=submit] {
	font-size:12px;
	border:1px #777 solid;
	height:22px;
	background-color:#777;
	color:#fff;
	cursor:pointer;
}

.dialog input[type=text],
.dialog input[type=password],
.dialog input[type=email],
.dialog input[type=tel],
.dialog input[type=number] {
	width:97%;
	border:1px #d9d9d9 solid;
	height:22px;
	font-size:12px;
}


/* 게시판 이미지, 첨부파일 레이어 */
.attachlayerbox,
.imglayerbox {
	position:fixed;
	background-color:#fff;
	border:1px #777 solid;
	box-shadow: 0px 0px 0px #333;
	width:500px;
	height:250px;
}
.attachlayerbox .attachlayer-title,
.imglayerbox .imglayer-title {
	position:relative;
	background-color:#eee;
	height:30px;
	color:#555;
	text-align:left;
}
.attachlayerbox .attachlayer-title .title,
.imglayerbox .imglayer-title .title {
	font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}
.attachlayerbox .attachlayer-title .close,
.imglayerbox .imglayer-title .close {
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:30px;
	background:url(img/btn-close.png) no-repeat 50% 50%;
	cursor:pointer;
	filter: invert(50%);
}

.attachlayerbox .attachlayer-title .uploadwrap,
.imglayerbox .imglayer-title .uploadwrap {
	position:absolute;
	top:0;
	right:30px;
	width:80px;
	height:20px;
	color:#333;
	top:3px;
	text-align:center;
}
.attachlayerbox .attachlayer-title .uploadwrap input[type=file],
.imglayerbox .imglayer-title .uploadwrap input[type=file] {
	position:absolute;
	width:80px;
	height:20px;
	right:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
}
.attachlayerbox .attachlayer-title .uploadwrap label,
.imglayerbox .imglayer-title .uploadwrap label {
	display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    padding: 0px 10px;
    font-size: 12px;
    border: 1px solid #aaaaaa;
    height: 24px;
    line-height: 20px;
}

.attachlayerbox .attachlayer-container,
.imglayerbox .imglayer-container {
	position:relative;
	overflow-y:scroll;
	overflow-x:visible;
}
.attachlayerbox .attachlayer-listwrap,
.imglayerbox .imglayer-listwrap {
	margin:5px;
}
.imglayerbox .imglayer-listwrap ul {
	margin:0;
	padding:0;
	list-style:none;
}
.imglayerbox .imglayer-listwrap li {
	display:inline-block;
	height:140px;
	margin:3px;
}
.imglayerbox .imgwrap {
	display:table;
	border-spacing:0;
	border:1px #777 solid;
}
.imglayerbox .imgwrap > div {
	display:table-cell;
	width:100px;
	height:100px;
	text-align:center;
	vertical-align:middle;
}
.imglayerbox .imgwrap img {
	max-width:96px;
	max-height:96px;
}
.imglayerbox .imglayer-listwrap .imgtitle {
	width:100px;
	padding:3px 0;
	color:#888;
	font-size:11px;
	white-space: nowrap;
	overflow:hidden;
}

.attachlayerbox .attachlayer-footer,
.imglayerbox .imglayer-footer {
	    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #eee;
    font-size: 11px;
    padding-bottom: 5px;
}

.imglayerbox .imglayer-footer label{  }
.attachlayerbox .attachlayer-footer > div,
.imglayerbox .imglayer-footer > div {
	position:relative;
	padding:5px 0 0 5px;
}
.attachlayerbox .attachlayer-footer .right,
.imglayerbox .imglayer-footer .right {
	position:absolute;
	top:5px;
	right:0px;
}
.attachlayerbox .attachlayer-footer input[type=button],
.imglayerbox .imglayer-footer input[type=button] {
	
	min-height:auto;
	background-color:#909090;
	color:#585858;
	height: 25px;
    line-height: 25px;
	   
    margin: 0px 3px;
}

.attachlayerbox .attachlist {
	width:100%;
	border-spacing:1px;
	font-size:12px;
}
.attachlayerbox .attachlist th {
	background-color:#ccc;
	color:#333;
	font-weight:normal;
	padding:3px 0;
}
.attachlayerbox .attachlist td {
	padding:3px 0;
	border-bottom:1px #ccc dotted;
}


@media (max-width: 600px) {
.imglayerbox .imglayer-footer label
{width: 100%; 
     float: left; }
  
.imglayerbox .imglayer-footer input[type=button] {
	
	min-height:auto;
	background-color:#909090;
	color:#fff;
	height: 25px;
    line-height: 25px;
	   float:right;
    margin: 0px 3px;
}

.attachlayerbox .attachlayer-title .uploadwrap label,
.imglayerbox .imglayer-title .uploadwrap label {
	display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    padding: 0px 10px;
    font-size: 12px;
    border: 1px solid #aaaaaa;
    height: 20px;
    line-height: 20px;
}
}