/* 블라인드팝업 영역 */
.gray_list tr {
	border-bottom: 1px solid #f5f5f5;
}
.modal-body .gray_list {
    margin-top: 0;
    padding: 0;
    border-radius: unset;
    border: none;
}
.modal-box h3 { font-size: 1.4em; margin:0; }
	
.modal-box .modal_btn {
	font-size: 14px;
	padding: 8px 15px;
	background-color: #333;
	color: #fff;
	text-decoration: none;
	display: inline;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	transition: background-color 1s ease;
}
.modal_btn.ModalOrgList_choice {
    background-color: #409bd2 !important;
}

.modal-box .bBlack {
	height: auto;
	line-height: 2.4;
}

.modal-box .close {float:right; width:20px; height:20px; background:url(/admin/img/join_x.png) no-repeat center right; background-size:90%; font-size:0; opacity:1;}
	
.modal-box .btn:hover {
  	background-color: #ddd;
  	-webkit-transition: background-color 1s ease;
  	-moz-transition: background-color 1s ease;
  	transition: background-color 1s ease;
}
	
.modal-box .btn-small {
	font-weight: 600;
  	padding: 10px 20px;
  	font-size:13px;
	text-shadow:0 0 3px rgba(0,0,0,.2);
}
	
.modal-box {
  	display: none;
	overflow: auto;
	position: fixed;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1050;
	background: #fff;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	-webkit-overflow-scrolling: touch;
}

.modal-box .selOK {background:#1f2531; color:#fff; height:30px; line-height:30px; padding:0 10px; font-weight:400; border:0;}
	
.modal-box .modal_header {
  	padding: 20px;
	background-color: #409bd2;
	border-bottom: 1px solid #409bd2;
	height:60px;
	color:#fff;
	font-weight: 300;
	font-size:20px;

}
.modal-box .modal_header .close1 {float:right;}
.modal-box .moinput {background:rgba(0,0,0,.02);}
	
.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }
	
.modal-box .modal-body {width:350px; padding: 20px;}
	
.modal-box .modal_footer {
	padding: 1.5em;
	border-top: 1px solid rgba(0,0,0,.2);
	text-align: right;
}
	
.modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 300%;
	background: rgba(0,0,0,0.7);	
	opacity: 1;
	z-index: 0;
	filter: alpha(opacity=100) !important;
}
.cursor {cursor:pointer;}
/* 블라인드팝업 영역 */



/* TOP 모달 */
.modal-box2 .modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-box2 .modal-body {padding: 2px 16px;}

.modal-box2 .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-box2 .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0} 
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
/* //TOP 모달 */


/* 페이지 */
.DivDataCnt {position:absolute;font-weight:bold;margin-top:0px;margin-bottom:0px;width:180px;float:left;padding-left:4px;background-color:#f9f9f9;height:35px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;font-size:12px;} 

.cont_bottomWrap {position:relative;margin-left:1px;margin-top:10px;margin-bottom:60px;}
.cont_bottomWrap p.write_btn{position:absolute;right:0;top:0;}
.paging{text-align:left;margin: 20px 0 0 0; left:300px; top:500px;}
.paging a,.paging strong{padding:0 6px; margin-right:3px; display:inline-block; width:20px; height:20px; border:1px solid rgba(255,255,255,.6); color:rgba(255,255,255,.6); font-weight:600; font-size:11px; line-height:20px; text-align:center;}
/* .paging strong, .paging a.active {background:#6a6a6a; color:#fff;border:solid 1px #6a6a6a;} */
.paging .prev, .paging .prevEnd, .paging .next, .paging .nextEnd {border:none;padding:0;}
.paging img {vertical-align:top; margin-right:3px;}
.paging .active {background:#666; border:1px solid #666; color:#fff;}

#pagination span {padding:0 6px; margin-right:3px; display:inline-block; width:20px; height:20px; border:1px solid #d6d6d6; color:#000; font-weight:600; font-size:11px; line-height:20px; text-align:center;}
#pagination .on {background:#666; border:1px solid #666; color:#fff;}


/* gray table */
/* .gray_list {width:100%;background:#fff;}
.gray_list table {border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8; width:100%;}
.gray_list table th {background:#f2f2f2; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; text-align:center;}
.gray_list table th:last-child {border-right:0;}
.gray_list table td {border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; padding:3px 5px; text-align:left; }
.gray_list table td:last-child {border-right:none;} */

/* 게시판 */
.small_list {width:100%; height:260px; color:#000; margin:10px auto 20px auto; overflow-y:auto; }
.small_list table {width:100%; border-top:2px solid #646a7c; margin:0 0 20px 0;}
.small_list table th {background:rgba(0,0,0,.02); border-bottom:1px solid rgba(0,0,0,.2); padding:5px 5px; font-size:12px; font-weight:400; text-align:center;}
.small_list table td {border-bottom:1px solid rgba(0,0,0,.2); padding:3px 5px; font-size:12px; font-weight:300; text-align:center;}


.small_list iframe {font-size:13px;}
.small_list .notice {padding:5px 10px; background:#df3f2a; color:#000; font-weight:400; border-radius:3px; display:inline-block; margin:0 auto; text-align:center;}


/* bootstrap 예외 */
.form-control2 {height:30px; border:#ddd 2px solid; box-shadow:none}



/* 레이어팝업 */
.popup {position:absolute; top:5%; left:5%; z-index:99999;  padding-bottom:0;}
.popup1 {position:absolute; top:5%; left:5%; z-index:99999;  padding-bottom:0;}
.table {width:100%;}

.table img {width:100%;}
.bgWhite {background:#fff; padding:0.5% 0.5% 0.5% 0; display:block; overflow:hidden; text-align:right; font-size:12px;}


@media screen and (max-width: 360px) {
	.popup {position:absolute; top:5%; left:1%; z-index:99999; padding-bottom:0; width:70%; }
    .table {width:100%; }
	.table img {width:100%;}
	.bgWhite {background:#fff; padding:0.5% 0.5% 0.5% 0; display:block; overflow:hidden; text-align:center; font-size:11px; } 
}