@charset "utf-8";

/* xe_popup_border */
.xe_popup_border{
	position:fixed;
    z-index: 999998;
    display: block;
    border: 2px solid #cecece;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}
.xe_popup_border .popupbody{
	
    position: relative;
    cursor: hand;
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 0;
}
.xe_popup_border .popupcloser{
    position: relative;
    cursor: move;
    overflow: hidden;
    width: auto;
    margin: 0;
    padding:8px 35px 8px 5px;
    background-color: #555;
}
.xe_popup_border .popupcloser input{
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
}
.xe_popup_border .popupcloser span{
    color: #ffffff;
	padding-left:5px;
}
.xe_popup_border .popupcloser button{
    position: absolute;
	display: block;
    cursor: pointer;
    border: 0;
	top: 7px;
    right: 5px;
    width: 17px;
    height: 17px;
    margin: 0;
    padding: 0;
    background: url('./addons/popup_opener/close.png') no-repeat;
}

/* xe_popup_borderless */
.xe_popup_borderless{
    z-index: 999999;
    display: block;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
	
}
.xe_popup_borderless .popupbody{
    position: relative;
    cursor: hand;
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 0;
	background-color: transparent;
}
.xe_popup_borderless .popupcloser{
    overflow: hidden;
    width: auto;
    margin: 0;
    padding:5px 20px 5px 0;
    background-color:#fff;
	text-align: right;

}
.xe_popup_borderless .popupcloser input{
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
}
.xe_popup_borderless .popupcloser span{
    color: #000;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 12px;
	padding-left:5px;
}
.xe_popup_borderless .popupcloser button{
    position: absolute;
	display: block;
    cursor: pointer;
    border: 0;
	top: 0;
    right: 0;
    width: 17px;
    height: 17px;
    margin: 0;
    padding: 0;
    background: url('./addons/popup_opener/close.png') no-repeat;
}

@media screen and (max-width:768px) {
	/*필요시 모바일 레이아웃에 추가하세요.*/
	.xe_popup_borderless{
		background:#fff;
		width:94% !important;
		max-width:350px;
		height:auto !important;
		left:3% !important;
		top:80px !important;
	}
	.xe_popup_borderless .popupbody {
		width:100% !important;
		height:auto !important;
	}
	.xe_popup_borderless .popupbody img {
		width:100% !important;
		height:auto !important;
		display:block;
	}
	.xe_popup_borderless .popupbody p:last-child {float:left; font-size:0px;}
	.pops {border:0px solid #111;}
	
	.xe_popup_borderless .popupcloser{
		overflow: hidden;
		width: auto;
		margin: 0;
		padding:0px 10px;
		background-color:#fff;
		text-align: right;
		
	}
	.xe_popup_borderless .popupcloser input {
		width:18px;
		height:18px;
		border:1px solid #111;
		margin-top:-5px;
	}

	.xe_popup_borderless .popupcloser span {
		font-size:16px;
		line-height:40px;
		margin-top:10px;
	}

	.xe_popup_borderless .popupcloser button{
    position: absolute;
	display: block;
    cursor: pointer;
    border: 0;
	top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    background: url('./addons/popup_opener/close.png') no-repeat ;
	background-size:cover !important;
}
}