.stylingAlert.on {
    display: block;
}

.layer.type4.on {display:block;}
.layer.type4 {border-radius:10px; border:2px solid var(--blue); box-shadow:10px 10px 10px rgba(0,0,0,.2); background:#fff; position:absolute;}
.layer.type4 .layer-tit {padding:0 10px 0 20px; height:44px; display:flex; justify-content:space-between; align-items:center;}
.layer.type4 .layer-tit .tit {font-size:13px; font-family:var(--f_NanumSquare); font-weight:900; color:var(--blue); transform:var(--textRotate); }
.layer.type4 .layer-btn {display:flex; gap:5px; align-items:center;}
.layer.type4 .layer-btn button {width:30px; height:30px; border-radius:50%; border:1px solid var(--bluegray); display:flex; align-items:center; justify-content:center; }
.layer.type4 .layer-btn button:hover {background:var(--hoverBgc);}
.layer.type4 .layer-btn button.reset {}
.layer.type4 .layer-btn button.close {}
.layer.type4 .layer-btn button.close.hide {display: none;}
.layer.type4 .layer-inner {padding:0 20px 20px;}
.layer.type4 .alertText {text-align:center;}
.layer.type4 .alertText p {color:var(--blue); font-size:13px; font-weight:900; font-family:var(--f_NanumSquare);}
.layer.type4 .alertText p.sub {color:#999;}

.btnWrap {}
.btnWrap.type1 {display:flex;}
.btnWrap.type1 button {font-size:13px; font-weight:900; border-radius:5px; line-height:35px; color:#fff; font-family:var(--f_NanumSquare); transform:var(--textRotate);}
.btnWrap.type1 .submit {background-color:var(--blue2);}
.btnWrap.type1 .reset {background-color:var(--blue4);}
.btnWrap.type1 .blue {background-color:var(--blue);}