@charset "utf-8";

/* 푸터 모달 : 개인정보취급방침 · 비급여진료수가 */
.modal {position: fixed; inset: 0; z-index: 3000; display: none; align-items: center; justify-content: center; padding: 4rem 2rem;}
.modal.on {display: flex;}
body.modalOpen {overflow: hidden;}
.modal .dim {position: absolute; inset: 0; background: rgba(0,0,0,0.6);}
.modal .box {position: relative; display: flex; flex-direction: column; width: 90rem; max-width: 100%; max-height: 100%; border-radius: 1.2rem; background: #fff; overflow: hidden;}
.modal .head {display: flex; align-items: center; justify-content: space-between; flex: none; height: 7.2rem; padding: 0 2.4rem 0 3.2rem; border-bottom: 1px solid #e5e5e5;}
.modal .tit {font-size: 2.2rem; font-weight: 700; color: #161616;}
.modal .close {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; padding: 0; border: 0; background: none; cursor: pointer;}
.modal .close img {width: 2rem; height: 2rem;}
.modal .body {flex: 1; min-height: 0; padding: 2.8rem 3.2rem 3.6rem; overflow-y: auto; font-size: 1.5rem; line-height: 1.8; color: #444; word-break: keep-all;}
.modal .body h3 {margin: 2.4rem 0 0.8rem; font-size: 1.6rem; font-weight: 700; color: #222664;}
.modal .body p {margin: 0 0 1rem;}
.modal .body ul {margin: 0 0 1rem; padding-left: 1.6rem; list-style: disc;}
.modal .body li {margin: 0.2rem 0;}
.modal.img .box {width: 72rem;}
.modal.img .body {padding: 2.4rem;}
.modal.img .body img {display: block; width: 100%; height: auto;}

@media all and (max-width: 880px){
    .modal {padding: 2rem 1.6rem;}
    .modal .box {border-radius: 1rem;}
    .modal .head {height: 5.6rem; padding: 0 1.2rem 0 2rem;}
    .modal .tit {font-size: 1.7rem;}
    .modal .body {padding: 2rem 2rem 2.8rem; font-size: 1.4rem;}
    .modal .body h3 {font-size: 1.5rem;}
    .modal.img .body {padding: 1.2rem;}
}