@charset "utf-8";

/* *{margin:0; padding: 0;font-family: 'Noto Sans', sans-serif; color:#333;} */
a:link, 
a:visited{text-decoration: none;}
li{list-style: none;}

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/


/******************** Alert ********************/

.waspkim-alert{

}

.waspkim-alert .m_layer{
    background-color: white;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow:hidden;
    position: relative;
    padding: 20px 20px 0 20px;
    text-align: center;
    letter-spacing: -25;
}

.waspkim-alert .m_layer .topclose{
    position: absolute;
    width:20px;
    height:20px;
    top:10px;
    right:10px;
    background-image: url(../images/btn_close_000.png);
    background-size: 80%;
    z-index: 30;
    background-repeat: no-repeat;
}

.waspkim-alert .m_layer .header{
    font-size: 18px;
    color:#121212;
    margin-bottom: 25px;;
    font-weight: 700;
}

.waspkim-alert .m_layer .title{
    font-size: 15px;
    color:#383838;
    margin-bottom: 10px;
    font-weight: 400;
}

.waspkim-alert .m_layer .subtitle{
    font-size: 12px;
    color:#afafaf;
    margin-bottom: 25px;
}

.waspkim-alert .m_layer .btn.action{
    font: 13px;
    background-color: #000000;
    color:#fff;
    border-radius: 8px;
    padding: 5px 15px;
    margin-bottom: 25px;
    z-index: 10;
    width: auto;
    margin-right:20%;
    margin-left: 20%;;
    cursor: pointer;
    /* box-sizing: border-box;
    transform: translateX(-50%);
    margin-left: 50%;; */
}

.waspkim-alert .closebtn{
    width:100%;
    bottom: 0;
    right:0;
    height:50px;
    color:white;
    background-color: #00bc90;
    font-size: 17px;
    text-align: center;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    line-height: 48px;
    cursor: pointer;
}

/******************** Alert ********************/