#wrap {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10rem;background: url("../img/background.png") no-repeat 0 0 / cover;min-height: 100vh;}
#wrap .img_wrap {width: 32rem;}
#wrap .img_wrap img {width: 100%;}
#wrap .index_a {display: block;width: fit-content;font-size: 2rem;font-weight: 700;color: #0850ab;background: #fff;padding: 1.5rem 5rem;border-radius: 1.2rem;letter-spacing: -.1rem;}

/* 모달 */
#wrap.on .modal {display: block}
.modal {display:none;position: fixed; min-height: 100vh;width: 100%; left: 0; right: 0; top: 0;z-index: 100;background: transparent;}
.modal .modal_bg {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,.3);}
.modal_con {background: #e9e9e9;max-width:500px;width: 85%;  top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);display: flex;flex-direction: column;border-radius: .3rem;box-shadow: 0 0 1rem rgba(0,0,0,.5);z-index: 101;}
.modal_con h3 {font-size: 1.8rem; padding: 1.5rem;color: #0850ab;font-weight: bold; text-align: center;position:relative; margin-right: 0;display: block;}
.modal_con h3 span {display: block;width: 1rem;position: absolute;top: 50%;right: 1rem;transform: translateY(-50%);}
.modal_con .modal_box {position: relative;background: #fff;margin: 0 1rem;padding: 0 0 2rem 0;margin-bottom: 1rem;}
.modal_con .modal_box img {width: 2rem;margin: 0 auto;display: block;margin-bottom: 1rem;}
#wrap .modal_con .modal_box p {font-size: 1.7rem;text-align: center;color: #333;padding: 0 1rem 6rem 1rem;line-height: 1.2;}
.modal_con .modal_box > div {padding: .5rem 1rem 0 1rem;position: absolute;bottom:1rem;width: 100%;display: flex;align-items: center;justify-content: center;gap: 1rem;border-top: 1px solid #ddd;}
.modal_con .modal_box button {font-size: 1.8rem;color: #3f3f3f;background: #fff;width: 100%;padding: 1rem;font-weight: bold;border-radius: .7rem;}
.modal_con .modal_box a {color: #0850ab;font-size: 1.6rem;display: block;margin-top: 1rem;font-weight: bold;}