.modal{position: fixed;top: 0;left: 0;z-index: 9999;display: none;overflow: auto;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;background: rgba(0, 0, 0, 0.65);}
.modal-radius{border-radius:16px;}
.modal-dialog{position: relative;margin: 0.5rem auto;overflow: hidden;/* height: calc(100vh - 100px); */top: 50%;transform: translateY(-50%);background-color: #fff;}
.fade {transition: opacity .15s linear;}
/* .modal-footer{display: flex;justify-content: center;padding:8px;background-color:#EFF0F3;border-top:1px solid #D8DBDF;} */
.modal-sm{width:340px;padding:44px 20px 30px;}
.modal-sm .alert-wrap{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.modal-sm .alert-wrap .title{font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;margin-bottom: 4px;}
.modal-sm .alert-wrap .text{font-size: 14px;letter-spacing: -0.28px;color: #5A6275;text-align:center;line-height:21px ;margin-bottom: 32px;}
.modal-sm .alert-wrap .inp{width: 100%;padding: 0 16px;height: 44px;margin-bottom: 12px;}
.modal-sm .btn-col{display:flex;flex-direction:column;gap:12px;}
.modal-sm .btn-clse{position:absolute;right:22px;top:22px;}
.modal-sm .bg-box{display:flex;flex-direction:column;gap:2px;padding: 16px;margin:20px 0;border-radius: 4px;color:#687286;font-size:12px;line-height:18px;letter-spacing: -0.24px;background:#F6F7F8;}
.modal-sm .bg-box .dot-text{text-indent: -9px;margin-left: 9px;}
.modal-sm .bg-box .dot-text::before{display:inline-block;margin: 0 6px 3px 0;width:3px;height:3px;background-color: #687286;border-radius:100%;content:'';}
.icon-modal-clse-sm{width:12px;height:12px;background: url("../images/sub/icon-modal-clse-sm.png");display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100%;}

.modal-md{width:960px;padding:78px 50px 50px;top:50px;transform:none;-webkit-transform:none;margin: 0.5rem auto 100px;}

/* 주소 카카오 */
.addr-modal{width:500px;height:620px;background: #ECECEC;}
.addr-modal .modal-header{display:flex;align-items:center;justify-content:center;padding:16px 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.57px;font-size: 19px;background-color: #338DFF;color:#fff;}
.addr-modal .btn-clse{display: flex;align-items: center;justify-content: center;position: absolute;top: 20.5px;right: 20px;width: 16px;height: 16px;}
.icon-modal-clse-sm-w{width:16px;height:16px;background: url("../images/sub/icon-modal-clse-sm-w.svg");display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100%;}


/* 동의 및 인허가 현황 모달 */
.permission-modal{}
.permission-modal .permission-list{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin: 40px 47.34px;column-gap: 16px;row-gap: 24px;}
.permission-modal .permission-list figure{display: flex;flex-direction: column;gap: 8px;align-items:center;text-align: center;}
.permission-modal .permission-list figcaption{color: #687286;font-size: 13px;line-height: 130%;letter-spacing: -0.26px;}
.permission-modal .sub-title{letter-spacing: -0.36px;margin-bottom: 16px;color:#5A6275;font-weight: 500;line-height: 120%;font-size: 18px;}
.permission-modal .award-list{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;row-gap: 24px;}
.permission-modal .btn-clse{position: absolute;top: 52px;right:50px;width: 24px;height: 24px;}
.icon-modal-clse-lg{width:28px;height:28px;background: url("../images/sub/icon-modal-clse-lg.png");display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100%;}

/* 고객사 모달 */
.client-modal{}
.client-modal .top-text{display: flex;flex-direction: column;}
.client-modal .top-text p{margin:8px 0 4px;color: #5A6275;font-size: 14px;letter-spacing: -0.28px;}
.client-modal .top-text span{color: #5A6275;font-size: 11px;line-height: 120%;}
.client-modal .sub-title{letter-spacing: -0.36px;margin:40px 0 16px;color:#5A6275;font-weight: 500;line-height: 120%;font-size: 18px;}
.client-modal .logo-list{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;row-gap: 10px;}
.client-modal .btn-clse{position: absolute;top: 52px;right:50px;width: 24px;height: 24px;}


/* 마크 안내 모달 */
.medal-modal{}
.medal-modal .top-text p{color: #5A6275;font-size: 14px;letter-spacing: -0.28px;margin: 8px 0 40px;}
.medal-modal .medal-list{display:flex;flex-direction:column;gap:28px;padding:0 40px;}
.medal-modal .medal-list li{display:flex;align-items:center;gap:30px;border-bottom: 1px solid #DFE1E8;padding-bottom:28px;}
.medal-modal .medal-list li:last-child{border:0;}
.medal-modal .medal-list li .icon{display:flex;align-items:center;justify-content:center;width: 80px;height: 80px;background-color: #F6F7F8;border-radius:100%;}
.medal-modal .medal-list li .text-box{}
.medal-modal .medal-list li .text-box .title{margin-bottom:8px;color: #5A6275;font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.medal-modal .medal-list li .text-box p{color:#687286;font-size: 12px;letter-spacing: -0.24px;}
.medal-modal .medal-list li .text-box p+p{margin:2px 0 0;}
.medal-modal .medal-list li .text-box p::before{display: inline-block;background: #687286;content: '';margin: 0 6px 3px 0;width: 3px;height: 3px;border-radius: 100%;}
.medal-modal .btn-clse{position: absolute;top:50px;right:50px;}

/* 지역점 정보 모달 */
.area-modal{width:640px;top:58px;transform:none;-webkit-transform:none;margin:0 auto;/* margin: 0.5rem auto 100px; */border-radius: 0;border-radius: 16px 16px 0 0;background: #FFF;box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.10), 1px 2px 4px 0 rgba(0, 0, 0, 0.05);}
.area-modal .modal-header{padding:78px 50px 24px;font-size: 28px;text-align: center;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.area-modal .modal-body{height: calc(100dvh - 299px);overflow-x: hidden;}
.area-modal .top-box{position:relative;z-index:1;height:640px;}
.area-modal .top-box::after{position:absolute;bottom: 0;z-index:-1;width:100%;height:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 65%, rgba(0, 0, 0, 0.70) 100%);content:'';}
.area-modal .top-box .text{padding:100px 40px;justify-content: flex-end;height: 100%;display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.area-modal .top-box .label{display: flex;padding: 6px 16px;justify-content: center;align-items: center;border-radius: 50px;border: 1px solid #FFF;color:#fff;font-size: 16px;font-weight: 500;line-height: 140%;letter-spacing: -0.32px;}
.area-modal .top-box .title{color: #FFF;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.area-modal .con-box{z-index: 1;position: relative;margin-top:-40px;border-radius: 40px 40px 0 0;background: #FFF;}
.area-modal .con-box section{padding:40px 50px 0;margin-bottom:40px;}
.area-modal .con-box section+section{border-top:10px solid #EEF0F4;}
.area-modal .con-box section .top-title{margin-bottom:24px;font-size: 19px;font-weight: 700;line-height: 130%;letter-spacing: -0.57px;color: #353849;}
.area-modal .con-box section .box{padding-bottom:30px;font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;color: #5A6275;border-bottom: 1px solid #DFE1E8;}
.area-modal .con-box section .box.info-box{padding-bottom:20px;border:0;}
.area-modal .con-box section .box+.box{margin-top:30px;}
.area-modal .con-box section .box .top-title{margin-bottom:16px;display: flex;gap: 8px;align-items: center;}
.area-modal .con-box section .box dl{display:flex;gap:10px;}
.area-modal .con-box section .box dt{width:68px;color:#687286;letter-spacing: -0.3px;}
.area-modal .con-box section .box dd{display: flex;align-items: center;gap: 10px;font-size: 16px;color:#5A6275;font-weight: 500;letter-spacing: -0.32px;}
.area-modal .con-box section .box dd .badge{color: #F60;background: rgba(255, 102, 0, 0.10);}
.area-modal .con-box section .box dl+dl{margin-top:8px;}
.area-modal .con-box section .btn-toggle-view{display:flex;align-items:center;gap:8px;font-size: 14px;letter-spacing: -0.28px;}
.icon-b-t-modal-arr{width:12px;height:12px;background:url("../images/sub/icon-b-t-modal-arr.png");transition:.3s;}
.area-modal .con-box section .btn-toggle-view.active i{transform:rotate(-180deg);}
.area-modal .con-box section .toggle-view-box{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:8px;padding: 12px;border-radius: 8px;background: #F6F7F8;}
.area-modal .con-box section .toggle-view-box dl{display:flex;gap:10px;line-height:16.9px;}
.area-modal .con-box section .toggle-view-box dt{width:68px;flex-shrink:0;color:#687286;font-size: 13px;letter-spacing: -0.26px;}
.area-modal .con-box section .toggle-view-box dd{font-size: 13px;color:#5A6275;font-weight: 500;line-height: 150%;letter-spacing: -0.26px;}
/* .area-modal .con-box section .toggle-view-box .text1{font-size: 14px;letter-spacing: -0.28px;}
.area-modal .con-box section .toggle-view-box .text2{font-size: 11px;font-weight: 400;line-height: 120%;} */
.area-modal .con-box .award-sec{}
.area-modal .con-box .award-sec .medal-list{padding:0 6px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;justify-content: space-between;column-gap: 80px;row-gap: 20px;}
.area-modal .con-box .award-sec .medal-list li{display:flex;flex-direction:column;align-items:center;text-align:center;/* padding:0 6px; */}
.area-modal .con-box .award-sec .medal-list .icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px;width: 60px;height: 60px;border-radius: 16px;background: #F6F7F8;}
.area-modal .con-box .award-sec .medal-list .icon i{width:32px;height:32px;}
.area-modal .con-box .award-sec .medal-list li strong{display:inline-block;margin-bottom:2px;letter-spacing: -0.3px;color:#35425C;font-weight: 500;}
.area-modal .con-box .award-sec .medal-list li span{color:#687286;line-height: 120%;font-size: 11px;}
.area-modal .con-box .branch-scene-swiper{position:relative;overflow: visible;}
/* .area-modal .con-box .branch-scene-swiper::before{content: "";position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background: #fff;z-index: 10;pointer-events: none;} */
.area-modal .con-box .branch-scene-swiper .swiper-slide{width: 362px;}
.area-modal .con-box .branch-scene-swiper .swiper-button-prev,.area-modal .con-box .branch-scene-swiper .swiper-button-next{top: 103px;transform: none;opacity:0;transition:.3s;}
.area-modal .con-box .branch-scene-swiper:hover .swiper-button-prev,.area-modal .con-box .branch-scene-swiper:hover .swiper-button-next{opacity:1;}
.area-modal .con-box .swiper .img{width: 362px;height: 245px;border-radius: 8px;overflow:hidden;}
.area-modal .con-box .swiper .text-box{margin-top:10px;display:flex;gap:2px;flex-direction:column;align-items:flex-start;}
.area-modal .con-box .swiper .text-box .title{font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;}
.area-modal .con-box .swiper .text-box .date{font-size: 14px;color:#687286;letter-spacing: -0.28px;}
.area-modal .con-box .review-list{}
.area-modal .con-box .review-list li{width:100%;}
.area-modal .con-box .review-list .img {width: 144px;height: 96px;}
.area-modal .con-box .review-sec .btn-more{width:200px;margin:16px auto 0;}
.area-modal .modal-footer{position:fixed;z-index:2;bottom:0;left:50%;transform:translateX(-50%);width:640px;padding:24px 50px;background: #FFF;box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.05), 0 -3px 10px 0 rgba(0, 0, 0, 0.05);}
.area-modal .btn-clse{position: absolute;top:50px;right:50px;}

/* 파트너모집 마스터 이야기 */
.part-master-modal{width:960px;top:50px;transform:none;-webkit-transform:none;}
.part-master-modal .modal-header{padding:78px 50px 40px;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.part-master-modal .modal-body{padding:0 50px 50px;height: calc(100dvh - 299px);overflow-x: hidden;}
.part-master-modal .col-img{display:flex;gap:16px;margin-bottom:40px;}
.part-master-modal img{border-radius: 12px;overflow:hidden;}
.part-master-modal .master-qna{display:flex;flex-direction:column;gap:28px;padding:0 40px;}
.part-master-modal .master-qna li{display:flex;flex-direction:column;gap:8px;}
.part-master-modal .master-q{color:#35425C;font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;}
.part-master-modal .master-a{margin-left:16px;color:#5A6275;line-height: 150%;letter-spacing: -0.3px;}
.part-master-modal .btn-clse{position: absolute;top:50px;right:50px;}