/*******popup**********/
 @font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('/popup/fonts/Cafe24OhsquareAir-v2.0.ttf') format('truetype');
}
.popup-modal .btn-dark, .popup-toast  .btn-dark{
	font-size:.8rem;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background-image: url(../images/x.svg);
	background-repeat:no-repeat;
	background-position:center;
    border: 0;
    border-radius: .25rem;
	background-size: 1.2em;
    opacity: .5;
}
.btn-close:hover{    opacity: .8;}
.popup-modal{position:fixed; top:0; left:0; right:0; background-color:rgba(0,0,0,.4); z-index:1000;    bottom: 0;  max-height: calc(100%); overflow:auto}
.popup-modal-wrapper{position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
	transition: transform .3s ease-out; transform:none; display: flex;
    align-items: center;
    min-height: calc(100% - 1rem); font-family: 'Cafe24Ohsquare'; }
.popup-modal-contents{ position: relative;
    display: flex;
    flex-wrap: wrap;	
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;	
}
.popup-wrapper{width:280px; padding:30px; background-size:cover; background-position:top center; position:relative; line-height:1.2; margin:.5rem; display: flex; flex-direction: column;     flex: 0 0 auto; width: auto;}
.popup-wrapper .popUrl{padding:.8rem 1rem; border-radius:100px; display:block; text-align:center; margin-top:.5rem;}
.popup-wrapper .popTitle{font-size:2rem; margin-bottom:1rem;}
.popup-wrapper .popUrlText{font-size:1.1rem; text-align:center; }
.popup-wrapper .popContents{margin-bottom:1rem; }
.popModalIcon {margin-bottom:1rem}
.popup-wrapper .btn-close{position:absolute; top: -.2rem;
    right: -.2rem;
    background-color: #ffffff;
    padding: .5rem;
    border-radius: 50%;
    border: 2px solid #ffffff;}
@media (min-width: 576px){
	.pop-modal-contents{    margin: 1.75rem auto;}
}
.popup-wrapper-toast{
	min-width:280px;
	max-width: 350px;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    border-radius: .25rem;
	background-color:#ffffff;
	margin-top:.25rem;
}
.popup-toast .btn-close{border-radius: 0;
    border-radius: 0;
    top: 0;
    right: 0;
    position: absolute;
    width: 1em !important;
    height: 1em !important;
    background-size: 17px;
    padding: 10px;
    padding: .3em .3em;
    border: 0;
	
}
.popup-toast{position:fixed; right:10px; bottom:10px; padding-left:10px;  z-index:10000; font-family: 'Cafe24Ohsquare'; }
.popup-wrapper-toast .popUrl{padding:.3rem 0 0 0; border-radius:0; display:flex; text-align:left; align-items: center !important; font-size: .9rem;}
.popup-wrapper-toast .popUrlText{margin-left:5px}
.popup-wrapper-toast .toastArrow{width:15px}
.popup-wrapper .popUrlText{font-size:15px; text-align:center; }
.popup-wrapper-toast{position:relative; display:flex;}
.popup-wrapper-toast .toastContents{padding:1rem;}
.popup-wrapper-toast .popTitle{line-height:1; border:0; padding:0; background-color:transparent; font-size:.98rem}
.popup-wrapper-toast .popTosatContent{line-height:1.2; border:0; padding:0; background-color:transparent; font-size:.9rem}
.popup-wrapper-toast .popToastIcon{width:60px; padding-top:1rem; text-align:center}
.popup-wrapper-toast .popToastIcon img{width:30px}
.popModalIcon img{height:3rem}
.popModalIconTop{position:absolute; top:0; left:50%; border-radius:50%; background-color:#ffffff; display:flex;     justify-content: center !important; align-items: center !important; overflow:hidden}
.popup-wrapper-toast .popToastIconGroup{border-radius:50%; width:calc(26px + 1rem); height:calc(26px + 1rem); display:inline-block; margin-left:15px; display:flex; justify-content: center !important; align-items: center !important;}
.popup-wrapper-toast .popToastIconGroup img{width:24px}
.popModalIcon {margin-bottom:1rem}
@media (min-width: 576px){
	.popup-modal-contents{    margin: 1.75rem auto;}
}