.modal{position: fixed;top: 0;left: 0;z-index: 9999;display: none;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;border-radius: 0;margin:0;background-color: #fff;max-width: 640px;margin: 0 auto;}
.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: calc(100% - 34px) !important;margin: 0 !important;max-width: 340px;padding: 44px 20px 30px;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 16px;}
.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;min-height: auto;}
.modal-sm .btn-col{display:flex;flex-direction:column;gap:12px;}
.modal-sm .btn-clse{display: flex;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.svg");}

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


.icon-modal-clse-sm-w{width:16px;height:16px;background: url("../images/sub/icon-modal-clse-sm-w.svg");}
.icon-modal-clse-lg{width:20px;height:20px;background: url("../images/sub/icon-modal-clse-lg.png");}
.icon-area-modal-01{width:13px;height:20px;background: url("../images/sub/icon-area-modal-01.png");}
.icon-area-modal-02{width:20px;height:20px;background: url("../images/sub/icon-area-modal-02.png");}
.icon-area-modal-03{width:20px;height:20px;background: url("../images/sub/icon-area-modal-03.png");}
.icon-b-t-modal-arr{width:12px;height:12px;background:url("../images/sub/icon-b-t-modal-arr.png");transition:transform.3s;}

/* 주소 카카오 */
#addrModal{overflow:hidden;}
.addr-modal{width: 100%;height: 100%;background: #ECECEC;overflow: visible;}
.addr-modal .modal-content{width: 100%;}
.addr-modal .modal-header{display:flex;align-items:center;justify-content: center;padding:16px;font-weight: 700;line-height: 150%;font-size: 20px;background-color: #fff;border-bottom:1px solid #DFE1E8;}
/* .addr-modal .modal-body{overflow: auto;height: calc(100% - 63px);} */
.addr-modal .btn-clse{display: flex;align-items: center;justify-content: center;position: absolute;top:21px;right: 16px;width: 20px;height:20px;}


/* 동의 및 인허가 현황 모달 */
.permission-modal{padding: 60px 16px;}
.permission-modal .permission-list{display:flex;flex-wrap:wrap;margin: 20px;column-gap: 16px;row-gap: 10px;}
.permission-modal .permission-list li{width:calc((100% - 16px) / 2);}
.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:flex;flex-wrap:wrap;margin: 20px 12px;column-gap: 16px;row-gap: 10px;}
.permission-modal .award-list li{display: flex;align-items: center;width:calc((100% - 16px) / 2);height:60px;}
.permission-modal .btn-clse{position: absolute;top: 10px;right:16px;width: 20px;height: 20px;}


/* 고객사 모달 */
.client-modal{padding: 60px 16px;}
.client-modal .top-text{display: flex;flex-direction: column;}
.client-modal .top-text p{margin:12px 0 6px;color: #5A6275;font-size: 14px;letter-spacing: -0.28px;}
.client-modal .top-text span{color: #6D758F;font-size: 12px;line-height: 120%;}
.client-modal .sub-title{letter-spacing: -0.48px;margin:40px 0 16px;color:#5A6275;font-weight: 700;line-height: 130%;font-size: 16px;}
.client-modal .logo-list{display: flex;flex-wrap: wrap;gap: 10px;}
.client-modal .logo-list li{display: flex;align-items: center;justify-content: center;width:calc((100% - 20px) / 3);}
.client-modal .btn-clse{position: absolute;top: 10px;right:16px;width: 20px;height: 20px;}


/* 마크 안내 모달 */
.medal-modal{padding: 50px 24px;}
.medal-modal .top-text p{color: #5A6275;line-height: 19.5px;font-size: 13px;letter-spacing: -0.26px;margin: 8px 0 24px;}
.medal-modal .medal-list{display:flex;flex-direction:column;gap:24px;}
.medal-modal .medal-list li{display:flex;align-items:center;gap:16px;border-bottom: 1px solid #DFE1E8;padding-bottom:24px;}
.medal-modal .medal-list li:last-child{border:0;}
.medal-modal .medal-list li .icon{flex-shrink: 0;display:flex;align-items:center;justify-content:center;width: 72px;height: 72px;background-color: #F6F7F8;border-radius:100%;}
.medal-modal .medal-list li .text-box{}
.medal-modal .medal-list li .text-box .title{margin-bottom:4px;color: #5A6275;font-size: 15px;font-weight: 500;line-height: 22.5px;letter-spacing: -0.3px;}
.medal-modal .medal-list li .text-box p{position: relative;padding-left: 7px;color:#687286;font-size: 12px;line-height:120%;}
.medal-modal .medal-list li .text-box p+p{margin:4px 0 0;}
.medal-modal .medal-list li .text-box p::before{position: absolute;left: 0;top: 5px;display: inline-block;background: #687286;content: '';width: 3px;height: 3px;border-radius: 100%;}
.medal-modal .btn-clse{position: absolute;top:30px;right:24px;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}

/* 지역점 정보 모달 */
.area-modal{top:0;transform:none;-webkit-transform:none;background: #FFF;}
.area-modal .modal-header{padding:17.5px;font-size: 18px;font-weight: 500;line-height: 130%;text-align:center;}
.area-modal .modal-body{height: calc(100dvh - 142px);overflow-x: hidden;}
.area-modal .top-box{position:relative;z-index:1;height:375px;}
.area-modal .top-title{display:flex;gap:8px;align-items:center;}
.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:50px 16px;justify-content: flex-end;height: 100%;display:flex;flex-direction:column;gap:8px;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: 12px;font-weight: 500;line-height: 100%;letter-spacing: -0.24px;}
.area-modal .top-box .title{color: #FFF;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.88px;}
.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 16px 0;margin-bottom:40px;}
.area-modal .con-box section+section{border-top:10px solid #EEF0F4;}
.area-modal .con-box section .top-title{margin-bottom:8px;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color:#353849;}
.area-modal .con-box section .box{padding-bottom:30px;border-bottom: 1px solid #DFE1E8;color:#5A6275;*/font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.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:8px;}
.area-modal .con-box section .box dl{display:flex;gap:10px;}
.area-modal .con-box section .box dt{width:56px;font-size:14px;color:#687286;letter-spacing: -0.28px;}
.area-modal .con-box section .box dd{display: flex;align-items: flex-start;flex-direction:column;gap: 4px;font-size: 15px;color:#5A6275;font-weight: 500;letter-spacing: -0.3px;}
.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: 12px;line-height:120%;color:#353849;}

.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:19.5px;}
.area-modal .con-box section .toggle-view-box dt{width:62px;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 .award-sec{}
.area-modal .con-box .award-sec .medal-list{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;justify-content: center;align-items: center;margin-top: 24px;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;font-size:14px;margin-bottom:2px;letter-spacing: -0.28px;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: 260px;}
.area-modal .con-box .swiper .img{width: 100%;height: 176px;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: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;}
.area-modal .con-box .swiper .text-box .date{font-size: 12px;color:#687286;line-height:120%;}
.area-modal .con-box .review-list{}
.area-modal .con-box .review-list li{width:100%;}
.area-modal .con-box .review-list .img {width: 100px;height: 90px;}
.area-modal .con-box .review-sec .btn-more{width:200px;margin:24px auto 0;}
.area-modal .con-box .review-list a:active .title{color:#687286;}
.area-modal .con-box .review-list a:active .text-box .text.ellipsis-1{color:#616678;}
.area-modal .con-box .review-list a:active .text-box .info{color:#687286;}
.area-modal .modal-footer{position:sticky;bottom:0;width:100%;padding:20px 16px;z-index:2;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:19px;right:16px;}

/* 파트너모집 마스터 이야기 */
.part-master-modal .modal-header{padding:50px 24px 24px;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.part-master-modal .modal-body{padding:0 24px 50px;height: calc(100dvh - 100px);overflow-x: hidden;}
.part-master-modal .row-img{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;}
.part-master-modal img{border-radius: 12px;overflow:hidden;}
.part-master-modal .master-qna{display:flex;flex-direction:column;gap:20px;}
.part-master-modal .master-qna li{display:flex;flex-direction:column;gap:8px;padding-bottom: 20px;border-bottom: 1px solid #EEF0F4;}
.part-master-modal .master-q{color:#35425C;font-size: 15px;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.part-master-modal .master-a{margin-left:16px;color:#5A6275;font-size:14px;line-height: 150%;letter-spacing: -0.28px;}
.part-master-modal .btn-clse{position: absolute;top: 30px;right: 24px;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}


/* ----------------------------------media 768px-------------------*/
@media (min-width: 768px) { 
.permission-modal .permission-list li{width:calc((100% - 48px) / 4);}
.permission-modal .award-list li{width:calc((100% - 48px) / 4);}
.client-modal .logo-list li{width: calc((100% - 20px) / 7);

}

/* ----------------------------------media 1024px-------------------*/
@media (min-width:1024px) { 

}