@charset "euc-kr";

.layer-div-area {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.layer-div-area .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer-div-area .pop-layer {display:block;}

.pop-layer {
	display:none; position: absolute; top: 50%; left: 50%; width:auto; height:auto; background-color:#fff; border: 5px solid #3571B5; z-index: 10000;
	min-width:280px; max-width: 870px;
	min-height:300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.pop-layer.container .col-md-12 { padding-right: 0; padding-left: 0;}
.pop-layer .pop-container {padding: 20px 10px 20px 10px; }
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

.layer-div-area a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
.layer-div-area a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

.pop-layer .btn-r2 {position: absolute; top:0px; right:0px; border:1px solid #AAA; width:20px; height:20px; text-align:center;}
.layer-div-area a.cbtn2 { position: absolute; top:0px; right:0px;border:1px solid #AAA;width:20px;height:20px;text-align:center; background-color:#DDD; }
.layer-div-area a.cbtn2:hover {border: 1px solid #091940; background-color:#666; color:#fff;}

.layer-div-area .popup-title { font-size:18px;  font-family:"Noto Sans KR","Helvetica Neue",Helvetica,Arial,sans-serif; text-align:center; padding-bottom:20px; }

table.layer-popup-table {
	width: 100%;
	background:#E1E1E1;
	border: 1px solid #ddd; 
}

table.layer-popup-table colgroup col:first-child { min-width:110px; width: 15%; }
table.layer-popup-table colgroup col:nth-child(odd) { min-width:110px; width: 15%; }

table.layer-popup-table tr th { 
	text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    background-color: #d9edf7;
    color: #31708f;
    border-color: #bce8f1;
}
table.layer-popup-table tr td { 
	text-align: left;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    background-color: #fff;
}

table.layer-popup-table tr td.textarea{
	padding:5px 5px 5px 10px;
}

.layer-div-area a.cbtn2 .close {
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
	margin-top: -4px;
	margin-right: 1px;
}

.layer-div-area a.cbtn2:hover .close {
	color:#fff;
    text-shadow: 0 1px 0 #000;
	filter: alpha(opacity=80);
	opacity: .8;
}

.layer-div-area .layer-popup-bottom {
	text-align:center;
	margin-top:20px;
}

#tooltip {
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}

#submit_progress { position:relative; width:600px; border: 1px solid #ddd; padding: 1px; }
#submit_bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
#submit_percent { position:absolute; display:inline-block; top:3px; left:48%; }

/*
@media (min-width: 768px) { 
	.pop-layer { width: 768px; }
	.layer-popup-table { width: 748px; }
}

@media (max-width: 767px) { 
	.pop-layer { width:480px; }
	.layer-popup-table { width: 460px; }
}

@media (max-width: 480px) { 
	.pop-layer { width:280px; }
	.layer-popup-table { width:260px; }
	.layer-popup-table colgroup col { width: 100% !important; }
	.layer-popup-table th { display: block; text-align:left !important; }
	.layer-popup-table td { width: 100%; display: block; }
}

@media (max-width: 280px) { 
	.pop-layer { width: 280px; }
	.layer-popup-table { width: 260px; }
}
*/