@charset "UTF-8";

.modalinfo_wrap{
    position: fixed;
		width:500px;
		height:187px;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 99999999;
    cursor: pointer;
}
.modalinfo_wrap .modalinfo{
    position: relative;
    width: 500px;
		height:187px;
    cursor: pointer;
}
.modalinfo_wrap .modalinfo img {
	width:100%;
}
.modalinfo_wrap .modalinfo{
    
}
.modalinfo_wrap .close{
    position: absolute;
    right: 0px;
    top: -25px;
    cursor: pointer;
    transition: opacity 0.6s;
}
.modalinfo_wrap .close img {
	width:25px;
}
body:not(.mobile) .modalinfo_wrap .close:hover{
    opacity: 0.6;
}

@media screen and (max-width: 499px) {
.modalinfo_wrap{
    position: fixed;
		width:260px;
		height:97px;
    right: 5px;
    bottom: 56px;
    display: none;
    z-index: 99999999;
    cursor: pointer;
}
.modalinfo_wrap .modalinfo{
    position: relative;
    width:260px;
		height:97px;
    cursor: pointer;
}
.modalinfo_wrap .modalinfo img {
	width:100%;
}
.modalinfo_wrap .modalinfo{
    
}
.modalinfo_wrap .close{
    position: absolute;
    right: 0;
    top: -15px;
    cursor: pointer;
    transition: opacity 0.6s;
		line-height:0;
}
.modalinfo_wrap .close img {
	width:15px;
}
body:not(.mobile) .modalinfo_wrap .close:hover{
    opacity: 0.6;
}
	
}