@charset "utf-8";
 
 
 
.popupLayer {
	position: absolute;
	top: 120px;
	right: 200px;
	z-index: 99;
	background: #fff;  
	box-shadow: 0 3px 15px rgba(0,0,0,.6);
	box-sizing: border-box;
	width: 300px;
}

.popupLayer.off { display: none; }

#popupImg { width: auto; left: 620px; }

.popupSlider .popupContent { position: relative; padding:10px; text-align: center;  border-top:1px dotted #ddd; border-bottom: 1px solid #ccc; background: #fafafa; }
.popupSlider .popupContent h3 { margin: 0 0 10px; text-align: center; font-weight: bold; font-size: 1.1em;  line-height: 1.3em;}
.popupSlider .popupContent > div { padding-bottom: 10px; }
.popupSlider .popupContent p { color: #666; text-align: center;    line-height: 1.3em; }


.popupControl { background: #eee; padding: 5px 10px; overflow: hidden; }
.popupControl label { font-size: 12px; color: #666; float: left;  line-height: 20px;}
.popupControl .closeBtn { font-size: 12px; float: right; color: #333; }
.popupControl .closeBtn i { vertical-align: middle; margin-right: 5px;}
.popupControl .closeBtn:after { content:"닫기"; }

.popup-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	background: url('../images/popup_close.png') no-repeat center;
	text-indent: -9999px;
}
.popup-more {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 120px;
	margin-left: -60px;
	padding: 5px 0;
	text-align: center;
}
 

@media all and (max-width: 740px) {
	.popupLayer { top:100px; right: auto; margin-left: -150px; left: 50%; }
	
	}