@charset "utf-8";

/* 레이어 공통 1 */
#mask {position:fixed; width:200%; height:200%; background:#2e3142; z-index:99999; display:none; top:0; left:0;}
#layer {z-index:100000;}
#layerDepth2 {z-index:100002;}
#layerDepth3 {z-index:100004;}
#layerDepth4 {z-index:100006;}
#layerDepth5 {z-index:100008;}
#layerDepth6 {z-index:100010;}
#layerDepth6 {z-index:100012;}
#layer {z-index:100000;}
.layer {position:fixed; top:0; left:0; right:0; bottom:0; z-index:100000; overflow:auto; display:none;}
.layer .layerOuter {padding-top:50px; padding-bottom:50px;}/* 아우터(padding-top:50px) 이너(padding:0 50px) */
.layer .layerInner {margin:0 auto; padding:0 50px}
.layer .layerBox {box-shadow:0px 5px 15px rgba(0,0,0,0.5); background:#fff; position:relative;}

/* 레이어 공통 2 */
.layer .layerTit {position:relative;}
.layer .layerTit h3 {height:46px;padding-top:13px; font-weight:500; padding-left:20px; padding-right:50px; font-size:14px; box-sizing:border-box; border-bottom:1px solid #222; background:#29333c; color:#fff;}
.layer .layerTit .layerClose {position:absolute; top:0; bottom:0; right:0; width:50px; text-indent:-9999px; background:url(../images/popup/btn_layer_close.png) no-repeat center center;}
.layer .layerCont {padding:25px; position:relative;}

/* 레이어 가변 */
.layerVariable {position:absolute; top:50px; bottom:50px; right:0px; left:0px;/*  z-index:10; */}
.layerVariable .layerBox {min-height:360px; height:100%;  position:relative; margin-bottom:50px;}
.layerVariable .layerContTop {padding:25px; position:relative;}
.layerVariable .layerCont {position:absolute; top:46px; bottom:0px; left:0px; right:0px; overflow:auto;}
.layerVariable .layerCont.aa {bottom:55px;}
.layerVariable .layerCont:after {content:""; display:block; height:20px;}
#SongsFmState_2 .layerCont:after {height:0;}
.layerVariableBottom .layerCont {bottom:51px;}
.layerVariableBottom .btnArea {text-align:center; position:absolute; bottom:0px; left:0; right:0; border-top:1px solid #000;}
.layerVariableBottom .btnArea div {margin:8px 20px; position:relative;}
.layerVariableBottom .btnArea .ex {position:absolute; top:0; left:0; text-align:left; line-height:1.4; color:#111;}
.layerVariableBottom .btnArea{}
.layerVariableBottom .paging.bottom {position:absolute; bottom:0px; left:0; right:0; border-top:1px solid #000; height:51px; box-sizing:border-box; padding-top:13px;}


/* 로그인 패스워드 변경 */
.loginPasswordChange {width:720px;}
.loginPasswordChange .layerCont {padding:40px 30px 35px 30px;}
.loginPasswordChange th {font-size:14px; color:#333; padding:0 0 12px 0; padding-left:20px; font-weight:500;}
.loginPasswordChange td {padding-right:15px; padding:0 0 12px 0; padding-right:20px;}
.loginPasswordChange td input {height:34px; padding:0 265px 0 10px;}
.loginPasswordChange td span.pwEx {color:#eb1111; font-size:11px; position:absolute;top:10px; right:12px; height:14px; letter-spacing:-0.5px; cursor:text;}
.loginPasswordChange td label {display:block; position:relative;}
.loginPasswordChange .first {padding-bottom:12px; border-bottom:1px solid #eee;}
.loginPasswordChange .second {padding-top:12px;}


/* .chAdd .layerCont .inner {width:340px; margin:0 auto;}
.chAdd .btnTab ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.chAdd .btnTab li {float:left;}
.chAdd .btnTab li.sun {float:right}
.chAdd .btnTab li a {display:block; width:168px; height:40px; line-height:39px; background:#e5e9f0; text-align:center; border-radius:5px; font-size:14px; color:#b7bbc4; font-weight:500; transition:all 0.2s;}
.chAdd .btnTab li a:hover {color:#777; box-shadow:inset 0px 0px 1px rgba(0,0,0,0.3);}
.chAdd .btnTab li.dyb a.active {background:#cf0920; color:#fff;}
.chAdd .btnTab li.sun a.active {background:#3255c6; color:#fff;}
.chAdd .tabArea {padding:25px 0 40px;}
.chAdd .tabArea li {position:relative; padding-left:97px; padding-bottom:4px;}
.chAdd .tabArea li:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.chAdd .tabArea li .dt {position:absolute; top:8px; left:0; color:#050b21; font-size:14px;}
.chAdd .tabArea li input.phone {float:left; width:79px; margin-right:3px; text-align:center;}
.chAdd .tabArea li input.last {margin-right:0px;} *//* 크레오 전화번호는 분원별로 1~2시 */

/* 보낸 문자함 */
.sendSms {width:990px;}
.sendSms .paging {position:absolute; bottom:30px; left:25px; right:25px;}

/* 예약발송 */
.reservationSend {width:330px;}
.reservationSend .layerCont {padding-bottom:30px;}
.reservationSend .reservationSendCont {padding:10px 20px 0px 20px;}
.reservationSend .input {position:relative; padding-right:1px;}
.reservationSend .input input.date {width:100%;height:39px; font-size:16px; text-align:center; letter-spacing:0.5px; color:#333;}
.reservationSend .input .ui-datepicker-trigger {position:absolute; top:7px; right:7px;}
.reservationSend .select:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.reservationSend .select {padding-left:1px; padding-top:7px;}
.reservationSend .select select:hover {z-index:2;}
.reservationSend .select select:focus {z-index:3;}
.reservationSend .select select {height:40px; float:left; margin-left:-1px; width:120px; font-size:16px; padding-left:34px; letter-spacing:0.5px; color:#333; position:relative;}
.reservationSend .select select:focus::-ms-value {background:#fff !important; color:#333;}

/* 문자 템플릿 */
.templateList {background:#e8e8e8; padding:25px;}
.templateList .list:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.templateList .list li {float:left; width:180px; height:150px; border:1px solid #5e6479; box-sizing:border-box; margin-right:20px; margin-bottom:20px; background:#fff; overflow:auto; cursor:pointer; transition:all 0.2s; color:#5e6479; line-height:1.5;}
.templateList .list li:hover {box-shadow:0px 0px 7px rgba(0,0,0,0.3); border-color:#3d414f; transition:all 0.2s; color:#3d414f;}
.templateList .list li .in {padding:8px 15px 8px 10px; word-wrap:break-word; word-break:break-all;}
.templateList .list li.last {margin-right:0;}
.templateList .list02 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.templateList .list02 li {}
.templateList .list02 li .in {padding:8px 15px 8px 10px; height:150px; border:1px solid #5e6479; overflow: auto; background: #fff; cursor: pointer; position: relative;}
.templateList .list02 li .in.active {border: 3px solid #5e6479; padding:6px 13px 6px 8px;}
.templateList .list02 li .in.none {display: flex; align-items: center; justify-content: center; background: #DDDDDD;}
.templateList .list02 li h4 {color:#111; font-weight:500; padding-bottom:8px; font-size:15px; text-align: center; color: #191919;}

.templateCont {padding:25px;}
.templateCont:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.templateCont h4 {color:#111; font-weight:500; padding-bottom:8px; font-size:15px;}
.templateCont .left {float:left; width:275px; padding-bottom:50px; position:relative;}
.templateCont .left .placeholderWrap {width:100%;}
.templateCont .left textarea {width:100%; height:150px; border-color:#5e6479; line-height:1.5;}
.templateCont .left .text {width:100%; height:150px; border: 1px solid #5e6479; line-height:1.5; padding: 5px 7px; box-sizing: border-box; overflow: auto;}
.templateCont .left .textarea {transition:all 0.5s;}
.templateCont .left textarea:focus {box-shadow:inset 0px 0px 4px #5e6479; border-color:#3d414f;}
.templateCont .left .sms {height:32px; line-height:32px; padding-left:7px; position:relative; letter-spacing:0.5px; color:#555; font-weight:400; background:#fff; border:1px solid #3d414f; border-top:none; font-size:12px;}
.templateCont .left .sms .num {position:absolute; top:0; right:7px;}
.templateCont .left .btn {position:absolute; bottom:0; left:0; right:0;}
.templateCont .left .btn .last {position:absolute; top:0; right:0;}
.templateCont .right {float:right; width:275px; padding-bottom:50px; position:relative;}
.templateCont .right .list {background:#fff; border:1px solid #3d414f; height:150px; overflow:auto; box-sizing:border-box; transition:all 0.5s;  line-height:1.5;}
.templateCont .right .list .in {padding:7px 15px 7px 10px;}
.templateCont .right p {font-size:11px; color:#3d414f; padding-top:5px; font-weight:400;}
.templateCont .right .btnStyle {position:absolute; bottom:0; right:0;}

/* 사내 주소록 */
.addressBook .cont {padding-right:265px; position:relative; padding-bottom:100px; padding-left:25px; height:522px;}
.addressBook .btnTab {}
.addressBook .btnTab {margin:20px 25px 10px 25px;}
.addressBook .list {border:1px solid #5e6479; position:absolute; right:20px; width:220px; top:0px; bottom:141px; background:#fff; overflow:auto; transition:all 0.3s;}
.addressBook .list:hover {border-color:#3d414f; transition:all 0.3s;}
.addressBook .list li {position:relative; height:34px; box-sizing:border-box; padding-top:9px; letter-spacing:0.5px; color:#777; border-bottom:1px dashed #ddd;}
.addressBook .list li:last-child {border-bottom:none;}
.addressBook .list li .del {position:absolute; top:9px; right:10px; width:15px; height:15px; background:url(../images/common/btn_tel_del.png) no-repeat 0 0; text-indent:-9999px;}
.addressBook .list li .del:hover {background:url(../images/common/btn_tel_del_on.png) no-repeat 0 0;}
.addressBook .list li .num {float:left; width:36px; text-align:center;}
.addressBook .list li .num span {display:inline-block;background:#aaa; border-radius:99px; min-width:16px; height:16px; line-height:16px; text-align:center; color:#fff; font-size:9px; padding:0 2px; box-sizing:border-box;}
.addressBook .list li span.name {color:#3d414f; font-weight:400;}
.addressBook .list li:hover {background:#f4f7f8; color:#3d414f;}
.addressBook .list li:hover .num span {background:#5e6479;}
.addressBook .totalDel {position:absolute; bottom:101px; height:39px; border:1px solid #000; width:220px; right:20px; color:#b60005; text-align:center; font-size:14px; line-height:38px;}
.addressBook .totalDel:hover {border-color:#b60005;}
.addressBook .btnArea {position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:20px 0; border-top:1px dashed #aaa;}

/* 선택 그룹 이동 */
.selectGroupMove {width:360px;}
.selectGroupMove .in {text-align:center;}
.selectGroupMove .in span {padding-right:10px; font-size:16px}
.selectGroupMove .in select {height:40px; font-size:16px; width:200px;}
.selectGroupMove .in p {padding-top:18px; font-size:13px; color:#111;}

/* P/W 초기화 */
.pwResetPop {width:500px;}
.pwResetPop .in {position:relative; height:160px; padding-left:50%;}
.pwResetPop ul {position:absolute; top:0; left:0; height:100%; overflow:auto; border:1px solid #5e6479; width:50%; box-sizing:border-box;}
.pwResetPop ul li {position:relative; padding:7px 0; padding-left:34px; border-bottom:1px dashed #ccc;}
.pwResetPop ul li:hover {background:#f4f7f8;}
.pwResetPop ul li a {position:absolute; top:8px; right:10px; width:15px; height:15px; background:url(../images/common/btn_tel_del.png) no-repeat 0 0; text-indent:-9999px;}
.pwResetPop ul li a:hover {background:url(../images/common/btn_tel_del_on.png) no-repeat 0 0;}
.pwResetPop ul li span.num {background:#aaa; border-radius:99px; position:absolute; top:6px; left:10px; width:18px; height:18px; line-height:17px; color:#fff; font-size:9px; text-align:center;}
.pwResetPop ul li:hover span.num {background:#5e6479;}
.pwResetPop p {text-align:center; font-size:17px; color:#3d414f; line-height:1.7; padding-top:22px;}
.pwResetPop p span {display:block;}
.pwResetPop p strong {font-size:36px; letter-spacing:1px; font-weight:700; padding-right:4px;}

/* 데일리 출력 */
.dailyPrint {width:760px;}
.dailyPrint .in {position:relative; padding-left:245px;}
.dailyPrint .listDel {position:absolute; top:0; left:0; height:100%; overflow:auto; border:1px solid #5e6479; width:225px; box-sizing:border-box;}
.dailyPrint .listDel li {position:relative; padding:7px 0; padding-left:34px; border-bottom:1px dashed #ccc; }
.dailyPrint .listDel li:has(a) {padding-right: 30px;}
.dailyPrint .listDel li:hover {background:#f4f7f8;}
.dailyPrint .listDel li a {position:absolute; top:8px; right:10px; width:15px; height:15px; background:url(../images/common/btn_tel_del.png) no-repeat 0 0; text-indent:-9999px;}
.dailyPrint .listDel li a:hover {background:url(../images/common/btn_tel_del_on.png) no-repeat 0 0;}
.dailyPrint .listDel li span.num {background:#aaa; border-radius:99px; position:absolute; top:6px; left:10px; width:18px; height:18px; line-height:17px; color:#fff; font-size:9px; text-align:center;}
.dailyPrint .listDel li:hover span.num {background:#5e6479;}
.dailyPrint h4 {font-size:17px; color:#333; padding:10px 0 10px 0;}
.dailyPrint .ex {line-height:1.7; font-size:11px;}
.dailyPrint .ex li {padding-left:8px; position:relative;}
.dailyPrint .ex li:after {content:""; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; background:#555;}
.dailyPrint p {padding-top:25px;}
.dailyPrint p .dt {vertical-align:middle; font-size:14px; color:#333; padding-right:6px;}
.dailyPrint dl {padding-top:5px; padding-bottom:5px;}
.dailyPrint dl:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.dailyPrint dt {font-size:14px; color:#333; padding:13px 0 10px 0;}
.dailyPrint dd {float:left; width:19.5%; padding-bottom:5px;}
.dailyPrint.size2 .in {padding-left:295px;}
.dailyPrint.size2 .listDel {width:275px;}

/* 프린트 설정 방법 안내 */
.printSetNotice {width:700px;}
.printSetNotice .layerTit .layerClose {height:50px; background:url(../images/popup/btn_right_my_close.png) no-repeat center center;top:10px; right:10px; bottom:auto; left:auto;}

/*  */
/* .levelTestReport .btnArea {text-align:center; position:absolute; bottom:0px; left:0; right:0; border-top:1px solid #000;}
.levelTestReport .btnArea div {margin:10px 20px; position:relative;} */

/* 특강배정 */
.slaLayer .btnPN {position:absolute; top:0; bottom:0; left:615px; background:#626266; width:40px; border:1px solid #555; box-sizing:border-box; box-shadow:inset 0px 0px 3px rgba(0,0,0,0.7);}
.slaLayer .btnPN ul {padding-top:110px;}
.slaLayer .btnPN li a {display:block; width:20px; margin:0 auto; background:#f0f1f5; color:#333; margin:4px auto; text-align:center; height:90px; font-weight:700; transition:all 0.2s; box-sizing:border-box; padding-top:18px; line-height:1.5;}
.slaLayer .btnPN li a:hover {background:#fff;}

/* 출결 SEND */
.cgSendCont {padding:0 !important;}
.cgSendCont .textArea {height:103px; border-bottom:1px solid #d3dadd; }
.cgSendCont .textArea textarea {overflow:auto; line-height:1.5; border:none;}
.cgSendCont .textArea textarea:focus {box-shadow:inset 0px 0px 7px #b60005;}
.cgSendCont .sms {height:32px; line-height:32px; padding-left:7px; position:relative; letter-spacing:0.5px; color:#555; font-weight:400; background:#fff; border-bottom:1px solid #d3dadd; font-size:13px; font-weight:600;}
.cgSendCont .sms .num {position:absolute; top:0; right:7px; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:12px; letter-spacing:2px;}
.cgSendCont .checkArea {height:33px; border-bottom:1px solid #d3dadd; padding:7px 7px 0 7px; box-sizing:border-box;}
.cgSendCont .exArea {height:66px; overflow:auto; box-sizing:border-box; padding:5px 7px; background:#eee; color:#252525;}
.cgSendCont .exArea:after {content:""; display:block; height:5px;}

/* 자료실 파일 업로드 */
#fileUploadDiv .cont {overflow:auto;}
#fileUploadDiv .btnArea {padding-bottom:20px;}
#fileUpload h4 {color:#000; font-size:14px; font-weight:400; padding-bottom:10px;}
.fileUpLoadArea {position:relative; padding-top:60px;}
.fileUpLoadArea .btnFileUpload {cursor:pointer; line-height:50px; height:50px; display:inline-block; color:#fff; background:#252525; position:absolute !important; top:0px; left:0px; right:0px; font-size:15px; font-weight:400; transition:all 0.2s;}/* 파일업로드 버튼 */
.fileUpLoadArea .btnFileUpload:hover { opacity:0.8; box-shadow:3px 3px 0px rgba(0,0,0,0.4);}/* 파일업로드 버튼 */
.fileUpLoadArea .dragdropArea {text-align:center; vertical-align:middle; height:220px; line-height:1.8; box-sizing:border-box; padding-top:135px; border:2px dashed #6a6c71; width:100% !important; font-size:14px; color:#444; background:#eee url(../images/board/ic_file_up.png) no-repeat center 35px; transition:all 0.2s;}/* 드래그 드랍 영역 */
.fileUpLoadArea .dragdropArea.state-hover {background:#eee url(../images/board/ic_file_up_on.png) no-repeat center 35px; border-color:#000; color:#000; box-shadow:inset 0px 0px 20px rgba(0,0,0,0.4);}/* 드랍 할시 이벤트 */
.fileContainer {margin-top:10px; height:256px; overflow:auto; border:2px solid #6a6c71;box-sizing:border-box;}/* 업로드 파일 렙퍼 */
.fileContainer .fileList {border-bottom:1px dashed #555; padding:10px 10px 0px 12px; height:63px; width:100%; box-sizing:border-box; position:relative; width:100% !important;}/* 업로드 파일 단일 렙퍼 */
.fileContainer .fileList .ajax-file-upload-error {color:red; display:block; padding-top:7px; word-wrap: break-word; word-break:keep-all;}/* 에러 메세지 */
.fileContainer .ajax-file-upload-errorNew {color:red; border-bottom:1px dashed #555;  height:63px; width:100%; box-sizing:border-box; word-wrap: break-word; word-break:keep-all; padding:0 10px; display:table; background:#eee; position:relative; line-height:1.5; font-size:10px;}
.fileContainer .ajax-file-upload-errorNew .in {display:table-cell; vertical-align:middle;}
.fileContainer .fileList .fileName {height:auto; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; box-sizing:border-box; padding-right:114px; position:relative;}/* 업로드  파일 이름 */
.fileContainer .fileList .fileName span {position:absolute; bottom:0; right:0; font-size:11px; color:#777; font-weight:200;}/* 업로드 파일 크기 */
.fileContainer .lodingBar {margin:14px 45px 0px 0; position:relative; border-radius:3px; background:#eee;} /* 프로세서바 렙 */
.fileContainer .lodingBar .bar {background-color:#333; width:0; height:6px; border-radius:3px; color:#fff; text-align:right !important; box-sizing:border-box; text-indent:7px;}/* 프로세서바 */
.fileContainer .ajax-file-upload-abort {position:absolute; top:32px; right:10px; border:1px solid #aaa; color:#999; width:34px; height:18px; line-height:17px; text-align:center; font-size:11px; cursor:pointer; border-radius:2px;}
.fileContainer .ajax-file-upload-abort:hover {background:#aaa; color:#fff;}
.fileContainer .ajax-file-upload-done {position:absolute; top:32px; right:10px; border:1px solid #333; color:#333; width:34px; height:18px; line-height:17px; text-align:center; font-size:11px; border-radius:2px;}
.fileUpLoadArea .btnFileUpload {background:#b60005;}
.fileContainer .lodingBar .bar {background-color:#b60005; text-indent:-9999px !important; text-align:left !important;}


/* 상담 예약 */
.counselingReservationTit { margin-bottom:20px; padding-bottom:15px; border-bottom:1px dashed #aaa;}
.counselingReservationTit h3 {font-size:18px; font-weight:400; margin-bottom:15px; color:#000; position:relative; height:23px;}
.counselingReservationTit ul {display:flex; gap:5px;}
.counselingReservationTit ul li {width:90px;}
.counselingReservationTit ul li a {display:flex; border:1px solid #ddd; height:30px; justify-content:center; align-items:center; font-size:13px; color:#999;}
.counselingReservationTit ul li a:hover {border-color:#b60005;}
.counselingReservationTit ul li a.active {background-color:#b60005; border-color:#b60005; color:#fff;}


.counselingReservation {position:relative;}
.counselingReservation:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.counselingReservation h3 {font-size:18px; font-weight:400; margin-bottom:15px; color:#000; position:relative; height:23px;}
.counselingReservation h3 span {font-size:12px; position:absolute; bottom:0px; right:0; font-weight:400;}
.counselingReservation .left {width:590px;}
.counselingReservation .right {width:360px; position:absolute; top:0; right:0; bottom:0;}
.counselingReservationCalender {border:1px solid #dddddd; padding:25px 7px 20px 7px;}
.counselingReservationCalender .tit {text-align:center; height:46px; position:relative; box-sizing:border-box;}
.counselingReservationCalender .tit select {font-size:16px; font-weight:400; cursor:pointer; border-color:#fff; color:#010101; padding-right:20px; height:34px; border-radius:5px;}
.counselingReservationCalender .tit select:hover {color:#000; background:#f2f2f2 url(../images/board/bg_select_active.png) no-repeat right center;}
.counselingReservationCalender .tit select:focus {color:#000; background:#f2f2f2 url(../images/board/bg_select_active.png) no-repeat right center;}
.counselingReservationCalender .tit a {width:34px; text-indent:-9999px; position:absolute; top:0px; bottom:12px; left:0px; border-radius:5px;}
.counselingReservationCalender .tit a.btnPrev {background:url(../images/popup/btn_reservation_date_prev.png) no-repeat center center;}
.counselingReservationCalender .tit a.btnPrev:hover {background:#f2f2f2 url(../images/popup/btn_reservation_date_prev_on.png) no-repeat center center;}
.counselingReservationCalender .tit a.btnNext {background:url(../images/popup/btn_reservation_date_next.png) no-repeat center center; left:auto; right:0;}
.counselingReservationCalender .tit a.btnNext:hover {background:#f2f2f2 url(../images/popup/btn_reservation_date_next_on.png) no-repeat center center;}
.counselingReservationCalender th {font-weight:500; font-size:14px;  text-align:center; height:42px; color:#010101; border:1px solid #ccc; border-right:none; border-left:none; box-sizing:border-box;}
.counselingReservationCalender tbody tr:first-child td {padding-top:20px;}
.counselingReservationCalender tbody tr:last-child td {padding-bottom:0px;}
.counselingReservationCalender td {text-align:center; font-weight:300; color:#000; padding:5px;}
.counselingReservationCalender td div {height:34px; line-height:34px; position:relative; width:34px; margin:0 auto; border-radius:99px;}
.counselingReservationCalender td:hover div {background:#f2f2f2; color:#000;}
.counselingReservationCalender td.pass:hover div {background:none;}
.counselingReservationCalender td a {position:absolute; top:0; right:0; bottom:0; left:0; transition:all s0.2s; border-radius:99px; color:#000;}
.counselingReservationCalender td a:hover {/* opacity:0.7; */box-shadow:inset 0px 0px 4px rgba(0,0,0,0.4);}
.counselingReservationCalender td a.select {background:#cae9d6 ; font-weight:500;}
.counselingReservationCalender td a.selectNone {background:#ebcece; font-weight:500;}
.counselingReservationSelect {position:absolute; top:41px; bottom:0; right:0; left:0; border-top:2px solid #9c1718;}
.counselingReservationSelect .tit { text-align:center;}
.counselingReservationSelect .tit th {text-align:center; vertical-align:middle; font-size:15px; height:38px;  border-bottom:1px solid #ccc; color:#000; height:55px; border-bottom:1px solid #ccc;}
.counselingReservationSelect .tit th div {position:relative;}
.counselingReservationSelect .tit th div:after {content:"";  width:1px; height:18px; background:#fff; position:absolute; top:0; right:0;}
.counselingReservationSelect .tit th:last-child div:after {display:none;}
.counselingReservationSelect .cont {position:absolute; top:56px; bottom:0; left:0; right:0; overflow:auto; border-bottom:1px solid #ccc;}
.counselingReservationSelect .cont td {height:53px; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; font-weight:300; font-size:14px; color:#111;}
.counselingReservationSelect .cont tr:hover td {background:#f8f8f8; color:#000;}
.counselingReservationEx {position:absolute; bottom:-40px;}
.counselingReservationEx:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.counselingReservationEx li {float:left; margin-top:10px; padding:0 16px 0 18px; position:relative; color:#333;}
.counselingReservationEx li:after {content:""; position:absolute; top:3px; left:0; width:13px; height:13px; background:#000; border-radius:99px;}
.counselingReservationEx li.select:after {background:#cae9d6;}
.counselingReservationEx li.selectNone:after {background:#ebcece;}

/* 레벨 테스트 결과 */
.levelTestList {margin:20px 0 40px 0; border-bottom:1px solid #3d3d3d;}
.levelTestList .tbody {height:440px; overflow:auto;}
.levelTestList th {color:#555; height:44px; text-align:center; font-size:11px; border-top:1px solid #555; border-bottom:1px solid #555;}
.levelTestList td {color:#242424; height:44px; text-align:center; font-size:14px;}
.levelTestList tbody tr:nth-child(odd) td {background:#eee;}
.levelTestList label {display:inline-block; position:relative; cursor:pointer; line-height:1; margin:0 8px;}
.levelTestList input {opacity:0; /* position:absolute; top:-9999px; left:-9999px;  */z-index:3; cursor:pointer;}
.levelTestList .bg {display:inline-block; height:18px; width:18px; background:#fff; border:1px solid #b5b5b5; border-radius:2px; box-sizing:border-box; vertical-align:top; position:relative;}
.levelTestList .txt {vertical-align:middle; margin-left:5px; color:#bbb; font-weight:300; width:22px;}
.levelTestList .bg:after {content:""; position:absolute; left:3px; top:4px; border:solid 1px #b5b5b5; border-width:0px; transform:rotate(-45deg); width:10px; height:5px; border-width:0px 0px 1px 1px; z-index:3; display:none;}
.levelTestList input:checked ~ .bg:after {display:block;}
.levelTestList label:hover .bg {border-color:#111;}
.levelTestList label:hover .bg:after {border-color:#111;}
.levelTestList label:hover .txt {color:#111;}
.levelTestList label.active .txt {color:#bd1c1d; font-weight:500;}
.levelTestList label.active input:checked ~ .bg {border-color:#bd1c1d;}
.levelTestList label.active .bg:after {border-color:#bd1c1d;}
.levelTestList input:checked ~ .bg {}
.levelTestList input:checked ~ .txt {}
.levelTestList label {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.levelTestList .num {position:relative; height:44px; line-height:44px;}
.levelTestList .num.answer:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/popup/ic_answer.png) no-repeat center center;}
.levelTestList .num.wrongAnswer:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/popup/ic_wrong_answer.png) no-repeat center center;}
.levelTestList .checkLabel.radio input:checked ~ .bg {border-color:#3255c6;}
.levelTestList .checkLabel.radio input:checked ~ .bg:after {background:#3255c6;}

.lowMise8 .levelTestList .bg {display:none;}
.lowMise8 .levelTestList input {opacity:1; position:static;}


/* #levelTestSheet */
#levelTestSheet {padding:40px 30px;}
#levelTestSheet .titArea {text-align:center; position:relative; padding-bottom:30px;}
#levelTestSheet .titArea h1 {color:#2e2e2e; font-size:30px; font-weight:700;}
#levelTestSheet .titArea p {position:absolute; top:5px; left:0; }
#levelTestSheet .titArea p img {width:60px;}
#levelTestSheet .boardSearchArea {text-align:center;}
#levelTestSheet .boardSearchArea select {height:36px; font-size:13px;}
#levelTestSheet .boardSearchArea a {width:34px; height:34px; line-height:33px; font-size:12px;}
#levelTestSheet .boardSearchArea .left {position:absolute; top:8px; left:8px;}
#levelTestSheet .btnArea {padding-top:10px;}
#levelTestSheet .btnArea:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
#levelTestSheet .btnArea li {float:left; width:15.8%; background:#bfbfbf; margin-right:1.04%; text-align:center;}
#levelTestSheet .btnArea li a {display:block; height:64px; color:#fff; font-size:13px;}
#levelTestSheet .btnArea li.last {margin-right:0 !important;}
#levelTestSheet .btnArea li a span {display:block; height:27px; border-bottom:1px solid #fff; background:#b49191; line-height:26px; margin-bottom:9px;}
#levelTestSheet .btnArea li a.active {background:#646464;}
#levelTestSheet .btnArea li a.active span {background:#bd191e;}
#levelTestSheet .btnArea.four li {width:24.25%; margin-right:1%;}
#levelTestSheet .btnArea.five li {width:19.2%; margin-right:1%;}


#levelTestSheet .levelTestList td {font-size:12px; line-height:1.4;}
#levelTestSheet .levelTestList td:first-child {font-size:15px; font-weight:500; color:#111;}
#levelTestSheet .levelTestList td div {color:#555; font-weight:300; font-size:11px;}
#levelTestSheet .levelTestList th:first-child {font-weight:500; color:#111;}
#levelTestSheet .levelTestList th.sun {color:#bd191e;}
#levelTestSheet .levelTestList th.sat {color:#2819bd;}

/* 메인 크롬권장 팝업 */
.popRecommendedChrome {position:absolute; top:10px; right:10px; z-index:100000000000000; box-shadow:0px 5px 15px rgba(0,0,0,0.3); display:none;}
.popRecommendedChrome p a {position:absolute; top:193px; left:127px; width:262px; height:73px;}
.popRecommendedChrome .close {background:#fff; height:30px; line-height:29px; border-top:1px solid #999; padding:0 10px; position:relative;}
.popRecommendedChrome .close a {position:absolute; top:0; right:10px;}

/* 설문 조사 */
.surveyPopStyle {width:1200px;}
.surveyPopStyle .layerCont:after {height:0;}
.surveyPopStyle .layerCont {padding:15px; top:255px; left:25px; right:25px; box-sizing:border-box; bottom:75px; border:1px solid #555; overflow-y:scroll;}
.surveyPopStyle .layerCont:after {content:""; display:block; height:20px;}
.surveyPopStyle h4 {font-size:15px; font-weight:500; color:#3C4156; padding:30px 3px 10px 3px;}
.surveyPopStyle h4:first-child {padding-top:10px;}
.surveyPopStyle th {background:#4d4f54; border:1px solid #111; text-align:center; color:#fff;  height:30px; padding:3px 0;}
/* .surveyPopStyle th:first-child {border-left:none;}
.surveyPopStyle th:last-child {border-right:none;}
.surveyPopStyle td:first-child {border-left:none;}
.surveyPopStyle td:last-child {border-right:none;} */
.surveyPopStyle td {padding:3px 0; border:1px solid #ccc; height:36px;}
.surveyPopStyle .ex {font-size:11px;}
.surveyPopStyle .alignLeft {padding-left:7px; padding-right:7px;}
.surveyPopStyle .textarea {padding:7px; text-align:left;}
.surveyNoticeBox {overflow-y:scroll; border:1px solid #555; padding:8px 10px; height:150px; line-height:1.5; margin-bottom:15px;}
.surveyNoticeBox:after {content:""; display:block; height:8px;}


/* 시간표 */
#classShedulePopWrap {padding:20px 30px 0 30px; height:100%; position:relative; box-sizing:border-box;}
.classSheduleHeader {position:relative; margin-bottom:25px;}
.classSheduleHeader h1 {text-align:center; font-size:30px; font-weight:700; color:#2e2e2e; letter-spacing:-0.5px;}
.classSheduleHeader p {position:absolute; bottom:0; left:0;}
.classSheduleBtnTab {position:relative;}
.classSheduleBtnTab ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.classSheduleBtnTab li {float:left; width:81px; padding-right:2px;}
.classSheduleBtnTab li a {display:block; height:27px; line-height:26px; background:#c1c1c1; text-align:center; font-weight:500; color:#fff;}
.classSheduleBtnTab li a.active {background:#1c1c1c;}
.classSheduleBtnTab .exSave {position:absolute; top:0; right:0;}
.classSheduleFooter {position:fixed; bottom:0; left:0; right:0; background:#212121; box-sizing:border-box; padding:18px 30px; margin-top:30px;}
.classSheduleFooter ul {min-height:37px;}
.classSheduleFooter li {font-size:13px; padding-right:500px; line-height:1.4;}
.classSheduleFooter dl {position:absolute; top:18px; right:30px; bottom:18px; background:#383838;}
.classSheduleFooter dl dt {height:100%; width:95px; border-right:1px solid #646464; float:left; text-align:center; color:#fff; display:table; font-size:13px; font-weight:500;}
.classSheduleFooter dl dt span {display:table-cell; vertical-align:middle;}
.classSheduleFooter dl dd {float:left; display:table; text-align:right; width:400px; height:100%; color:#fff; font-size:13px; box-sizing:border-box; padding-right:18px;}
.classSheduleFooter dl dd span {display:table-cell; vertical-align:middle;}
.classSheduleFooterPaging {position:fixed; bottom:0; left:0; right:0; background:#212121; box-sizing:border-box; padding-bottom:18px;}
.classSheduleFooterPaging .paging {padding-top:18px; margin-top:0;}
.classSheduleSearchTotal {background:#3c3c42; height:41px; line-height:40px; padding-left:10px; color:#fff;}
.classSheduleSearchTotal span {}

.classSheduleTable {overflow-y:scroll; overflow-x:scroll; border:1px solid #3b3b3b; top:180px; bottom:103px; left:30px; right:30px; position:absolute;}
.classSheduleTable table {border-collapse:separate;}
.classSheduleTable thead th {background:#626262; height:40px; color:#fff; text-align:center; font-weight:500; position:relative; z-index:3; border-right:1px solid #626262;}
.classSheduleTable thead th:last-child {border-right:none;}
.classSheduleTable tbody td {border-right:1px solid #dee6ea; border-bottom:1px solid #dee6ea; padding:2px 7px; text-align:center; color:#777; background:#fff; height:28px;}
.classSheduleTable tbody td.leftFix {color:#2a2a2a;}
.classSheduleTable tbody td:last-child {border-right:none;}
.classSheduleTable tbody tr:last-child td {/* border-bottom:none !important; */}
.classSheduleTable tbody td li {background:#aaa; height:28px; line-height:27px; margin:4px 0; color:#000; font-size:11px; position:relative; font-weight:500;}
.classSheduleTable tbody td li.bg_1 {background:rgba(222,30,116,0.2);}
.classSheduleTable tbody td li.bg_2 {background:rgba(255,100,6,0.2);}
.classSheduleTable tbody td li.bg_3 {background:rgba(255,156,0,0.2);}
.classSheduleTable tbody td li.bg_4 {background:rgba(220,218,0,0.2);}
.classSheduleTable tbody td li.bg_5 {background:rgba(158,217,0,0.2);}
.classSheduleTable tbody td li.bg_6 {background:rgba(35,205,27,0.2);}
.classSheduleTable tbody td li.bg_7 {background:rgba(125,194,185,0.2);}
.classSheduleTable tbody td li.bg_8 {background:rgba(0,214,222,0.2);}
.classSheduleTable tbody td li.bg_9 {background:rgba(0,120,231,0.2);}
.classSheduleTable tbody td li.bg_10 {background:rgba(112,31,214,0.2);}
.classSheduleTable tbody td li.bg_11 {background:rgba(222,30,116,0.4);}
.classSheduleTable tbody td li.bg_12 {background:rgba(255,100,6,0.4);}
.classSheduleTable tbody td li.bg_13 {background:rgba(255,156,0,0.4);}
.classSheduleTable tbody td li.bg_14 {background:rgba(220,218,0,0.4);}
.classSheduleTable tbody td li.bg_15 {background:rgba(158,217,0,0.4);}
.classSheduleTable tbody td li.bg_16 {background:rgba(35,205,27,0.4);}
.classSheduleTable tbody td li.bg_17 {background:rgba(0,186,166,0.4);}
.classSheduleTable tbody td li.bg_18 {background:rgba(0,214,222,0.4);}
.classSheduleTable tbody td li.bg_19 {background:rgba(0,120,231,0.4);}
.classSheduleTable tbody td li.bg_20 {background:rgba(112,31,214,0.4);}
.classSheduleTable tbody td li.bg_21 {background:rgba(222,30,116,0.6);}
.classSheduleTable tbody td li.bg_22 {background:rgba(255,100,6,0.6);}
.classSheduleTable tbody td li.bg_23 {background:rgba(255,156,0,0.6);}
.classSheduleTable tbody td li.bg_24 {background:rgba(220,218,0,0.6);}
.classSheduleTable tbody td li.bg_25 {background:rgba(158,217,0,0.6);}
.classSheduleTable tbody td li.bg_26 {background:rgba(35,205,27,0.6);}
.classSheduleTable tbody td li.bg_27 {background:rgba(0,186,166,0.6);}
.classSheduleTable tbody td li.bg_28 {background:rgba(0,214,222,0.6);}
.classSheduleTable tbody td li.bg_29 {background:rgba(0,120,231,0.6);}
.classSheduleTable tbody td li.bg_30 {background:rgba(112,31,214,0.6);}
.classSheduleTable tbody td li.bg_31 {background:rgba(107,0,0,0.2);}
.classSheduleTable tbody td li.bg_32 {background:rgba(131,77,45,0.2);}
.classSheduleTable tbody td li.bg_33 {background:rgba(151,105,33,0.2);}
.classSheduleTable tbody td li.bg_34 {background:rgba(158,156,0,0.2);}
.classSheduleTable tbody td li.bg_35 {background:rgba(104,123,55,0.2);}
.classSheduleTable tbody td li.bg_36 {background:rgba(4,104,0,0.2);}
.classSheduleTable tbody td li.bg_37 {background:rgba(55,103,98,0.2);}
.classSheduleTable tbody td li.bg_38 {background:rgba(46,112,158,0.2);}
.classSheduleTable tbody td li.bg_39 {background:rgba(43,83,121,0.2);}
.classSheduleTable tbody td li.bg_40 {background:rgba(62,23,110,0.2);}
.classSheduleTable tbody td li.bg_41 {background:rgba(107,0,0,0.3);}
.classSheduleTable tbody td li.bg_42 {background:rgba(131,77,45,0.3);}
.classSheduleTable tbody td li.bg_43 {background:rgba(151,105,33,0.3);}
.classSheduleTable tbody td li.bg_44 {background:rgba(158,156,0,0.3);}
.classSheduleTable tbody td li.bg_45 {background:rgba(104,123,55,0.3);}
.classSheduleTable tbody td li.bg_46 {background:rgba(4,104,0,0.3);}
.classSheduleTable tbody td li.bg_47 {background:rgba(55,103,98,0.3);}
.classSheduleTable tbody td li.bg_48 {background:rgba(46,112,158,0.3);}
.classSheduleTable tbody td li.bg_49 {background:rgba(43,83,121,0.3);}
.classSheduleTable tbody td li.bg_50 {background:rgba(62,23,110,0.3);}
.classSheduleTable tbody td li.bg_51 {background:rgba(107,0,0,0.5);}
.classSheduleTable tbody td li.bg_52 {background:rgba(131,77,45,0.5);}
.classSheduleTable tbody td li.bg_53 {background:rgba(151,105,33,0.5);}
.classSheduleTable tbody td li.bg_54 {background:rgba(158,156,0,0.5);}
.classSheduleTable tbody td li.bg_55 {background:rgba(104,123,55,0.5);}
.classSheduleTable tbody td li.bg_56 {background:rgba(4,104,0,0.5);}
.classSheduleTable tbody td li.bg_57 {background:rgba(55,103,98,0.5);}
.classSheduleTable tbody td li.bg_58 {background:rgba(46,112,158,0.5);}
.classSheduleTable tbody td li.bg_59 {background:rgba(43,83,121,0.5);}
.classSheduleTable tbody td li.bg_60 {background:rgba(62,23,110,0.5);}

/* .classSheduleTable tbody td li.bg_61 {background:rgba(141,0,206,1);}
.classSheduleTable tbody td li.bg_62 {background:rgba(203,184,24,1);}
.classSheduleTable tbody td li.bg_63 {background:rgba(206,0,145,1);}

.classSheduleTable tbody td li.bg_64 {background:rgba(141,0,206,0.7);}
.classSheduleTable tbody td li.bg_65 {background:rgba(203,184,24,0.7);}
.classSheduleTable tbody td li.bg_66 {background:rgba(206,0,145,0.7);}

.classSheduleTable tbody td li.bg_67 {background:rgba(141,0,206,0.4);}
.classSheduleTable tbody td li.bg_68 {background:rgba(203,184,24,0.4);}
.classSheduleTable tbody td li.bg_69 {background:rgba(206,0,145,0.4);}

.classSheduleTable tbody td li.bg_70 {background:rgba(0,0,10,1);} */

/* .classSheduleTable tbody td li.bg_61 {background:rgba(107,0,0,0.5);}
.classSheduleTable tbody td li.bg_62 {background:rgba(131,77,45,0.5);} */

.classSheduleTable tbody td li a.memo {position:absolute; bottom:0px; right:0px; width:0px; height:0px; border-top:16px solid transparent; border-right:16px solid #222; transition:all 0.5s; text-indent:-9999px;;}
.classSheduleTable tbody td li a.memo.active {border-right-color:#b90000;}
.classSheduleTable tbody tr:last-child td {border-bottom:1px solid #3b3b3b;}
.classSheduleTable th div {width:140px;}/* 넓이값 조절 */
.classSheduleTable th.leftFix div {width:140px;}/* 레프트 넓이값 조절 */
.classSheduleTable .leftFix { position:relative; z-index:4;}
.classSheduleTable th.leftFix {z-index:5;}
.classSheduleTable tbody td.leftFix {font-size:12px;}
.classSheduleTable .leftFix.last {border-right:1px solid #3b3b3b !important}
.classSheduleTable tfoot {visibility:hidden;}
.classSheduleTable tfoot td {background:#626262; border-right:1px solid #626262; color:#fff; height:39px; text-align:center; font-weight:500; border-right:1px solid #626262;}
.classSheduleTable tfoot td:last-child {border-right:none;}
.classSheduleTable tfoot td.leftFix {font-size:13px; font-weight:700;}
.classSheduleTableTotal {position:absolute; bottom:120px; text-align:center; font-weight:500; color:#fff; z-index:10; left:31px; right:48px; overflow:hidden;}
.classSheduleTableTotal ul {width:100000px;}
.classSheduleTableTotal li {float:left; width:155px;  height:40px; line-height:38px; border-top:1px solid #3b3b3b; background:#626262; border-right:1px solid #333;}
.classSheduleTableTotal li.leftFix {position:relative; font-weight:700; font-size:13px;}
.classSheduleTableTotal li.leftFix.last {border-right:1px solid #3b3b3b;}


/* 시간표 메모 팝업 */
.classSheduleMemo {width:900px;}
.classSheduleMemo .tabArea {height:480px;}
.classSheduleMemo .textarea {height:100%;}

/* 학원 교육비 납입(수강료) 납입 증명서 */
.printAcademyFees {padding:20px 0 40px 0;}
.printAcademyFees .year {text-align:right; font-size:14px; color:#111;}
.printAcademyFees .year span {vertical-align:middle;}
.printAcademyFees .year select {margin-left:10px; height:30px; min-width:120px;}
.printAcademyFees h4 {font-family:Batang, "바탕", Noto Sans CJK KR, "Noto Sans CJK KR", Dotum, "돋움", sans-serif; font-weight:600; color:#111; font-size:28px;}
.printAcademyFees h5 {color:#111; font-size:18px; margin:30px 0 10px 0;}
.printAcademyFees h5 select {position:relative; top:-2px; font-size:14px; margin-left:10px; height:30px;}
.printAcademyFees .won {position:relative; padding-left:20px;}
.printAcademyFees .won .right {position:absolute; top:0; right:0;}
.printAcademyFees .won .w {position:absolute; top:5px; left:0;}
.printAcademyFees .total {text-align:center; margin-top:20px; font-size:14px;}
.printAcademyFees .total .dt {display:inline-block; height:36px; line-height:36px; color:#333; padding-right:6px;}
.printAcademyFees .total .dd {display:inline-block; height:36px; line-height:36px; background:#eee; padding:0 10px; width:152px; text-align:left;}
.printAcademyFees .total .dd > span {position:relative; display:block;}
.printAcademyFees .total .dd > span > span {position:absolute; top:0; right:0;}
.printAcademyFees .txt_1 {text-align:center; font-size:22px; font-family:Batang, "바탕", Noto Sans CJK KR, "Noto Sans CJK KR", Dotum, "돋움", sans-serif; font-weight:600; color:#111; margin-top:40px;}
.printAcademyFees .day {position:relative; text-align:center; margin-top:30px;}
.printAcademyFees .day .right {position:absolute; top:4px; right:0;}
.printAcademyFees .day .right .dt {vertical-align:middle;}
.printAcademyFees .dayIn {font-size:20px; font-weight:500; color:#111; letter-spacing:1px;}
.printAcademyFees .stamp {text-align:right; font-size:22px; font-weight:500; color:#111; margin-top:40px; padding-right:100px;}

/* 온라인 출석 관리 */
.onlineAttendance {width:575px;}
.onlineAttendance .boardSearchArea select {width:100%; height:36px; font-size:14px; border-color:#777; padding-left:8px;}
.onlineAttendance .boardSearchArea .inputSearch {margin-top:5px; height:auto; position:relative; display:block; padding-right:85px;}
.onlineAttendance .boardSearchArea .inputSearch input {height:34px; width:100%;  font-size:14px; border-color:#777; padding-left:8px;}
.onlineAttendance .boardSearchArea .inputSearch a {position:absolute; top:0; right:0; height:34px; line-height:32px; font-size:14px; width:80px;}
.onlineAttendance .ex {background:#eaeaea; display:table; width:100%; height:64px; box-sizing:border-box; padding:0 15px; position:relative; margin-bottom:15px;}
.onlineAttendance .ex ul {display:table-cell; vertical-align:middle; line-height:1.7; font-size:13px; color:#000;}
.onlineAttendance .ex ul li .btn {position:absolute; top:50%; right:8px; margin-top:-17px;}
.onlineAttendance .ex ul li .btn a {float:left; margin-left:-1px; width:80px; border:1px solid #777; box-sizing:border-box; height:34px; line-height:32px; text-align:center; transition:all 0.1s; background:#fff; position:relative; z-index:1; color:#555; font-size:14px;}
.onlineAttendance .ex ul li .btn a:hover {z-index:3; transform:scale(1.1);}
.onlineAttendance .tab {position:relative;}
.onlineAttendance .btnTab {margin-bottom:20px;}
.onlineAttendance .tabArea {height:420px; border-bottom:1px solid #555;}
.onlineAttendance .tbody {border-bottom:none;}
.onlineAttendance .btnRefresh {position:absolute; top:10px; right:4px;}
.onlineAttendance .btnRefresh img {width:25px;}

/* 썸네일 리스트 */
.thumbnaillList:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.thumbnaillList li {width:140px; height:140px; border:1px solid #aaa; /* overflow:hidden; */ position:relative; position:relative; float:left; margin:0 12px 12px 0; background:#eee; cursor:zoom-in; position:relative; transition:all 0.2s; box-sizing:border-box; }
.thumbnaillList li div {overflow:hidden; width:100%; height:100%; position:relative;}
.thumbnaillList li:hover {border:1px solid #333;}
.thumbnaillList li:hover img {width:110%; height:110%;}
.thumbnaillList li img {object-fit:cover; width:100%; height:100%;transition:all 0.3s; transform:translate(-50%,-50%);}
.thumbnaillList li img {position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover;
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		min-width: 100%; min-height: 100%; width: auto; left: 50%; transform: translateX(-50%);
	}
}
.thumbnaillList li a.btnDel {background:#000; background:rgba(0,0,0,0.5); width:30px; height:30px; position:absolute; top:-10px; right:-10px; z-index:10; border-radius:50%; text-indent:-9999px; transition:all 0.2s; /* transform:translate(calc(50% - 5px), calc(-50% - 5px)); */}
.thumbnaillList li a.btnDel:after {content:""; display:block; position:absolute; top:50%; margin-top:-1px; left:7px; right:7px; height:2px; background:#fff; border-radius:99px; transform:rotate(45deg);}
.thumbnaillList li a.btnDel:before {content:""; display:block; position:absolute; top:50%; margin-top:-1px; left:7px; right:7px; height:2px; background:#fff; border-radius:99px; transform:rotate(-45deg);}
.thumbnaillList li a.btnDel:hover {background:rgba(0,0,0,1.0); transform:scale(1.2) rotate( -90deg );}


/* 썸네일 상세 */
/*! * Viewer.js v1.3.7 * https://fengyuanchen.github.io/viewerjs * Copyright 2015-present Chen Fengyuan * Released under the MIT license * Date: 2019-10-02T09:29:07.561Z */
/* .viewer-zoom-in::before,
.viewer-zoom-out::before,
.viewer-one-to-one::before,
.viewer-reset::before,
.viewer-prev::before,
.viewer-play::before,
.viewer-next::before,
.viewer-rotate-left::before,
.viewer-rotate-right::before,
.viewer-flip-horizontal::before,
.viewer-flip-vertical::before,
.viewer-fullscreen::before,
.viewer-fullscreen-exit::before, .viewer-close::before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC');
  background-repeat: no-repeat; background-size: 280px; color: transparent; display: block; font-size: 0; height: 20px; line-height: 0; width: 20px;
} */
.viewer-toolbar > ul {display:inline-block; margin: 0 auto 10px; overflow:hidden; padding:3px 0;}
.viewer-toolbar > ul > li {background-color:rgba(0, 0, 0, 1.0); background-repeat:no-repeat; background-position:center center; border-radius:50%; cursor:pointer; float:left; overflow: hidden; /* -webkit-transition: background-color 0.15s; transition: background-color 0.15s; */ height:40px; width:40px; transition:all 0.2s; margin:0 5px;}
.viewer-toolbar > ul > li:hover {background-color:rgba(0, 0, 0, 0.7); transform:scale(0.95); box-shadow:inset 0px 0px 10px rgba(0,0,0,1);}
.viewer-toolbar > ul > li.viewer-zoom-in {background-image:url(../images/popup/btn_thumb_ev_1.png);}
.viewer-toolbar > ul > li.viewer-zoom-out {background-image:url(../images/popup/btn_thumb_ev_2.png);}
.viewer-toolbar > ul > li.viewer-prev {background-image:url(../images/popup/btn_thumb_ev_3.png);}
.viewer-toolbar > ul > li.viewer-next {background-image:url(../images/popup/btn_thumb_ev_4.png);}
.viewer-toolbar > ul > li.viewer-rotate-left {background-image:url(../images/popup/btn_thumb_ev_5.png);}
.viewer-toolbar > ul > li.viewer-rotate-right {background-image:url(../images/popup/btn_thumb_ev_6.png);}

/* .viewer-toolbar > ul > li::before {margin: 2px;} */
/* .viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}
.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}
.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}
.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}
.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}
.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}
.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}
.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}
.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}
.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}
.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}
.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}
.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
} */
.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index:100000 !important;
  background-color: rgba(0, 0, 0, 0.6);
}
.viewer-container::-moz-selection,
.viewer-container *::-moz-selection {
  background-color: transparent;
}
.viewer-container::selection,
.viewer-container *::selection {
  background-color: transparent;
}
.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}
.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}
.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}
.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 30px;
}
.viewer-list > li:hover {
  opacity: 0.75;
}
.viewer-list > li + li {
  margin-left: 1px;
}
.viewer-list > .viewer-loading {
  position: relative;
}
.viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}
.viewer-list > .viewer-active,
.viewer-list > .viewer-active:hover {
  opacity: 1;
}
.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}
.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}
.viewer-toolbar > ul > .viewer-small::before {
  margin: -1px;
}
.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}
.viewer-toolbar > ul > .viewer-large::before {
  margin: 5px;
}
.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}
.viewer-title {
  color:#ccc;
  display:inline-block;
  font-size:13px; font-weight:300;
  line-height:1.2;
  margin:0 5% 15px;
  max-width:90%;
  opacity:0.8;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-transition:opacity 0.15s;
  transition:opacity 0.15s;
  white-space:nowrap;
}
.viewer-title:hover {
  opacity: 1;
}
.viewer-button {border-radius: 50%; cursor: pointer; height:80px; width:80px; overflow: hidden; position: absolute; right:20px; top:20px; background:url(../images/popup/btn_thumb_close.png) no-repeat center center; transition:all 0.2s;}
.viewer-button:hover {background-color:rgba(0,0,0,1.0);  transform:rotate(90deg) scale(0.85);}
/* .viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
} */
.viewer-fixed {
  position: fixed;
}
.viewer-open {
  overflow: hidden;
}
.viewer-show {
  display: block;
}
.viewer-hide {
  display: none;
}
.viewer-backdrop {background-color: rgba(0, 0, 0, 0.6);}/* 썸네일 wrap */
.viewer-invisible {
  visibility: hidden;
}
.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.viewer-fade {
  opacity: 0;
}
.viewer-in {
  opacity: 1;
}
.viewer-transition {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@-webkit-keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.viewer-loading::after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
.viewer-play {display:none;}
.viewer-reset {display:none;}
.viewer-flip-horizontal {display:none;}
.viewer-flip-vertical {display:none;}
.viewer-one-to-one {display:none;}

/*  */
.jaReportCard .btnArea {padding:30px; border-top:1px solid #999;}
/* .jaReportCard .layerTit {border-bottom:1px solid #999; margin-bottom:30px;} */
.jaReportCard .btnArea a {background:#ff0064; display:inline-block; width:300px; height:70px; color:#fff; display:flex; margin:0 auto; justify-content:center; align-items:center; font-size:24px; font-weight:500; border-radius:5px;}
.jaReportCard .btnArea a span {padding-right:36px; background:url(../images/board/bg_btn_ai.png) no-repeat right center; line-height:1;}


/*  */
.levelReportCardLayerbtnArea {border:none !important;}
.levelReportCardLayerbtnArea > div {margin:0 !important; display:flex;}
.levelReportCardLayerbtnArea a {height:51px;}
.levelReportCardLayerbtnArea a {background:#d3d3d3; background:#fb3067; display:flex; align-items: center; justify-content: center; width:100%; color:#fff; font-weight:500; height:3.556em; font-size:1.125rem;}
.levelReportCardLayerbtnArea a.print {width:50%; background:#79729f;}
.levelReportCardLayerbtnArea a.bgGray {background:#999; color:#fff;}
.levelReportCardLayerbtnArea a:hover {opacity:0.8;}
.levelReportCardLayerbtnArea a.jaGo span {padding-right:25px; background:url(../images/board/bg_btn_ai.png) no-repeat right center / auto 15px; line-height:1;}

/* 목표 달성 결과 */
.ResultsOfGoalAchievement {width:1450px;}
.ResultsOfGoalAchievement .layerBox {background:#f3f3f3;}
.ResultsOfGoalAchievement .top h4 {text-align:center; font-size:23px; margin-bottom:25px; margin-top:5px; font-weight:600; color:#333; letter-spacing:-.0.5px;}
.ResultsOfGoalAchievement .top th {font-size:13px !important;}
.ResultsOfGoalAchievement .top td {background:#fff; font-size:13px !important;}
.ResultsOfGoalAchievement .details {display:flex; gap:40px;}
.ResultsOfGoalAchievement .details .left {width:570px; position:relative; border-bottom:1px solid #555;}
.ResultsOfGoalAchievement .details .left .boardList {position:absolute; top:0; left:0; bottom:0; right:0; overflow:auto; border-top:2px solid #b60005;}
.ResultsOfGoalAchievement .details .left .boardList thead {position:sticky; top:0;}
.ResultsOfGoalAchievement .details .left .tit {background:#fff; color:#333; border-bottom:none; font-size:13px; font-weight:600; background:#f3f3f3;}
.ResultsOfGoalAchievement .details .left th {height:40px;}
.ResultsOfGoalAchievement .details .left td {height:50px; background:#f3f3f3; border-bottom:1px solid #e5e5e5;}
.ResultsOfGoalAchievement .details .left .completion {display:inline-block; border:1px solid #b60005; width:70px; height:28px; line-height:26px; color:#b60005; text-align:center; vertical-align:middle; font-weight:600; margin:0 3px; font-size:13px;}
.ResultsOfGoalAchievement .details .right {flex:1;}
.ResultsOfGoalAchievement .details .right h5 {font-size:13px; color:#333; font-weight:600; margin-bottom:10px; margin-top:30px;}
.ResultsOfGoalAchievement .details .right h5:first-child {margin-top:0;}
.ResultsOfGoalAchievement .btnTab ul {display:flex; padding:5px; margin-bottom:15px; background:#ececec;}
.ResultsOfGoalAchievement .btnTab li {flex:1; position:relative;}
.ResultsOfGoalAchievement .btnTab li a {display:flex; line-height:1.3; height:42px; justify-content:center; align-items:center; font-weight:300; font-size:13px; text-align:center;}
.ResultsOfGoalAchievement .btnTab li:last-child a:after {display:none;}
.ResultsOfGoalAchievement .btnTab li a:after {content:""; height:19px; width:1px; background:#d1d1d1; position:absolute; right:0; top:50%; transform:translate(0%,-50%);}
.ResultsOfGoalAchievement .btnTab li a.active {font-weight:500; color:#fff; background:#b60005; border-radius:3px;}
.ResultsOfGoalAchievement .btnTab li a.active:after {display:none;}
.ResultsOfGoalAchievement .btnTab ul {height:auto;}
.ResultsOfGoalAchievement .tabArea > div {display:none;}
.ResultsOfGoalAchievement .tabArea > div .tableStyle_2 th {padding:10px; height:48px;}
.ResultsOfGoalAchievement .tabArea > div .tableStyle_2 td {padding:10px; height:33px;}
/*  */
#ResultsOfGoalAchievementPop {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(30,31,42,0.8); color:#fff; z-index:999999;}
#ResultsOfGoalAchievementPop .outer {display:flex; width:100%; height:100%; box-sizing:border-box; overflow:auto;}
#ResultsOfGoalAchievementPop .inner {margin:auto; text-align:center; padding:100px; /* border:10px solid red; */ position:relative;}
#ResultsOfGoalAchievementPop .close {position:absolute; top:60px; right:55px; width:42px; height:42px; background:url(../images/popup/btn_achievement_close.png) no-repeat 0 0; text-indent:-9999px;}
#ResultsOfGoalAchievementPop h2 {background:#b60005; color:#fff; font-size:23px; padding:2px 10px; font-weight:300; width:fit-content; margin:0 auto;}
#ResultsOfGoalAchievementPop h3 {color:#fff;  font-size:60px; font-weight:700; margin-top:20px; height:90px; font-family: 'yg-jalnan';}
/* #ResultsOfGoalAchievementPop h3 span {display:inline-block; height:100%; padding-top:3px; padding-left:105px; background:url(../images/popup/bg_achievement.png) no-repeat 0 0px;} */
#ResultsOfGoalAchievementPop h4 {margin-top:35px; font-size:120px; font-family: 'yg-jalnan'; width:fit-content; margin:0 auto; position:relative; color:#fff; display:none;}
#ResultsOfGoalAchievementPop h4 span:after {content:""; position:absolute; bottom:-2px; left:0; right:0; height:12px; background:#fff; border-radius:99px;}
#ResultsOfGoalAchievementPop p {margin-top:50px; font-size:20px}
#ResultsOfGoalAchievementPop ul {display:none;}
#ResultsOfGoalAchievementPop li {position:absolute; z-index:-1;}
#ResultsOfGoalAchievementPop li:nth-child(1) {top:50%; left:50%; transform:translate(-50%,-50%) rotate( -0deg ); transform-origin :100% 100%; margin-left:-350px; margin-top:100px; opacity:0;}
#ResultsOfGoalAchievementPop li:nth-child(2) {top:50%; right:50%; transform:translate(50%,-50%);  transform-origin : 0 100%;  margin-right:-400px; margin-top:-100px;}
#ResultsOfGoalAchievementPop li:nth-child(1) {animation: congratulation_1 1.8s ease-in-out; animation-delay: 0.4s; animation-fill-mode: forwards;}
#ResultsOfGoalAchievementPop li:nth-child(2) {animation: congratulation_2 2.2s ease-in-out; animation-delay:0;}
#ResultsOfGoalAchievementPop li:nth-child(1) img {position:relative; animation: congratulation_3 3.5s linear infinite; animation-delay:2.4s;}
#ResultsOfGoalAchievementPop li:nth-child(2) img {position:relative; animation: congratulation_4 3.5s linear infinite; animation-delay:2.4s;}
#ResultsOfGoalAchievementPop.first ul {display:block;}
#ResultsOfGoalAchievementPop.first h4 {background: linear-gradient(-45deg, #ffae00, #6dd2ed, #ffae00, #6dd2ed, #ffae00, #6dd2ed, #ffae00, #6dd2ed);
	background-size: 400%; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animated_text 3s linear infinite alternate; display:block;}
#ResultsOfGoalAchievementPop.first h4 span:after {background:#ffae00;}
#ResultsOfGoalAchievementPop.second ul {display:block;}
#ResultsOfGoalAchievementPop.second h4 {background: linear-gradient(-45deg, #ff56da, #7f95de, #ff56da, #7f95de, #ff56da, #7f95de, #ff56da, #7f95de);
	background-size: 400%; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animated_text 3s linear infinite alternate; display:block;}
#ResultsOfGoalAchievementPop.second h4 span:after {background:#ff56da;}
#ResultsOfGoalAchievementPop.third ul {display:block;}
#ResultsOfGoalAchievementPop.third h4 {background: linear-gradient(-45deg, #eda2a2, #04af76, #eda2a2, #04af76, #eda2a2, #04af76, #eda2a2, #04af76);
	background-size: 400%; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animated_text 3s linear infinite alternate; display:block;}
#ResultsOfGoalAchievementPop.third h4 span:after {background:#eda2a2;}

/* 영수증 처리
		대치본원  TR6번 빠졌대요 확인 부탁드려요! */

@keyframes congratulation_1 {
	0% {transform:translate(-50%,-50%) rotate( 120deg ) scale(0); opacity:0; margin-left:0px; margin-top:-200px;}
	30% {opacity:0;}
	100% {transform:translate(-50%,-50%) rotate( -0deg ) scale(1); opacity:1; margin-left:-350px;  margin-top:100px;}
}
@keyframes congratulation_2 {
	0% {transform:translate(-50%,-50%) rotate( -120deg ) scale(0); opacity:0; margin-right:-500px; margin-top:50px;}
	30% {opacity:0;}
	100% {transform:translate(50%,-50%) rotate( -0deg ) scale(1); opacity:1; margin-right:-400px;  margin-top:-100px;}
}
@keyframes congratulation_3 {
	0% {transform:rotate(0deg ) scale(1); top:0px;}
	50% {transform:rotate(5deg ) scale(0.9); top:-20px;}
	100% {transform:rotate(0deg ) scale(1); top:0px;}
}
@keyframes congratulation_4 {
	0% {transform:rotate(0deg ) scale(1); top:0px;}
	50% {transform:rotate(-5deg ) scale(0.9); top:20px;}
	100% {transform:rotate(0deg ) scale(1); top:0px;}
}
@keyframes animated_text {
	0% { background-position: 0px 50%; }
	100% { background-position: 100% 50%; }
}

/*  */
.upload230331 {}
.upload230331 .boardSearchArea {display:flex; gap:3px; margin-bottom:0; padding:20px;}
.upload230331 .boardSearchArea * {flex:1; height:30px; font-size:13px;}
.upload230331 .boardSearchArea .btn {border:1px solid #777; background:#fff; display:flex; justify-content:center; align-items:center; box-sizing:border-box;}
.upload230331 p {text-align:center; background:#eaeaea; color:#222; font-weight:500; font-size:14px; padding:18px 0; border-top:1px dashed #777;}

/*  */
.bookRentalPopup h4 {font-size:21px; color:#222; font-weight:600; margin-bottom:15px;}
.bookRentalPopup .flexBox {display:flex; gap:24px;}
.bookRentalPopup .div:nth-child(1) {max-width:200px;}
.bookRentalPopup p {color:#000; font-size:18px; font-weight:500; margin-top:30px;}
.bookRentalPopup .flexBox2 {display:flex; justify-content:space-between;}
/* .bookRentalPopup .flexBox2 .colorRed {font-size:14px;} */
.bookRentalPopup .colorBlue {color:blue !important;}
.bookRentalPopup .tableStyle_2 {height:100%;}
.bookRentalPopup .tableStyle_2 table {height:100%;}
.bookRentalPopup .tableStyle_2 th {font-size:17px; height:30px;}
.bookRentalPopup .tableStyle_2 td {font-size:17px;}
.bookRentalPopup .tableStyle_2 select {height:30px;}
.bookRentalPopup .tableStyle_2 input {height:30px;}
.bookRentalPopup .tableStyle_2 input.date {width:120px;}

/* setZoomClass */
.setZoomClass {width:500px;}
.setZoomClass li {position:relative; padding-left:20px; line-height:1.5; margin-bottom:10px;}
.setZoomClass li label {line-height:1.5; font-size:14px;}
.setZoomClass li .bg {position:absolute; top:3px; left:-20px;}
.setZoomClass li input {vertical-align:baseline;}
.setZoomClass h4 {font-size:16px; font-weight:600; margin:20px 0 10px;}
.setZoomClass .textarea {display:flex;}
.setZoomClass .textarea a {}
.setZoomClass .textarea a {width:100px; background:#29333c; display:flex; justify-content:center; align-items:center; font-size:14px; color:#fff;}

.setMessage {width:500px;}
.setMessage li {position:relative; padding-left:20px; line-height:1.5; margin-bottom:10px;}
.setMessage li label {line-height:1.5; font-size:14px;}
.setMessage li .bg {position:absolute; top:3px; left:-20px;}
.setMessage li input {vertical-align:baseline;}
.setMessage h4 {font-size:16px; font-weight:600; margin:20px 0 10px;}
.setMessage h4 span {font-weight:400; font-size:14px;}
.setMessage h4 span strong {font-weight:600; }


/* .autoGradingLayer */
.autoGradingLayer {}
.autoGradingSection {display:flex; gap:20px;}
.autoGradingSection_1 {width:200px;}
.autoGradingSection_2 {flex:1;}

/* 240524 수정 */
#leveltestReserveBookingSearchForm .layerCont {padding: 25px 25px 65px 25px;}

/*  */
.writingTestLayer {width:1200px;}
.writingTestLayer .titTxt {font-size:1rem; padding-top:1.2rem; padding-bottom:1.2rem; margin-bottom:1.2rem; border-bottom:1px solid #eee; border-top:1px solid #eee; color:#777;}
.writingTestLayer .textarea {height:calc(100vh - 600px); min-height:500px;}
.writingTestLayer .textarea textarea {padding:20px;}

/* 채용 이력서 */
.cvWrap {line-height:1.7;}
.cvWrap .div {margin-top: 50px;}
.cvWrap .div:first-child {margin-top: 0;}
.cvWrap .tableStyle_3 ~ .tableStyle_3 {margin-top: 20px;}
.cvWrap .photoWrap {display: flex; gap: 24px;}
.cvWrap .photoWrap .photo {min-width: 160px; height: 240px; }
.cvWrap .photoWrap .photo .img {width: 100%; height: 100%; background: #ddd; border: 1px solid #ddd;}
.cvWrap .photoWrap .photo .img img {width: 100%; height: 100%; object-fit: cover;}
.cvWrap .ul li {padding-left: 12px; position: relative;}
.cvWrap .ul li:before {content:""; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 99px; background: #222;}

/* 담당자 추가 삭제  */
.chargeAdd h3 {font-size:12px; font-weight:700; color:#555; margin-bottom: 10px;}
.chargeAdd > .boardList:first-of-type {margin-bottom: 30px;}
.chargeAdd > .boardList:nth-of-type(2) {margin-bottom: 30px;}
.chargeAdd div .proof {color: #888; font-weight: 700; margin-top: 14px;}
.chargeAdd div .proof li {line-height: 2; font-weight: 400!important;}
.chargeAdd div .proof li a {margin-left: 7px; display: inline-block; width: 15px; height: 15px; background: url(../images/common/btn_tel_del.png) no-repeat 0 0; text-indent: -9999px; vertical-align: middle;}


.chargeNew {width: 100%; margin-bottom: 20px;}
.chargeNew th {color: #555; font-size: 12px; font-weight: 400; background: #C9C9C9; text-align: center; border: 1px solid #ccc;}
.chargeNew td {border: 1px solid #ccc; min-height: 26px;}
.chargeNew td > div {padding: 6px 8px;}
.chargeNew td > div.search {position: relative; padding-right: 64px;}
.chargeNew td > div.search a {position: absolute; top: -1px; right: -1px; bottom: -1px; width: 56px; background: #033A69; color: #fff; display: inline-flex; align-items: center; justify-content: center;}
.chargeNew td > div.search a span {padding-left: 4px;}
.chargeNew td > div input {width: 100%;}
.chargeNew td > div select {width: 100%;}
.chargeNew td > div.tel {display: flex; align-items: center; gap: 10px;}
.chargeNew td > div.tel input {flex: 1;}
a.btnStyleS.lineB {border-color: #000; color:#000; background: #fff;}
a.btnStyleS.bgFile {background:#043A69; color:#fff; border: none;margin-left: 8px;}
a.allDown {color: #4236F3; font-size: 12px; font-weight: 700; text-decoration-line: underline;}
a.allDown span {color: #888; font-weight: 400; text-decoration: none; display: inline-block;}
.chargeNewBd {margin-top: 20px; padding-top: 20px; border-top: 1px solid #000;}
.disC {color: #B60005; font-size: 12px; font-weight: 400; background: #fff; text-align: center; border: 1px solid #ccc; border-radius: 4px; padding: 8px; display: inline-block;}

/*  신청 완료 SMS 설정  */
.SMScomplete > .topToggle {display: flex; gap: 12px; margin-bottom: 32px;}
.SMScomplete > .topToggle h3 {color: #111; font-size: 20px; font-weight: 500;}
.SMScomplete .templateCont {padding: 0;}
.SMScomplete .templateCont .left {width: 236px; padding-bottom: 0;}
.SMScomplete .templateCont .left h4 {font-size: 20px; font-weight: 500;}
.SMScomplete .templateCont .right {width: 236px; padding-bottom: 0;}
.SMScomplete .templateCont .right h4 {font-size: 20px; font-weight: 500;}

/*  설명회 신청 마감 설정  */
.applyEnd > h3 {color: #111; font-size: 24px; font-weight: 500; margin-bottom: 16px; text-align: center;}
.applyEnd .tableStyle_2 ~ .tableStyle_2 {margin-top: 16px;}

/*  신청자 추가 상세  */
.fairInfo .rightTitArea .btnDel {width: 97px;}
.fairInfo .bdColor {border-color: #777;}
.fairInfo h4.h4TitTxt {padding-top: 40px;}
.fairInfo h4.h4TitTxt:first-child {padding-top: 0;}
.fairInfo .checkLabel .bg {height: 18px; width: 18px; border: 1px solid #ccc;}
.fairInfo .checkLabel .txt {color: #888; font-size: 12px; font-weight: 400;}
.fairInfo .fairSurvey li ~ li {margin-top: 8px;}
.tableStyle_2 .fairSurvey {padding: 10px 10px;}
.fairInfo .fairSurvey .widthFlex {display: flex;}
.fairInfo .flexLeftRight {padding-top: 40px;}
.fairInfo .fairCheck div ~ div {margin-top: 6px;}
.fairInfo .fairCheck {max-width: 100%;}
.fairInfo .fairCheck .checkLabel.mr {margin-right: 3px;}

/* 셔틀버스 알림 */
.shuttleBusStateLayer section {position: fixed; top: calc(51px + 16px); right: 16px; width: 400px; box-sizing: border-box; background: #fff; border: 1px solid #E6E6E6; border-radius: 16px; padding: 16px; box-shadow: 0 8px 8px 0 rgba(22, 22, 22, 0.24); z-index: 9999999; transform: scale(0.92) translateY(15px); transition: all 0.3s linear;}
.shuttleBusStateLayer section .close {position: absolute; top: 8px; right: 8px;}
.shuttleBusStateLayer section .cont {display: flex; gap: 16px;}
.shuttleBusStateLayer section .cont div {flex: 1; overflow: hidden;}
.shuttleBusStateLayer section .cont h3 {font-size: 14px; color: #161616; font-weight: 600; margin-bottom: 4px;}
.shuttleBusStateLayer section .cont p {font-size: 14px; color: #161616; line-height: 20px; height: 40px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.shuttleBusStateLayer section .cont .datail {margin-top: auto; width: 72px; height: 32px; display: flex; align-items: center; justify-content: center; background: #F6F6F6; color: #565656; border-radius: 8px; font-size: 14px; font-weight: 600;}
.shuttleBusStateLayer section:nth-last-of-type(n+3) {opacity: 0; transform: scale(0.92) translateY(15px)  translateX(100px)}
.shuttleBusStateLayer section:last-child {transform: scale(1.0);}