@charset "utf-8";

/*= 콘텐츠 페이지 Contents Wrapper 
------------------------------------------------------------------------------------------------------------------------- */

#ContentsWrapper {
    position: relative;
    width: 96%;
    height:auto;
    transition: all 0.15s ease-in-out;
    padding-top:24px;
    padding-bottom:80px;
    font-size:13px;
}

/* 2단~n단 wrap */
#TwoRows {
    position: relative;
	display:flex;
	width:100%;
	height:100%;
}


/*= 페이지 타이틀 
------------------------------------------------------------------------------------------------------------------------- */
.TiMe_box {position:relative; display:flex; align-items:center; width:100%; height:40px; border-bottom:1px solid #EEE;}
.TiMe_box .sBtn_box {position:absolute; display:flex; width:50%; height:auto; right:0; align-items:center;  justify-content: flex-end; bottom:0;}
.TiMe_box .sBtn_box .seTextA {padding:0 20px 0 12px; font-size:14px; font-weight:bold; letter-spacing:-0.5px; background:url("../images/icon/dot_Main02.png")no-repeat left center;}

.Tpopup_boxA { position: relative; display: flex; align-items: top; width: 100%; height: 40px; border-bottom:2px solid #000;}
.Tpopup_boxA h3 {font-size: 20px; font-family: 'Noto Sans KR'; font-weight: 600; line-height: 1.2; color: #333;}
.Tpopup_boxA .sBtn_box {position:absolute; display:flex; width:50%; height:auto; right:0; align-items:center;  justify-content: flex-end; bottom:10px;}



/* 서브페이지 내용 box */
.DataTWrap   {position:relative; width:100%; height:auto;}
.DataTWrapA  {position:relative; width:100%; height:auto; min-height:520px; background:#f7f8fa; border:1px solid #ddd; padding:7.14%; border-radius:6px;}
.DataTWrapA2 {position:relative; width:100%; height:auto; min-height:520px; background:#f7f8fa; padding:7.14%; border-top: 2px solid #1e1e1e;}
.DataTWrapB  {position:relative; width:100%; height:auto; min-height:420px;}
.DataTWrapB2 {position:relative; width:100%; height:auto; min-height:420px; border-top: 2px solid #1e1e1e;}

/* 기본(학생관리) 2단 Wrap */
.StuDataTWrapA {position:relative; width:20%; height:auto; margin-right:2.58%;} /* 왼쪽 박스 wrap */
.StuDataTWrapB {position:relative; width:77.42%; height:auto; min-height:420px;} /* 오른쪽 박스 wrap */

/* 수납관리 2단 Wrap */
.RecDataTWrapA {position:relative; width:70.42%; height:auto; margin-right:2.58%;} /* 왼쪽 박스 wrap */
.RecDataTWrapB {position:relative; width:27%; height:auto;} /* 오늘쪽 박스 wrap */

/* 반관리 2단 Wrap */
.ClassWrapA {position:relative; width:20%; height:auto; margin-right:2.58%;} /* 왼쪽 박스 wrap */
.ClassWrapB {position:relative; width:77.42%; height:auto;} /* 오늘쪽 박스 wrap */

/* 교직원관리 2단 Wrap */
.StaffWrapA {position:relative; width:20%; height:auto; margin-right:2.58%;} /* 왼쪽 박스 wrap */
.StaffWrapB {position:relative; width:77.42%; height:auto; min-height:420px;} /* 오른쪽 박스 wrap */

/* 급여관리-기초등록 2단 Wrap */
.hrWrapA {position:relative; width:27%; height:auto; margin-right:2.58%;} /* 왼쪽 박스 wrap */
.hrWrapB {position:relative; width:70.42%; height:auto; min-height:420px;} /* 오른쪽 박스 wrap */

/* 급여관리 - 연말정산 2단 Wrap */
.endtaxA {position:relative; width:22%; height:auto; margin-right:2.58%;} /* 왼쪽 박스 wrap */
.endtaxB {position:relative; width:75.42%; height:auto; min-height:420px;} /* 오른쪽 박스 wrap */

/* 회계관리 - 거래처별원장 총괄잔액 2단 Wrap */
.ClosingBalA {position:relative; width:40.42%; height:auto; margin-right:2.58%;}
.ClosingBalB {position:relative; width:57%; height:auto; min-height:420px;}

/* 회계관리-계정별원장 2단 Wrap */
.taxaccountA {position:relative; width:24%; height:auto; margin-right:2.58%;} /* 왼쪽 박스 wrap */
.taxaccountB {position:relative; width:73.42%; height:auto;} /* 오늘쪽 박스 wrap */

/* 회계관리-계산서합계표 2단 Wrap */
.dutyfreeA {position:relative; width:47.42%; height:auto; margin-right:2.58%;} /* 왼쪽 박스 wrap */
.dutyfreeB {position:relative; width:50%; height:auto; min-height:420px;} /* 오른쪽 박스 wrap */

/* 회계관리- 전기분재무상태 2단 Wrap */
.lastbashA {display: flex; position:relative; width:60%; height:auto; margin-right:2.58%;} /* 왼쪽 박스 wrap */
.lastbashB {position:relative; width:40%; height:auto;} /* 오른쪽 박스 wrap */

/* 차량관리 - 노선등록 2단 Wrap */
.routeRegA {position:relative; width:45.42%; height:auto; margin-right:2.58%;}
.routeRegB {position:relative; width:52%; height:auto; min-height:420px;}

/* 서브페이지 내용 title */
.SeCon_box {position:relative; display:flex; width:100%; height:50px; align-items:center;}
.SeCon_box .seTitle {position:relative; font-size:17px; font-family:'NanumSquare'; font-weight:600; padding-left:16px; margin-right:10px;}
.SeCon_box .seTitle:after {position:absolute; content: ''; width:4px; height:12px; left:0; top:50%; border-radius:5px; background:#556680; transform:translate(-0%, -50%);}
.SeCon_box .seTitle.active {color: #0bb5a8;}
.SeCon_box .guideTitle {position:relative; font-size:17px; font-family:'NanumSquare'; font-weight:600; padding-left:24px; background:url("../images/icon/tooltip_07.png")no-repeat left center;}
.SeCon_box .seText {padding:0 20px; font-weight:bold;}
.SeCon_box .seName {display:inline-block; padding:0 5px; font-weight:bold;}
.SeCon_box .seBtn_box {position:absolute; display:flex; width:auto; height:40px; right:0; align-items:center;  justify-content: flex-end;}

.SeTitleH3 {font-size:15px; padding-left:20px; background:url("../images/icon/dot_Sub02.png")no-repeat left center;}


/* 서브페이지 탭메뉴 */
.TabMenu {display: flex; justify-content: space-evenly; width: auto; align-items: center;}
.TabMenu > li {margin-right:2px; background: linear-gradient( to top, #f3f3f3, #fefefe ); border:1px solid #DDD; line-height:1.8; border-radius:3px;}
.TabMenu > li a {display: flex; justify-content: center; align-items: center; height:28px; color: #333; font-size:13px; font-weight: 600; text-decoration: none; padding:0 20px;}
.TabMenu > li.active {background:linear-gradient( to top, #4f5467, #6b7085 ); border:1px solid #4f5467;}
.TabMenu > li.active a {color:#FFF;}



/*= 서브페이지 button
------------------------------------------------------------------------------------------------------------------------- */

.PtabA {
    padding: 0 24px;
	background: linear-gradient( to top, #f3f3f3, #fefefe );
    border-radius: 6px 6px 0 0;
    color: #333;
    font-size:13px;
	font-weight:bold;
    line-height: 32px;
    cursor: pointer;
	transition: all .25s ease;
	border:1px solid #a5a5a5;
	border-bottom:1px solid #ddd;
}
.PtabA:hover {background:#2b435d; border:1px solid #2b435d; border-bottom:1px solid #2b435d; color:#FFF; transition: all .25s ease;}
.PtabA.active {background:#2b435d; border:1px solid #2b435d; border-bottom:1px solid #2b435d; color:#FFF; transition: all .25s ease;}

.Tbtn {font-size:12px;  letter-spacing:-0.5px; line-height:1.8;} /* 버튼공통 */

.TbtnLineA {display:flex; align-items:center; padding:0 12px; height:28px; color:#666; background:none; border: 1px solid #CCC; border-radius:3px;} /* 라인버튼 */
.TbtnLineA:hover{color:#333;  background:#FFF; border:1px solid #4f5657; transition: all .25s ease;}

.TbtnGrayA {display:flex; align-items:center; padding:0 12px; height:28px; color:#FFF; background:#6e7576; border: 1px solid #6e7576; border-radius:3px;} /* 회색버튼 */
.TbtnGrayA:hover{color:#333;  background:#FFF; border:1px solid #4f5657; transition: all .25s ease;}

.TbtnRedA{display:flex; align-items:center; padding:0 14px; height:28px; color:#FFF; background:#ff3c00; border: 1px solid #ff3c00; border-radius:3px;} /* 빨간색01 */
.TbtnRedA:hover{color:#333;  background:#FFF; border:1px solid #d92900; transition: all .25s ease;}

.TbtnBlueA{display:flex; align-items:center; padding:0 14px; height:28px; color:#FFF; background:#00a2ff; border: 1px solid #00a2ff; border-radius:3px;} /* 파란색01 */
.TbtnBlueA:hover{color:#333;  background:#FFF; border:1px solid #0071e5; transition: all .25s ease;}

.TbtnOrangeA{display:flex; align-items:center; padding:0 14px; height:28px; color:#FFF; background:#ff8a01; border: 1px solid #ff8a01; border-radius:3px;} /* 오렌지01 */
.TbtnOrangeA:hover{color:#333;  background:#FFF; border:1px solid #ff6600; transition: all .25s ease;}

.TbtnGreenA{display:flex; align-items:center; padding:0 14px; height:28px; color:#FFF; background:#00ab9a; border: 1px solid #00ab9a; border-radius:3px;} /* 녹색01 */
.TbtnGreenA:hover{color:#333;  background:#FFF; border:1px solid #037b6f; transition: all .25s ease;}

.TbtnSearch {display:flex; align-items:center; justify-content:center; transition: all .20s ease;} /* 검색 공통 */
.TbtnSearchA{width:100%; height:34px; color:#FFF; background:#818181; font-weight:bold; } /* 검색01 */
.TbtnSearchA:hover{color:#FFF;  background:#203347; transition: all .20s ease;}

.TbtnSearchB{width:80px; height:28px; color:#FFF; background:#818181; font-weight:bold; line-height:1.8; border-radius:4px;} /* 검색02 */
.TbtnSearchB:hover{color:#FFF;  background:#203347; transition: all .20s ease;}

.TbtnSearchC{width:80px; height:28px; color:#FFF; background:#ff8a01; font-weight:bold; line-height:1.8; border-radius:4px;} /* 오랜지01 */
.TbtnSearchC:hover{color:#FFF;  background:#ff6600; transition: all .20s ease;}

.TbtnExecute{width:150px; height: 50px; color:#FFF; background:#ff8a01; font-weight:600; line-height:1.8; border-radius:4px; font-size: 16px; font-family: 'Noto Sans KR';} /* 전송하기, 확인 */
.TbtnExecute:hover{color:#FFF;  background:#ff6600; transition: all .20s ease;}

.TbtnCancel{width:150px; height: 50px; color:#FFF; background:#6c7677; font-weight:600; line-height:1.8; border-radius:4px; font-size: 16px; font-family: 'Noto Sans KR';} /* 전체초기화, 취소하기 */
.TbtnCancel:hover{color:#FFF;  background:#4f5657; transition: all .20s ease;}


/*= 서브페이지 공통 요소
------------------------------------------------------------------------------------------------------------------------- */

/* 서브페이지 Form 박스 */
body input {height:28px; padding:0 10px; border:1px solid #d5d5d5; background:#fff; font-size:12px; color:#333;}
body input::placeholder {color:#999;}
body input:focus {border:1px solid #666;}
body input[type="checkbox"] {width:16px; height:16px;}
body input[type="radio"] {width:16px; height:16px;}
body input[type="text"] {height:28px; padding:0 10px; font-size:12px; text-align:left; border-radius:4px;}
body input[type="password"] {height:28px; padding:0 10px; font-size:12px; text-align:left; border-radius:4px;}
body select {height:28px; padding:0 30px 0 10px; font-size:12px; border: 1px solid #d5d5d5; appearance: none; background:#fff url("../images/icon/select_arrow01.png")no-repeat right 8px center; border-radius:4px;}
body select:focus {border: 1px solid #666;}
body textarea{width:100%; min-height:100px; font-size:13px; text-align:left; padding:10px; border:1px solid #d5d5d5; background:#fdfdfd; border-radius:4px;}
body textarea.ResizeNo{width:100%; min-height:auto; resize: none; font-size:13px; text-align:left; padding:10px; border:1px solid #d5d5d5; background:#fdfdfd;}
body .Cal_input {display: flex; align-items:center;   justify-content: space-between; height:28px; padding-right:5px;  border:1px solid #d5d5d5; background:#fff; border-radius:4px;}
body .Filebox {display:flex; align-items:center;}
body .Filebox .upload-name {
    display: inline-block;
    height: 28px !important;
    padding: 0 10px !important;
    border: 1px solid #d5d5d5;
    width:auto;
    color: #999;
	font-size:12px;
	line-height:28px;
    border-radius:4px;
}

body .Filebox label { 
    display:inline-block;  
    padding:0 10px; 
	height:28px; 
	color:#666; 
	text-align:center; 
	background:linear-gradient( to top, #f3f3f3, #fefefe ); 
	font-size:12px; 
	border:1px solid #CCC;
	line-height:24px; 
	border-radius:3px; 
	transition: all .2s ease; 
	margin-left:4px;
	cursor: pointer !important;
	font-weight:bold;
}

body .Filebox label:hover {
    background:linear-gradient( to top, #4f5467, #6b7085 ); 
	border:1px solid #4f5467;
	color:#FFF; 
	transition: all .2s ease;
}

body .Filebox input[type="file"] {
    position: absolute;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
}


/* 안내사항 공통 */
.InstructionsWrap {position: relative; width:100%; padding:20px 30px; border:1px solid #EEE; border-radius:6px; margin-bottom:10px;}
.InstructionsWrap .TtextA {display: block; width:100%; text-align: center; font-family:'Noto Sans KR'; font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #666;}
.InsList li{margin-bottom: 6px; padding-left:14px; background:url("../images/icon/dot_Sub03.png")no-repeat left top 7px;} 
.InsList li:last-child {margin-bottom: 0px;}
 

/* 검색 box 일반 공통 */
.SeatchWrap {position: relative; display: flex; width:100%; padding:14px 30px; background:#f8f9fb; border-radius:6px; margin-bottom:10px;}
.SeatchWrap .RightBox { position: absolute; right: 10px;}

/* 검색 결과 타이틀 box 일반 공통 */
.SeatTbox {display: flex; align-items:center;   justify-content: space-between; width:100%; height:60px; border-bottom:2px solid #1e1e1e;}
.SeatTbox .Left {display: flex;}
.SeatTbox .Left .txtbox { display: flex; align-items:center; margin-left:20px; font-size:14px;}
.SeatTbox .Left h3 {font-size:15px; padding-left:20px; background:url("../images/icon/dot_Sub02.png")no-repeat left center;}

/* 전체검색 */
.SearchAll {width:auto;}
.SearchAll > li {display:flex; align-items:center; height:34px;}

/* 알림 box 일반 공통 */
.NoDataWrap{display:flex; align-items:center; justify-content:center;  width:100%; height:auto; font-size:15px; color:#999; border-top:1px solid #EEE; border-bottom:1px solid #EEE;}





/* 학생관리*/
.St_Search { width:100%; line-height:1.8; letter-spacing:0px;}
.St_Search > li { display: flex; align-items:center; justify-content: space-between; height:30px;}
.St_Search > li.right { justify-content: flex-end !important;}
.St_Search > li select, input {width:60%;}

.St_listBox { width:100%; height:auto;}
.St_listBox .Result { display: flex; align-items:center; justify-content: space-between;}
.St_listBox .Result p span {color:#ff6600; font-weight:bold;}
.St_listBox .ListTitle {display: flex; align-items:center; width:100%; border:1px solid #e5e5e5; text-align:center; height:32px; margin-top:14px; line-height:1.6;}
.St_listBox .ListTitle > li:after { content: '';  position:absolute; right:0px; top:6px; width:1px; height:12px; background-color: #ddd;}
.St_listBox .ListTitle > li:last-child:after { display:none;}

.St_listBox .ListWrap {width:100%; min-height:150px; margin-top:14px;}
.St_listBox .ListWrap > li {display: flex; align-items:center; height:30px; line-height:30px; cursor: pointer;}
.St_listBox .ListWrap > li .Name {width:50%; display:flex; }
.St_listBox .ListWrap > li .Name .icon {display:flex;  align-items:center; padding-left:2%; padding-right:5%;}
.St_listBox .ListWrap > li .Lesson {width:50%; text-align:center;}
.St_listBox .ListWrap > li:hover { border-radius:3px; background:#edeff2;}
.St_listBox .ListWrap > li.active {border:1px solid #ddd; border-radius:3px; background:#f1f9ff;}

.stu_BasicWrap {position:relative; width:100%; height:auto; display: flex; flex-wrap: wrap;  border:1px solid #DDD; border-radius:6px;}
.photoArea {width:15%; height:auto;}
.photoArea .photo{width:72%; max-width:130px;  height:auto; margin:0 auto; border-radius:3px; overflow:hidden; margin-top:13%;}
.photoArea .btnGroup {width:72%; max-width:130px;  height:auto; margin:0 auto;}
.photoArea .btnGroup .btn{width:100%; height:26px; border:1px solid #ddd; text-align:center; font-size:12px; line-height:1.8; background:#f7f8fa; border-radius:3px;}
.photoArea .btnGroup .btn:hover {border:1px solid #000; transition: all .2s ease;}

.photoArea .sibGroup {width:72%; max-width:130px;  height:auto; margin:0 auto;}
.photoArea .sibGroup .btn {width:100%; height:26px; text-align:center; color:#FFF; font-size:12px; line-height:1.8; background:#7fa6c5 url("../images/icon/plus01.png")no-repeat 94% center; border-radius:3px 3px 0 0;}
.photoArea .sibGroup .sib_listBox {width:100%; min-height:80px; margin-bottom:25px; border:1px solid #ddd; border-top:none; padding:4px; background:#FFF; border-radius:0 0 3px 3px;}
.photoArea .sibGroup .sib_listBox > li {display:flex; align-items:center; justify-content: space-between; font-size:12px; line-height:1.8;}
.photoArea .sibGroup .sib_listBox > li .delete {width:8px; height:8px; background:url("../images/icon/delete01.png")no-repeat left top;}
.photoArea .sibGroup .sib_listBox > li a:hover{ color:#ff9000;}

/* 등하원관리 노선별 운행현황 */
.BusRouteBox {position: relative; width: 100%; min-height: 160px; padding-bottom: 28px;}
.BusRouteBox::before {
    content: '';
    width: 2px;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 108px;
    top:0px;
    background: #ffe600;
}

.BusRouteBox:last-child { min-height: 44px; padding-bottom: 0px;}
.BusRouteBox:last-child .busstop .mbtn { display: none;}
.BusRouteBox:last-child .busstop .number { background: #a4b1b4;}
.BusRouteBox:last-child .busstop .stopname {color: #00ab9a;}

.BusRouteBox .busstop {position: relative; display: flex; align-items: center; width: 100%; height: 44px; }
.BusRouteBox .busstop .time {font-size: 18px; font-family: 'NanumSquare'; text-align: center; width: 88px;}
.BusRouteBox .busstop .number {
    width: 44px;
    height: 44px;
    background: #ffe600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    color: #FFF;
    font-size: 18px;
    font-weight: 900;
    font-family: 'S-CoreDream';
}
.BusRouteBox .busstop .stopname { font-size: 20px; font-family: 'NanumSquare'; font-weight: 600; margin-left: 30px;}
.BusRouteBox .busstop .mbtn {
    position: absolute;
    right: 0;
    top: 10px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 28px;
    color: #FFF;
    background: #6e7576;
    border: 1px solid #6e7576;
    border-radius: 3px;
    margin-right: 4px;
}
.BusRouteBox .busstop .mbtn:hover{color:#333; background:#FFF; border:1px solid #4f5657; transition: all .25s ease;}

.BusRouteBox .StudentBox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 162px);
    min-height: 80px;
    background: #f9f9f9;
    margin-left: 162px;
    border-radius: 10px;
    padding: 28px;
}
.BusRouteBox .StudentBox li {display: flex; align-items: center; width: auto; margin-right: 15px; margin-bottom: 5px;}
.BusRouteBox .StudentBox li .Name {display:flex; align-items: center;}
.BusRouteBox .StudentBox li .Name span { display: inline-block; margin-left: 4px; letter-spacing: 0;}
.BusRouteBox .StudentBox li .Name button {
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    margin-left: 4px;
    border-radius: 3px;
    margin-top: 2px;
    font-size: 0;
    background: url('/home/images/icon/delete04.png') no-repeat center center;
    transition: all .15s ease;
}
.BusRouteBox .StudentBox li .Name button:hover {border: 1px solid #000; background: url('/home/images/icon/delete04_on.png') no-repeat center center; transition: all .15s ease;}





/* 수납관리 */
.ReceiptWrap {width:100%; border-top:2px solid #333; padding-top:4px;}
.ReceiptWrap li {display:flex; align-items:center; padding:3px;}
.ReceiptWrap li .title {width:25%; color: #333; font-family: 'Noto Sans KR'; font-size: 14px; font-weight: 500;}
.ReceiptWrap li .inputwrap {width:75%;}
.RecBtn_box {display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; width: auto; height: 40px;}

.ReceiptTotal {display:flex; width:100%; background:#f8f9fb; border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin-bottom:40px;}
.ReceiptTotal li {display:flex;  align-items:center; flex-wrap: wrap; justify-content: center; height:48px; border-top:none;}


/* 반관리 */
.ClassListWrap {width:100%; min-height:600px; border-top:2px solid #1e1e1e;  border-bottom:1px solid #EEE;}
.ClassListWrap .classUibox { width:100%; padding-bottom:10px; border-bottom: 1px solid #EEE;}
.ClassListWrap .classUibox > li {width:100%; font-size:13px; }
.ClassListWrap .classUibox > li a {display: block; width:100%;}
.ClassListWrap .classUibox > li.Title {
    display: flex; align-items: center;
    font-family: 'Noto Sans KR'; 
	font-size:15px;
    font-weight:500; 
    padding:6px 4px 6px 20px;
	margin-bottom:6px;
    border-bottom: 1px solid #EEE;
    background:#f8f9fb url("../images/icon/select_arrow02.png")no-repeat left 2px center;
}
.ClassListWrap .classUibox > li.Subject {padding:6px 4px 6px 6%; background:url("../images/icon/dot_Main05.png")no-repeat left 6px top 13px;}
.ClassListWrap .classUibox > li.Subject:hover { background:#f1f9ff;}
.ClassSale {display:flex;}
.ClassSale > li.Used{width:80px;}
.ClassSale > li.Used:hover .tooltip {display:block;}
.ClassSale > li.Used .tooltip {
    display:none;
    position: absolute;
    width:200px;
    padding:18px 18px;
    background-color: #ff9000;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    z-index: 99;
    text-align:left;
    line-height:20px;
    margin-top:10px;
    border-radius:5px;
    left:50%;
    transform: translateX(-50%);
}
.ClassSale > li.Used .tooltip:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: transparent transparent #ff9000 transparent;
}
.ClassSale > li.Not{width:80px;}
.ClassSale > li.Not:hover .tooltip {display:block;}
.ClassSale > li.Not .tooltip {
    display:none;
    position: absolute;
	 width:200px;
    padding:18px 18px;
    background-color: #00ab9b;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    z-index: 99;
    text-align:left;
    line-height:20px;
    margin-top:10px;
    border-radius:5px;
    left:50%;
    transform: translateX(-50%);
}
.ClassSale > li.Not .tooltip:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: transparent transparent #00ab9b transparent;
}
.ClassDetails {width:100%; min-height:310px; margin-top:10px; margin-bottom:10px;}


/* 반관리 - 학생배정 */
.Class-StuWrap {position: relative; display:flex; width:100%; height:auto;}
.Class-Stu {position:relative; width:40%; height:100%; margin-right:4%;} /* 학생배정 wrap */
.Class-Stu:last-child {margin-right:0%;}
.Class-Stu .title{
    display:flex; 
    width:100%;
    background-color: #f8f9fb;
    border-top: 2px solid #1e1e1e;
    border-bottom: 1px solid #EEE;
	color:#333;
}
.Class-Stu .title li { 
    display:flex; 
    align-items:center;
    justify-content: center;
    font-family: 'Noto Sans KR';
    font-size: 14px;
    font-weight: 500;
}

.Class-StuList {position: relative; width:100%; min-height:306px; border-bottom:1px solid #EEE;}
.Class-StuList > li {display:flex; align-items:center; width:100%; height:34px; border-bottom:1px solid #EEE;}
.Class-StuList > li:last-child {border-bottom:none;}

.Class-StuList > li .student {display:flex; align-items:center; width:100%;}
.Class-StuList > li .student > li {border-right:1px solid #eee; text-align:center;}
.Class-StuList > li .student > li .Name {display:flex; align-items:center; padding-left:10px;}
.Class-StuList > li .student > li.Pone {font-size:14px !important; letter-spacing:-0.5px;}
.Class-StuList > li .student > li:last-child {border-right:none;}


/* 교직원 관리 */
.Staff_Search { width:100%; line-height:1.8; letter-spacing:0px;}
.Staff_Search > li { display: flex; align-items:center; justify-content: space-between; height:30px;}
.Staff_Search > li.right { justify-content: flex-end !important;}
.Staff_Search > li span.right {width:60%;}
.Staff_Search > li select, input {width:60%;}

.Staff_listBox { width:100%; height:auto;}
.Staff_listBox .Result { display: flex; align-items:center; justify-content: space-between;}
.Staff_listBox .Result p span {color:#ff6600; font-weight:bold;}
.Staff_listBox .ListTitle {display: flex; align-items:center; width:100%; border:1px solid #e5e5e5; text-align:center; height:32px; margin-top:14px; line-height:1.6;}
.Staff_listBox .ListTitle > li:after { content: '';  position:absolute; right:0px; top:6px; width:1px; height:12px; background-color: #ddd;}
.Staff_listBox .ListTitle > li:last-child:after { display:none;}

.Staff_listBox .ListWrap {width:100%; min-height:150px; margin-top:14px;}
.Staff_listBox .ListWrap > li {display: flex; align-items:center; height:30px; line-height:30px; cursor: pointer;}
.Staff_listBox .ListWrap > li .Name {width:50%; display:flex; }
.Staff_listBox .ListWrap > li .Name .icon {display:flex;  align-items:center; padding-left:2%; padding-right:5%;}
.Staff_listBox .ListWrap > li .Lesson {width:50%; text-align:center;}
.Staff_listBox .ListWrap > li:hover { border-radius:3px; background:#edeff2;}
.Staff_listBox .ListWrap > li.active {border:1px solid #ddd; border-radius:3px; background:#f1f9ff;}
.Staff_BasicWrap {position:relative; width:100%; height:auto; display: flex; flex-wrap: wrap;  border:1px solid #DDD; border-top:none;}


/* 급여관리 */
.HrBasic_Search { width:100%; line-height:1.8; letter-spacing:0px;}
.HrBasic_Search > li { display: flex; align-items:center; justify-content: space-between; height:30px;}
.HrBasic_Search > li.right { justify-content: flex-end !important;}
.HrBasic_Search > li span.right {width:60%;}
.HrBasic_Search > li select, input {width:60%;}
.HrBasic_listBox { width:100%; height:auto;}
.HrBasic_listBox .Result { display: flex; align-items:center; justify-content: space-between;}
.HrBasic_listBox .Result p span {color:#ff6600; font-weight:bold;}
.TaxpaySetup {display: flex;  align-items:center;  justify-content: center; width:100%; height:100px; border:1px solid #EEE; border-radius:6px; background:#f8f9fb;}
.TaxpaySetup .title {font-weight:bold; padding-right:10px; cursor: pointer;}
.HrLinkA {display: flex; align-items:center; height:26px; padding-left:16px; font-weight: bold; background:url("../images/icon/fileB.png")no-repeat left top 8px;}
.HrLinkA:hover {color: #0071e5;}


/* 급여관리 - 연말정산 */
.EndTax_Wrap {position: relative; width:100%; min-height: 800px; overflow: hidden; }
.EndTax_Wrap .TwrapL {width:94%; height: 200px;}
.EndTax_Wrap .TwrapL .DataBox {width: 100%;}
.EndTax_Wrap .ETmenuWrap {position:absolute; top:0; right: -94PX; z-index: 10; width:134PX; height:800px; border:1px solid #DDD; background: #FFF; border-radius: 6px 0 0 6px;}
.EndTax_Wrap .ETmenuWrap .btnW {display: flex; align-items: center; width: 100%; height:56px; border-bottom: 1px solid #EEE; padding:6px 10px 6px 10px;}
.EndTax_Wrap .ETmenuWrap .btnW:last-child{border-bottom: none;}
.EndTax_Wrap .ETmenuWrap .btnW:hover {background: #f1f8fe; color:#006765;}
.EndTax_Wrap .ETmenuWrap .btnW.active {background: #f1f8fe; color:#006765;}
.EndTax_Wrap .ETmenuWrap .btnW .txtbox {display:block; width:80%; text-align:right;}
.EndTax_Wrap .ETmenuWrap .btnW .txtbox span {display:block;}


/* 노무관리 */
.Userfile_box {display: inline-block;}
.Userfile_box img {max-width:40px;}


/* 회계관리 */
.dutyTitle {position: relative; font-size: 17px; font-family: 'NanumSquare'; font-weight: 600; padding-left: 4px; margin-right: 10px;}
.dutyblurBox {position:relative; /*filter: blur(1px);*/}
.dutyblurBox .upfilter{position: absolute; width:100%; height: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.1);}
.BizRegistWrap {position: relative; width: 100%; height: 100%; min-height: 480px;}
.ChartaddWrap {position: relative; width: 100%; height: 100%; min-height: auto; margin-bottom: 30px;}

.AccStatus {position: relative;}
.AccStatus .stepBox {position: relative; display:flex;}
.AccStatus .stepBox li {padding-right:50px;}
.AccStatus .stepBox li:last-child {padding-right:0px;}
.AccStatus .stepBox li .Box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-family: "NanumSquare";
    font-size: 17px;
    color: #666;
    font-weight: 600;
    background: #f7f9fb;
    border: 1px solid #efefef;
    border-radius: 6px;
}
.AccStatus .stepBox li .Box:after  { content: '';  position:absolute; right:15px; top:20px; width:20px; height:20px; background:url('../images/icon/arrow-right.png')no-repeat;}
.AccStatus .stepBox li:last-child .Box:after {display:none;}
.AccStatus .stepBox li .Box.active {background: #30465e !important; color: #FFF !important;}






/* 경영현황 */
.GraphWrap {display:flex; align-items:center; width:100; justify-content: center; margin:30px 0 10px 0; min-height:340px; border:1px solid #EEE;}


/* 차량관리 */
.BusStop {position: relative; width:100%; min-height:360px; border-bottom:1px solid #EEE;}
.BusStop > li {display:flex; align-items:center; width:100%; height:36px; padding: 0 5px; border-bottom:1px solid #EEE;}
.BusStop > li .plusbtn {position: absolute; right: 5px;}
.BusStop > li:last-child {border-bottom:none;}

.Routemanage_Title {display: flex; align-items:center; width:100%; height:36px; background: #f8f9fb; border-bottom: 1px solid #EEE;}
.Routemanage_Title > li {text-align:center; font-family:'Noto Sans KR'; font-weight: 500;}
.Routemanage_Title > li:after { content: '';  position:absolute; right:0px; top:4px; width:1px; height:12px; background-color: #ddd;}
.Routemanage_Title > li:last-child:after { display:none;}

.Routemanage {position: relative; width:100%; min-height:324px; border-bottom:1px solid #EEE;}
.Routemanage > li {display:flex; align-items:center; width:100%; height:36px; text-align: center; border-bottom:1px solid #EEE;}
.Routemanage > li .station {position: relative; padding-left: 10px; font-weight: bold; text-align: left;}
.Routemanage > li .station .deletebtn {position: absolute; right: 5px; top:-1px;}
.Routemanage > li:last-child {border-bottom:none;}


/* 일정관리 */
.ScheBut{ display:flax; align-items:center; }
.ScheBut button {padding:4px; border:1px solid #EEE; border-radius:3px;}
.ScheBut .sche-month {font-size: 18px; color: #333; font-weight: bold;  padding: 0 10px;}

.ScheduleA {position:relative; width:100%; height:auto;letter-spacing:-0.5px; table-layout: fixed;}
.ScheduleA thead {display: table; width:100%; color:#fff; text-align:center; vertical-align:middle; background-color:#f8f9fb; border-top:2px solid #1e1e1e; border-bottom:1px solid #EEE;}
.ScheduleA thead tr {width:100%;}
.ScheduleA thead tr th {width:14.2857%; vertical-align:middle; color:#333; font-family: 'Noto Sans KR';font-size:14px; font-weight: 500; border-right:1px solid #EEE;}
.ScheduleA thead tr th:last-child { border-right:none;}
.ScheduleA tbody {position:relative; width:100%;}
.ScheduleA tbody tr {width:100%; display: table; border-bottom:1px solid #EEE;}
.ScheduleA tbody tr td {width:14.2857%; height:100px; font-size:13px; border-right:1px solid #EEE; padding:10px;}
.ScheduleA tbody tr td .day {display:inline-block; margin-bottom:4px;}
.ScheduleA tbody tr td .money {display:inline-block; text-align:right; width:42%; margin-bottom:4px; font-weight:bold;}
.ScheduleA tbody tr td .atten {display:inline-block; text-align:right; width:25%; margin-bottom:4px; font-weight:bold;}
.ScheduleA tbody tr td .today {display:inline-block; margin-bottom:4px; background:#CCC; color:#FFF; padding:2px 10px; border-radius:10px; text-align:center; font-weight:bold;}
.ScheduleA tbody tr td .sbuject {padding-left:10px; background:url("../images/icon/dot_Round.png")no-repeat left top 8px; margin-bottom:6px; }
.ScheduleA tbody tr td .sbuject a:hover { color:#FF6600;}
.ScheduleA tbody tr td .sbuject a.blue:hover { color:#228dfa;}
.ScheduleA tbody tr td:last-child {border-right:none;}

.schviewT {width: 100%;}
.schviewT li {display: flex; align-items: center; height:28px; letter-spacing: 0em;}
.schviewBox { width: 100%; min-height: 300px; margin-top: 10px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding:30px 10px; line-height:1.6;}


/* 전송관리 - 모달 - 오픈 후 사용 유무 체크 후 삭제 2024-01-30 */
.SendWrapA {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	width: 300px;
	height: 460px;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	display: none;
	z-index: 9999;
	background:#FFF;
	overflow:hidden;
}
.SendWrapA .TitleBox {display:flex; align-items:center;  justify-content: space-between; height:50px; padding:10px; background:#ffe400;}
.SendWrapA .TitleBox h2{font-size:16px; color:#000 !important; padding-left:10px;}
.SendWrapA .TitleBox button {padding-right:6px;}
.SendWrapA .SendBox {width:88%; height:365px; padding:10px; border:1px solid #EEE; border-radius:6px; margin:0 auto; margin-top:16px;}



/*= 문자전송 공통 요소
------------------------------------------------------------------------------------------------------------------------- */
#ContentsWrapper_Send { position: relative; width: 100%; height:auto; padding : 24px 40px 80px 40px;}

/* 문자전송 팝업페이지 */
.PointCon_box { position: relative; display:flex; align-items:center; width: 100%; height: 46px; background: #f7f8fa; }
.PointCon_box .PsBtn_box {position: absolute; right: 0;}
.PointCon_box .type {display: flex; align-items:center; font-size: 15px; font-weight: 600; font-family:'Noto Sans KR'; line-height: 1;}
.PointCon_box .type li {width: auto; margin-left: 12px; padding-right: 16px;}
.PointCon_box .type li .PointT {font-family:'S-CoreDream'; font-weight: 900;}
.PointCon_box .type li::after {display: block; content: ''; position: absolute; width: 1px; height: 10px; right:0px; top: 4px; background-color: #6f7477;}
.PointCon_box .type li:last-child::after {display: none;}

/* 문자전송 2단 Wrap */
.SendPopWrapA {position:relative; min-width:340px; height:auto; padding-right:50px; min-height:600px;} /* 왼쪽 박스 wrap */
.SendPopWrapB {position:relative; width:100%; height:auto; min-height:600px;} /* 오른쪽 박스 wrap */

/* 문자전송 입력 및 미리보기 폰 */
.Cphone_box {position:relative; width:284px; height:580px; border:2px solid #3d3d3d; border-radius: 10px; overflow: hidden; background:url("../images/bg/Cphone_top.png")no-repeat center top;}
.Cphone_box .TopHead {position:relative; display: flex; align-items:center; width: 100%; height: 36px; font-size: 13px; margin-top: 30px;}
.Cphone_box .TopHead .TopByte {width:auto;}
.Cphone_box .TopHead .TopType {color:#FFF; position: absolute; right: 16px; line-height:0; }
.Cphone_box .TopHead input[type="text"] {width:40px; height:26px; padding:0;  background:none; color:#FFF; font-size: 13px;}

.Cphone_box .CenterBody {width:100%; padding: 10px 0px;}
.Cphone_box .CenterBody input.Title[type="text"] {width:100%; height:26px; padding:0 16px;  background:none; font-size: 14px;}
.Cphone_box .CenterBody textarea.Message {position: relative; width: 100%; height: 330px; resize: none; font-size: 14px !important; padding: 0 16px; font-family: 'Malgun Gothic'; color: #333; border:none; line-height: 1.5;}
.Cphone_box .CenterBody textarea::placeholder { color: #aaa; font-weight: bold; position: absolute; top: 50%; left: 45%; transform: translate(-45%, -50%); }
.Cphone_box .CenterBody textarea:focus::placeholder { color: transparent;}
.Cphone_box .CenterBody .AddWrap {display: flex; flex-wrap: wrap; width: 100%; margin-top: 10px; padding:0 16px;}
.Cphone_box .CenterBody .AddWrap span {width: 100%; height:20px;}

.Cphone_box .FootMenu {position: absolute; display: flex; align-items: center; bottom:0; width: 100%; height: 50px; border-top: 1px solid #3d3d3d;}
.Cphone_box .FootMenu button {position: relative; width: 50%; line-height: 0; height: 50px; background: #f8f8f8; transition: all 0.25s ease;}
.Cphone_box .FootMenu button::after{position:absolute; content: ''; width:1px; height:50px; right:0; bottom:0; background:#d6d6d6; z-index:9}
.Cphone_box .FootMenu button:last-child::after {display: none;}
.Cphone_box .FootMenu button span {font-size: 15px; font-family: 'Noto Sans KR'; font-weight: 600; color: #333; padding-left: 20px;}
.Cphone_box .FootMenu button span.load {background:url("../images/icon/TalkSend_01.png")no-repeat left center; }
.Cphone_box .FootMenu button span.save {background:url("../images/icon/TalkSend_02.png")no-repeat left center; }
.Cphone_box .FootMenu button:hover span.load {color: #ff7900; transition: all 0.25s ease;}
.Cphone_box .FootMenu button:hover span.save {color: #00a4ff; transition: all 0.25s ease;}

.SendFootBtn {display: flex; align-items: center; justify-content: center;}



/*= 모바일 청구서/알림장/공지
------------------------------------------------------------------------------------------------------------------------- */
#ContentsWrapper_MobileA {position:relative; width:100%; height:auto;}

.Mobile_Title_boxA {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:60px;}
.Mobile_Title_boxA h1 {font-size: 18px; font-family: 'Noto Sans KR'; font-weight: 700; line-height:1; color: #000;}

.Mobile_Title_boxB {position:relative; width:100%; height:auto; text-align: center; padding: 20px 10px 60px 10px; background: #fed400; z-index: 0;}
.Mobile_Title_boxB h1 {font-size: 18px; font-family: 'Noto Sans KR'; font-weight: 700; line-height:1; color: #000; margin-bottom: 26px;}
.Mobile_Title_boxB .Title_SubBox { width: 90%; margin: 0 auto;}
.Mobile_Title_boxB .Title_SubBox .iconimg {display: inline-block; margin-bottom: 10px;}
.Mobile_Title_boxB .Title_SubBox .subcopy { font-size: 28px; font-family: 'Noto Sans KR'; font-weight:800; color: #000;}


.Mob_ContWrapA {position:relative; padding:0px 4.166% 0px 4.166%; width:100%; height:auto; font-family: 'Noto Sans KR';}
.Mob_ContWrapA .Title_Box {display: flex; align-items: center; justify-content: space-between; width:100%; height: 50px; padding: 0 10px;}
.Mob_ContWrapA .Title_Box h2 {font-size:20px; font-weight:800; color:#000;}
.Mob_ContWrapA .Title_Box .NameBox {display: inline-block; font-size:16px; font-weight:700; line-height: 1.8;}
.Mob_ContWrapA .Title_Box .Status {display: inline-block; border:1px solid #CCC; padding: 4px 16px; font-weight: 700; color: #00a2ff; border-radius: 3px;}
.Mob_ContWrapA .btn-MobCon {
    width: 100%;
    border-radius: 6px;
    height: 60px;
    color: #000;
    font-size: 24px;
    font-weight: 800;
    background-color: #fed400;
    transition: all .35s ease;
}
.Mob_ContWrapA .btn-MobCon:hover{background-color:#fe9b00;  height:60px; transition: all .35s ease; }


/* 모바일 청구서 */
.invoice-details {
    display: flex;
    align-items: top;
    flex-wrap: wrap;
    width: 100%;
    min-height: 100px;
    padding-top: 30px;
    border-radius: 6px;
    margin-bottom: 10px;
    background:#FFF url("../images/bg/Mob_ContDown.png")no-repeat left bottom;
}
.invoice-details .details {width: 100%; padding:0px 4.545%; margin-bottom:10px;}
.invoice-details .details li {display: flex; align-items: center; min-height:40px; border-bottom:1px solid #F2F2F2;}
.invoice-details .details li .title {width:25%; font-size:15px; font-weight:400; color: #666; letter-spacing: 0.5px;}
.invoice-details .details li .resultBox {display: flex; align-items: center; justify-content:end; flex-wrap: wrap; width:75%; min-height: 40px; text-align: right;}
.invoice-details .details li .resultBox.pd8 {padding: 8px 0;}
.invoice-details .details li .resultBox .AcademyName { font-size:18px; font-weight: 800;}
.invoice-details .details li .resultBox .Reason {width:100%; font-size: 16px; font-weight: 600; padding-bottom: 2px;}
.invoice-details .details li .resultBox .Billing_amount {width:100%; font-size: 18px; font-weight: 600; padding: 4px 0;}
.invoice-details .details li .resultBox .Paymentperiod {position: relative; width: auto; font-size: 24px; font-weight:900; color: #000; z-index: 1;}
.invoice-details .details li .resultBox .Paymentperiod::after {content: ""; display: block; width: 100%; border-bottom: 8px solid #fed400; position: absolute; bottom:5px; z-index: -1;}
.invoice-details .details li .resultBox .Paydate {width:100%; font-size: 16px; font-weight: 600;}
.invoice-details .details li:last-child {border-bottom:none;}
.invoice-details .explanBox {width:100%; padding:0px 4.545%;}
.invoice-details .explanBox .explan{width:100%; padding:20px; background: #f9f9f9; border-radius: 3px; font-size: 13px; font-family: 'Malgun Gothic'; color: #666; margin-bottom: 20px;}
.invoice-notification { display: flex; align-items: top; flex-wrap: wrap; width: 100%; min-height: 100px; padding-top: 20px; border-radius: 6px; margin-bottom: 10px; background: #FFF;}
.invoice-notification .notification {width: 100%; padding:0px 4.545%; margin-bottom: 20px;  font-size:16px; font-weight: 500;}
.invoice-notification .notification li {display: flex; align-items: center; justify-content: end; min-height:32px;}
.invoice-notification .notification li .Notidate{font-size: 18px; font-weight: 800;}


/* 모바일 결제완료 */
.Payment-details {
    width: 100%;
    min-height: 200px;
    padding-top: 30px;
    border-radius: 6px;
    background:#FFF;
    z-index: 1;
    padding-bottom: 30px;
    margin-top: -30px;
    margin-bottom: 30px;
}
.Payment-details .details {width: 100%; padding:0px 4.545%; margin-bottom:24px;}
.Payment-details .details li {display: flex; align-items: center; min-height:54px; border-bottom:1px solid #F2F2F2;}
.Payment-details .details li.borderTop {border-top: 2px solid #333;}
.Payment-details .details li .title {width:25%; font-size:16px; font-weight:500; color: #666; letter-spacing: 0.5px;}
.Payment-details .details li .resultBox {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    width: 75%;
    min-height: 40px;
    font-size: 18px;
    font-weight: 500;
    text-align: right;
    color: #000;
}
.Payment-details .details li .resultBox .AcademyName { font-size:18px; font-weight: 800;}
.Payment-details .details li .resultBox .Paymentperiod {position: relative; width: auto; font-size: 24px; font-weight:900; color: #000; z-index: 1;}
.Payment-details .details li .resultBox .Paymentperiod::after {content: ""; display: block; width: 100%; border-bottom: 8px solid #fed400; position: absolute; bottom:5px; z-index: -1;}
.Payment-details .details li:last-child {border-bottom:none;}


/* 모바일 결제실패/QR */
.Payment-details .Description {
    width: 92%;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Noto Sans KR';
    color: #333;
    line-height: 1.5;
    padding: 30px 10px 40px 10px;
    margin: 0 auto;
    margin-bottom: 24px;
    text-align: center;
    border-bottom: 2px solid #999;
}
.Payment-details .Description.borderBottomNo { border-bottom: none !important; padding-bottom: 10px !important;}
.Payment-details .DescList { width: 92%; margin: 0 auto; margin-top: 30px; margin-bottom: 20px;}
.Payment-details .DescList li {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 10px 10px 20px;
    background: url("../images/icon/util_dot.png")no-repeat left top 18px;
}
.Payment-details .DescList li .tel { display: block; margin-left: 10px; }
.Payment-details .QR_box { width:60%; max-width: 280px; height: auto; min-height: 100px; margin: 0 auto; margin-bottom: 40px;}




/* 모바일 알림장 */
.NoticeMobile { width: 100%; min-height: 420px;  padding:20px 4.545%; border-radius: 6px; margin-bottom: 10px; background: #FFF;}
.NoticeMobile .className {display: block; width: 100%; font-size: 16px; font-weight: 500; color:#ff9c00; letter-spacing: -0.4px; margin-bottom: 4px;}
.NoticeMobile .NoticeTitle { font-size: 18px; line-height: 1.5; margin-bottom: 24px;}
.NoticeMobile .Contents {font-size: 16px; min-height: 220px; border-bottom: 1px solid #EEE; margin-bottom: 10px;}
.NoticeMobile .File {font-size: 16px; color:#01bfad; background:  url("../images/icon/file.png")no-repeat left top 5px; padding-left: 24px; margin-bottom: 6px;}
.NoticeMobile .Date {font-size: 16px; color:#666; background:  url("../images/icon/date.png")no-repeat left top 5px; padding-left: 24px; margin-bottom: 6px; }

/* 모바일 청구서/알림장/공지 풋터 */
.Mob_invFoot {display: block; width: 100%; padding:40px 10px; text-align: center;}
.Mob_invFoot .AcademyNameFoot { font-size:18px; font-weight: 900; margin-bottom: 10px;}
.Mob_invFoot .phoneFoot { font-size:18px; font-weight: 800; font-family:'NanumSquare'; margin-top: 10px;}













/* 환경설정 */
.setupWbox {display:flex; align-items:center; margin:8px 0;}
.setupCardBank {display:flex; align-items:center; flex-wrap: wrap; width:100%;}
.setupCardBank li {display:flex;  align-items:center; justify-content: center; flex-wrap: wrap; width:122px; height:46px; margin-right:4px; border:1px solid #EEE; border-radius:4px; margin-bottom:10px;}
.setupCardBank li:hover { border:1px solid #000;}
.setupCardBank-LoPw { position:relative; border:1px solid #DDD; border-radius:6px; width:100%; padding:40px 0px;}
.setupCardBank-LoPw .LoPw {display:flex;  align-items:center;  width:700px; margin:0 auto;}
.setupCardBank-LoPw .LoPw li.title{width:140px; font-weight:bold; padding-left:10px; text-align:left;}
.setupCardBank-LoPw .LoPw li.form {width:210px; text-align:left;}
.setupHometax {display:flex; align-items:center; justify-content: center; width:100%; height:60px; border:1px solid #EEE; margin-top:30px; border-radius:6px; background:#f8f9fb;}


/* 빠른메뉴 */
.FmenuWrap {display:flex; flex-wrap: wrap; width:100%; margin-top:30px;}
.FmenuWrap .menuBox {width:22%; margin-right:4%; margin-bottom:30px;}
.FmenuWrap .menuBox:last-child{margin-right:0%;}
.FmenuWrap .menuBox:nth-child(4n+4){margin-right:0%;}
.FmenuWrap .menuBox li.depth1 > a {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: #FFF;
    font-size: 16px;
	font-weight:bold;
    text-align: center;
    background-color: #2b4157;
    border-radius: 5px;
	margin-bottom:16px;
}
.FmenuWrap .menuBox li.depth2 > a{
    display:block;
	width:100%;
	height:36px;
	line-height:34px;
	color:#333;
	font-size:13px;
	border:1px solid #DDD;
	border-radius:5px;
	font-weight:600;
	padding-left:20px;
	margin-bottom:4px;
}
.FmenuWrap .menuBox li.depth2 .depth3 {margin-bottom:10px;}
.FmenuWrap .menuBox li.depth2 .depth3 li {display:flex; align-items:center; padding-left:20px; height:34px;}
.FmenuWrap .menuBox li.depth2 .depth3 li a {width:100%; display:block; background:url("../images/icon/dot_Main05.png")no-repeat left top 8px; padding-left:10px; font-weight:600; color:#999;}
.FmenuWrap .menuBox li.depth2 .depth3 li a:hover {color:#ff7000;}


/* 모달 배경 */
.Modal_bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);
	opacity: 0.4;
	z-index: 9998;
	display: none;
}


/*= data 테이블
------------------------------------------------------------------------------------------------------------------------- */
.TableWrap {position:relative; height:auto;}


/* 테이블 TYPE - [기본테이블] */
.TBtype {position:relative; width:100%; height:auto;letter-spacing:-0.5px;}
.TBtype thead {width:100%; color:#333; text-align:center; vertical-align:middle; background-color:#f8f9fb; border-top:2px solid #1e1e1e; border-bottom:1px solid #EEE;}
.TBtype thead tr th {position:relative; vertical-align:middle; color:#333; font-family: 'Noto Sans KR'; font-weight: 500;}
.TBtype thead tr td {background: #FCFCFC; border-top: 1px solid #EEE; vertical-align:middle;}

.TBtype tbody {position:relative; width:100%; text-align:center;}
.TBtype tbody.linkCellred:hover {background-color: #fdf9f9;}
.TBtype tbody.linkCellblue:hover {background-color: #f1f9ff;}
.TBtype tbody tr {width:100%; border-bottom:1px solid #EEE;}
.TBtype tbody tr.BgA{background-color: #fefdf1;}
.TBtype tbody tr.BgB{width:100%; background-color:#fffced;}
.TBtype tbody tr.BgC{width:100%; background-color:#f5fbff;}
.TBtype tbody tr.active{background-color: #f1f9ff !important;}
.TBtype tbody tr.linkCell {background-color: #fff; color:#333; cursor: pointer;}
.TBtype tbody tr.linkCell:hover {background-color: #f8f9fb;}
.TBtype tbody tr.linkCell2 {background-color: #fff; color:#333; cursor: pointer;}
.TBtype tbody tr.linkCell2:hover {background-color: #f1f9ff;}
.TBtype tbody tr:last-child {border-bottom:none;}
.TBtype tbody tr.cursorOnA:hover {background-color: #f8f9fb;}
.TBtype tbody tr.cursorOnB:hover {background-color: #f1f9ff;}
.TBtype tbody tr th {vertical-align:middle; background-color:#FCFCFC; font-family:'Noto Sans KR'; font-weight: 500;}
.TBtype tbody tr th.TypeA {vertical-align:middle; background-color:#FFF; font-family:'Noto Sans KR'; font-weight: 600; text-align: left; font-size: 15px;}
.TBtype tbody tr td {vertical-align:middle; border-right:1px solid #EEE;}
.TBtype tbody tr td.BgG {background-color:#fafafa;}
.TBtype tbody tr td:last-child {border-right:none;}
.TBtype tbody tr td input[type="text"] {width:96%; height:28px; padding:0 6px; border:1px solid #d5d5d5; background:#fff; color:#333;}

.TBtype tfoot {position:relative; width:100%; font-size:13px; color:#333; text-align:center; font-weight:bold; border-top:1px solid #DDD;}
.TBtype tfoot.BorTopA {border-top:1px solid #BBB;}
.TBtype tfoot tr{width:100%; background-color:#f8f9fb; border-bottom:1px solid #DDD;}
.TBtype tfoot tr.BgA{width:100%; background-color:#fcfcfc;}
.TBtype tfoot tr.BgB{width:100%; background-color:#FFF;}
.TBtype tfoot tr.Hide {display: none; } /* 행 숨김처리 */
.TBtype tfoot tr .toggle-icon { transition: transform 0.3s ease; }
.TBtype tfoot tr .flipped {/* transform: scaleY(-1); */ transform: rotate(180deg);}
.TBtype tfoot tr th {vertical-align:middle; border-right:1px solid #E5E5E5;}
.TBtype tfoot tr td {vertical-align:middle; border-right:1px solid #E5E5E5;}
.TBtype tfoot.Rmr10 tr td {vertical-align:middle; border-right:1px solid #E5E5E5; padding-right:4px;}
.TBtype tfoot tr td:last-child {border-right:none;}

.TBtype input {width:100%; height:26px !important; padding: 0 4px !important; border:none; background:#fff; font-size:12px; color:#333;}
.TBtype input.TypeH28 {width:auto; height:28px !important; padding:0 10px !important; border:1px solid #d5d5d5; background:#fff; color:#333;}
.TBtype input.AppeNo {background:none;}
.TBtype select {width:100%; height:26px !important; padding-left:4px; border:none; appearance: none !important;}
.TBtype select.TypeH28 {width:100%; height:28px !important; padding-left:10px; border:1px solid #DDD; font-size: 13px; appearance: none !important;}
.TBtype select.border {border:1px solid #DDD !important;}
.TBtype select.AppeNo {background:none;}
.TBtype .borderBT01{border-bottom:1px solid #e1e1e1;} /*테이블 tbody 하단 border [TBtype에서 tfoot 없는 테이블은 tbody에 적용 - 좌측 스크롤 없을때만 사용] */


/* 테이블 TYPE - A [수납관리] */
.TBtypeA {position:relative; width:100%; height:auto; letter-spacing:-0.5px; table-layout: fixed;}
.TBtypeA thead {display:table; width:100%; color:#fff; text-align:center; vertical-align:middle; background-color:#f8f9fb; border-top:2px solid #1e1e1e; border-bottom:1px solid #EEE;}
.TBtypeA thead tr {width:100%;}
.TBtypeA thead tr th {vertical-align:middle; color:#333; font-family: 'Noto Sans KR';font-size:14px; font-weight: 500;}
.TBtypeA thead tr th img.updown {margin-left:4px; padding-top:2px;}

.TBtypeA tbody {position:relative; width:100%; text-align:center;}
.TBtypeA tbody tr {width:100%; display: table;  border-bottom:1px solid #EEE;}
.TBtypeA tbody tr:last-child {border-bottom:none;}
.TBtypeA tbody tr.linkCell {background-color: #fff; font-size:12px; color:#333; cursor: pointer;}
.TBtypeA tbody tr.linkCell:hover {background-color: #f1f9ff;}
.TBtypeA tbody tr.linkCellB {background-color: #fff; color:#333;}
.TBtypeA tbody tr.linkCellB:hover {background-color: #f1f9ff;}
.TBtypeA tbody tr.active{background-color: #f1f9ff;}
.TBtypeA tbody tr td {vertical-align:middle; font-size:14px;}
.TBtypeA tbody tr td .LinkText:hover {color:#2995f1;}
.TBtypeA tbody tr td.PointerA {cursor: pointer !important; }
.TBtypeA tbody tr.View{text-align:left; background:#f9fcff;}
.TBtypeA tbody tr.View td{padding:20px; font-size:14px; line-height:1.6; text-align:left; color:#666;}
.TBtypeA tbody tr.cursorOnA:hover {background-color: #f8f9fb;}
.TBtypeA tbody tr.cursorOnB:hover {background-color: #f1f9ff;}

.TBtypeA tfoot {position:relative; display: table; width:100%; font-size:14px; color:#333; text-align:center; font-weight:bold; border:1px solid #EEE;}
.TBtypeA tfoot tr{width:100%; background-color:#def0fd;}
.TBtypeA tfoot tr td {vertical-align:middle; border-right:1px solid #ccdce8;}
.TBtypeA tfoot tr td:last-child {border-right:none;}

.TBtypeA input{width:90%; height:28px; padding:0 10px; border:1px solid #d5d5d5; background:#fff; font-size:12px !important; color:#333; text-align:center !important;}
.TBtypeA .borderBT01{border-bottom:1px solid #e1e1e1;} /*테이블 tbody 하단 border [ tfoot 없는 테이블은 tbody에 적용] */


/* 테이블 TYPE - B [ 전표입력, ] */
.TBtypeB {position:relative; width:100%; height:auto;letter-spacing:-0.5px; table-layout: fixed;}
.TBtypeB thead {display: table; width:100%; color:#fff; text-align:center; vertical-align:middle; background-color:#f8f9fb; border-top:2px solid #1e1e1e; border-bottom:1px solid #EEE;}
.TBtypeB thead tr {width:100%;}
.TBtypeB thead tr th {vertical-align:middle; color:#333; font-family: 'Noto Sans KR';font-size:14px; font-weight: 500;}
.TBtypeB thead tr th img.updown {margin-left:4px; padding-top:4px;}
.TBtypeB thead tr.Subtr th {border-top:1px solid #EEE; font-size:13px; font-weight:400; background:#fdfdfd; border-right:1px solid #EEE;}
.TBtypeB thead tr.Subtr th:last-child { border-right:none;}

.TBtypeB tbody {position:relative; width:100%; text-align:center;}
.TBtypeB tbody tr {width:100%; display: table;  border-bottom:1px solid #EEE;}
.TBtypeB tbody tr.row {display:flex; border-collapse: collapse;}

.TBtypeB tbody tr.BgA{width:100%; background-color:#fcfcfc;}
.TBtypeB tbody tr.BgB{width:100%; background-color:#fffced;}
.TBtypeB tbody tr.BgC{width:100%; background-color:#f5fbff;}
.TBtypeB tbody tr:last-child {border-bottom:none;}
.TBtypeB tbody tr.active{background-color: #f1f9ff !important;}
.TBtypeB tbody tr.linkCell {background-color: #fff; font-size:12px; color:#333; cursor: pointer;}
.TBtypeB tbody tr.linkCell:hover {background-color: #f8f9fb;}
.TBtypeB tbody tr.linkCell2 {background-color: #fff; font-size:12px; color:#333; cursor: pointer;}
.TBtypeB tbody tr.linkCell2:hover {background-color: #f1f9ff;}
.TBtypeB tbody tr.cursorOnA:hover {background-color: #f8f9fb;}
.TBtypeB tbody tr.cursorOnB:hover {background-color: #f1f9ff;}
.TBtypeB tbody tr td {vertical-align:middle; font-size:13px; border-right:1px solid #EEE; padding:0px;}
.TBtypeB tbody tr td .LinkText {width: 100%; color:#333; cursor: pointer;}
.TBtypeB tbody tr td .LinkText:hover {color:#2995f1;}
.TBtypeB tbody tr td:last-child {border-right:none;}

.TBtypeB tfoot {position:relative; display: table; width:100%; font-size:13px; color:#333; text-align:center; font-weight:bold; border-top:1px solid #DDD;}
.TBtypeB tfoot.BorTopA {border-top:1px solid #BBB;}
.TBtypeB tfoot tr{width:100%; background-color:#f8f9fb; border-bottom:1px solid #DDD;}
.TBtypeB tfoot tr.BgA{width:100%; background-color:#fcfcfc;}
.TBtypeB tfoot tr.BgB{width:100%; background-color:#FFF;}
.TBtypeB tfoot tr.Hide {display: none; } /* 행 숨김처리 */
.TBtypeB tfoot tr .toggle-icon { transition: transform 0.3s ease; }
.TBtypeB tfoot tr .flipped {/* transform: scaleY(-1); */ transform: rotate(180deg);}
.TBtypeB tfoot tr th {vertical-align:middle; border-right:1px solid #E5E5E5;}
.TBtypeB tfoot tr td {vertical-align:middle; border-right:1px solid #E5E5E5;}
.TBtypeB tfoot.Rmr10 tr td {vertical-align:middle; border-right:1px solid #E5E5E5; padding-right:4px;}
.TBtypeB tfoot tr td:last-child {border-right:none;}
.TBtypeB input {width:100%; height:26px !important; padding: 0 4px !important; border:none; background:#fff; font-size:12px; color:#333;}
.TBtypeB input.BorderA {border:1px solid #DDD}
.TBtypeB input.AppeNo {background:none;}
.TBtypeB select {width:100%; height:26px !important; padding-left:4px; border:none; appearance: none !important;}
.TBtypeB select.AppeNo {background:none;}
.TBtypeB .borderBT01{border-bottom:1px solid #e1e1e1;} /*테이블 tbody 하단 border [ tfoot 없는 테이블은 tbody에 적용] */


/* 테이블 TYPE - C [학생 정보자료] */
.TBtypeC {position:relative; width:100%; height:auto; letter-spacing:-0.5px; table-layout: fixed;}
.TBtypeC thead {display:table; width:100%; font-size:13px; color:#fff; text-align:center; vertical-align:middle; background-color:#2d3e50; border:1px solid #2d3e50; border-bottom:none;}
.TBtypeC thead tr{width:100%;}
.TBtypeC thead tr th{vertical-align:middle; border-right:1px solid #EEE;}
.TBtypeC thead tr th.bor_bot{border-bottom:1px solid #EEE;}
.TBtypeC thead tr th.bor_rig{border-right:1px solid #EEE !important;}
.TBtypeC thead tr th:last-child{border-right:none;}

.TBtypeC tbody {display:block; width:100%; border:1px solid #EEE;}
.TBtypeC tbody.borLRno {border-left:none; border-right:none;}
.TBtypeC tbody tr{width:100%; display:table;}
.TBtypeC tbody tr th{text-align:center; vertical-align:middle; width:100%; background-color:#f7f8fa; border-bottom:1px solid #EEE; font-family:'Noto Sans KR'; font-weight:500;}
.TBtypeC tbody tr:last-child th {border-bottom:none;}
.TBtypeC tbody tr td{vertical-align:middle; border-bottom:1px solid #EEE; border-left:1px solid #EEE; padding-left:10px;}
.TBtypeC tbody tr td.textarea{padding:10px !important;}
.TBtypeC tbody tr td.textarea textarea{resize: none;}
.TBtypeC tbody tr td.borleftNo{border-left:0px !important;}
.TBtypeC tbody tr td.pdtb {padding-top: 8px !important; padding-bottom: 6px !important;}
.TBtypeC tbody tr.Tdcetner td{text-align:center; padding-left:0px !important;}
.TBtypeC tbody tr:last-child td {border-bottom:none;}

.TBtypeC input{height:28px; padding:0 10px; border:1px solid #d5d5d5; background:#fff; color:#333; text-align:left; border-radius:4px;}
.TBtypeC input.textTypeC01{background:#f8f8f8 !important;}

.TBtypeC .SubtableC {display: block; width:100%;}
.TBtypeC .SubtableC thead{border:0px;}
.TBtypeC .SubtableC thead tr {width:100%;}
.TBtypeC .SubtableC thead tr th{background:#f7f8fa;border-right:1px solid #EEE; color:#333; font-weight:400;}
.TBtypeC .SubtableC thead tr th:last-child{border-right:0px; }
.TBtypeC .SubtableC tbody{border:0px;}
.TBtypeC .SubtableC tbody tr{border-top:1px solid #EEE;}
.TBtypeC .SubtableC tbody tr td{border-left:0px; border-right:1px solid #EEE; border-bottom:0px;}
.TBtypeC .SubtableC tbody tr td:last-child{border-right:0px;}
.TBtypeC .borderBT01{border-bottom:1px solid #e1e1e1 !important;} /*테이블 tbody 하단 border [ tfoot 없는 테이블은 tbody에 적용] */


/* 테이블 TYPE - D [인원현황, ] */
.TBtypeD {position:relative; width:100%; height:100%; letter-spacing:-0.5px; table-layout: fixed;}
.TBtypeD thead {display: table; width:100%; color:#333; text-align:center; vertical-align:middle; background-color:#f8f9fb; border-top:1px solid #EEE;  border-bottom:1px solid #EEE;}
.TBtypeD thead tr {width:100%;}
.TBtypeD thead tr th {vertical-align:middle; border-right:1px solid #EEE; padding:4px 0;}
.TBtypeD thead tr th:last-child {vertical-align:middle; border-right:none;}
.TBtypeD tbody {position:relative; width:100%; text-align:center;}
.TBtypeD tbody tr {width:100%; display: table;}
.TBtypeD tbody tr.Total {background:#fcfcfc;}
.TBtypeD tbody tr td {vertical-align:middle; border-bottom:1px solid #EEE; border-left:1px solid #EEE; font-size:13px; padding:4px 0;}
.TBtypeD tbody tr td:first-child{border-left:none;}
.TBtypeD tbody tr:last-child td {border-bottom:none;}
.TBtypeD tfoot {position:relative; display: table; width:100%; font-size:13px; color:#333; text-align:center; font-weight:bold; border-top:1px solid #DDD;}
.TBtypeD tfoot tr{width:100%; background-color:#f8f9fb; border-bottom:1px solid #DDD;}
.TBtypeD tfoot tr td {vertical-align:middle; border-right:1px solid #E5E5E5;}
.TBtypeD tfoot tr td:last-child {border-right:none;}
.TBtypeD .borderBT01 {border-bottom:1px solid #EEE;} /*테이블 tbody 하단 border [ tfoot 없는 테이블은 tbody에 적용] */


/* 테이블 TYPE - E [출결,경영현황, ] */
.TBtypeE {position:relative; width:100%; height:100%; letter-spacing:-0.5px; table-layout: fixed;}
.TBtypeE thead {display: table; width:100%; color:#333; text-align:center; vertical-align:middle; background-color:#f8f9fb; border-top:1px solid #EEE;  border-bottom:1px solid #EEE;}
.TBtypeE thead tr {width:100%;}
.TBtypeE thead tr th {vertical-align:middle; border-right:1px solid #EEE; padding:4px 0;}
.TBtypeE thead tr th:last-child {vertical-align:middle; border-right:none;}
.TBtypeE tbody {position:relative; width:100%; text-align:center;}
.TBtypeE tbody tr {width:100%; display: table;}
.TBtypeE tbody tr th { vertical-align:middle !important; background:#fefefe; border-bottom:1px solid #EEE;}
.TBtypeE tbody tr td {vertical-align:top; border-bottom:1px solid #EEE; border-left:1px solid #EEE; font-size:12px; padding:6px 0;}
.TBtypeE tbody tr td.Tmiddle{vertical-align:middle !important;}
.TBtypeE tbody tr td.linkCell {background-color: #fff; font-size:12px; color:#666; cursor: pointer; }
.TBtypeE tbody tr td.linkCell:hover {background-color: #f1f9ff; cursor: pointer; }
.TBtypeE tbody tr td .sign { font-size:10px; color:#999;}
.TBtypeE tbody tr td p {height:14px;}
.TBtypeE tbody tr td:first-child{border-left:none;}
.TBtypeE tbody tr:last-child th {border-bottom:none;}
.TBtypeE tbody tr:last-child td {border-bottom:none;}

.TBtypeE tfoot {position:relative; display: table; width:100%; font-size:13px; color:#333; text-align:center; font-weight:bold; border-top:1px solid #DDD;}
.TBtypeE tfoot.BorTopA {border-top:1px solid #BBB;}
.TBtypeE tfoot tr{width:100%; background-color:#f8f9fb; border-bottom:1px solid #DDD;}
.TBtypeE tfoot tr.BgA{width:100%; background-color:#fcfcfc;}
.TBtypeE tfoot tr.BgB{width:100%; background-color:#FFF;}
.TBtypeE tfoot tr.Hide {display: none; } /* 행 숨김처리 */
.TBtypeE tfoot tr .toggle-icon { transition: transform 0.3s ease; }
.TBtypeE tfoot tr .flipped {/* transform: scaleY(-1); */ transform: rotate(180deg);}
.TBtypeE tfoot tr th {vertical-align:middle; border-right:1px solid #E5E5E5;}
.TBtypeE tfoot tr td {vertical-align:middle; border-right:1px solid #E5E5E5;}
.TBtypeE tfoot.Rmr10 tr td {vertical-align:middle; border-right:1px solid #E5E5E5; padding-right:4px;}
.TBtypeE tfoot tr td:last-child {border-right:none;}
.TBtypeE .borderBT01 {border-bottom:1px solid #EEE;} /*테이블 tbody 하단 border [ tfoot 없는 테이블은 tbody에 적용] */

/* 테이블 Tab menu A */
.TBtabBoxA {position: relative; margin-top:30px;}
.TBtabBoxA:after {position:absolute; content: ''; width:100%; height:2px; right:0; bottom:0; background:#808281; z-index:9}
.TBtabBoxA ul {display: flex; justify-content: space-evenly; align-items: center; width:70%; border-radius:6px 6px 0 0; background-color: #808281; z-index:10}
.TBtabBoxA ul li {position: relative; width:100%;  flex: 1 1;}
.TBtabBoxA ul li:after  {position:absolute; content: ''; width:1px; height:40%; right:0; top:50%; background:#9e9e9e; transform:translate(-0%, -50%);}
.TBtabBoxA ul li:last-child:after { display:none;}
.TBtabBoxA ul li a {display: flex; justify-content: center; align-items: center; height: 42px; color: #fff; font-size: 14px;   font-family:'Noto Sans KR'; font-weight:500; letter-spacing: 1px; text-decoration: none; line-height:1.8;}
.TBtabBoxA ul li.active {background: #ff9000; border-radius:6px 6px 0 0;  font-weight: 600;}
.TBtabBoxA ul li.active:after {display:none;}
.TBtabBoxA ul li.active a {font-weight: 700;}


/* 테이블 Tab  내용박스 */
.TabWrap {position:relative; width:100%; height:auto; }
.TabWrap .titleBox {display:flex; align-items: center; justify-content: space-between; width:100%; height:48px;}
.TabWrap .titleBox > h3 {font-size:14px; padding-left:20px; font-weight:500; /* letter-spacing:1.5px; */ background:url("../images/icon/dot_Sub02.png")no-repeat left center;}
.TabWrap .titleBox.justNO { justify-content: flex-start;}


/* 테이블 div, ul, tbody scroll  스크롤*/
.TbScroll60  {display:block; width: 100%; max-height: 60px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 수납관리 개별수납관리 */
.TbScroll90  {display:block; width: 100%; max-height: 90px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 수이금액명세 */
.TbScroll180 {display:block; width: 100%; max-height: 180px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 도움말 툴팁 */
.TbScroll238 {display:block; width: 100%; max-height: 238px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 노무관리 보수총액신고서 */
.TbScroll299 {display:block; width: 100%; max-height: 299px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 교습현황 */
.TbScroll300 {display:block; width: 100%; max-height: 300px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 급여관리 사업소득지급명세표 */
.TbScroll306 {display:block; width: 100%; max-height: 306px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 반관리 학생배정 */
.TbScroll324 {display:block; width: 100%; max-height: 324px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 차량관리 노선등록 노선관리 */
.TbScroll339 {display:block; width: 100%; max-height: 339px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 전표입력 */
.TbScroll340 {display:block; width: 100%; max-height: 340px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 */
.TbScroll360 {display:block; width: 100%; max-height: 360px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 차량관리 노선등록 정거장검색 */
.TbScroll365 {display:block; width: 100%; max-height: 365px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 */
.TbScroll385 {display:block; width: 100%; max-height: 385px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 */
.TbScroll390 {display:block; width: 100%; max-height: 390px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 */
.TbScroll408 {display:block; width: 100%; max-height: 408px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 거래처리스트 */
.TbScroll450L {display:block; width: 100%; max-height: 450px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 계정별원장L */
.TbScroll450R {display:block; width: 100%; max-height: 450px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 계정별원장R */
.TbScroll450A {display:block; width: 100%; max-height: 450px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 거래처별원장A */
.TbScroll453 {display:block; width: 100%; max-height: 453px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 현금출납장 */
.TbScroll455 {display:block; width: 100%; max-height: 455px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 */
.TbScroll480 {display:block; width: 100%; max-height: 480px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 계산서 합계표 상세내역 */
.TbScroll481 {display:block; width: 100%; max-height: 481px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 전기분손익계산 */
.TbScroll487 {display:block; width: 100%; max-height: 487px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 */
.TbScroll505 {display:block; width: 100%; max-height: 505px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 이용약관 모달 */
.TbScroll545 {display:block; width: 100%; max-height: 545px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 회계관리 거래처별 전기이월 계정과목 */
.TbScroll640 {display:block; width: 100%; max-height: 640px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 반관리 - 반목록 */
.TbScroll714 {display:block; width: 100%; max-height: 714px; overflow-y: overlay; overflow-x: hidden;} /* 스크롤 대상박스 높이 지정 - 급여관리 - 연말정산01 */

/* 스크롤 대상박스 가로 지정 */
.Tb_W_Scroll1 {display:block; min-width: 100%; overflow-y: hidden; overflow-x: auto;} 
.Tb_W1400px_Scroll1 {min-width: 1400px; max-width: calc(100% - 5px);} /*세로 스크롤이 활성화되는 박스는 max-width: calc(100% - 5px); 적용 */
.Tb_W1500px_Scroll1 {min-width: 1500px; max-width: calc(100% - 5px);} /*세로 스크롤이 활성화되는 박스는 max-width: calc(100% - 5px); 적용 */
.Tb_W1800px_Scroll1 {min-width: 1800px; max-width: calc(100% - 5px);} /*세로 스크롤이 활성화되는 박스는 max-width: calc(100% - 5px); 적용 */
.Tb_W2000px_Scroll1 {min-width: 2000px; max-width: calc(100% - 5px);} /*세로 스크롤이 활성화되는 박스는 max-width: calc(100% - 5px); 적용 */
.Tb_W2200px_Scroll1 {min-width: 2200px; max-width: calc(100% - 5px);} /*세로 스크롤이 활성화되는 박스는 max-width: calc(100% - 5px); 적용 */
.Tb_W2400px_Scroll1 {min-width: 2400px; max-width: calc(100% - 5px);} /*세로 스크롤이 활성화되는 박스는 max-width: calc(100% - 5px); 적용 */
.Tb_W2600px_Scroll1 {min-width: 2600px; max-width: calc(100% - 5px);} /*세로 스크롤이 활성화되는 박스는 max-width: calc(100% - 5px); 적용 */
.Tb_W3000px_Scroll1 {min-width: 3000px; max-width: calc(100% - 5px);} /*세로 스크롤이 활성화되는 박스는 max-width: calc(100% - 5px); 적용 */

/* 세로 스크롤 01 */
.TBscroll::-webkit-scrollbar {width:5px;}
.TBscroll::-webkit-scrollbar-thumb {background-color: #b7bdc7; border-radius:4px;}
.TBscroll::-webkit-scrollbar-thumb:hover{ background-color: #000;}
.TBscroll::-webkit-scrollbar-track {background-color: #FFF;}

/* 수평 스크롤 01 */
.TBscroll::-webkit-scrollbar:horizontal {height:14px;}
.TBscroll::-webkit-scrollbar-thumb:horizontal {background-color: #c9ced5; border-radius: 10px;} /* 막대바 */
.TBscroll::-webkit-scrollbar-track:horizontal {background-color: #f0f2f5; border-radius: 10px;} /* 트랙 배경 스타일 */

/* 세로 스크롤 숨기기 02 */
.TBscrollB::-webkit-scrollbar {width:0px;}
.TBscrollB::-webkit-scrollbar-thumb {background-color: #b7bdc7;}
.TBscrollB::-webkit-scrollbar-track { background-color: #FFF;}


/* 테이블 페이지 넘버 */
.pagination-wrapper { display: block; width: 100%; height: auto; text-align: center; margin-top:16px; border-top:1px solid #e9e9e9; padding-top:16px;}
.pagination-wrapper.Topno {border-top:none !important;}
.pagination {position: relative; display: inline-block; width: auto; height: auto; margin: 0 auto;}
.pagination .pagination-group > ul > li { display: inline-block; width: auto; height: auto; vertical-align: middle;}
.pagination .pagination-group {display: inline-block; width: auto; height: auto; vertical-align: middle;}
.pagination .pagination-group + .pagination-group { margin-left:2px; }
.pagination .pagination-group > ul > li + li { margin-left:4px; }
.pagination .pagination-group.direction > ul > li + li { margin-left: 4px; }
.pagination .pagination-group > ul > li.on .pagination-item { font-weight: 700; }
.pagination .pagination-group > ul > li.on .pagination-item:after { position: absolute; bottom: -1px; left: 0; content: ''; width: 100%; height: 2px; background-color: #999;}
.pagination .pagination-item { position: relative; display: inline-block; min-width:16px; font-size: 14px; color: #101314; text-align: center;}
.pagination:not(.pagination-option) .pagination-item i { display: inline-block; font-size: 13px; line-height: 20px; text-align: center; font-style: normal;}
.pagination:not(.pagination-option) .pagination-item i.Licon { font-size:18px; }
.pagination .pagination-item:hover { font-weight:bold; }
.pagination .pagination-item:active { background-color: rgba(233, 233, 233, 1); }


/* 테이블 IN 버튼 */
.MdTbtnA{display:inline-block; padding:0 10px; height:28px; color:#FFF; text-align:center; background:#818181; font-size:12px; transition: all .2s ease; line-height:1.8; border-radius:4px;}
.MdTbtnA:hover{background-color:#192a3c; transition: all .2s ease;} /* 기본버튼 */

.MdTbtnB{display:inline-block;  padding:0 10px; height:26px; color:#666; text-align:center; background:linear-gradient( to top, #f3f3f3, #fefefe ); font-size:12px; border:1px solid #CCC; line-height:1.8; border-radius:3px; transition: all .2s ease;}
.MdTbtnB:hover{background:linear-gradient( to top, #4f5467, #6b7085 ); border:1px solid #4f5467; color:#FFF; transition: all .2s ease;} /* 기본버튼-라인 */

.MdTbtnB2{display:inline-block;  padding:0 10px; height:26px; color:#666; text-align:center; background:linear-gradient( to top, #f3f3f3, #fefefe ); font-size:12px; border:1px solid #CCC; line-height:1.8; border-radius:3px; transition: all .2s ease;}

.MdTbtnC{padding:0 10px; height:26px; color:#fff; line-height:1.8; border-radius:3px; background:#01aba8; transition: all .2s ease;}
.MdTbtnC:hover{background-color:#006765; transition: all .2s ease;} /* ex 수정 - 청록색  */

.MdTbtnCs{padding:0 10px; height:24px; color:#fff; line-height:1.8; border-radius:3px; background:#01aba8; transition: all .2s ease; font-size: 12px;}
.MdTbtnCs:hover{background-color:#006765; transition: all .2s ease;} /* ex 수정 - 청록색  */

.MdTbtnD{padding:0 10px; height:26px; color:#fff; line-height:1.8; border-radius:3px; background:#818181; transition: all .2s ease;}
.MdTbtnD:hover{background-color:#192a3c; transition: all .2s ease;} /* ex 수정 삭제 - 짙은회색 */

.MdTbtnE{padding:0 10px; height:26px; color:#fff; line-height:1.8; border-radius:3px; background:#ff8a01; transition: all .2s ease;}
.MdTbtnE:hover{background-color:#ee5305; transition: all .2s ease;} /* ex 수정 - 오렌지색  */

/* 아이콘 형식 버튼 */
.MdTbtnF {
    display: inline-block;
    padding: 0 10px;
    width: 28px;
    height: 28px;
    color: #666;
    text-align: center;
    background: none;
    font-size: 12px;
    border: 1px dashed #DDD;
    line-height: 1.8;
    border-radius: 3px;
    transition: all .2s ease;
    background:url("../images/icon/delete04.png")no-repeat center center;
}

.MdTbtnF:hover {
    border: 1px solid #00a2ff;
    background:url("../images/icon/delete04_on.png")no-repeat center center;
    transition: all .2s ease;
}

.MdTbtnG {
    display: inline-block;
    padding: 0 10px;
    width: 24px;
    height: 24px;
    color: #666;
    text-align: center;
    background: none;
    font-size: 12px;
    border: 1px dashed #DDD;
    line-height: 1.8;
    border-radius: 3px;
    transition: all .2s ease;
    background:url("../images/icon/delete04.png")no-repeat center center;
}

.MdTbtnG:hover {
    border: 1px solid #00a2ff;
    background:url("../images/icon/delete04_on.png")no-repeat center center;
    transition: all .2s ease;
}


/* 데이터박스 */
.dataBoxA { width: 100%; height: auto; display: flex; flex-wrap: wrap;}
.dataBoxA li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    height: 28px;
    border: 1px solid #ddd;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 3px;
    padding: 0 8px 0 10px;
    line-height: 0;
}
.dataBoxA li:hover { cursor: pointer !important; border: 1px solid #666;}
.dataBoxA li .btnclose { font-size: 0; margin-left: 6px; width: 10px; height: 10px; background: url("../images/icon/delete04.png") no-repeat center center;}
.dataBoxA li:hover .btnclose {background: url("../images/icon/delete04_on.png") no-repeat center center;}



/* 테이블 넓이 */
.Tcol2 {width:2% !important;}
.Tcol2-9 {width:2.9% !important;}
.Tcol3 {width:3% !important;}
.Tcol4 {width:4% !important;}
.Tcol5 {width:5% !important;}
.Tcol6 {width:6% !important;}
.Tcol7 {width:7% !important;}
.Tcol8 {width:8% !important;}
.Tcol9 {width:9% !important;}
.Tcol10 {width:10% !important;}
.Tcol11 {width:11% !important;}
.Tcol12 {width:12% !important;}
.Tcol13 {width:13% !important;}
.Tcol14 {width:14% !important;}
.Tcol15 {width:15% !important;}
.Tcol16 {width:16% !important;}
.Tcol17 {width:17% !important;}
.Tcol18 {width:18% !important;}
.Tcol19 {width:19% !important;}
.Tcol20 {width:20% !important;}
.Tcol21 {width:21% !important;}
.Tcol22 {width:22% !important;}
.Tcol23 {width:23% !important;}
.Tcol24 {width:24% !important;}
.Tcol25 {width:25% !important;}
.Tcol26 {width:26% !important;}
.Tcol27 {width:27% !important;}
.Tcol28 {width:28% !important;}
.Tcol29 {width:29% !important;}
.Tcol30 {width:30% !important;}
.Tcol32 {width:32% !important;}
.Tcol33 {width:33% !important;}
.Tcol333 {width:33.333% !important;}
.Tcol34 {width:34% !important;}
.Tcol35 {width:35% !important;}
.Tcol40 {width:40% !important;}
.Tcol42 {width:42% !important;}
.Tcol45 {width:45% !important;}
.Tcol50 {width:50% !important;}
.Tcol70 {width:70% !important;}
.Tcol75 {width:75% !important;}
.Tcol77 {width:77% !important;}
.Tcol80 {width:80% !important;}
.Tcol90 {width:90% !important;}
.Tcol95 {width:95% !important;}
.Tcol100 {width:100% !important;}


/* 테이블 높이 TR TH TD */
.Thig25 {height:25px !important;}
.Thig28 {height:28px !important;}
.Thig30 {height:30px !important;}
.Thig32 {height:32px !important;}
.Thig34 {height:34px !important;}
.Thig36 {height:36px !important;}
.Thig38 {height:38px !important;}
.Thig40 {height:40px !important;}
.Thig44 {height:44px !important;}
.Thig48 {height:48px !important;}
.Thig50 {height:50px !important;}
.Thig60 {height:60px !important;}
.Thig70 {height:70px !important;}
.Thig80 {height:80px !important;}
.Thig100{height:100px !important;}
.Thig110 {height:110px !important;}
.Thig320min{min-height:320px !important;}


/* 테이블 ORDER TR TH TD 속성 */
.TborderTop1    {border-top:1px solid #DDD !important;}
.TborderTop2    {border-top:2px solid #333 !important;}
.TbTop2orenge   {border-top:2px solid #ffd400 !important;}
.TbTop2green    {border-top:2px solid #00ab9a !important;}
.TbTop2blue     {border-top:2px solid #09a9ed !important;}
.TborderTopNo   {border-top: none !important;}
.TborderLA      {border-left:1px solid #EEE !important;}
.TborderLAno    {border-left:none !important;}
.TborderRA      {border-right:1px solid #EEE !important;}
.TborderRAno    {border-right:none !important;}
.TborderNo      {border:none !important;}
.TborderBottom1 {border-bottom: 1px solid #333;}
.TborderBottom2 {border-bottom: 2px solid #333;}
.BorderBtA      {border-bottom:1px solid #EEE !important;}
.BorderBtNO     {border-bottom:none !important;}
.TableOrderA    {font-weight:300 !important; font-size:12px !important;}


/* 기타 */
.Textcut {display: -webkit-box; line-height:1.8; white-space: normal; max-height:2em; word-wrap: break-word; overflow:hidden; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient: vertical;} /* 테이블 텍스트 자르기 */
.MldotA {padding-left:10px; background:url("../images/icon/dot_Main04.png")no-repeat left center;} /* 텍스트 좌측 dot */
.MldotB {padding-left:10px; background:url("../images/icon/dot_Port.png")no-repeat left center;} /* 텍스트 좌측 dot */
.MldotE {
    overflow: hidden;
    display: inline-block;
    width: 5px;
    height: 5px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background: url("../images/icon/dot_Round.png") no-repeat left center;
    margin-right: 4px;
}
.MldotC {padding-left:10px; background:url("../images/icon/dot_Plus.png")no-repeat left center; display:block;} /* 텍스트 좌측 [더하기] dot */
.MldotC:hover {padding-left:10px; background:url("../images/icon/dot_PlusWhite.png")no-repeat left center; display:block;}
.MldotD {padding-left:10px; background:url("../images/icon/dot_Delete.png")no-repeat left center; display:block;} /* 텍스트 좌측 [빼기] dot */
.MldotD:hover {padding-left:10px; background:url("../images/icon/dot_DeleteWhite.png")no-repeat left center; display:block;}
.MldotF {padding-left:10px; background:url("../images/icon/delete04.png")no-repeat left center; display:block;} /* 텍스트 좌측 [X 삭제] dot */


/* 토글 버튼 */
.toggle_BtnA { border:1px solid #DDD; border-radius: 3px; background: linear-gradient( to top, #f3f3f3, #fefefe ); cursor: pointer; padding:2px;}
.toggle_BtnA .toggle-icon { transition: transform 0.3s ease; }
.toggle_BtnA .flipped {transform: rotate(180deg);}



/*= 팝업 페이지 
------------------------------------------------------------------------------------------------------------------------- */

html.ModPuoup {overflow-y:overlay !important; overflow-x:hidden !important;}
html.ModPuoup::-webkit-scrollbar {width: 6px;}
html.ModPuoup::-webkit-scrollbar-thumb {background-color: #989898; border-radius: 3px;}
html.ModPuoup::-webkit-scrollbar-track { background-color: #f9f9f9; border-right:1px solid #e1e1e1; border-left:1px solid #f3f3f3;}

.basicPTwrap {position:fixed; top:0; left:0; width:100%; height:auto; z-index:9999;}
.basicPo_title {position:relative; display: flex; align-items:center; width:100%; height:40px; padding:0 30px; color:#fff;}
.basicPo_title h1 {font-size:14px; font-weight:bold; padding-left:15px; background:url("../images/icon/title_arrow01.png")no-repeat left center;}
.basicPop_cont {position:relative; width:100%; height:auto; padding:30px; padding-top:70px; min-width:360px;}

/* 팝업 공지사항 */
.basicNotice_wrap {position:relative; width:100%;}
.basicNotice_wrap h2 {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    font-family: "Noto Sans KR";
    white-space: normal;
    line-height: 1.5;
    max-height: 3em;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.basicNotice_wrap .ntView{position:relative; display:flex; align-items:center; width:100%; border-top:2px solid #333; border-bottom:1px solid #e1e1e1; padding:10px 0; font-size:14px;}
.basicNotice_wrap .ntView .date{position:absolute; right:0; margin-right:10px;}
.basicNotice_wrap .view_cnt {
    position: relative;
    width: 100%;
    /* 최소 높이 값*/
    min-height: 400px;
    padding: 30px 0;
    color: #666;
    line-height: 1.8;
    border-bottom: 1px solid #e1d5bb;
    word-break: keep-all;
    font-size: 15px;
}
.basicNotice_wrap .view_cnt .youtube_container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom:30px;} /* 보기내용 중 유튜브동영상 w100% 값적용 */
.basicNotice_wrap .view_cnt .youtube_container .video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.basicNotice_wrap .view_cnt .view_edu_img {width:100%; text-align:center;} /* 보기내용 중 이미지 w100% 값적용 */
.basicNotice_wrap .view_cnt .view_edu_img img{max-width:100%;height:auto; margin-bottom:10px;}
.basicNotice_wrap .view_cnt .view_edu_img img:last-child{margin-bottom:0px;}
.basicNotice_wrap .view_cnt img{max-width:100%;height:auto;}



/*= 가변형 미디어쿼리
------------------------------------------------------------------------------------------------------------------------- */

/* *********** 미디어쿼리 2560~ *********** */
@media only screen and (max-width:2560px) and (min-width:2400px) {

}


/* *********** 미디어쿼리 1490 *********** */
@media all and (max-width:1490px){

    .St_listBox .ListWrap > li .Name .icon {display:none;}
	.Staff_listBox .ListWrap > li .Name .icon {display:none;}

}


/* *********** 미디어쿼리 1440 *********** */
@media all and (max-width:1440px){

    #ContentsWrapper {width: 98%;}

}


/* *********** 미디어쿼리 1280 *********** */
@media all and (max-width:1280px){




}


/* *********** 미디어쿼리 500 *********** */
@media all and (max-width:500px){

    /* 모바일 청구서 - 결제완료 */
    .Mobile_Title_boxB {padding: 20px 10px 60px 10px;}
    .Mobile_Title_boxB .Title_SubBox .iconimg {width: 70px; display: inline-block; margin-bottom: 10px;}
    .Mobile_Title_boxB .Title_SubBox .subcopy { font-size: 24px;}

    /* 모바일 결제실패/QR결제 */
    .Payment-details .Description {font-size: 20px; padding: 20px 10px 30px 10px;}
    .Payment-details .DescList { margin-top: 20px;}
    .Payment-details .DescList li {font-size: 17px; padding: 8px 10px 8px 20px; background: url("../images/icon/util_dot.png")no-repeat left top 16px;}
    .Payment-details .QR_box { width:200px; max-width: 200px; margin-bottom: 30px;}

}