/* 로그인 */
.loginForm{width: 420px; margin: 200px auto 0;}
.loginForm .loginLogo{text-align: center; margin-bottom: 30px;}
.loginForm .loginInput{position: relative; margin-bottom:15px;}
.loginForm .loginInput label{position: absolute; left: 12px; top: 0; line-height: 50px; color: #989ca9; transition: all 0.5s;}
.loginForm .loginInput input{width: 100%; height: 50px;}
.loginForm .loginInput input + label,
.loginForm .loginInput input + label{left:12px ; top: -15px; background: #fff; padding: 0 10px; line-height: 30px;}
.loginForm button[type="submit"]{width: 100%; margin-top: 20px;}
.loginForm .loginIdpw{text-align: center;}
.loginForm .loginIdpw a{display: inline-block; margin-top: 30px; padding-left: 28px; color: #777; position: relative; font-size: 13px;}
.loginForm .loginIdpw a + a::before{ content: ''; position: absolute; top: 3px; left: 12px; width: 1px; height: 12px; border-radius: 0.5px; background-color: #dadada;}
.loginForm .loginIdpw a:hover{color:var(--fontDefultColor)}
.loginFooter{padding: 50px 0; text-align: center; color: #777; margin-top: 100px; position: fixed; bottom: 0; width: 100%; font-size: 12px; letter-spacing: 2px;}

/* 탭메뉴 */ 
.tabMenu{display: flex; margin-bottom: 20px;}
.tabMenu li{}
.tabMenu li a{display: block; height: 44px; line-height: 44px; padding: 0 40px; background: #edf0f9; color: #bbbec9; font-size: 14px; border: 1px solid #dfe2ed; border-left: 0; position: relative;}
.tabMenu li.on a{background: #fff; color: var(--subColor);}
.tabMenu li:first-of-type a{border-radius: 4px 0 0 4px; border-left: 1px solid #dfe2ed;}
.tabMenu li:last-of-type a{border-radius: 0 4px 4px 0;}
.tabMenu.tabStat{}
.tabMenu.tabStat li a{text-align: left; padding: 0 80px 0 20px;}
.tabMenu.tabStat li a span{position: absolute; right: 20px; top:12px; font-size: 11px; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; background: #a3a3a3; border-radius: 50%; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.tabMenu.tabStat li.on a span{background: var(--mainColor);}

/* 라벨 */
.label{padding: 0 15px; height: 22px; font-size: 12px; border-radius: 4px; font-style: normal;}
.label.bgBlue{background: #e1eafe; color: #7f9ff7;}
.label.bgRed{background: #fbe7e7; color: #f45858;}
.label.bgGreen{background: #d9efdb; color: #5db770;}


/* 설명텍스트 */
.descWrap{margin-top:10px;}
.descWrap p{font-size: 12px; color: #777;}

/* 레이어팝업 */
.layerPopupWrap{display: none; position: fixed; z-index: 50; top: 0; left: 0; right: 0; bottom: 0;  background: rgba(37, 39, 43, 0.4); }
.layerPopup{position: relative; overflow: hidden; border-radius: 8px;  background: #fff; width: 500px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.layerPopup .title{text-align: center; margin-top: 30px; font-size: 20px;}
.layerPopup .content{padding: 20px;}
.layerPopup .popupClose{position: absolute; width: 40px; height: 40px; top: 30px; right: 20px; color: #696d76;}

.star_list { display: flex; align-items: center; }
.star_list > i { margin-right: 2px; font-size: 0; font-style: normal; }
.star_list > i:last-child { margin-right: 0; }
.star_list > i:after { content: '\f005'; font-family: "FontAwesome"; font-size: 2.1rem; color: #5841e6; }
.star_list > i.half:after{ content: '\f123'; }
.star_list > i.empty:after{ content: '\f006'; }

/* 신문광고 */
.popup.popup_mms .popup_inner { padding: 40px 25px; }
.popup.popup_mms .popup_inner .popup_tit { font-size: 20px; }
.popup.popup_mms .popup_inner .popup_content { margin: 40px 0 0; }
.popup.popup_mms .popup_inner .popup_content textarea { line-height: 1.5; height: 200px; padding: 12px; }
.popup.popup_mms .popup_inner .popup_content span { font-size: 14px; margin-top: 20px; display: block; }
.popup.popup_mms .popup_inner .popup_content ul { width: 100%; height: 100px; overflow-y: scroll; border: 1px solid #dfe2ed; border-radius: 4px; padding: 12px; margin-top: 10px; display: flex; align-items: start; flex-wrap: wrap; gap: 5px 8px; }
.popup.popup_mms .popup_inner .popup_content ul li { font-size: 14px; }
.popup.popup_mms .popup_inner .popup_content ul li::after { content: ','; }
.popup.popup_mms .popup_inner .popup_content .btn_wrap { margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.popup.popup_mms .popup_inner .popup_content .btn_wrap button { width: 100px; border-radius: 4px; text-align: center; }

.popup.popup_adver_title .popup_inner { padding: 40px 25px; }
.popup.popup_adver_title .popup_inner .popup_tit { font-size: 20px; }
.popup.popup_adver_title .popup_inner .popup_content { margin: 40px 0 0; }
.popup.popup_adver_title .popup_inner .popup_content span { font-size: 14px; margin-top: 20px; display: block; }
.popup.popup_adver_title .popup_inner .popup_content .btn_wrap { margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.popup.popup_adver_title .popup_inner .popup_content .btn_wrap button { width: 100px; border-radius: 4px; text-align: center; }

.tbl_top { display: flex; align-items: center; justify-content: space-between; }
.tbl_top > div { display: flex; align-items: center; gap: 8px; }
.tbl_top > div > input { width: 400px; }
.contentBottom .btn_wrapNews { display: flex; align-items: center; justify-content: center; gap: 10px; }




.groupWrap{display: flex; gap: 30px; justify-content: space-between;}
.groupWrap .areaList{width: 50%;}

.groupBox{border: 1px solid #c6c6c6; width: calc( 50% - 15px );  border-radius: 10px; overflow: hidden; }
.groupBox .t{height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; background: #989ca9;}
.groupBox .c{ overflow-y: auto;}
.groupBox .c .tblBasic{border-top: 0; }
.groupBox .c .tblBasic thead{position: sticky; top: 0; z-index: 10;}
.groupBox .c .tblBasic th{padding: 8px 10px; }
.groupBox .c .tblBasic td{padding: 10px; }
.groupBox .contentBottom{ padding: 10px; display: flex; justify-content: flex-end; margin-top: 0; gap: 5px;}


.groupList{}

.groupList .groupList_head{border-bottom: 1px solid #c6c6c6; display: flex; padding: 10px 10px; background: #e5e5e5; text-align: center; font-weight: bold; position: sticky; top: 0; z-index: 10;}
.groupList .groupList_head .g{width: 200px;}
.groupList .groupList_head .a{width: calc( 100% - 320px); }
.groupList .groupList_head .s{width: 120px; }


.groupList .groupList_row{}
.groupList .groupList_row > .groupName{display: flex; justify-content: flex-start; gap: 10px; border-bottom: 1px solid #d6d6d6; padding: 10px;  cursor: pointer;}
.groupList .groupList_row > .groupName > .groupArea{ width: 200px;}
.groupList .groupList_row > .groupName > .groupAddress{width:  calc( 100% - 320px); text-align: left;}
.groupList .groupList_row > .groupName > .groupBtn{ width: 120px; text-align: right;}
.groupList .groupList_row > .groupName input[type="text"]{width: 100%; height: 32px; line-height: 32px; border: 0; pointer-events: none;}

.groupList .groupList_row > .groupChild {border-bottom: 1px solid #d6d6d6; padding:0 10px; padding-left: 20px; background: #f8f8f8; display: none;}
.groupList .groupList_row > .groupChild .groupChild_row{display: flex; justify-content: flex-start; gap: 10px; text-align: left; align-items: center;  }
.groupList .groupList_row > .groupChild .groupChild_row:nth-of-type(1){padding-top: 10px;}
.groupList .groupList_row > .groupChild .groupChild_row:nth-last-of-type(1){padding-bottom: 10px;}
.groupList .groupList_row > .groupChild .groupChild_row + .groupChild_row{margin-top: 5px;}
.groupList .groupList_row > .groupChild .groupChild_row > .groupMain{ width: 90px;}
.groupList .groupList_row > .groupChild .groupChild_row > .groupArea{ width: 200px;}
.groupList .groupList_row > .groupChild .groupChild_row > .groupAddress{width:  calc( 100% - 340px); text-align: left;}
.groupList .groupList_row > .groupChild .groupChild_row > .groupBtn{ width: 50px; text-align: right;}

.groupList .groupList_row > .groupChild .groupChild_row > .groupMain input[type="radio"]{display: none;}
.groupList .groupList_row > .groupChild .groupChild_row > .groupMain input[type="radio"] + label{padding: 0 10px; cursor: pointer; color: #666; background: #fff; color: #777; border:1px solid #dfe2ed; margin-right: 0;}
.groupList .groupList_row > .groupChild .groupChild_row > .groupMain input[type="radio"]:checked + label{color: #fff; background: var(--mainColor); color: #fff; border-radius: 5px; font-weight: 700; }
.groupList .groupList_row.selected{background: #7a7a7a;}
.groupList .groupList_row.selected > .groupChild{display: block;}
.groupList .groupList_row.selected input[type="text"]{border: 1px solid #dfe2ed; pointer-events: auto;}
.groupList .groupList_row > .groupName.create input[type="text"]{border: 1px solid #dfe2ed; pointer-events: auto;}

.groupDesc{text-align: right; margin-bottom: 5px; color:#ea1d29; font-size: 12px; font-weight: bold;}