/*인증하기*/  
.prove{position:relative;padding:2.5rem 1.5rem 0;}
.prove h1{font-size:2.2rem;margin: 0.5rem 0 2rem;font-weight:normal;}
.prove h1 span{font-weight:800;display:block;}
.prove .telbox{margin:1rem 0 2rem;display:flex;align-items:center;}
.prove .telbox em{margin:0 0.5rem;}
.prove .telbox input{font-size:1.1rem;}
.prove .saveBtnWrap{margin-top:2rem;}

/*알림 아이콘*/
.pushReport{position:absolute;top:1rem;right:1.2rem;z-index:10;} 
.pushReport i{font-size:1.7rem;}  
.pushReport .report-badge{position:absolute;top:0;right:0;background-color:#F55C36;border-radius:50%;color:#fff;font-weight:500;width:7px;height:7px;}

/*상단타이틀*/ 
.mainHeader{display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;padding:0.8rem 0.5rem;}

/*메인화면*/
.Main .MainTop{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem 0.5rem;background-color:transparent;}
.Main .MainTop .name{font-weight:600;font-size:1.3rem;display:flex;align-items:center;}
.Main .MainTop .name i{font-size:1.1rem;color:#F55C36;margin-right:0.5rem;}
.Main .MainTop .report{position:relative;}
.Main .MainTop .report i{font-size:1.7rem;}
.Main .MainTop .report-badge{position:absolute;top:0;right:0;background-color:#F55C36;border-radius:50%;color:#fff;font-weight:500;width:7px;height:7px;}
/*날씨예보*/
.Main .weatherWrap{padding:0.5rem 0.2rem 2rem;}/*padding:0.5rem 0.2rem 3rem;*/
.Main .weatherWrap .weatherNow{display:flex;justify-content:center;align-items:center;margin-bottom:0.7rem;}
.Main .weatherWrap .weatherNow p{margin-right:0.5rem;width:100px;height:100px;background-repeat: no-repeat;background-size:cover;}
/*날씨아이콘*/
.Main .weatherWrap .weatherNow .clear{background-image:url(/theme/app/assets/img/weather/clear.png);}/*맑음*/
.Main .weatherWrap .weatherNow .little_cloudy{background-image:url(/theme/app/assets/img/weather/little_cloudy.png);}/*구름조금*/ 
.Main .weatherWrap .weatherNow .cloudy{background-image:url(/theme/app/assets/img/weather/cloudy.png);}/*흐림*/ 
.Main .weatherWrap .weatherNow .shower{background-image:url(/theme/app/assets/img/weather/shower.png);}/*소나기*/
.Main .weatherWrap .weatherNow .rain{background-image:url(/theme/app/assets/img/weather/rain.png);}/*비*/
.Main .weatherWrap .weatherNow .little_rain{background-image:url(/theme/app/assets/img/weather/little_rain.png);}/*가끔 비*/
.Main .weatherWrap .weatherNow .snow{background-image:url(/theme/app/assets/img/weather/snow.png);}/*눈*/
.Main .weatherWrap .weatherNow .little_snow{background-image:url(/theme/app/assets/img/weather/little_snow.png);}/*가끔 눈*/
.Main .weatherWrap .weatherNow .thunder{background-image:url(/theme/app/assets/img/weather/thunder.png);}/*천둥번개*/
.Main .weatherWrap .weatherNow .fog{background-image:url(/theme/app/assets/img/weather/fog.png);}/*안개*/
.Main .weatherWrap .weatherNow .haze{background-image:url(/theme/app/assets/img/weather/haze.png);}/*연무*/
.Main .weatherWrap .weatherNow .txt_temp{display:flex;align-items:center;line-height: normal;}
.Main .weatherWrap .weatherNow .txt_temp span{font-size:2.6rem;font-family: 'Montserrat';line-height:100%;} 
.Main .weatherWrap .weatherNow .txt_temp em.sky{margin-left:10px;font-weight:600;font-size:1.6rem;}
.Main .weatherWrap .weatherNow .txt_temp i{font-size:1.1rem;}
.Main .weatherWrap .weatherNow .weather{font-size:1.2rem;font-weight:500;margin-top:5px;}
.Main .weatherWrap .weatherNow .temperature{font-size:1.1rem;font-weight:400;margin-top:5px;}
.Main .weatherWrap .weatherNow .temperature span{color:#ddd;}
.Main .weatherWrap .weatherNow .temperature .lowest{color:#3172e7;font-weight:700;}
.Main .weatherWrap .weatherNow .temperature .highest{color:#cd3534;font-weight:700;}

.Main .weatherWrap .weatherData .summary_list{text-align:center;}
.Main .weatherWrap .weatherData .summary_list li{display:inline-table;color:#777;}
.Main .weatherWrap .weatherData .summary_list li:nth-child(2){margin:0 0.3rem;}
.Main .weatherWrap .weatherData .summary_list li span{color:#000;font-weight:700;}
.Main .weatherWrap .weatherData .summary_list li i{font-weight:normal;font-size:0.8rem;}

.Main .weatherWrap .weatherData .card_wrap{text-align:center;margin-top:0.5rem;} 
.Main .weatherWrap .weatherData .card_wrap li{display:inline-table;}
.Main .weatherWrap .weatherData .card_wrap li:nth-child(2){margin:0 0.8rem;}
.Main .weatherWrap .weatherData .card_wrap li span{color:#777;margin-right:0.2rem;}
.Main .weatherWrap .weatherData .card_wrap li em{color:#2a74f8;font-weight:600;}
/*날씨 특보*/
/* .Main .weatherWrap .notify{flex-wrap:wrap;margin:1rem 1rem 0.2rem;align-items:center;border:1px solid #F8D8D6;background-color:#FCF3F1;border-radius:5px;padding:0.4rem 0.5rem;color:#000;font-weight:500}
.Main .weatherWrap .notify em{margin-right:0.5rem;}
.Main .weatherWrap .notify p{display:inline-block;}
.Main .weatherWrap .notify span{font-weight:normal;font-size:0.8rem;letter-spacing:-0.8px;margin-left:8px;}
.Main .weatherWrap .notify .nonews{text-align:center;} */
/*날씨 특보 (수정)*/
.Main .weatherWrap .notify{display:flex;flex-wrap:wrap;justify-content:center;margin:1rem 1rem -1rem;align-items:center;border:1px solid #F8D8D6;background-color:#FCF3F1;border-radius:5px;padding:0.4rem 0.5rem;color:#000;font-weight:600}
.Main .weatherWrap .notify em{margin-right:0.5rem;padding:4px 5px;vertical-align:text-top;}
/* .Main .weatherWrap .notify p{display:inline-block;} */
.Main .weatherWrap .notify span{font-weight:normal;font-size:0.9rem;margin-left:8px;}
.Main .weatherWrap .notify .nonews{text-align:center;}

/*메인 화면 전체*/
.Main{position:relative;display:flex;flex-direction:column;height:100vh;padding-bottom:80px;} 
.Main .bgFixed{position:relative;}
.Main .bgFloat{flex:1;position:relative;padding:0 1rem;} 
/*이장님 방송*/
.Main .bgFloat .headman{display:grid;grid-template-columns:2fr 2fr;gap:10px;height: 100%;align-items:stretch;max-height:370px;} 
.Main .bgFloat .headman a{display:block;border-radius:0.6rem;padding:1.5rem 1.2rem;align-content:space-between;}
.Main .bgFloat .headman h3{position:relative;font-size:1.5rem;color:#fff;margin-bottom:1rem;}
.Main .bgFloat .headman h3 i{position:absolute;right:0;top:0;opacity:0.3;margin-left:0.3rem;}
.Main .bgFloat .headman span{color:#fff;opacity:0.6;line-height:130%;letter-spacing:-0.5px;}
@media screen and (max-width: 360px) {
    .Main .bgFloat .headman h3{font-size:1.35rem;}
} 

/*버튼 한개 일때 사용*/
/* .headman .realTime{display:block;position:relative;border-radius:0.6rem;margin:0.8rem 0.4rem;padding:1.2rem;height:92%;align-content:space-between;overflow:hidden;
    background: #425CEB;}
.headman .realTime::after{content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:200px;background-image:url(/theme/app/assets/img/record_bg.png);background-repeat:no-repeat;background-size:45%; background-position:100% 100%;} */

/*버튼 4개 일때 사용*/
.Main .bgFloat .headman .broad1{
background: #6D2A85;  
background: -webkit-linear-gradient(to right, #cc5333, #6D2A85); 
background: linear-gradient(to right, #cc5333, #6D2A85);}

.Main .bgFloat .headman .broad2{background-color:#fcf3f1;}
.Main .bgFloat .headman .broad2 h3{color:#000;}
.Main .bgFloat .headman .broad2 span{color:#000;}

.Main .bgFloat .headman .broad3{
background: #606c88;
background: -webkit-linear-gradient(to right, #3f4c6b, #677492);
background: linear-gradient(to right, #3f4c6b, #677492);}

.Main .bgFloat .headman .broad4{background-color:#F2F3F4;}
.Main .bgFloat .headman .broad4 h3{color:#000;}
.Main .bgFloat .headman .broad4 span{color:#000;}

/*방송버튼 클릭 시 레이어*/

.offcanvas.offcanvas-bottom.indexLyr,
.offcanvas.offcanvas-bottom.realTimeLyr,
.offcanvas.offcanvas-bottom.recordLyr,
.offcanvas.offcanvas-bottom.TTSLyr{height:330px;}
.offcanvas-bottom{/*padding:1.5rem 1.2rem;*/border-radius:1rem 1rem 0 0;}
.offcanvas-bottom .title{display:flex;justify-content:space-between;padding:1.5rem 1.2rem;}
.offcanvas-bottom .title h4{font-size:1.4rem;}
.offcanvas-bottom .conts{position:relative;}
.offcanvas-bottom .conts .mag{font-size:1rem;margin:0.5rem 0 0;color:#555;}
.offcanvas-bottom.brodLyr .BtnWrap .checkBtn.btn{position:relative;flex-grow:1;margin:0 0.2rem;text-align:center;font-size:1.15rem;font-weight:600;padding:1.05rem 0;padding-right:0.7rem;border-radius:0.6rem;display:block;background-color:#F6F7FB;color:#777;border:1px solid #F6F7FB;}
.offcanvas-bottom.brodLyr .BtnWrap .checkBtn.btn::after{content:'';font-family:xeicon;position:absolute;top:50%;margin-top:-12px;left:79%;font-size:1.2rem;color:#E0E0E0;}
.offcanvas-bottom.brodLyr .BtnWrap .btn-check:checked+.checkBtn.btn::after{content:'';font-family:xeicon;position:absolute;top:50%;margin-top:-12px;left:79%;font-size:1.2rem;}
.offcanvas-bottom.brodLyr .savebtn{display:block;text-align:center;border-radius:0.6rem;padding:1.05rem 0;font-size:1.15rem;font-weight:600;}
/*최근방송 리스트*/
.lately{padding:1rem 0.6rem 1.5rem;margin-top:1rem;}
.lately .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}
.lately .title em{font-weight:normal;font-size:0.85rem;color:#777;}
.lately .title a{color:#777;font-size:0.9rem;}
.lately h2{font-size:1.2rem;}
.lately ul li{border-top:1px solid #eaeaea;padding:0.7rem 0;}
.lately ul li:last-child{border-bottom:1px solid #eaeaea;}
.lately ul li p{font-size:1.05rem;font-weight:500;}
.lately ul li span{color:#777;font-size:0.9rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: block;padding-right: 50px;}
.lately ul li a{position:relative;display:block;}
.lately ul li a::after{content:'';position:absolute;top:50%;right:10px;margin-top:-18px;display:inline-block;font-family:xeicon;font-size:1.6rem;color:#B0B0B0;}

/*최근방송 레이어*/
.offcanvas.offcanvas-bottom.latelyLyr{height:330px;} 
.offcanvas.offcanvas-bottom.latelyLyr.detail{height:400px;}
.offcanvas.offcanvas-bottom.latelyLyr.sms{height:60%;}
.latelyLyr_wrap .date{font-size:1.6rem;font-weight:600;margin-bottom:0.2rem;}
.latelyLyr_wrap .tit{font-size:1rem;color:#777;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} 

/*최근방송 레이어 - 문자메시지*/
.latelyLyr_wrap .titlebox{border:1px solid #000;border-width:3px 0 0;padding:0.8rem 1rem;margin-bottom:1rem;background-color:#F6F7FB}
.latelyLyr_wrap .titlebox .date{font-size:1.3rem;font-weight:600;}
.latelyLyr_wrap .titlebox .tit{font-size:0.9rem;}
.latelyLyr_wrap .TTSContent{font-size:0.95rem;padding:0 0.5rem 1rem;margin-bottom:1rem;border-bottom:1px solid #ddd;}
.latelyLyr_wrap .TTSContent .smsImgBox{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:1.5rem;}
.latelyLyr_wrap .TTSContent .smsImgBox p{flex-grow:1;flex-basis:auto;flex-shrink:1;}
.latelyLyr_wrap .TTSContent .smsImgBox p img{width:100%;height:auto;}
.latelyLyr_wrap .TTSContent .BtnWrap{margin:0.5rem 0 1rem;}



/*메인 공지 최신글*/
.notice{padding:0 0.6rem;padding-bottom:80px;}
.notice .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}
.notice .title h2{font-size:1.2rem;}
.notice .title a{color:#777;font-size:0.9rem;}
.notice ul{border:1px solid #eee;padding:0.7rem 1rem 0.7rem 0;border-radius:0.6rem;background-color:#f5f5f5;}
.notice ul li{position:relative;padding-left:2rem;}
.notice ul li::before{content:'';position:absolute;top:50%;left:1.2rem;margin-top:-2px;width:3px;height:3px;background-color:#333;}
.notice ul li a{display:flex;padding:0.3rem 0;justify-content:space-between;}
.notice ul li a p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice ul li a .date{color:#777;font-size:0.85rem;flex-basis:130px;text-align:right;}
/*TTS방송*/
.ttsform{position:relative;/*text-align:center;*/height:inherit;}
.ttsform .step{display:flex;justify-content:space-between;margin:0.5rem 0 1rem;font-size:1rem;}
.ttsform fieldset{position:relative;background:#fff;border:0 none;border-radius:0.5rem;box-sizing:border-box;width:100%;height:100%;margin:0;}
.ttsform fieldset:not(:first-of-type) {display: none;}
.ttsform .progress {height:10px;}


.ttsform .basicbtn{text-align:center;font-size:1.1rem;font-weight:700;padding:1.05rem 0;border-radius:0.6rem;display:inline-block;background-color:#F6F7FB;color:#777;width:30%;border:0;position:fixed;left:1.2rem; bottom:20px;z-index:999;}
.ttsform .fillbtn{text-align:center;font-size:1.1rem;font-weight:700;padding:1.05rem 0;border-radius:0.6rem;display:inline-block;border:0;width:60%;position:fixed;right:1.2rem;bottom:20px;z-index:999; }

 
.ttsform .basicbtn2{text-align:center;font-size:1.1rem;font-weight:700;padding:1.05rem 0;border-radius:0.6rem;display:inline-block;background-color:#F6F7FB;color:#777;width:30%;border:0;position:static;left:1.2rem; bottom:5px;z-index:999;}
.ttsform .fillbtn2{text-align:center;font-size:1.1rem;font-weight:700;padding:1.05rem 0;border-radius:0.6rem;display:inline-block;border:0;width:68.5%;position:static;right:1.2rem;bottom:5px;z-index:999;} 


.ttsResult{margin-top:2rem;}
.ttsResult .txt{font-size:1.7rem;font-weight:700;margin-bottom:1rem;}
.ttsResult ul{background-color:#F6F7FB;padding:1rem 2rem;}
.ttsResult ul li{position:relative;font-size:1.1rem;padding-left:1rem;}
.ttsResult ul li::before{content:'';position:absolute;top:9px;left:0;width:4px;height:4px;}
/*메시지 불러오기*/
.offcanvas.offcanvas-bottom.messageLyr{height:60vh !important;}
.messageLyr .nav{margin:0 0 0.5rem;}
.messageLyr .messageWrap{position: relative;overflow:auto;max-height:40vh;}
.messageLyr .messageWrap li{position:relative;cursor:pointer;border-bottom:1px solid #ddd;padding:0.9rem 0.5rem;font-size:1.1rem;font-weight:600;}
.messageLyr .messageWrap li.nodata{border-bottom:0;}
.messageLyr .messageWrap li.nodata p{margin-bottom:1rem;} 
.messageLyr .messageWrap li.nodata::after{top:25%;}



/*녹음방송*/
.recordForm{position:relative;/*text-align:center;*/height:inherit;}
.recordForm .step{display:flex;justify-content:space-between;margin:0.5rem 0 1rem;font-size:1.1rem;}
.recordForm fieldset{position:relative;background:#fff;border:0 none;border-radius:0.5rem;box-sizing:border-box;width:100%;height:100%;margin:0;}
.recordForm fieldset:not(:first-of-type) {display:none;} 
.recordForm .progress {height:10px;}
.recordForm .basicbtn{text-align:center;font-size:1.1rem;font-weight:700;padding:1.05rem 0;border-radius:0.6rem;display:inline-block;background-color:#F6F7FB;color:#777;width:30%;border:0;position:fixed;left:1.2rem; bottom:20px;}
.recordForm .fillbtn{text-align:center;font-size:1.1rem;font-weight:700;padding:1.05rem 0;border-radius:0.6rem;display:inline-block;border:0;width:60%;position:fixed;right:1.2rem;bottom:20px;}
.recordForm .onebtn{text-align:center;font-size:1.1rem;font-weight:700;padding:1.05rem 0;border-radius:0.6rem;display:block;background-color:#F6F7FB;color:#777;border:0;position:fixed;left:1.2rem;right:1.2rem;bottom:20px;}

/*녹음하기*/
.recordWrap .BtnWrap .btn{display:flex;align-items:center;justify-content: center;flex-grow:1;margin:0 0.2rem;text-align:center;font-size:1.2rem;font-weight:600;padding:1.3rem 0;padding-right:0.7rem;border-radius:0.6rem;border:1px solid;}
.recordWrap .BtnWrap .btn i{font-size:1.8rem;margin-right:8px;}
.recordWrap .BtnWrap .btn.record{border-color:#E62D28;background-color:#FEF8F8;color:#E62D28;}
.recordWrap .BtnWrap .btn.record.disabled,
.recordWrap .BtnWrap .btn.record:disabled{background-color:#eee;border-color:#eee;color:#888;}

.recordWrap .BtnWrap .btn.recordStop{border-color:#E62D28;background-color:#FEF8F8;color:#E62D28;}
.recordWrap .BtnWrap .btn.recordStop.disabled,
.recordWrap .BtnWrap .btn.recordStop:disabled{background-color:#eee;border-color:#eee;color:#888;}

/*녹음중 파형*/
.recording{display:flex;flex-direction:column;align-items:center;margin-top:1rem;}
.recording svg{width:100px;height:40px;}
.recording span{display:block;font-weight:600;}
/*녹음 목록*/
.recordList{margin-top:1rem;position:relative;overflow-y:scroll;height:calc(100vh - 400px);} 
.recordList ul li{border-bottom:1px solid #eaeaea;padding:0.7rem 0;}
.recordList ul li p{display:flex;align-items:center; font-size:1.15rem;font-weight:600;}
.recordList ul li span{color:#777;}
.recordList ul li a{position:relative;display:block;}
.recordList ul li a::after{content:'';position:absolute;top:50%;right:10px;margin-top:-18px;display:inline-block;font-family:xeicon;font-size:1.6rem;color:#B0B0B0;}
/*녹음 레이어*/
.offcanvas.offcanvas-bottom.recordListLyr{height:250px;}
.recordListLyr .controlBox{text-align:center;}
.recordListLyr .controlBox audio{width:100%;} 

/*문자메시지*/
.PhotoMsg{position:relative;margin-top:1rem;padding-bottom:1rem;}
.PhotoMsg .dz-button{position:relative;width:49%;display:block;text-align:center;font-size:1rem;font-weight:600;padding:1.05rem;border-radius:0.6rem;background-color:transparent;} 
.PhotoMsg .dz-button::after{content:"\F42B";position:absolute;top:29%;right:20px;font-family:bootstrap-icons !important;font-style:normal;font-weight:400 !important;}

.PhotoMsg .messageBtn{position:absolute;top:0;right:0;width:49%;display:block;text-align:center;font-size:1rem;font-weight:600;padding:1.05rem;border-radius:0.6rem;background-color:transparent;border:1px solid;}

/*문자 발송결과*/
 ul li.smsResult a::after{content:"\F68C";position:absolute;top:50%;right:13px;margin-top:-14px;display:inline-block;font-size:1.2rem;color:#B0B0B0;font-family: bootstrap-icons !important;font-style:normal;font-weight:400 !important;}
 /* .ResultList.smsResult ul li a::after{content:"\F52A";position:absolute;top:50%;right:13px;margin-top:-14px;display:inline-block;font-size:1.2rem;color:#B0B0B0;font-family: bootstrap-icons !important;font-style:normal;font-weight:400 !important;} */

 .ResultList.smsResult ul li .del_btn::after{content:'';position:absolute;top:5px;right:5px;display:block;text-align:center;line-height:24px;font-family:xeicon;font-size:0.9rem;color:#bbb;width:24px;height:24px;background-color:#F6F8FA;border-radius:50%;}

/*방송예약*/
.reserveWrap{margin-top:2rem;}
.reserveWrap .reserveBtn{position:relative;display:flex;justify-content:space-between;align-items:center;font-weight:600;}
.reserveWrap .reserveBtn::after{content:"\F286";position:absolute;top:50%;right:13px;margin-top:-14px;display:inline-block;font-size:1.2rem;font-family: bootstrap-icons !important;font-style:normal;font-weight:400 !important;}
.reserveBtn.collapsed::after{transform: rotate(-180deg);}

.reserveWrap .reserveForm{display:flex;align-items:center;margin-top:1rem;background-color:#F6F7FB;padding:0.6rem;}
.reserveWrap .reserveForm > div{flex-shrink:1;flex-grow:1;margin:0 0.2rem;}
.reserveWrap .reserveForm > div label{font-size:1.1rem;}
.reserveWrap input{border:1px solid #eee;background-color:#fff;font-size:1;}
.form-floating>.form-control:not(:placeholder-shown){padding-top:2rem;}

/*3.방송하기*/
.recordResult{margin-top:2rem;}
.recordResult .txt{font-size:1.7rem;font-weight:700;margin-bottom:1rem;}
.recordResult ul{background-color:#F6F7FB;padding:1rem 2rem;}
.recordResult ul li{position:relative;font-size:1.1rem;padding-left:1rem;}
.recordResult ul li::before{content:'';position:absolute;top:9px;left:0;width:4px;height:4px;}

/*방송내역*/
.broadcastResult{padding:3.8rem 0 7rem;}
.broadcastResult .month{position:relative; text-align:center;font-size:1.1rem;font-weight:600;background-color:#F9F9F9;padding:1rem 0.8rem;}
.broadcastResult .month a{position:absolute;right:0.5rem;display:inline-block;padding:0 1rem}
/*방송리스트*/
.ResultList{padding:0 1.2rem 1.5rem;}
.ResultList h2{font-size:1.2rem;}
.ResultList ul li{position:relative;border-top:1px solid #eaeaea;padding:1rem 0;}
.ResultList ul li:first-child{border-top:0;}
.ResultList ul li p{display:flex;align-items:center; font-size:1.05rem;font-weight:600;}
.ResultList ul li p em{margin-left:10px;}
.ResultList ul li p .rate{display:inline-block;color:#A5A5A5;font-size:0.85rem;font-weight:400;margin-left:5px;}
.ResultList ul li span{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: block;padding-right: 50px;}
.ResultList ul li a{position:relative;display:block;} 
.ResultList ul li .del_btn{position:absolute;top:15px;right:0;font-size:0;width:36px;height:36px;text-align:center;} 
.ResultList ul li .del_btn::after{content:'';position:absolute;top:5px;right:5px;display:block;text-align:center;line-height:24px;font-family:xeicon;font-size:0.9rem;color:#bbb;width:24px;height:24px;background-color:#F6F8FA;border-radius:50%;}
/*플레이버튼*/
/* .ResultList ul li a::after{content:'';position:absolute;top:50%;right:5px;margin-top:-18px;display:inline-block;font-family:xeicon;font-size:1.6rem;color:#B0B0B0;} */
/*방송내역 삭제 모달*/
.deleteCont{text-align:center;}
.deleteCont p{font-size:1.4rem;font-weight:600;margin:1.3rem 0 0.5rem;} 
.deleteCont span{font-weight:300;line-height:120%;font-size:1rem;}
.deleteCont .btnBox{margin:1.3rem 0 0.3rem;}
.deleteCont .btnBox a{margin:0 0.1rem;}
/*방송검색조건 레이어*/
.offcanvas.offcanvas-bottom.searchLyr{height:430px;}
.searchLyr h5{font-size:0.9rem;font-weight:normal;color:#777;margin-bottom:0.8rem;}
.searchLyr .duration{display:flex;justify-content:space-between;align-items: center;margin-top:0.5rem;}
.searchLyr .duration input[type="date"]{width:45%;}
.searchLyr .BtnWrap.btn-group .checkBtn{border:1px solid #ddd;padding:0.8rem 0;color:#777;background-color:#F9F9F9;}

.offcanvas.offcanvas-bottom.smsSearchLyr{height:340px;}
.smsSearchLyr h5{font-size:0.9rem;font-weight:normal;color:#777;margin-bottom:0.8rem;}
.smsSearchLyr .duration{display:flex;justify-content:space-between;align-items: center;margin-top:0.5rem;}
.smsSearchLyr .duration input[type="date"]{width:45%;}
.smsSearchLyr .BtnWrap.btn-group .checkBtn{border:1px solid #ddd;padding:0.8rem 0;color:#777;background-color:#F9F9F9;}


/*방송 결과 자세히 보기 레이어*/
.offcanvas.offcanvas-bottom.broadDetailLyr{height:100vh !important;border-radius:0;}
.broadDetailLyr .titlebox{border:1px solid #000;border-width:3px 0 0;padding:0.8rem 1rem;margin-bottom:1rem;background-color:#F6F7FB}
.broadDetailLyr .titlebox .date{font-size:1.3rem;font-weight:600;}
.broadDetailLyr .titlebox .tit{font-size:0.9rem;}
.broadDetailLyr .TTSContent{font-size:0.95rem;padding:0 0.5rem 1rem;margin-bottom:1rem;border-bottom:1px solid #ddd;}
.broadDetailLyr .TTSContent .smsImgBox{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:1.5rem;}
.broadDetailLyr .TTSContent .smsImgBox p{flex-grow:1;flex-basis:auto;flex-shrink:1;}
.broadDetailLyr .TTSContent .smsImgBox p img{width:100%;height:auto;}
.broadDetailLyr .TTSContent .BtnWrap{margin:0.5rem 0 1rem;}


/*방송결과 박스*/
.ResultBox{margin:1rem 0;background-color:#F6F7FB;padding:0.9rem 1.5rem;}
.ResultBox h4{font-size:1rem;}
.ResultBox dl{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.4rem;}
.ResultBox dl:last-child{margin-bottom:0;}
.ResultBox ul{display:flex;}
.ResultBox ul li{margin:0 0.5rem;}
.ResultBox ul li em{font-weight:bold;}


/*공지사항 리스트*/
/* .noticeList .ListWrap{margin-top:0.8rem;} */
.noticeList .ListWrap li{border-bottom:1px solid #E7E7E9;padding:1rem 0;}
.noticeList .ListWrap li a{display:block;}
.noticeList .ListWrap li a p{font-size:1.05rem;font-weight:700;}
.noticeList .ListWrap li a span{color:#777;font-size:0.95rem;}
/*공지사항 상세보기*/
.noticeView .noticeTitle{padding:1rem 0;margin-bottom:1.5rem;border-top:1px solid #000;border-bottom:1px solid #E7E7E9;}
.noticeView .noticeTitle p{font-size:1.3rem;font-weight:700;margin-bottom:0.1rem;}
.noticeView .noticeTitle span{color:#777;}
.noticeView .noticeCont{padding-bottom:8rem;}
.noticeView .noticeCont .Img{margin:1rem 0;}
.noticeView .noticeCont .Img img{max-width:100%;height:auto;}
.noticeView .noticeCont img{max-width:100%;height:auto;}
.noticeView .fileBox p{margin-top:0.7rem;border-top:1px solid #eee;padding-top:0.7rem;}
.noticeView .fileBox p:last-child{border-bottom:1px solid #eee;padding-bottom:0.7rem;}
.noticeView .fileBox p a{display:flex;justify-content:space-between;align-items:center ;}
.noticeView .fileBox p a em{word-break:break-all;}
.noticeView .fileBox p a .filename{width:60%;}
/*주민승인 요청*/
.approvalList{margin-top:0.8rem;}
.approvalList .allBtn{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding:0 0 0.7rem;}
.approvalList .allBtn p{font-weight:700;}
.approvalList .allBtn a{background-color:#F7F7F9;color:#628297 !important;padding:0.4rem 0.6rem;border-radius:0.3rem;font-weight:600;font-size:0.9rem;}
.approvalList li{position:relative;border-bottom:1px solid #E7E7E9;padding:1rem 0;}
.approvalList li p{font-size:1.2rem;font-weight:600;}
.approvalList li p em{font-size:1.1rem;font-weight:400;margin-left:0.5rem;}
.approvalList li span{color:#777;font-size:0.9rem;}
.approvalList li a{position: absolute;top:50%;right:0;margin-top: -15px;background-color:#E9EBFC;color: #5F63B8 !important;padding:0.4rem 0.8rem;border-radius:0.3rem;font-weight:600;}
/*전화방송*/
.realTime .magbox{display:flex;align-items:center; justify-content: center; background-color:rgba(220,222,252,0.2);border:1px solid #727CF5;color:#727CF5;font-size:1.25rem;font-weight:700;padding:2rem;margin-bottom:1rem;word-break:keep-all;border-radius:10px;}


.realTime .badge{font-size:0.9rem;padding:5px 10px;text-align:center;}
.realTime .badge.state_await{background-color:#E0F5E2;color:#07B419;}
.realTime .badge.state_call{background-color:#e1f0ff;color:#6384ea;}
.realTime .badge.state_onair{background-color:#FFF5E3;color:#F48A44;}
.realTime .badge.state_finish{background-color:#F2F5F7;color:#829CAE;}
.realTime .badge.state_fail{background-color:#ffe2e5;color:#f1376e;}
.realTime .badge.state_normal{background-color:#E9EBFC;color: #8184C7;}
.realTime .badge.state_unusual{background-color:#ffe2e5;color:#f1376e;}

/*TTS 메시지 관리*/
.accord dt{position:relative;cursor:pointer;border-bottom:1px solid #ddd;padding:1rem 0;font-size:1.15rem;}
.accord dt::after{content:'';position:absolute;top:15px;right:10px;display:inline-block;font-family:xeicon;font-size:1.2rem;color:#777;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.accord dt.on{border-top:2px solid #000;}
.accord dt.on::after{transform: rotate(-180deg);}
.accord dd{display:none;font-size:0.9rem;background-color:#F8F9FA;padding:1rem 1.5rem;}
.accordionWrap .tab-content{position:relative;overflow:auto;max-height:68vh;}
.numBox{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;}
.modifyBox{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 0.2rem;}
/*TTS 메시지 수정*/
.offcanvas.offcanvas-bottom.MegModifyLyr{height:70vh !important;}
/*녹음내역 목록 - 기간검색*/
.setRecord .duration{display:flex;justify-content:space-between;align-items: center;margin:0 0 1rem;}
.setRecord .duration input[type="date"]{width:45%;}
/*녹음내역 - 목록*/
.setRecord h2{font-size:0.9rem;font-weight:normal;color:#777;margin-bottom:0.8rem;}
.setRecord .duration{display:flex;justify-content:space-between;align-items: center;margin-top:0.5rem;}
.setRecord .duration input[type="date"]{width:45%;}
.setRecord .BtnWrap.btn-group .checkBtn{border:1px solid #ddd;padding:0.8rem 0;color:#777;background-color:#F9F9F9;}

.setRecord .numBox{border-bottom:1px solid #ddd;padding:1.5rem 0 0.5rem;margin-bottom:0;}
.setRecord .List ul li{position:relative;border-bottom:1px solid #eaeaea;padding:0.7rem 0 0.7rem 3rem;}
.setRecord .List ul li .form-check{position:absolute;top:50%;left:0;margin-top:-18px;}
.setRecord .List ul li p{display:flex;align-items:center; font-size:1.15rem;font-weight:600;margin-right:80px;}
.setRecord .List ul li span{color:#777;}
.setRecord .List ul li em{position:absolute;top:50%;right:10px;margin-top:-11px;}
.setRecord .List ul li em:hover{color:#2a74f8;}
.setRecord .List ul li em i{opacity:0.5;}
/*녹음내역 - 레이어*/
.offcanvas.offcanvas-bottom.setRecordLyr{height:320px;}
.setRecordLyr_wrap .tit{font-size:1.6rem;font-weight:600;margin-bottom:0.2rem;}
.setRecordLyr_wrap .date{font-size:1rem;color:#777;}

/*지역변경*/
.localChoice .form-select{margin-bottom:0.5rem;}
/*탈퇴하기*/
.outWrap{margin:1rem 0;}
.outWrap .bi-exclamation-octagon{font-size:2rem;}
.outWrap .tit{font-size:2rem;font-weight:700;margin:0.5rem 0 1rem;line-height:130%;}
.outWrap .telCheck{background-color:#F6F6F6;border:1px solid #ddd;padding:1rem;border-radius:10px;margin:1rem 0 3rem;}
.outWrap .telCheck .form-check-label{font-weight: 600;margin-left:0.8rem;margin-top:.25em;}


/*앱 사용등록*/
.arsWrap{padding:8rem 1.2rem 0;text-align:center;}
.arsWrap > .bi{font-size:2.1rem;background-color:#EAEDFD;padding:25px;border-radius:50%;color:#425CEB;}
.arsWrap .tit{font-size:2.3rem;font-weight:700;margin:1.8rem 0 1.5rem;line-height:120%;}
.arsWrap .tit span{display:block;font-weight:400;font-size:2rem;}
.arsWrap .mag{font-size:1.15rem;}
.arsWrap .oneBtnWrap{margin:0 1.2rem;position:fixed;left:0;right:0;bottom:5%;}

/*문자 인증*/
.authWrap{padding:1rem 2rem 0;text-align:left;}
.authWrap .tit{font-size:2.3rem;font-weight:700;margin:1.8rem 0 1.5rem;line-height:120%;}
.authWrap .tit span{display:block;font-weight:400;font-size:2rem;}
.authWrap .mag{font-size:1.15rem;}
.authWrap .telbox{position:relative;margin-top:1rem;}
.authWrap .telbox p{color:#777;font-size:0.8rem;}
.authWrap .telbox .move-next{width:260px;height:50px;font-size:24px;letter-spacing:27px;border:0;border-bottom:1px solid #ddd;background: transparent;text-align:left;outline:none;}

/* .authWrap .telbox{position:relative;margin-top:1rem;width:260px;height:60px;} */
/* .authWrap .telbox .move-next{width: 100%;height: 100%;font-size: 24px;letter-spacing:47px;margin-left:15px;border: 0;background: transparent;position: absolute;z-index: 2;outline: none;text-align:left;} */
/* .authWrap .telbox .boxes {position: absolute;display: flex;gap: 12px;width: 100%;height: 100%;z-index: 1;}
.authWrap .telbox .boxes .box { width: 50px;height: 100%;border: 2px solid #ddd;border-radius: 8px;background: white;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;}
.move-next:focus ~ .boxes .box {border-color: #000;}
.move-next {caret-color:transparent;}  */


/*설정*/
.setWrap ul li{border-bottom:1px solid #eaeaea;padding:1rem 0;}
.setWrap ul li > div{display:flex;justify-content:space-between;align-items:center;}
.setWrap ul li p{font-size:1.2rem;font-weight:600;}
.setWrap ul li a{position:relative; display:block;font-size:1.2rem;font-weight:600;}
.setWrap ul li a::after{content:'';position:absolute;top:50%;right:5px;margin-top:-10px;display:inline-block;font-family:xeicon;font-size:1rem;color:#B0B0B0;}

/*접근권한없음*/
.no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh; text-align:center;}
.no-access > .bi{font-size:2.1rem;background-color:#EAEDFD;padding:25px;border-radius:50%;color:#425CEB;}
.no-access .tit{font-size:2.3rem;font-weight:700;margin:1.8rem 0 1.5rem;line-height:120%;}
.no-access .tit span{display:block;font-weight:400;font-size:2rem;}

/*탭메뉴*/
.nav{margin:0.5rem 0 1rem;display:flex;border-width:1px;border-style:  solid;border-radius:0.5rem;overflow:hidden;}
.nav li{flex-shrink:1;flex-grow:1;flex-basis:50%; position: relative;}
.nav li .nav-link{display:block;text-align:center;font-size:0.95rem;font-weight:600;padding:0.6rem 0;}
.nav li .active{border-width:1px;border-style:  solid;color:#fff;} /*#6b7da7*/

.nav li .checkBtn.btn{position:absolute;top:7px;right:5%;color:#ccc;font-size:1.2rem;z-index:999;}
.nav li .checkBtn.btn::before{content:'';font-family:xeicon;position:absolute;top:0;left:0;}
 
.nav li .nav-link.active .checkBtn.btn{color:#fff;}
.nav li .nav-link.active .checkBtn.btn::before{content:'';}

.nav li .btn-check:checked +.checkBtn.btn::after{content: "✓";position:absolute;top:-6px;left:0;font-size:1.5rem;} 
/* 
.nav li .nav-link.active .checkBtn.btn::after{content:'';}

.nav li .btn-check:checked+.checkBtn.btn::after{content:'';font-family:xeicon;position:absolute;top:0;left:0;font-size:1.2rem;}  */

.subDepth1{margin:1rem 0 0.5rem;}
.subDepth1 ul{display:flex;border:1px solid #ddd;border-radius:0.5rem;overflow:hidden;}
.subDepth1 ul li{flex-grow:1;}
.subDepth1 ul li a{display:block;text-align:center;color:#777;font-size:0.95rem;font-weight:600;padding:0.6rem 0;}
.subDepth1 ul li.on a{color:#fff;}

/*상단네비*/
.topNavi{position:fixed;top:0;left:0;right:0;background-color:#fff;transition:top 0.1s;z-index:9; display:flex;    justify-content: center;align-items:center;padding:1rem 1.2rem;}
.topNavi .back{position:absolute;top:1rem;left:1rem;} 
.topNavi h1{font-size:1.2rem;font-weight:700;} 
.topNavi .back i{font-size:1.5rem;}
.topNavi .report{position:relative;}
.topNavi .report i{font-size:1.7rem;} 
.topNavi .report-badge{position:absolute;top:0;right:0;background-color:#F55C36;border-radius:50%;color:#fff;font-weight:500;width:7px;height:7px;}
/*사이드바메뉴*/
.sidebarMenu{z-index: 99999;} 
.sidebarMenu .offcanvas-header{padding:2rem 1.5rem 1.5rem;border-bottom:12px solid #F9F9FB;}
.sidebarMenu .offcanvas-header h5{font-size:1.35rem;font-weight:400;}
.sidebarMenu .offcanvas-header h5 span{font-weight:700;font-size:1.4rem;}
.sidebarMenu .offcanvas-header h5 em{display:inline-block;border-radius:3px;font-size:0.8rem;font-weight:600;padding:5px;margin-right:0.5rem;vertical-align:middle;}
.sidebarMenu .offcanvas-header h5 em.caster{background-color:#FEF2EF;color:#F57252;}
.sidebarMenu .offcanvas-header h5 em.citizen{background-color:#E0F5E2;color:#07B419;}

.sidebarMenu .offcanvas-body{padding:1.5rem 1.5rem 3rem;}
.sidebarMenu .offcanvas-body h6{font-size:0.9rem;font-weight:500;color:#777;}
.sidebarMenu .offcanvas-body ul{margin-bottom:1.6rem;}
.sidebarMenu .offcanvas-body ul li{position:relative;}
.sidebarMenu .offcanvas-body ul li a{display:block;font-size:1.3rem;font-weight:600;color:#333;padding:0.4rem 0;}
.sidebarMenu .offcanvas-body ul li a > .bi{margin-right:20px;color:#777;font-size:1.2rem;}
.sidebarMenu .offcanvas-body ul li::after{content:"\F285";position:absolute;top:50%;right:0;margin-top:-8px;display:inline-block;font-size:0.8rem;color:#777;font-family: bootstrap-icons !important;font-style:normal;}
/*하단 메뉴*/
.tab-bar{position:fixed;width:100%;bottom:0;background-color: #ffffff;z-index:999;transition-duration:0.3s;transform: translate3d(0px, 0px, 0px);border-top:1px solid #E8E8E8;}
.tab-bar .tab-bar-inner{display:flex;-webkit-box-pack:justify;justify-content: space-between;padding:0 0.5rem;text-align:center;}
.tab-bar .tab-bar-inner > a{display:block;width:20%;color:#777;font-size:0.9rem;text-align:center;padding:0.7rem;}
.tab-bar .tab-bar-inner i{font-size:1.2rem;}
.tab-bar .tab-bar-inner > a:nth-child(3){background-color:#000;border-radius:50%;width:72px;height:72px;margin-top:-1.1rem;color:#fff;border:3px solid #fff;padding:0;}
.tab-bar .tab-bar-inner > a:nth-child(3) i{padding-top:0.8rem;}
.tab-bar .tab-bar-inner > a.on{color:#000;font-weight:700;}
@media screen and (min-width:850px) {
    body,.tab-bar{max-width:850px;margin:0 auto;}
    .offcanvas{max-width:850px;margin:0 auto;}   
}
@media screen and (min-width:556px) and (max-width:850px){
    .headman .realTime::after{background-size:50%;}
} 
@media screen and (min-width:200px) and (max-width:556px){
    .headman .realTime::after{background-size:65%;}
}     

/*인증*/ 
.policy{position:relative;padding:2rem 1.5rem 7rem;}
.policy h1{font-size:2.2rem;margin:0.5rem 0 2rem;font-weight:normal;}
.policy h1 span{font-weight:800;display:block;}
.policy .telCheck{display:flex;justify-content:space-between;align-items:center;background-color:#F6F6F6;border:1px solid #ddd;padding:1rem;border-radius:10px;margin:1rem 0 3rem;}
.policy .telCheck .form-check-label{font-weight: 600;margin-left:0.8rem;margin-top:.25em;}
.policy .viewbtn{font-size:0.75rem;text-decoration:underline;}
.policyModal h3{font-size:1rem;margin:10px 0 4px;}

/*인증 지역선택*/ 
.villageList .tit a{position:relative;display:block;height:60px;line-height:60px;font-weight:600;color:#fff;font-size:1.2rem;background-color:#465271;padding:0 55px;}
.villageList .tit a:hover{color:#fff;} 
.villageList .tit a::after{content:"\F284";position:absolute;top:50%;left:28px;margin-top:-30px;display:inline-block;font-size:1rem;color:#fff;font-family: bootstrap-icons !important;font-style:normal;font-weight:400 !important;}  
.villageList li a{position:relative;display:block;height:60px;line-height:60px;padding:0 30px;padding-right:40px;font-size:1.2rem;font-weight:600;background-color:#F5F7FE;border:1px solid #D2DBEA;margin-bottom:-1px;}
.villageList li a::after{content:"\F285";position:absolute;top:50%;right:17px;margin-top:-30px;display:inline-block;font-size:1rem;color:#777;font-family: bootstrap-icons !important;font-style:normal;font-weight:400 !important;}

/*인트로*/
.splash{position:relative;display:flex;flex-direction: column;width:100%;height:100vh;justify-content:center;align-items:center;} 
/*인트로-바운싱*/ 
.splash .icon{width:18%;} 
.splash .icon img{width:100%;height:auto;} 
.dots-container{display:flex;margin:40px 0 0;}
.dots-container .dot{width:12px;height:12px;border-radius:50%;margin:0 8px;background-color:#2baa2e;animation: dot-animation 1.4s infinite ease-in-out both;}
.dots-container .dot:nth-child(1) {animation-delay:-0.32s;}
.dots-container .dot:nth-child(2) {animation-delay:-0.16s;}
.loading-text{color:#666;font-size:1.15rem;}
@keyframes dot-animation {
    0%, 80%, 100% { 
        transform: scale(0);
        opacity: 0.2;
    }
    40% { 
        transform: scale(1);
        opacity: 1;
    }
}

/*푸시알림*/
/* .pushWrap{position:fixed;top:2%;left:2%;right:2%;z-index:9999;background-color:rgba(255,255,255,0.95);border-radius:1rem;padding:1rem;color:#333;border:1px solid #eee;box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%);} */
.pushWrap{padding:0.4rem 0;}
.pushWrap a{display:flex;align-items:center;}
.pushWrap .icon{width:48px;height:48px;margin-right:1rem}
.pushWrap .icon img{width:auto;height:100%;}
.pushWrap p{font-weight:700;margin-bottom:4px;}