@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import"https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";@font-face{font-family:"omyu_pretty";src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/omyu_pretty.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"HakgyoansimAllimjangTTF-B";src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"HakgyoansimAllimjangTTF-R";src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2") format("woff2");font-weight:400;font-style:normal}body{font:16px/1.6 "Spoqa Han Sans Neo","pretendard","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic",Helvetica,Arial,sans-serif;color:#111;word-break:keep-all}select,input,textarea,button{font:16px/1.6 "Spoqa Han Sans Neo","pretendard","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic",Helvetica,Arial,sans-serif;color:#111;margin:0}a{color:#111;text-decoration:none}a:hover{color:#3882d3;text-decoration:none}ul{margin:0;padding:0}li{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{word-break:keep-all}hr{opacity:.1}.btn{font-size:16px;border-radius:6px}.btn-primary{background:#3882d3}.btn-a{background:#3882d3;color:#fff}.btn-a:hover,.btn-a:active{background:#286db8;color:#fff}.btn-ao{background:#fff;color:#3882d3;border:1px solid #3882d3}.btn-ao:hover,.btn-ao:active{background:#3882d3;color:#fff}.btn-cpt{display:inline-block;align-self:start;width:auto;padding:8px 15px;font-weight:500;font-size:14px}.btn-c{background:#f4f4f4;color:#777}.btn-c:hover{background:#eee}.btn-shadow{box-shadow:0 4px 12px 4px rgba(56,130,211,.5);border:1px solid #3882d3;border-radius:50px;font-weight:600}.btnEmbossed{display:block;width:100%;height:56px;line-height:56px;font-size:18px;font-weight:600;border-radius:6px;border:0 none;transition:all .5s;text-align:center}.btnEmbossed.blue{background:#3882d3;color:#fff;box-shadow:0 4px #266cb7}.btnEmbossed.white{background:#fff;border:1px solid #ddd;box-shadow:0 4px #ddd;color:#111}.btnEmbossed.dark{background:#555;color:#fff;box-shadow:0 4px #3a3a3a}.btnEmbossed.green{background:#55b99f;color:#fff;box-shadow:0 4px #39957d}.btnEmbossed:active{position:relative;box-shadow:none;box-shadow:0 4px 12px rgba(0,0,0,.1) inset;top:4px}.btnEmbossed.disabled,.btnEmbossed:disabled{background:#eee;color:#bbb;box-shadow:0 4px #ddd;cursor:not-allowed}.btnEmbossed.disabled:active,.btnEmbossed:disabled:active{box-shadow:0 4px #ddd;top:0}.form-switch .form-check-input{height:26px;width:48px;background-color:#ccc;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-color:#3882d3;border-color:#3882d3}hr.black2px{border-top:2px solid #111;opacity:1;margin:30px 0}.alert-subscribe-only{background:#ffeeed;color:#e94235;padding:10px;border-radius:4px;font-weight:600;font-size:14px;text-align:center;margin:0}.vpModal .modal-header{border:0 none;padding-bottom:0}.vpModal .modal-header .modal-title{font-size:17px;font-weight:600;color:#111}.vpModal .vpmTitle{font-size:18px;font-weight:600;color:#111;text-align:center;margin:0 0 30px}.vpModal .vpmTitle b.cnt{font-weight:600;color:#3882d3}.vpModal .vpmTitle.absence{color:#e94235}.vpModal h4{font-size:17px;font-weight:600;text-align:center;margin:0 0 30px}.vpModal .modal-content{border:0 none}.vpModal .modal-content .form-control{min-height:50px}.vpModal .modal-footer{border-top:0 none;justify-content:space-between}.vpModal .modal-footer button.btn{padding:16px 0;font-weight:500}.vpModal .modal-footer button.btn-c{max-width:150px;min-width:50px;width:30%}.vpModal .modal-footer button.btn-primary{flex-grow:1}.vpModal .modal-checkSwitch{padding:0;text-align:center;margin:0 0 20px}.vpModal .modal-checkSwitch label{font-size:14px;font-weight:500;color:#888;vertical-align:middle}.vpModal .modal-checkSwitch .form-check-input{float:none;margin:0 0 0 10px;vertical-align:middle;cursor:pointer}.vpModal .modal-block-checkSwitch{display:flex;justify-content:space-between;align-items:center;margin:15px 0 0}.vpModal .modal-block-checkSwitch>label{color:#888;font-size:14px;font-weight:700}.vpModal .form-text{font-size:12px}.vpModal .selected{text-align:center;position:relative;padding:0 0 25px;margin:0 0 25px}.vpModal .selected .avatar{margin:0 10px 0 0}.vpModal .selected strong.name{color:#777;font-weight:600}.vpModal .selected .addiInfo{display:block;color:#999;font-weight:600;font-size:14px;margin:15px 0 0}.vpModal .selected::after{content:" ";position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);width:20px;height:1px;background:#ddd}.vpModal .selected .people .avatar{margin:0 -12px;box-shadow:0 4px 8px 4px rgba(0,0,0,.05)}.vpModal .selected .people .avatarCnt{background:#fff;color:#3882d3;font-size:14px;font-weight:600;display:inline-block;width:40px;height:40px;line-height:40px;border-radius:14px;border:1px solid #ddd;box-shadow:0 4px 8px 4px rgba(0,0,0,.05);margin:0 -12px}.vpModal .notYet{margin:25px 0;background:#ffeeed;padding:10px;border-radius:4px;text-align:center;font-size:14px}.vpModal .notYet strong{color:#e94235;display:block;margin:0 0 10px}.absenceReason{margin:40px 0 20px;text-align:left;width:100%}.absenceReason h4{font-size:16px;font-weight:700;color:#111;border-top:1px solid rgba(0,0,0,.1);padding:15px 0}.absenceReason h4 img{width:32px}.absenceReason h6{font-size:12px;font-weight:400;color:#888;margin:0 0 10px}.absenceReason h6 b{color:#111;font-weight:600}.absenceReason h6 button{color:#888;padding:0;margin:0;border:0;background:#fff;font-size:12px;border-bottom:1px solid #ddd}.absenceReason select{height:50px;margin:0 0 15px}.absenceReason button.btn,.absenceReason button.btnEmbossed{display:block;width:100%;border-radius:4px;margin:10px 0 0}.absenceReason .inner{display:flex;justify-content:space-between;gap:15px}.absenceReason .inner select{margin:0}.absenceReason .inner button.btn,.absenceReason .inner button.btnEmbossed{width:120px;margin:0;height:50px}.dayDetail .checkTimeTable .chRow{display:flex;justify-content:space-between;max-width:260px;margin:0 auto 20px;border-bottom:1px solid #eee;padding:0 10px 18px;align-items:center}.dayDetail .checkTimeTable .chRow:last-child{border:0 none}.dayDetail .checkTimeTable .chRow.justify-content-center{text-align:center}.dayDetail .checkTimeTable .chRow.justify-content-center .absenceReason button.btn-a{width:100%;height:40px}.dayDetail .checkTimeTable .chRow strong{font-weight:600}.dayDetail .checkTimeTable .chRow .enter{color:#3882d3}.dayDetail .checkTimeTable .chRow .leave{color:#666}.dayDetail .checkTimeTable .chRow .absence{color:#e94235;width:100%}.dayDetail .checkTimeTable .chRow .absence .reason{color:#888;font-size:13px;font-weight:400;margin:3px 0 0;display:block}@media(min-width: 768px){.dayDetail .checkTimeTable .chRow .absence .reason{white-space:nowrap}}.dayDetail .checkTimeTable .chRow .absence .reason .confirm{font-size:11px;letter-spacing:-1px;border:1px solid #55b99f;color:#55b99f;border-radius:4px;display:inline-block;padding:2px 4px;white-space:nowrap;font-style:normal;background:#fff;margin:0 0 0 2px}.dayDetail .checkTimeTable .chRow span.btns{display:flex;gap:15px}.dayDetail .checkTimeTable .chRow span.btns button{background:none;border:0 none}.profileList{display:flex;gap:10px;flex-wrap:wrap;justify-content:start}.profileItem{flex:0 0 calc(25% - 10px);aspect-ratio:1/1;position:relative;border:6px solid #fff;background:#fff;border-radius:4px;overflow:hidden;cursor:pointer}.profileItem:hover{border-color:#3882d3}.profileItem.active{border-color:#badbff;background:#d4e2f1}.profileItem label{cursor:pointer;width:100%;height:100%;display:inline-block;line-height:1;display:flex;justify-content:center;align-items:center}.profileItem label span{vertical-align:middle;cursor:pointer}.profileItem img{width:100%;height:100%;object-fit:cover;position:relative;z-index:5}.profileItem input[type=radio]{position:absolute;bottom:40%;right:40%;transform:scale(1.5);z-index:-1;cursor:pointer}.uploadItem{display:flex;justify-content:center;align-items:center;border:2px dashed #ccc;background:#fff;border-radius:4px;position:relative;cursor:pointer;transition:border-color .3s;text-align:center}.uploadItem:hover{border-color:#007bff}.uploadItem label img{filter:brightness(0.8);width:32px;height:32px}.uploadItem span{display:block;line-height:1.4;font-size:12px;color:#888}#uploadFileInput{display:none}.modalPeopleList ul.people{margin-bottom:15px}.modalPeopleList ul.people li{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;padding:0 10px;color:#666;font-size:13px}.modalPeopleList ul.people li .avatar{margin-right:5px}.modalPeopleList ul.people li strong{font-size:15px;font-weight:600;color:#111}.consentModal .consentDate{text-align:center;margin:30px 0 0;font-size:16px;font-weight:600}.consentModal .consentMsg{text-align:center;color:#888;font-size:15px;margin:10px 0}.consentModal .consentMsg em{font-weight:600;font-style:normal}.consentModal .consentMsg .yes{color:#3882d3}.consentModal .consentMsg .no{color:#e94235}.consentModal .modal-footer{justify-content:center}.consentModal .modal-footer button{width:120px;padding:10px 0}.welcomeModal{text-align:center}.welcomeModal img.illust{height:130px;margin:0 0 20px}.welcomeModal .greeting{color:#555;font-size:16px}.welcomeModal .greeting .blue{color:#3882d3}.welcomeModal .greeting .red{color:#e94235}.welcomeModal .greeting .green{color:#55b99f}.welcomeModal .greeting b{color:#111}.welcomeModal .btns{text-align:center;max-width:300px;margin:50px auto}.welcomeModal .btns button.btnBrowseNow{border:0 none;margin:40px 0 0;background:none;color:#666;font-size:16px;padding:10px 20px;border-radius:6px}.welcomeModal .btns button.btnBrowseNow:hover{background:#f3f4f5}.welcomeModal .hint{text-align:center;background:none}@media(max-width: 575.98px){.vpFullModal .modal-fullscreen-sm-down{padding-top:20px}.vpFullModal .modal-fullscreen-sm-down .modal-content{border-radius:16px 16px 0 0}}.vpFullModal h5{font-size:17px;font-weight:600;margin:0 0 15px}.addStudent .modal-body-custom{position:relative;flex:0 1 auto;padding:var(--bs-modal-padding);padding-bottom:10px}.addStudent .invoiceAddControl{margin:15px 0 0}.addStudent .invoiceAddControl .form-control{min-height:auto}.addStudent .invoiceAddControl .checks{padding:10px 0 20px;border-bottom:2px solid #111}.addStudent .invoiceAddControl .checks .form-check-input{width:24px;height:24px;margin:0;vertical-align:middle;background-color:#f5f5f5}.addStudent .invoiceAddControl .checks .form-check-input:checked{background-color:#3882d3}.addStudent .invoiceAddControl .checks label{margin-right:15px}.addStudent .invoiceAddControl .checks span{vertical-align:middle;font-size:14px;color:#888}.addStudent ul li{border-bottom:1px solid #eee}.addStudent ul li label{padding:15px 0;display:flex;justify-content:space-between;align-items:center}.addStudent ul li label .item_start{display:flex;align-items:center;gap:10px}.addStudent ul li label .item_start .form-check-input{width:24px;height:24px}.addStudent ul li label .item_start .form-check-input:checked{background-color:#3882d3;border-color:#3882d3}.addStudent ul li label .item_start strong.name{font-size:17px;margin-right:5px}.addStudent ul li label .item_start em.group{font-style:normal;font-size:13px;color:#666}.addStudent ul li label .item_end .no{font-size:13px}.addStudent ul li label{cursor:pointer}.addStudent .emptyBlock{margin:60px 0 0}.payStateManage select{min-height:50px}.wannaMerge p.anc{font-size:14px;text-align:center;color:#666}.wannaMerge .item{margin:0 0 5px}.wannaMerge .item .item_start .form-check-input:checked{background-color:#3882d3;border-color:#3882d3}.wannaMerge .item .item_end{flex-basis:auto}.kmAncModal{text-align:center}.kmAncModal p{font-size:14px;color:#888;margin:10px 0}.kmAncModal .digit4{margin:5px auto 25px;text-align:center;letter-spacing:5px;max-width:90px;min-height:40px !important;font-weight:600}.vpModalCheck .modal-content{padding:10px 10px 15px}@media screen and (orientation: landscape)and (max-width: 1023.98px){.vpModalCheck .modal-content{flex-wrap:wrap;flex-direction:row;align-items:top}.vpModalCheck .modal-content .modal-header{flex-grow:1;width:100%}.vpModalCheck .modal-content .modal-body{width:50%}.vpModalCheck .modal-content .modal-footer{width:50%}.vpModalCheck .modal-content .modal-footer .btnEmbossed{height:80px}}.vpModalCheck .student{text-align:center}.vpModalCheck .student .avatar{width:56px;height:56px}.vpModalCheck .student .name{display:block;font-size:32px;font-weight:600;margin:15px 0}.vpModalCheck .student .date{display:block;font-size:20px;color:#888;margin:0 0 5px}@media screen and (orientation: landscape)and (max-width: 1023.98px){.vpModalCheck .student .date{font-size:18px}}.vpModalCheck .student .time{display:block;font-size:20px;font-weight:600;color:#111}.vpModalCheck .notYetAlert{margin-top:15px;color:#e94235;font-size:18px;font-weight:600;text-align:center}.vpModalCheck .addiInfo{margin:20px 0 0;padding:20px 0 0;width:100%;border-top:1px solid #eee;text-align:center}@media screen and (orientation: landscape)and (max-width: 1023.98px){.vpModalCheck .addiInfo{margin-top:0}}.vpModalCheck .addiInfo .tag{font-size:14px;font-weight:500;color:#fff;padding:3px 6px;display:inline-block;border-radius:6px}.vpModalCheck .addiInfo .tag.enter{background:#55b99f}.vpModalCheck .addiInfo .tag.leave{background:#555}.vpModalCheck .addiInfo .tag.absence{background:hsla(0,0%,100%,.7);color:#3882d3}.vpModalCheck .addiInfo .dateTime{font-weight:500;margin-left:5px}img.avatar{width:40px;height:40px;border-radius:14px;background:#fff}.customGray{border:#f5f5f5;background-color:#f5f5f5;border-radius:50px;font-size:16px;font-weight:600;padding:0 20px;height:44px}.customGray.altMD{border-radius:2px;font-size:14px;margin-bottom:10px}.custromGraySearch{position:relative}.custromGraySearch .ic_search{position:absolute;top:50%;left:15px;transform:translate(0, -50%)}.custromGraySearch input.form-control{border:#f5f5f5;background-color:#f5f5f5;border-radius:50px;font-size:16px;font-weight:600;padding:0 20px 0 55px;height:44px}.custromGraySearch.altMD input.form-control{border-radius:2px;font-size:14px;margin-bottom:10px;padding-left:45px}.custromGraySearch.altMD .ic_search{width:20px}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:1056;display:none}.spinner{position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3882d3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}html{height:100%}body.main{background:#f3f4f5;height:100%}@media(min-width: 768px){body.main{overflow:hidden}}body.sub{background:#fff;max-width:1080px;margin:0 auto;overflow:auto;height:auto}@media(min-width: 768px){body.sub{padding-top:20px}}body.form{background:#f3f4f5}body.no-scroll{overflow:hidden}body.start{background:#fff}body.cradle{background:#f3f4f5;height:100%}.wrap{height:100%}header{position:sticky;top:0;left:0;width:100%;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.navBar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;min-height:52px;position:sticky;top:0;left:0;width:100%;z-index:10}.navBar.bgGray{background:rgba(245,245,245,.9)}.navBar h2{font-size:18px;font-weight:600;margin:0;flex-grow:1;text-align:center}.navBar a{height:100%;display:block;width:32px;height:32px;text-align:center;line-height:30px}.navBar a img{max-width:24px;max-height:24px}@media(min-width: 768px){.navBar a.goBack,.navBar a.goSearch{display:none}}.navBar a.goBack{position:absolute;left:15px;top:10px}.navBar a.goSearch,.navBar a.goEdit{position:absolute;right:15px;top:10px}.navBar a.textBtn{width:auto;display:inline-block}.navBar a.add{color:#3882d3;font-weight:600;font-size:15px}.navBar a.button_1st{position:absolute;right:15px;top:10px}.navBar a.button_2nd{position:absolute;right:60px;top:10px}.grayHeader{background:#f5f5f5;position:static}.horiScrollTab{margin:0 0 5px}.horiScrollTab ul{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:5px 20px 20px;-webkit-overflow-scrolling:touch}.horiScrollTab ul::-webkit-scrollbar{display:none}@media(max-width: 768px){.horiScrollTab.w100 ul{padding:0}}.horiScrollTab li{flex:1 0 auto;text-align:center;border-bottom:1px solid #ddd}.horiScrollTab a{display:block;font-size:17px;font-weight:500;padding:10px 16px;color:#777}.horiScrollTab a span.cnt{margin-left:2px;padding:4px 6px;background:#eee;border-radius:4px;font-size:14px;font-weight:600;color:#777;vertical-align:middle}.horiScrollTab a.selected{color:#111;font-weight:700;border-bottom:2px solid #111}.horiScrollTab a.selected span.cnt{background:#111;color:#fff}.horiScrollTab.sticky{position:sticky;top:52px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.horiScrollTab ul{cursor:grabbing;cursor:-webkit-grabbing;user-select:none}.horiScrollTab ul.dragging{cursor:grabbing;cursor:-webkit-grabbing}.dragging a{cursor:grabbing}.horiScrollTab::before,.horiScrollTab::after{content:"";position:absolute;top:0;width:30px;height:100%;z-index:5;pointer-events:none}.horiScrollTab::before{left:0;background:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}.horiScrollTab::after{right:0;background:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}.gnb{padding:0 20px;box-shadow:0 4px 8px rgba(0,0,0,.05)}@media(min-width: 768px){.gnb{min-height:60px;padding:4px 20px}}.gnb .top{display:flex;justify-content:space-between;padding:10px 0}.gnb a.logo{height:32px;line-height:32px}.gnb nav.utils{display:flex;gap:18px}.gnb nav.utils a{width:32px;height:32px;display:block;text-align:center;line-height:32px}.gnb .menu{height:45px;display:flex;justify-content:flex-start;gap:15px}@media(min-width: 768px){.gnb .menu{position:absolute;top:8px;left:180px;height:52px;gap:20px}}.gnb .menu a{padding:13px 6px 11px;font-size:18px;font-weight:500;line-height:1;color:#777;border-bottom:2px solid #fff}@media(min-width: 768px){.gnb .menu a{padding-left:10px;padding-right:10px}}.gnb .menu a.selected{color:#111;font-weight:600;border-color:#3882d3}.gnb .menu a:hover{color:#111}.recentHistory{padding:20px;max-width:1080px;margin:0 auto}@media(min-width: 768px){.recentHistory{height:100%;overflow-y:auto}}.content{padding:20px}.layoutSet{display:flex;height:calc(100% - 60px)}.layoutSet .aside{width:390px;padding:20px;height:100%;overflow-y:auto}.layoutSet .mainPanelWrap{flex:1;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.05)}.layoutSet .mainPanelWrap .mainPannelInner{padding:20px;max-width:1080px;margin:0 auto}.layoutSet .lsCopyrights{position:absolute;bottom:0;right:15px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:5px 10px;border-radius:4px 4px 0 0}.layoutSet .lsCopyrights .inner{display:flex;gap:10px;font-size:12px;color:#888}.layoutSet .lsCopyrights .btnTinySubscribe{color:#3882d3;text-decoration:underline}@media(max-width: 767.98px){.layoutSet .lsCopyrights{display:none}}@media(max-width: 768px){.layoutSet{flex-direction:column}.layoutSet .aside{width:100%;height:auto;overflow:visible}.layoutSet .mainPanelWrap{background:#f3f4f5;box-shadow:none;padding:0 0 20px}.layoutSet .mainPanelWrap .state_leave,.layoutSet .mainPanelWrap .state_wait{background:#fff}}.mainPannelInner{position:relative;height:100%}.anc_il{text-align:center;position:absolute;right:50px;bottom:50px}@media(max-width: 767.98px){.anc_il{display:none}}.anc_il .illust.bear{height:240px}.anc_il .speechBubble{margin:30px 0 40px;padding:20px;box-shadow:0 8px 12px rgba(0,0,0,.1);animation:moveUpDown 2s ease-in-out infinite}.anc_il .speechBubble a{font-weight:600}.anc_il .speechBubble a.btn{font-size:15px}.anc_il button{background:none;border:0 none;padding:5px;border-radius:50%;background:#f4f4f5;width:40px;height:40px}.anc_il button img{width:20px}.anc_il button.randomBubble img{width:30px}.anc_il button.closeBubble{position:absolute;right:10px;bottom:10px}.anc_il button.closeBubble img{width:16px}.anc_il button:hover{background:#f7fbff}.anc_il .speechBubble{position:relative;display:inline-block;border:2px solid #111;border-radius:8px;background-color:#fff;text-align:left;font-size:17px;font-weight:400;line-height:1.5;color:#333}.anc_il .speechBubble::before{content:"";position:absolute;bottom:0;left:50%;border-style:solid;border-width:13px 20px 0 0;border-color:#111 rgba(0,0,0,0) rgba(0,0,0,0);translate:-50% 100%;transform:skew(-11deg);transform-origin:top}.anc_il .speechBubble::after{content:"";position:absolute;bottom:0;left:50%;border-style:solid;border-width:9.3px 14.3px 0 0;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0);translate:calc(-50% - .8px) 100%;transform:skew(-11deg);transform-origin:top}.mainPanel{width:100%;height:99%}.fixedBottomPanel{position:fixed;bottom:0;left:0;right:0;width:100%;padding:20px 20px 35px;border-radius:20px 20px 0 0;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 -4px 12px rgba(217,217,217,.5);z-index:10;translate:0 110%;transition:.6s}.fixedBottomPanel.show{translate:0 0}.fixedBottomPanel .container{max-width:1080px}.fixedBottomPanel h5{color:#999;font-size:14px;display:flex;align-items:center;gap:5px;margin:0 0 15px}.fixedBottomPanel h5 .cnt{background:#3882d3;border-radius:4px;color:#fff;font-weight:600;font-size:14px;display:inline-block;padding:4px 8px}.fixedBottomPanel .actionBar{display:flex;justify-content:space-between;gap:20px}.fixedBottomPanel .actionBar select{color:#777}.fixedBottomPanel .actionBar select option.warning{color:#e94235}.fixedBottomPanel .actionBar button{min-width:120px;height:50px}.fixedRightPanel{position:fixed;right:-450px;top:0;background:#fff;box-shadow:-4px 0 8px rgba(0,0,0,.1);width:430px;height:100%;z-index:20;transition:right .3s ease;overflow:hidden}.fixedRightPanel.open{right:0}.fixedRightPanel .closePanel{position:absolute;top:8px;left:10px;padding:5px 10px;border:0 none;background:#fff;border-radius:4px;line-height:1;width:36px;height:36px}.fixedRightPanel .closePanel img{filter:brightness(0)}.fixedRightPanel .panelInner{position:relative;height:100%;display:flex;flex-direction:column}.fixedRightPanel iframe{flex:1;width:100%;height:100%;border:none}.item{border-radius:6px;position:relative;background:#f3f4f5;border:1px solid #fff;min-height:64px;transition-duration:.4s}.item.checkMode{padding-left:54px}.item.checkMode .checkboxWrap{display:block}.item.checkMode .item_end{flex-basis:auto}.item.checkMode .dropdown{display:none}.item.checkMode.checked{background:#eef3fc;border:1px solid #cfdaee}.item.checkMode.checked .checkboxWrap label span{background:#dde5f2}.item .itemInner{flex-grow:1;display:flex;justify-content:space-between;align-items:center;padding:15px}.item .checkboxWrap{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px 6px;overflow:hidden;z-index:5}.item .checkboxWrap label{display:block;width:100%;height:100%;cursor:pointer}.item .checkboxWrap label span{display:block;width:54px;height:100%;text-align:center;background:#e5e7e9;box-shadow:-4px 0 4px rgba(0,0,0,.05) inset;position:relative}.item .checkboxWrap label span input{width:24px;height:24px;margin:0;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.item .checkboxWrap label span input:checked{border-color:#3882d3;background-color:#3882d3}.item.state_wait img.check{display:none}.item.state_enter,.item.state_paid{background:#ebf9f5;border-color:#ebf9f5}.item.state_enter .checkboxWrap label span,.item.state_paid .checkboxWrap label span{background:#d0e7e0}.item.state_absence,.item.state_unpaid{background:#fdf0f0;border-color:#fdf0f0}.item.state_absence .checkboxWrap label span,.item.state_unpaid .checkboxWrap label span{background:#efdbdb}.item.state_pause,.item.state_cancelled,.item.state_refunded{background:none;border:1px dashed #ddd}.item.state_pause .item_start,.item.state_cancelled .item_start,.item.state_refunded .item_start{opacity:.5}.item.wholeLink{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 15px 20px;background:#fff;gap:10px;transition-duration:.4s}.item.wholeLink:hover{background:#eef3fc;border-color:#cfdaee}.item.wholeLink .item_end{flex-basis:auto;flex-shrink:1}.item.wholeLink.bgBlue{background:#f7fbff;border-color:#3882d3}.item.wholeLink.bgGreen{background:#effffb;border-color:#55b99f}.item.narrowItem{padding:10px 15px 10px 20px;min-height:55px}.item .item_start{display:flex;align-items:center;gap:15px}.item .item_start .profile{position:relative}.item .item_start .profile a{display:inline-block;border-radius:14px;transition-duration:.4s}.item .item_start .profile a:hover{box-shadow:0 0 12px rgba(56,130,211,.4392156863)}.item .item_start .profile img.check{width:24px;position:absolute;right:-4px;top:-4px}.item .item_start .name{color:#111;font-size:16px;margin-right:8px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;line-height:1;vertical-align:middle}@media(max-width: 567.98px){.item .item_start .name{max-width:70px}}.item .item_start .name a{transition-duration:.4s}.item .item_start .name a:hover{text-decoration:underline}.item .item_start .group{font-style:normal;font-size:13px;color:#666;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;line-height:1;vertical-align:middle}@media(max-width: 567.98px){.item .item_start .group{max-width:70px}}.item .item_start .no{font-size:13px;color:#2d2d2d;display:block}.item .item_start .groupName{font-size:17px}.item .item_start .badgeCnt{color:#777;font-weight:600;font-size:14px;padding:2px 7px;background:#eee;border-radius:4px}.item .item_start b.date{line-height:1}.item .item_start b.today{margin-left:-10px}.item .item_start .notiHis .date{display:block;color:#888;font-size:14px}.item .item_start .notiHis .title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:200px}.item .item_start>small{font-size:14px;font-weight:600;color:#666}.item .item_start .billingInfo{font-size:13px;color:#2d2d2d;display:block}.item .item_start .billingInfo .untact{font-style:normal;font-weight:600;display:inline-block}.item .item_start .billingInfo .untact img{height:16px;vertical-align:middle}.item .item_end{display:flex;gap:5px;align-items:center;flex-shrink:0;justify-content:end}@media(max-width: 575.98px){.item .item_end{flex-basis:110px}}.item .item_end .times{display:flex;gap:15px;align-items:center;font-size:14px;text-align:right}@media(max-width: 575.98px){.item .item_end .times{flex-direction:column;gap:0;align-items:end}}.item .item_end .times strong{font-weight:600}.item .item_end .times .time_enter{color:#3882d3}.item .item_end .times .time_leave{color:#666}.item .item_end .times .time_during{color:#55b99f}.item .item_end .times .absence{color:#e94235}.item .item_end .times .reason{color:#888;font-size:13px;margin:3px 0 0;display:block}@media(min-width: 768px){.item .item_end .times .reason{white-space:nowrap}}.item .item_end .times .reason .confirm{font-size:11px;letter-spacing:-1px;border:1px solid #55b99f;color:#55b99f;border-radius:4px;display:inline-block;padding:2px 6px;white-space:nowrap;font-style:normal;background:#fff;margin:0 0 0 2px}.item .item_end .btn_more{border:0 none;background:none;opacity:.6;border-radius:6px;margin-right:-6px;padding:11px 8px;transition-duration:.4s}.item .item_end .btn_more img{transform:rotate(90deg)}.item .item_end .btn_more:hover{background:rgba(0,0,0,.05);opacity:1}.item .item_end .btn_more:active{background:rgba(0,0,0,.2);padding:10px 7px;margin:1px -5px 1px 1px}.item .item_end .btn_checkEnter{border:1px solid #3882d3;border-radius:4px;font-weight:600;font-size:14px;color:#3882d3;background:#fff;line-height:1;padding:10px 15px;transition-duration:.4s}.item .item_end .btn_checkEnter:hover{background:#3882d3;color:#fff}.item .item_end .btn_checkLeave{border:1px solid #55b99f;border-radius:4px;font-weight:600;font-size:14px;color:#55b99f;background:#fff;line-height:1;padding:10px 15px;transition-duration:.4s}.item .item_end .btn_checkLeave:hover{background:#55b99f;color:#fff}.item .item_end .statCnt{font-size:14px;font-weight:600;display:flex;gap:10px;min-width:100px}.item .item_end .statCnt .cnt_enter{color:#55b99f}.item .item_end .statCnt .cnt_leave{color:#666}.item .item_end .statCnt .cnt_absence{color:#e94235}.item .item_end .icGray{filter:brightness(0);opacity:.3}.item .item_end .arrowCnt{font-size:17px;font-weight:600}.item .item_end .dropdown-menu{min-width:100px;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,.05)}.item .item_end .dropdown-menu li{margin:0}.item .item_end .dropdown-menu li .dropdown-item{padding:8px 10px;font-size:16px;border-radius:6px}.item .item_end .dropdown-menu li .dropdown-item:active{background:#3882d3}.item .item_end .dropdown-menu .absence{color:#e94235}.item .item_end .dropdown-menu .absence:active{background:#e94235;color:#fff}.item .item_end .dropdown-menu .enter{color:#3882d3}.item .item_end .dropdown-menu .enter:active{background:#3882d3;color:#fff}.item .item_end .date{font-size:14px;font-weight:600;color:#888}.item .item_end .billingStatus>span{border:1px solid;font-size:12px;font-weight:500;display:inline-block;padding:4px 5px;border-radius:2px;line-height:1;white-space:nowrap}.item .item_end .billingStatus>span.tag_paid{color:#55b99f;border-color:#55b99f;background:#effffb}.item .item_end .billingStatus>span.tag_unpaid{color:#e94235;border-color:#e94235;background:#ffeeed}.item .item_end .billingStatus>span.tag_pending{color:#3882d3;border-color:#3882d3;background:#f7fbff}.item .item_end .billingStatus>span.tag_scheduled{color:#666;border-color:#666;background:#fff}.item .item_end .billingStatus>span.tag_cancelled{color:#999;border-color:#999}.item .item_end .billingStatus>span.tag_refunded{color:#999;border-color:#999}.statLinkItems{margin-top:-20px !important}.statLinkItems .state_enter{color:#55b99f;background:#ebf9f5;border-color:#ebf9f5}.statLinkItems .state_wait{color:#666}.statLinkItems .state_absence{color:#e94235;background:#fdf0f0;border-color:#fdf0f0}@media(max-width: 768px){.statLinkItems{display:flex;gap:10px;justify-content:space-between}.statLinkItems li{flex-grow:1;margin:0}.statLinkItems .item{flex-direction:column;padding:15px 0;gap:8px}.statLinkItems .item .stH{font-size:13px}.statLinkItems .item .arrow{display:none}.statLinkItems .item .arrowCnt{font-size:22px;line-height:1}}.vth{color:#999;font-size:14px;font-weight:600;margin:0 0 5px;display:flex;justify-content:space-between;align-items:center}.vth>span{display:flex;width:100%;padding:10px;line-height:1}.vth>span.ll{width:auto}.vth a.more{color:#3882d3}.vth a.more:hover{text-decoration:underline}.vth button{display:flex;width:100%;justify-content:space-between;font-size:14px;color:#999;font-weight:600;border:0 none;background:none;padding:10px;line-height:1;background:#f3f4f5;border-radius:6px;margin-bottom:20px}.vth button img{transform:rotate(180deg)}.vth button.open{background:#fff;margin:0}.vth button.open img{transform:rotate(0)}.vth span.state_enter{color:#55b99f}.vth span.state_absence{color:#e94235}.vth.lp0>span{padding:10px 0}.todayDivider{position:relative;text-align:center;margin:30px 0}.todayDivider span{color:#3882d3;font-size:14px;font-weight:600}.todayDivider:before{content:" ";position:absolute;left:0;top:49%;width:35%;height:1px;background:#ddd}.todayDivider:after{content:" ";position:absolute;right:0;top:49%;width:35%;height:1px;background:#ddd}.list{margin:0 0 30px}.list>li{margin:0 0 10px}.list>li.hasNo{background:#fff;border-radius:6px;color:#888;font-size:14px;padding:20px}.list>li.half{display:flex;justify-content:space-between;gap:10px}.list>li.half .wholeLink{flex-grow:1;width:50%}.list>li.half .wholeLink .item_start b{font-size:14px}.list>li.half .wholeLink .item_end{display:none}.list>li.third{display:flex;justify-content:space-between;gap:10px}.list>li.third .wholeLink{width:33.3%;padding:20px 0;justify-content:center}.list>li.third .wholeLink.link-enter-cradle{padding:15px 0}.list>li.third .wholeLink .item_start{flex-flow:column}.list>li.third .wholeLink .item_start b{font-size:14px;line-height:1;text-align:center}.list>li.third .wholeLink .item_start b small{display:block;font-size:12px;font-weight:300;color:#888;margin-top:3px}.list>li.third .wholeLink .item_end{display:none}.list>li.one .wholeLink .item_start b{font-size:14px}.studentList{margin:0 0 30px}.studentList>li{margin:0 0 10px}.groupList{margin:0 0 30px}.groupList>li{margin:0 0 10px}.lastAddButton{border:1px dashed #3882d3;border-radius:6px;color:#3882d3;padding:12px 0;font-size:15px;font-weight:600;display:block;text-align:center;background:#fff}.lastAddButton.tiny{padding:5px;display:block;font-size:13px}.lastAddButton:hover{background:#f7fbff}.lastAddButton.red{border-color:#e94235;color:#e94235}.lastAddButton.red:hover{background:#ffeeed}.lastAddButton.disabled{color:#ccc;background:#f5f5f5;border-color:#ccc}.groupListTab{padding-top:5px}.groupListTab ul{justify-content:space-between}.groupListTab li{flex:1 0 auto}.groupListTab li.lastBtnWtap{flex-grow:0}.groupListTab a{padding:10px 16px}.groupListTab .addGroup{background:#f3f4f5;color:#888;font-size:15px;font-weight:500;border-radius:4px;padding:5px 10px;margin:6px 0 0 10px}.checkFilter{display:flex;justify-content:space-between;gap:10px;margin:0 0 25px}.checkFilter label,.checkFilter button{display:inline-block;border:1px solid #ddd;border-bottom:2px solid #ddd;border-radius:4px;color:#111;font-size:14px;height:38px;text-align:center;flex-grow:1;background:#fff;cursor:pointer}.checkFilter label{line-height:37px;font-weight:600}.checkFilter label input{display:none}.checkFilter label:has(:checked){background:#f7fbff;border-color:#3882d3;color:#3882d3;border-bottom-width:1px}.checkFilter label.state_all{color:#111}.checkFilter label.state_all:has(:checked){background:#111;border-color:#111;color:#fff}.checkFilter label.state_enter{color:#55b99f}.checkFilter label.state_enter:has(:checked){background:#effffb;border-color:#55b99f;color:#55b99f}.checkFilter label.state_absence{color:#e94235}.checkFilter label.state_absence:has(:checked){background:#ffeeed;border-color:#e94235;color:#e94235}.checkFilter button{padding:0}.checkFilter button img{width:20px}.listControlBar{display:flex;justify-content:space-between;gap:10px;padding:0 0 20px}.listControlBar.sticky{position:sticky;top:52px;z-index:10;padding:0 20px 20px;margin-left:-20px;margin-right:-20px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.listControlBar .start,.listControlBar .end{display:flex;gap:10px}.listControlBar button.btnMode{display:inline-block;border:1px solid #ddd;border-bottom:2px solid #ddd;border-radius:4px;color:#666;font-size:14px;height:38px;text-align:center;flex-grow:1;background:#fff;padding:1px 8px}.listControlBar button.btnMode img{width:20px}.listControlBar button.btnMode:hover,.listControlBar button.btnMode.on{background:#3882d3;color:#fff}.listControlBar button.btnMode:hover img,.listControlBar button.btnMode.on img{filter:brightness(100)}.listControlBar button.btnMode:active,.listControlBar button.btnMode.on{border-color:#3882d3}.listControlBar select{font-size:14px;color:#666;border-left:0 none;border-bottom-width:2px;border-color:#ddd}.listControlBar .input-group-text{background:#fff;padding-left:5px;padding-right:0;border-bottom-width:2px;border-color:#ddd}.listControlBar .searchBox{flex-grow:1}.listControlBar .searchBox input{font-size:16px;color:#777;background:#f5f5f5;border-radius:50px;padding:7px 15px;height:38px}.listControlBar .searchBox input::placeholder{color:#888;font-weight:400}.listControlBar .searchBox .btn{border:1px solid #ddd;border-radius:50px;line-height:1}.listControlBar .searchBox .btn img{width:20px}.listControlBar .searchCancel{background:none;border:0 none}.listControlBar button.checkAll{display:none}.listControlBar.cb_checkMode .checkAll{display:block}.listControlBar.cb_checkMode .intoSearchMode{display:none}.listControlBar.cb_checkMode .sorter{display:none}.listControlBar .searchBox,.listControlBar .searchCancel{display:none}.listControlBar.cb_searchMode .start{flex-grow:1}.listControlBar.cb_searchMode .btnMode{display:none}.listControlBar.cb_searchMode .sorter{display:none}.listControlBar.cb_searchMode .searchBox,.listControlBar.cb_searchMode .searchCancel{display:block}.dateChanger{display:flex;align-items:center;justify-content:center;position:sticky;top:50px;z-index:10;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:-10px -20px 10px;padding:10px 0}.dateChanger button{border:0 none;background:none;padding:0 10px;margin:0 10px}.dateChanger button:disabled{opacity:.5}.dateChanger select.month{display:inline-block;width:auto;border:0 none;font-weight:600;padding-top:5px;padding-bottom:5px;padding-right:22px;background-position:right 0 center}.dateChanger strong.date{display:flex;align-items:center;min-height:35px}.comListControl{margin:0 0 30px}.comListControl .customGray{border-radius:2px;font-size:14px;margin-bottom:10px}.comListControl .invoiceFilter{display:flex;justify-content:space-between;gap:8px}.comListControl .invoiceFilter label{display:block;padding:8px 0;font-weight:600;border:1px solid #ddd;text-align:center;flex:1;font-size:14px;border-radius:4px}.comListControl .invoiceFilter label input{display:none}.comListControl .invoiceFilter label:has(:checked){background:#111;border-color:#111;color:#fff}.comListControl .invoiceFilter label.state_paid:has(:checked){background:#effffb;color:#55b99f;border-color:#55b99f}.comListControl .invoiceFilter label.state_unpaid:has(:checked){background:#ffeeed;color:#e94235;border-color:#e94235}.comListControl .invoiceFilter label.state_pending:has(:checked){background:#f7fbff;color:#3882d3;border-color:#3882d3}.comListControl .invoiceFilter label.state_scheduled:has(:checked){background:#eee;color:#444;border-color:#666}.emptyBlock{margin:100px 0;text-align:center}.emptyBlock img.illust{margin:30px 0}.emptyBlock p.hasNo{font-size:14px;font-weight:500;color:#999;margin:20px 0}.emptyBlock a.btnAdd{display:inline-block;padding:15px 35px;border:1px dashed #ddd;background:#f5f5f5;color:#888;font-size:15px;border-radius:4px}.emptyBlock a.btnAdd:hover{background:#eee;color:#777}@media(max-width: 768px){.inEntry .emptyBlock{margin-top:20px}}.calContainer{margin:20px -5px}.calContainer.personalCal{margin-top:0}.calContainer.personalCal td{height:70px}.calContainer.personalCal td .day{font-size:15px}.calContainer .calHeader{padding:10px 0;margin:0 0 10px;display:flex;justify-content:center;gap:24px;position:relative}.calContainer .calHeader h3{font-size:24px;font-weight:bold;display:inline-block;margin:0}.calContainer .calHeader .form-select{text-align:center;font-weight:600;font-size:24px;display:inline-block;width:auto;border:0 none}.calContainer .calHeader .yearSelector{position:absolute;left:5px;top:0;font-size:14px;color:#999}.calContainer table{width:100%;border-collapse:collapse}.calContainer th,.calContainer td{width:14.28%;text-align:center;padding:10px 2px;border-bottom:1px solid #eee}.calContainer th{font-size:14px;font-weight:500;color:#888}.calContainer td{height:100px;vertical-align:top;line-height:1.3}.calContainer td .day{display:inline-block;padding:8px 0 8px;font-size:18px;font-weight:600;color:#111;display:block}.calContainer td .cnt{display:block}.calContainer td .cnt i.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#eee}.calContainer td .cnt i.dot.dot{width:8px;height:8px;margin:0 auto}.calContainer td .cnt em{font-style:normal;font-size:13px;font-weight:500;display:inline-block;min-width:18px}.calContainer td .cnt.cnt_enter i.dot{background:#3882d3}.calContainer td .cnt.cnt_enter em{color:#3882d3}.calContainer td .cnt.cnt_absence i.dot{background:#e94235}.calContainer td .cnt.cnt_absence em{color:#e94235}.calContainer td .cnt.cnt_paid i.dot{background:#55b99f}.calContainer td .cnt.cnt_paid em{color:#55b99f}.calContainer td .cnt.cnt_unpaid i.dot{background:#e94235}.calContainer td .cnt.cnt_unpaid em{color:#e94235}.calContainer td .cnt.cnt_pending i.dot{background:#3882d3}.calContainer td .cnt.cnt_pending em{color:#3882d3}.calContainer td .cnt.cnt_scheduled i.dot{background:#666}.calContainer td .cnt.cnt_scheduled em{color:#666}.calContainer td .cnt.cnt_cancelled i.dot{background:#aaa}.calContainer td .cnt.cnt_cancelled em{color:#999}.calContainer td .cnt.cnt_refunded i.dot{background:#aaa}.calContainer td .cnt.cnt_refunded em{color:#999}.calContainer td .cnt:last-child{margin-bottom:10px}.calContainer td>a{display:block;height:100%}.calContainer td>a:hover{background:#eef3fc;border:1px solid #cfdaee;border-radius:4px;margin:-1px}.calContainer td.today{position:relative}.calContainer td.today:after{content:" ";position:absolute;top:0;left:0;width:100%;border-top:2px solid #3882d3}.calContainer td.today .day{color:#3882d3}.calContainer td.inactive .day,.calContainer td.weekend .day{color:#999}.memberHeader{text-align:center;padding-bottom:20px}.memberHeader img.avatar{width:100px;height:100px;border-radius:32px;border-radius:50%;box-shadow:0 4px 8px 4px rgba(0,0,0,.05)}.memberHeader strong.name{display:block;font-size:24px;font-weight:600;margin:10px 0 0}.memberHeader span.group{font-size:15px;color:#666;display:block}.memberHeader .tags span{display:inline-block;border-radius:50px;border:1px solid #3882d3;font-size:12px;font-weight:500;margin:20px 2px 0;padding:5px 12px}.memberHeader .tags span.on{background:#3882d3;color:#fff}.memberHeader .tags span.set{background:#fff;color:#3882d3}.memberHeader .tags span.off{background:#ddd;color:#999;border-color:#ccc}.memberHeader .tags img{width:32px;height:32px;margin:0 2px}.horiScrollTab.memberInfoTab,.horiScrollTab.studentInfoTab{background:#f5f5f5;border-bottom:1px solid #ddd}.horiScrollTab.memberInfoTab ul,.horiScrollTab.studentInfoTab ul{padding-top:0;padding-bottom:0}.horiScrollTab.memberInfoTab li,.horiScrollTab.studentInfoTab li{border-bottom:0 none}.memberInfoTab::before,.memberInfoTab::after{display:none}.infoTable{padding:0 10px 20px}.infoTable h6.vth{margin:0 0 10px}.infoTable h6.vth span{padding:10px 0}.infoTable .itRow{display:flex;justify-content:space-between;gap:60px}.infoTable .itRow dd{margin:0;color:#555;text-align:right}.infoTable .memo{border:1px solid #ddd;padding:15px 15px 45px;border-radius:6px;color:#888;font-size:16px;min-height:100px;position:relative;word-break:break-all}.infoTable .memo a.btnWrite{position:absolute;right:15px;bottom:15px}.editForm{padding-bottom:100px}.editForm .form-label{font-size:14px;font-weight:600;color:#888;margin-bottom:0;display:flex;justify-content:space-between;align-items:center}.editForm .form-control,.editForm .form-select{min-height:50px;border-color:#bbb}.editForm .form-control::placeholder,.editForm .form-select::placeholder{color:#aaa;font-weight:400}.editForm .form-control:disabled,.editForm .form-select:disabled{color:#999}.editForm input.form-control[type=text]{font-weight:600}.editForm input.form-control[type=date]{font-weight:500}.editForm input.form-control[type=number]{font-weight:600}.editForm .form-select{font-weight:600}.editForm .field{margin:0 -20px;padding:30px 20px;border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:15px}.editForm .field:first-child{padding-top:0}.editForm .field:last-child{border:0 none}.editForm .field .input-group-text{color:#999;background:#f5f5f5;border-color:#bbb}.editForm .field .form-floating>.form-control-plaintext~label,.editForm .field .form-floating>.form-control:focus~label,.editForm .field .form-floating>.form-control:not(:placeholder-shown)~label,.editForm .field .form-floating>.form-select~label{color:#999}.editForm .field .pWrap{position:relative}.editForm .field .pWrap button{position:absolute;right:0;top:0;border-radius:6px;background:none;border:0 none;height:50px;width:50px}.editForm .field .pWrap button.addPhoneNumber{width:100%;text-align:right;padding:0 13px 0 0}.editForm .field .pWrap button:hover{background:rgba(200,200,200,.1)}.editForm .field .lineSet{display:flex;justify-content:space-between;align-items:center;gap:10px}.editForm .field .lineSet span{font-size:14px;color:#888;white-space:nowrap}.editForm .field .lineSet .start{display:flex;justify-content:space-between;align-items:center;gap:10px}.editForm .field .lineSet input{max-width:80px}.editForm .field .lineSet input[type=time]{max-width:140px}.editForm .btn-submit{position:fixed;bottom:30px;left:20px;right:20px;height:56px;z-index:5}.editForm .profileContainer{position:relative;width:120px;height:120px;margin:15px auto 30px}.editForm .profileContainer.instLogoContainer{width:100%;height:auto;min-height:120px;background:#fff;margin:0;display:flex;align-items:center;justify-content:center}.editForm .profileContainer .profileImage{width:100%;height:100%;border-radius:42px;object-fit:cover;box-shadow:0 4px 8px 4px rgba(0,0,0,.05);background:#fff}.editForm .profileContainer .profileImage.teacherProfileImg{box-shadow:none;border-radius:0;background:none}.editForm .profileContainer .instLogo{border-radius:4px;box-shadow:none;background:none;max-width:100%;width:auto;height:auto}.editForm .profileContainer .cameraIcon{position:absolute;bottom:5px;right:5px;background-color:#3882d3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.editForm .profileContainer .fileInput{display:none}.editForm .msgTypeSelect{margin:0}.editForm .msgPreview{font-size:16px;border:1px solid #bbb;padding:15px;border-radius:6px;font-family:"Spoqa Han Sans Neo","pretendard",sans-serif}.editForm .msgPreview b{color:#3882d3}.editForm .selected{text-align:center;position:relative;padding:35px 0 15px}.editForm .selected .avatar{width:70px;height:70px;margin:0 10px 0 0}.editForm .selected strong.name{color:#777;font-weight:600}.editForm .selected .addiInfo{display:block;font-weight:600;font-size:14px;margin:15px 0 0}.editForm .selected .addiInfo b{color:#3882d3}.editForm .selected .people .avatar{margin:0 -12px;box-shadow:0 4px 8px 4px rgba(0,0,0,.05)}.editForm .selected .people .avatarCnt{background:#fff;color:#3882d3;font-size:24px;font-weight:600;display:inline-block;width:70px;height:70px;line-height:70px;border-radius:14px;box-shadow:0 4px 8px 4px rgba(0,0,0,.05);margin:0 -12px;vertical-align:middle}.editForm .selectDeliveryType{display:flex;flex-direction:column;gap:10px}.editForm .selectDeliveryType label{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0 15px;border-radius:6px;border:1px solid #bbb;background:#fff}.editForm .selectDeliveryType label:has(:checked){background:#f7fbff;border-color:#3882d3;color:#3882d3;border-width:2px;padding:14px}.editForm .selectDeliveryType label:has(:checked) .start b{font-weight:700;color:#3882d3}.editForm .selectDeliveryType label .start{display:flex;align-items:center;gap:7px}.editForm .selectDeliveryType label .start img.ic{height:24px}.editForm .selectDeliveryType label .start b{font-size:17px;font-weight:400;color:#aaa}.editForm .selectDeliveryType label .end .tag{font-style:normal;font-size:12px;font-weight:600}.editForm .selectDeliveryType label .end .tag.sc{color:#55b99f}.editForm .selectDeliveryType label .end .tag.box{color:#3882d3;border:1px solid #3882d3;padding:3px 4px;border-radius:4px;background:#fff}.hint{font-size:13px;color:#888;background:url(../img/ic_tiny_info.svg) no-repeat 0 2px;padding-left:20px;padding-right:30px;line-height:1.4}.hint strong{color:#3882d3}.hint b{color:#111}.hint em{font-weight:600;font-style:normal}.hint ul{margin:15px 0}.hint li{list-style:disc;margin:0 0 3px 15px}.hint.text-danger{color:#e94235 !important}.hint a{color:#3882d3;font-weight:600}.GuideBn{background:#fff;border-radius:6px;padding:13px;display:flex;justify-content:space-between;font-size:13px;border:2px solid rgba(0,0,0,0);color:#111;margin:10px 0}.GuideBn img.ic{margin:0 3px 0 0}.GuideBn small{color:#666;font-size:13px}.GuideBn:hover{background:#f7fbff;border-color:#3882d3;color:#111}.deviceList li{margin:0 0 10px}.deviceList li.no-device{font-size:14px;color:#888;text-align:center;margin:20px 0 50px}.deviceEcc{margin:250px 0 0}.deviceEcc a{color:#3882d3;font-weight:600;font-size:14px;text-decoration:underline}.deviceEcc .bn{margin:10px 0;display:block}.deviceEcc .bn img{display:block;width:600px;max-width:100%}.deviceEcc div.hint{margin:0 0 5px}.device{background:#fff}.device .deviceName span{display:block;font-size:12px;color:#666}.device .deviceName em.tag{font-style:normal;font-size:12px;font-weight:600;color:#3882d3;border:1px solid #3882d3;padding:3px 4px;border-radius:4px;background:#fff}.device .item_end{flex-basis:auto}.download{margin:40px 0 0}.download .appName strong{color:#3882d3;font-size:14px;display:block}.download .appName span{display:block;font-size:14px;color:#666}.teacherList{margin:15px 0 120px}.teacherList li{margin:0 0 10px}.item.teacher{background:#fff}.item.teacher .itemInner{align-items:start;padding:0}.item.teacher .item_start{align-items:start;flex-grow:1;padding:15px;transition:background .5s}.item.teacher .item_start:hover{border-radius:6px;background:#eef3fc;border:1px solid #cfdaee;padding:14px}.item.teacher .avatar{width:54px;height:54px;border:0 none;border-radius:0;background:none}.item.teacher .teacherInfo .name{display:block;font-size:16px;font-weight:700;margin:0 0 2px}.item.teacher .teacherInfo .id{display:block;font-size:13px;color:#666}.item.teacher .item_end{flex-basis:0;padding:4px 15px 15px 15px}.item.teacher.inactive{background:#eee;border:1px dashed #ccc}.item.teacher.inactive .item_start{opacity:.4}.gTagList{margin:10px 0 0;display:flex;gap:5px}.gTagList .gTag{border-radius:2px;border:1px solid #55b99f;background:#effffb;color:#55b99f;font-size:12px;padding:5px;display:inline-block;font-weight:600;line-height:1}.checkButton{display:flex;flex-wrap:wrap;gap:10px}.checkButton label{display:inline-block;border:1px solid #ddd;border-bottom:2px solid #ddd;border-radius:4px;color:#666;font-size:14px;font-weight:500;text-align:center;background:#fff;padding:8px 10px 7px}.checkButton label input{display:none}.checkButton label.on{background:#effffb;border-color:#55b99f;border-bottom-width:1px;color:#55b99f;font-weight:600}.tProfileWrap{text-align:center}.tProfileWrap .avatar{width:100px;height:100px;background:none;border-radius:0;margin:10px 0}.tProfileWrap .name{display:block;font-size:16px;font-weight:600}.tProfileWrap .id{display:block;font-size:14px;color:#666}.tProfileWrap .gTagList{justify-content:center}.flwrap{position:relative}.flwrap label{position:absolute;left:15px;top:50%;transform:translate(0, -50%);font-size:14px;font-weight:500;color:#888}.flwrap input{text-align:right;color:#111 !important;background:#eee !important}.tivtTxtBox{background:#fff;border:1px solid #ddd;border-radius:6px;padding:15px}.tivtTxtBox textarea{width:100%;font-size:13px;color:#444;height:150px;border:0 none;background:none;line-height:1.5}.tivtTxtBox button.lastAddButton{width:100%;margin:0 auto}.tivtTxtBox button.lastAddButton.sendViaKakao{margin-top:10px}.tivtTxtBox button.lastAddButton.sendViaKakao img{margin-right:5px}.customBlockCheck label{display:block;font-weight:600;padding:5px 0}.customBlockCheck label img.payssam{height:30px;vertical-align:bottom;margin:0 6px 0 0}.customBlockCheck label span{vertical-align:middle}.customBlockCheck label:has(input:disabled) span{color:#888;cursor:not-allowed;text-decoration:line-through}.customBlockCheck .form-check-input{width:24px;height:24px;margin:0 4px 0 0;vertical-align:middle}.customBlockCheck .form-check-input:checked{background-color:#3882d3;border-color:#3882d3}.addedStudent li{display:flex;justify-content:space-between;border:1px solid #ddd;border-radius:6px;background:#fff;overflow:hidden;margin-bottom:10px}.addedStudent li:last-child{margin:0}.addedStudent .item_start{padding:12px 15px;display:flex;gap:10px;align-items:center}.addedStudent .item_start .info{display:flex;flex-direction:column}.addedStudent .item_start .info em{font-size:13px;font-style:normal;color:#666}.addedStudent .item_start .no{font-size:13px;color:#222;margin-top:2px;align-self:flex-start}.addedStudent .item_end{border-left:1px solid #ddd}.addedStudent .item_end .btnDel{height:100%;width:42px;border:0 none;background:#f5f5f5}.paymentDue{display:flex;flex-direction:column;gap:15px;margin-top:15px}.paymentDue .input-group .igtAlt{background:#fff;font-weight:600;color:#111;min-width:110px;justify-content:center}.paymentDue .input-group .btn{background:#fff;border-color:#bbb}.paymentDue .input-group .btn:hover{background:#f5f5f5;border-color:#3882d3}.paymentDue .input-group .btnDel:hover{background:#ffeeed;border-color:#e94235}.paymentDue .input-group .itemName{max-width:110px;text-align:center}.paymentDue .sum{display:flex;justify-content:space-between}.setItem{background:#fff}.setItem .itemInner{gap:10px}.setItem .itemInner .item_end{flex-basis:auto;gap:10px}.setItem .setTitle strong{font-size:16px;color:#444}.setItem .setTitle small.desc{display:block;font-size:13px;color:#888}.marketingAgree{padding:15px;border-top:1px solid #ddd;color:#666;display:flex;justify-content:space-between;align-items:center}.marketingAgree em{font-size:16px;font-style:normal;color:#888;vertical-align:middle}.marketingAgree img{vertical-align:middle}.setItem .digit1{max-width:50px;min-height:40px !important}.setItem .digit4{max-width:90px;min-height:40px !important}.digit1{text-align:center}.digit4{text-align:center;letter-spacing:5px;padding-right:5px}.contentSetting{padding:20px 25px}.contentSetting .logout{border:1px solid #ddd;border-radius:6px;color:#888;font-size:14px;background:none;padding:0 10px;height:32px;letter-spacing:-0.5px;display:block;margin:80px auto 60px}.menuList{margin:15px -5px 50px}.menuList .menu{display:flex;justify-content:space-between;padding:10px 5px;font-size:18px;color:#444;font-weight:600;align-items:center}.menuList .menu .end{font-size:14px;color:#888}.menuList .menu .end b{color:#3882d3;font-weight:600}.menuList .menu .end.ver a{color:#3882d3;text-decoration:underline}.menuList .menu .end.email{font-weight:400}.menuList .menu .end.pw{font-weight:400;font-size:12px;color:#999}.menuList .menu .end.pw small{margin-left:5px;font-size:14px;font-weight:600;letter-spacing:2px}.menuList .menu.fll{justify-content:start;align-items:center}.menuList a.menu{border-radius:6px}.menuList a.menu:hover{background:#f5f5f5}.menuList .bb{position:relative;background:#90bceb;color:#fff;font-size:13px;font-weight:400;line-height:31px;text-align:center;width:90px;height:30px;border-radius:6px;padding:0px;margin-left:10px;margin-top:-2px}.menuList .bb:after{content:"";position:absolute;display:block;width:0;z-index:1;border-style:solid;border-color:rgba(0,0,0,0) #90bceb;border-width:5px 5px 5px 0;top:50%;left:-5px;margin-top:-5px}footer.copyrights,.ex_footer .copyrights,.l_footer .copyrights{font-size:12px;color:#888;padding:25px 0 15px;border-top:1px solid #eee;word-break:keep-all;max-width:600px;margin:0 auto}@media(max-width: 768px){footer.copyrights,.ex_footer .copyrights,.l_footer .copyrights{padding:25px 25px 15px}}footer.copyrights p,.ex_footer .copyrights p,.l_footer .copyrights p{display:flex;column-gap:15px;flex-wrap:wrap}footer.copyrights span,.ex_footer .copyrights span,.l_footer .copyrights span{display:inline-block}footer.copyrights .logo,.ex_footer .copyrights .logo,.l_footer .copyrights .logo{height:20px;margin:0 0 15px;filter:grayscale(1);opacity:.7}footer.copyrights p.cp,.ex_footer .copyrights p.cp,.l_footer .copyrights p.cp{display:block}footer.copyrights .terms,.ex_footer .copyrights .terms,.l_footer .copyrights .terms{margin-left:15px}@media(max-width: 768px){footer.copyrights .terms,.ex_footer .copyrights .terms,.l_footer .copyrights .terms{margin:10px 0 0;display:block}}footer.copyrights .terms a,.ex_footer .copyrights .terms a,.l_footer .copyrights .terms a{color:#111;margin-right:15px;text-decoration:underline}.banners{margin:0 0 30px}.banners a{display:block;margin:0 0 15px}.banners a:last-child{margin:0}.banners img{max-width:100%}.moreBanners .owl-dots{text-align:right;padding-right:10px;margin-top:2px}.moreBanners .owl-dots button{margin-left:6px}.moreBanners .owl-dots button span{display:block;width:9px;height:9px;border-radius:50px;background:#ddd}.moreBanners .owl-dots button.active span{background:#3882d3}.instCard{background:#fff;border-radius:6px;margin-bottom:10px;overflow:hidden}.instCard .instLogoContainer{background:#fff;min-height:100px;text-align:center;line-height:100px}.instCard .instLogoContainer .instLogo{max-width:100%}.instCard .bottom{padding:23px 20px;display:flex;justify-content:space-between;border-top:1px solid #eee}.instCard .bottom a{color:#3882d3;font-size:14px;font-weight:600}.priceList .item{background:#fff}.priceList .item .item_end{gap:10px}.priceList .blueWholeLink{background:#f7fbff;border:1px solid #3882d3;color:#3882d3}.priceList .blueWholeLink:hover{background:#3882d3;color:#fff}.priceList .blueWholeLink:hover .item_start img.item_ic{filter:invert(100%)}.priceList .blueWholeLink .item_start img.item_ic{filter:brightness(0) saturate(100%) invert(51%) sepia(15%) saturate(2701%) hue-rotate(172deg) brightness(89%) contrast(84%)}.priceList .blueWholeLink .item_end{padding-right:5px}.priceList .blueWholeLink .arrow{display:none}.priceList .priceName{color:#3882d3;font-size:17px;font-family:HakgyoansimAllimjangTTF-B;font-weight:400}.priceList .appIC{width:32px;height:32px}.priceList .price{font-size:14px;font-weight:600}.priceList .btnSubscribe{display:block;height:50px;line-height:50px;font-size:16px}.barLink{background:#fff;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.barLink a{flex:1;text-align:center;border-right:1px solid #ddd;font-size:15px;font-weight:500;color:#666;padding:3px 0}.barLink a:last-child{border:0 none}.barLink.tal{padding:0}.barLink.tal a{padding:15px 20px;text-align:left}.barLink.tal a:hover{color:#111}.csCenterCard{background:#fff;border-radius:6px;padding:20px;box-shadow:0 4px #ddd;position:relative;color:#444}.csCenterCard h5{color:#3882d3;font-size:20px;font-family:HakgyoansimAllimjangTTF-R;margin:0 0 5px}.csCenterCard strong{font-size:20px;font-weight:600;color:#444}.csCenterCard a.phoneCall{position:absolute;top:20px;right:20px}.csCenterCard p{font-size:14px}.csCenterCard p b{display:inline-block;margin-right:8px}.csCenterCard p small{display:inline-block;font-size:13px;color:#888}.csCenterCard .tail{border-top:1px solid #ddd;padding:15px 0 0;margin:15px 0 0;font-size:14px}.csAnc{font-size:14px;border-top:1px solid #ddd;margin:10px 0 0;padding:20px 0}.csAnc b{display:block;margin:5px 0}.csAnc span{color:#444}.csAnc span small{color:#888}.csAnc .ic{width:32px;height:32px;display:block}.referralPromoAnc{font-family:pretendard;padding:0 20px 30px}.referralPromoAnc .masthead{margin:0 0 60px}.referralPromoAnc .masthead h3{color:#888;font-size:14px;font-weight:700}.referralPromoAnc .masthead h4{font-size:27px;font-weight:400;line-height:38px}.referralPromoAnc .masthead h4 strong{font-size:36px;font-style:normal;font-weight:900;display:block;margin:10px 0 20px}.referralPromoAnc .masthead h4 em{color:#3882d3;font-size:27px;font-style:normal;font-weight:700;display:block}.referralPromoAnc img.ob{max-width:100%}.referralPromoAnc .ilWrap{text-align:right}@media(min-width: 768px){.referralPromoAnc .ilWrap img.ob{max-width:400px}}.referralPromoAnc .promoDetailAnc h5{font-size:24px;font-style:normal;font-weight:600;line-height:28px;margin:0 0 20px;color:#111}.referralPromoAnc .promoDetailAnc p{color:#555;font-size:18px}.referralPromoAnc .promoDetailAnc p b{font-weight:600;color:#111}.referralPromoAnc .promoDetailAnc a.goPromo{display:block;height:50px;text-align:center;line-height:36px;margin:40px auto;max-width:310px}.referralPromoAnc .promoDetailAnc .steps{margin:70px 0}.referralPromoAnc .promoDetailAnc .steps .st{margin:0 0 40px}.referralPromoAnc .promoDetailAnc .steps span.h{color:#3882d3;font-size:14px;font-weight:700;display:block}.referralPromoAnc .promoDetailAnc .steps strong{display:block;margin:0 0 5px;color:#111;font-size:16px;font-weight:600}.referralPromoAnc .promoDetailAnc .steps p{margin:0;font-size:13px;color:#888}.awareNote{font-size:14px;line-height:22px;font-weight:400;color:#999}.awareNote h6{margin:0 0 20px;font-size:14px;font-weight:700;color:#888}.awareNote li{list-style:disc;margin-left:15px}.awareNote li b{color:#111}.referralCodeWrap h6.acc{margin:0 0 15px}.referralCodeWrap h6.acc a{color:#3882d3;border-bottom:1px dotted #3882d3}.referralCodeWrap a.goPromo img{max-width:100%}.referralCodeWrap button.mkReferral{display:block;width:100%;margin:0 0 15px}.referralCodeWrap .bnWrap{margin:0 0 30px}.referralCodeWrap .codeWrap{margin:30px 0 70px}.referralCodeWrap .codeWrap .form-control{background:#f3f4f5;height:60px;border:0 none;font-size:20px;font-weight:600}.referralCodeWrap .codeWrap .copyWrap{position:relative;margin:0 0 30px}.referralCodeWrap .codeWrap .copyWrap .btnCopyCode{font-size:14px;font-style:normal;font-weight:500;color:#3882d3;border:1px solid #ddd;border-radius:4px;background:#fff;width:74px;height:36px;position:absolute;right:12px;top:12px}.referralCodeWrap .codeWrap .copyWrap .btnCopyCode:hover{background:#f7fbff;border-color:#3882d3}.referralCodeWrap .codeWrap .copyWrap .btnShare_kakaotalk{display:block;width:100%;height:50px;padding-right:20px;margin:10px 0 0;background:#fee500;font-size:14px;font-weight:600;color:#3c1e1e;border-radius:6px;border:0 none}.referralCodeWrap .codeWrap .referralResult{text-align:right;color:#3882d3;font-weight:600;margin:20px 0}.addReferralCode .geneCodeWrap{position:relative}.addReferralCode .geneCodeWrap .form-control{padding-right:50px;font-weight:600}.addReferralCode .geneCodeWrap .form-control::placeholder{color:#888;font-weight:400}.addReferralCode .btnGenerateCode{border:1px solid #ffb300;border-radius:6px;background:#fff;width:36px;height:36px;padding:0;position:absolute;right:7px;top:7px}.addReferralCode .btnGenerateCode img{width:20px;height:20px}.addReferralCode .btnGenerateCode:hover{background:#ffe6ab}.addReferralCode .hint{padding-right:5px;line-height:1.6}.addReferralCode .hint b{color:#111}.addReferralCode .hint .red{color:#e94235;font-weight:600;display:block}.addReferralCode .sparkle{position:absolute;width:10px;height:10px;background-color:gold;border-radius:50%;opacity:.8;pointer-events:none;animation:sparkle-animation .5s linear}@keyframes sparkle-animation{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.subscribeSection{margin:0 auto 60px;max-width:600px}.subscribeSection h2{font-size:18px;font-weight:600;line-height:1.4}.subscribeSection h2 small{font-size:18px;font-weight:300;color:#888;display:block}.subscribeSection .billboard{border:1px solid #55b99f;background:#f3f4f5;border-radius:4px;padding:15px;font-size:14px;margin:10px 0 0;display:flex;gap:20px}.subscribeSection .billboard img.illust_party{width:48px}.subscribeSection .billboard.event{background:#effffb;border-width:2px;margin:0 0 30px}.subscribeSection .billboard.event h6.event{color:#55b99f;font-weight:900;font-size:20px;margin:0 0 5px}.subscribeSection .billboard.event p.event{margin:0;color:#55b99f}.subscribeSection .pros{display:flex;flex-direction:column;margin:30px 0;gap:5px;padding:10px;background:#f3f4f5;color:#666;border-radius:4px}.subscribeSection .pros .prosItem{display:block;padding:10px 0 10px 30px;font-size:14px;line-height:1.5;border-bottom:1px dotted #ddd}.subscribeSection .pros .prosItem:last-child{border:0 none}.subscribeSection .pros .prosItem img{width:24px;float:left;margin-left:-30px;margin-top:-2px}.subscribeSection .pros .prosItem b{color:#000;background:linear-gradient(0deg, rgba(85, 185, 159, 0.5) 40%, transparent 60%)}.subscribeSection .pros .prosItem em{color:#000;font-style:normal;font-weight:600}.subscribeSection .priceTable{border:1px solid #ddd;border-radius:6px;padding:20px;margin:30px 0}.subscribeSection .priceTable h3{font-family:HakgyoansimAllimjangTTF-B;font-size:24px;font-weight:400;color:#3882d3;text-align:center}.subscribeSection .priceTable h6{color:#888;text-align:left;margin:20px 0;font-size:14px;font-weight:400}.subscribeSection .priceTable dl{display:flex;justify-content:space-between;margin:0 0 20px;gap:40px;border-bottom:1px dashed #ddd}@media(max-width: 991.98px){.subscribeSection .priceTable dl{gap:10px;margin:0 0 15px}}.subscribeSection .priceTable dl dt{font-size:14px;font-weight:400;color:#888}.subscribeSection .priceTable .price{font-size:16px;font-weight:600;margin:0}.subscribeSection .priceTable .price small{font-size:14px;color:#888;font-weight:400}.subscribeSection .priceTable div.price{text-align:right}.subscribeSection .priceTable div.addi{text-align:right;font-size:14px;color:#888;margin:20px 0 0}.planCell{color:#3882d3;margin:15px 0 40px}.planCell.bgBlue{background:#3882d3;color:#fff}.planCell .dline{display:flex;justify-content:space-between;border:1px solid #ddd;padding:24px 20px;border-radius:6px;margin:0 0 10px;align-items:center}.planCell .dline.selected{border-width:2px;border-color:#3882d3;padding:23px 19px}.planCell .dline .start{display:flex;justify-content:space-between;gap:15px}.planCell label.dline{cursor:pointer}.planCell strong.title span{font-size:18px;font-family:"HakgyoansimAllimjangTTF-B";font-weight:400}.planCell strong.title p{font-size:14px;font-weight:400;color:#888;margin:0}.planCell span.price{font-size:14px;font-weight:600}.planCell .detailInfo{color:#555;font-size:14px;margin:20px 0 0;padding:20px 0 0}.planCell .detailInfo .dline{display:flex}.planCell .detailInfo .dline strong{color:#888;font-weight:600}.planCell .detailInfo .dline span{text-align:right}.planCell .detailInfo .dline span b{color:#111}.planCell .detailInfo .dline span b.during{display:block}.planCell .detailInfo .dline span small.nextPayDay{font-size:13px;color:#888}.planDescWrap{margin:0 0 30px}.planDescBox{margin:15px 0;padding:20px;border:1px solid #ddd;border-radius:6px}.planDescBox h5{font-size:16px;font-weight:600;margin:15px 0}.planDescBox li{color:#777;font-size:14px;list-style:disc;margin-left:20px;line-height:22px}.hintDotList{font-size:14px;color:#888}.hintDotList li{list-style:disc;margin-left:22px;line-height:22px}.warnList{margin:15px 0 60px}.btnSubcribePlan{margin:40px 0 0;position:sticky;bottom:20px;width:360px}@media(max-width: 768px){.btnSubcribePlan{width:100%}}.subscriptionTable{border:1px dashed #ddd;border-radius:6px;padding:30px 20px;margin:15px 0;display:flex;flex-direction:column;gap:20px;font-size:14px}.subscriptionTable.current{border:2px solid #111}.subscriptionTable .sbline{display:flex;justify-content:space-between}.subscriptionTable .sbline .lb{color:#888;font-weight:600;font-size:14px}.subscriptionTable .sbline .lb .error{color:#e94235}.subscriptionTable .sbline .rd{text-align:right}.subscriptionTable .sbline .rd strong{color:#111}.subscriptionTable .sbline .rd strong.priceName img{height:20px;margin:0 5px 0 0}.subscriptionTable .sbline .rd small{color:#888;display:block;margin:5px 0}.subscriptionTable .sbline .promoInfo{display:flex;align-items:center;gap:10px}.subscriptionTable .sbline .promoInfo .type{font-weight:600}.subscriptionTable .sbline .promoInfo .benefit{display:inline-block;padding:5px 8px;border-radius:4px;background:#888;color:#fff;font-size:12px;font-weight:600}.subscriptionTable .sbline .promoInfo.firstSubs .type{color:#55b99f}.subscriptionTable .sbline .promoInfo.firstSubs .benefit{background:#55b99f}.subscriptionTable .sbline .promoInfo.referral .type{color:#ffb23b}.subscriptionTable .sbline .promoInfo.referral .benefit{background:#ffb23b}.subscriptionTable .currentCharge{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:400;color:#666}.subscriptionTable .currentCharge .bd{display:flex;justify-content:space-between;align-items:end}.subscriptionTable .currentCharge .bd del{margin-right:5px}.subscriptionTable .currentCharge .bd .start small{font-weight:400}.subscriptionTable .currentCharge hr{margin:5px 0}.subscriptionTable .currentCharge p.hint{margin-bottom:0}.moreSubsBenefit{text-align:center}.moreSubsBenefit span.dots{display:flex;flex-direction:column;gap:5px;width:10px;margin:15px auto}.moreSubsBenefit span.dots span.dot{width:4px;height:4px;background:#d9d9d9;border-radius:50%}.moreSubsBenefit p{color:#ffb23b;font-weight:600;font-size:14px}.errorBox{background:#ffeeed;color:#e94235;border:2px solid #e94235;border-radius:6px;padding:20px;font-size:14px}.subscriptionError{margin:20px 0}.subscriptionError h6.ebTitle{margin:0 0 10px;font-size:14px;font-weight:600}.subscriptionError h6.ebTitle img.ic{width:30px;filter:brightness(0) saturate(100%) invert(37%) sepia(56%) saturate(4048%) hue-rotate(342deg) brightness(94%) contrast(93%)}.billingDetailBox{border:1px solid #ddd;background:#f5f5f5;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:6px;margin:15px 0 20px}.billingDetailBox .dline{display:flex;justify-content:space-between}.billingDetailBox .dline strong{font-size:14px}.billingDetailBox .dline span{font-size:14px;color:#888;text-align:right}.billingDetailBox .dline span.acc{font-weight:600;color:#3882d3}.referralCodeCheck{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;margin:0 0 40px}.referralCodeCheck .btnOpenReferCodeBox{border:0 none;background:none;border-bottom:1px dotted #888;font-size:14px;font-weight:600;color:#444;padding:0}.referralCodeCheck .referCodeBox{display:flex;justify-content:space-between;gap:20px}.referralCodeCheck .referCodeBox .input-group input{height:50px;font-weight:600;color:#111}.referralCodeCheck .referCodeBox .input-group input::placeholder{color:#888;font-weight:400}.referralCodeCheck .referCodeBox .input-group button{background:#f7fbff;color:#3882d3;border-color:#3882d3;font-size:14px;font-weight:600}.referralCodeCheck .referCodeBox .close{background:none;border:0 none}.referralCodeCheck .done{color:#3882d3;font-weight:600;font-size:14px}.paymentType label{display:inline-block;border:1px solid #ddd;padding:12px 20px;border-radius:6px;margin:15px 0 40px}.paymentType label input{display:none}.paymentType label img{vertical-align:middle;margin-right:4px}.paymentType label span{vertical-align:middle;font-weight:600;font-size:14px}.paymentAgree{margin:15px 0 40px}.paymentAgree .form-check{padding-left:35px;margin:0 0 15px}.paymentAgree .form-check-input{width:24px;height:24px;margin-left:-35px}.paymentAgree label{font-size:16px;color:#888;letter-spacing:-0.5px;margin-top:4px}.paymentAgree label a{color:#3882d3;font-weight:600;text-decoration:underline}.cancelSubscribe{text-align:right;margin:30px 0}.cancelSubscribe .btnCancel{font-size:14px;text-decoration:underline}.registeredPaymentType{margin:15px 0 40px}.registeredPaymentType .payType{padding:20px;border:1px solid #ddd;border-radius:6px}.registeredPaymentType .payType.error{background:#ffeeed;border-color:red;border-width:2px}.registeredPaymentType .payType.error .detailInfo .dline{text-decoration:line-through}.registeredPaymentType .payType .type img.ic{margin-right:8px}.registeredPaymentType .detailInfo{color:#555;font-size:14px;margin:8px 0 0}.registeredPaymentType .detailInfo .dline{display:flex;justify-content:space-between}.registeredPaymentType .detailInfo .dline span{color:#888}.registeredPaymentType .lastAddButton{margin:10px 0;width:280px}@media(max-width: 768px){.registeredPaymentType .lastAddButton{width:100%}}.paymentHistory{margin:15px 0 40px}.paymentHistory li{border-bottom:1px solid #eee;padding:5px 0}.paymentHistory li:last-child{border:0 none}.paymentHistory li a{display:block;padding:10px 0}.paymentHistory li a:hover{background:#f5f5f5}.paymentHistory li span.date{font-size:13px;color:#888}.paymentHistory li .payment{display:flex;justify-content:space-between;margin:5px 0 0}.paymentHistory li .payment strong.title{font-size:14px;font-weight:600}.paymentHistory li .payment strong.title .error{color:#e94235}.paymentHistory li .payment span.amount{font-size:14px;text-align:right;display:flex;align-items:center;gap:10px}.paymentHistory li p.hasNo{font-size:14px;font-weight:500;color:#999;margin:20px 0}.paymentDetailTable{margin:15px 0 40px;font-size:14px}.paymentDetailTable .dline{display:flex;justify-content:space-between;margin:0 0 10px}.paymentDetailTable .dline strong{font-weight:600;color:#888}.paymentDetailTable .dline span{color:#888}.paymentDetailTable .dline span.error{color:#e94235}.paymentDetailTable .lastAddButton{margin:50px 0 10px;width:320px}@media(max-width: 768px){.paymentDetailTable .lastAddButton{width:100%}}.paymentDetailTable .cancelSubscribe{margin:50px 0 0}@media(max-width: 768px){.paymentDetailTable .cancelSubscribe{text-align:center}}.billingRegiDone{text-align:center}.billingRegiDone img.ic_creditcard{width:64px;height:64px}.billingRegiDone h4{font-size:22px;font-weight:600;margin:20px 0}.billingRegiDone p.says{margin:90px 0 30px;font-family:omyu_pretty;font-size:21px;color:#3882d3;line-height:1.1;animation:moveUpDown 2s ease-in-out infinite}.billingRegiDone .lastAddButton{margin:10px auto;width:320px}@media(max-width: 768px){.billingRegiDone .lastAddButton{width:100%}}.cardInfoForm h4{font-size:22px;font-weight:600;margin:0 10px 20px}.cardInfoForm h4 img{width:36px;margin:0 0 10px}.cardInfoForm fieldset{padding:15px;background:#f5f5f5;border-radius:12px}.cardInfoForm fieldset input.form-control{font-weight:600;font-size:18px;letter-spacing:1px}.cardInfoForm fieldset .form-floating>label{color:#888;font-size:15px}.fixedBottomBtnsWrap{margin:100px 0 0}@media(max-width: 768px){.fixedBottomBtnsWrap{margin:0;position:fixed;bottom:30px;left:20px;right:20px;z-index:999;bottom:0;left:0;right:0;padding:20px 20px 30px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fixedBottomBtnsWrap.addShadow{border-radius:16px 16px 0 0;box-shadow:0 -4px 12px rgba(0,0,0,.07)}}.fixedBottomBtnsWrap a,.fixedBottomBtnsWrap button{margin-bottom:10px}.fixedBottomBtnsWrap a:last-child,.fixedBottomBtnsWrap button:last-child{margin-bottom:0}.popTerms{font-size:14px;color:#666;line-height:2;padding:20px 10px}.tableControlBar{padding:0 0 25px;border-bottom:2px solid #111;margin:0 0 25px}.tableControlBar .innerLine{display:flex;justify-content:space-between;gap:10px;margin:0 0 10px}.tableControlBar .innerLine:last-child{margin:0}.tableControlBar .innerLine.column{flex-direction:column}.tableControlBar select{height:50px;font-weight:600;color:#111}.tableControlBar button{font-weight:600;min-width:80px;height:50px}.tableControlBar .checks{display:flex}.tableControlBar .check{margin:0 15px 0 0;display:flex;justify-content:space-between;align-items:center}.tableControlBar .check input{width:20px;height:20px;margin:0}.tableControlBar .check input:checked{background-color:#3882d3;border-color:#3882d3}.tableControlBar .check span{margin:0 0 0 5px;color:#888}.reportTableWrap{margin:0 -20px}.reportTableWrap .title{display:flex;justify-content:space-between;align-items:start;padding:0 20px;margin:0 0 10px}.reportTableWrap .title h5{font-size:18px;font-weight:600;line-height:1.6}.reportTableWrap .title h5 small{display:block;font-size:14px;font-weight:400;color:#666}.reportTableWrap .title .btnDownload{background:#fff;border:1px solid #ddd;color:#666;font-weight:400;font-size:14px;border-radius:4px;padding:5px 10px;transition:all .5s;font-size:12px}.reportTableWrap .title .btnDownload .ic{width:20px}.reportTableWrap .title .btnDownload:hover{border-color:#3882d3;color:#3882d3;background:#f7fbff}.reportTableWrap .title .btnDownload:hover img{filter:brightness(0) saturate(100%) invert(53%) sepia(22%) saturate(7429%) hue-rotate(191deg) brightness(89%) contrast(84%)}.reportTableWrap .table-responsive{padding:0 20px}.reportTableWrap .reportTable{text-align:center;font-size:14px}.reportTableWrap .reportTable th{font-size:13px;color:#666;font-weight:400}.reportTableWrap .reportTable th.no{width:50px;min-width:50px;max-width:50px}.reportTableWrap .reportTable th.group{width:120px;min-width:120px;max-width:120px}.reportTableWrap .reportTable th.name{width:80px;min-width:80px;max-width:80px}.reportTableWrap .reportTable th.phoneNumber{width:150px;min-width:150px;max-width:150px}.reportTableWrap .reportTable th.regiNo{width:100px;min-width:100px;max-width:100px}.reportTableWrap .reportTable th.address{min-width:250px}.reportTableWrap .reportTable th.date{width:150px;min-width:150px;max-width:150px}.reportTableWrap .reportTable th.payssam{width:80px;min-width:80px;max-width:80px}.reportTableWrap .reportTable th.billingDate,.reportTableWrap .reportTable th.paymentDate{width:100px;min-width:100px;max-width:100px}.reportTableWrap .reportTable th.paymentAmount{width:120px;min-width:120px;max-width:120px}.reportTableWrap .reportTable th.paymentState,.reportTableWrap .reportTable th.paymentMethod{width:80px;min-width:80px;max-width:80px}.reportTableWrap .reportTable .dateCell{width:80px;min-width:80px;max-width:80px}.reportTableWrap .reportTable span.time{display:block;font-size:11px;margin:5px 0 0}.reportTableWrap .reportTable span.time span.type{border:1px solid #ddd;border-radius:2px;padding:1px 4px;font-size:11px}.reportTableWrap .reportTable span.time span.type.enter{color:#3882d3;background:#f7fbff;border-color:#3882d3}.reportTableWrap .reportTable span.time span.type.leave{color:#888;background:#f5f5f5}.reportTableWrap .reportTable span.reason{display:block;font-size:11px;color:#888}.reportTableWrap .tableLegend{font-size:14px;padding:0 20px 20px 0;color:#ccc}.reportTableWrap .tableLegend span{color:#888;margin-right:10px;margin-left:10px}.invoiceSum{display:flex;justify-content:space-between;align-items:start;padding:30px 20px 0;margin:20px 0;position:relative}.invoiceSum:before{content:" ";position:absolute;top:0;left:20px;right:20px;height:1px;background:#eee}.invoiceSum h5{font-size:14px;font-weight:400;color:#888;margin:0}.invoiceSum strong.total{font-size:24px}.invoiceSum .stat{display:flex;justify-content:space-between;gap:20px;font-size:14px}.invoiceSum .stat small{font-size:14px;font-weight:400;color:#888}.invoiceSum .stat.paid{color:#111}.invoiceSum .stat.unpaid{color:#e94235}.noticeList{margin:0 0 20px}.noticeList li{border-bottom:1px solid #eee}.noticeList li:last-child{border:0 none}.noticeList li a{padding:20px 5px 20px 0;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.noticeList li a:hover{padding-right:0}.noticeList li a .title{font-size:17px;font-weight:600;display:block}.noticeList li a .date{font-size:13px;color:#888}.noticeList li a em{color:#3882d3;font-size:12px;font-weight:600;font-style:normal;margin-left:10px}.writeArticleArea{max-width:720px;margin:0 auto}.writeArticleArea .selectNotiType{margin:0 0 30px}.writeArticleArea .selectNotiType select{font-size:16px;min-height:50px;border-color:#bbb}.writeArticleArea .selectNotiType select:disabled{color:#999}.writeArticleArea .articelTitleWrap{margin:0 0 30px}.writeArticleArea .articelTitle{border:0 none;border-bottom:2px solid #111;border-radius:0;font-size:24px;font-weight:600;padding:15px}.writeArticleArea .articelTitle::placeholder{color:#aaa}.writeArticleArea .articelTitle:disabled{color:#999}.article{padding-bottom:150px;max-width:720px;margin:0 auto}.article .titleWrap{border-bottom:2px solid #111;padding:10px 0 15px;margin:0 0 20px}.article .titleWrap .notice-type{display:inline-block;padding:4px 8px;font-size:14px;color:#666;border:1px solid #ddd;border-radius:6px;margin-bottom:15px}.article .titleWrap h2{font-size:24px;font-weight:700;font-weight:600px;color:#111;margin:0 0 10px}.article .titleWrap .aInfos{display:flex;justify-content:space-between;color:#888;font-size:14px}.article .links{font-size:14px;color:#888;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:10px}.article .links img.ic{margin-right:4px}.article .links a{color:#888;text-decoration:underline}.article .links button.btnCopy{color:#555;font-size:14px;flex-shrink:0}.article .links .link-container{display:flex;align-items:center;flex-grow:1;overflow:hidden}.article .links .link-container .shorten-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.article .articleDesc{font-size:18px;line-height:1.7}.article .articleDesc ul,.article .articleDesc ol{margin:0 0 20px}.article .articleDesc h3{font-size:22px;font-weight:700;color:#111;margin:15px 0}.sendMsgHistory{margin-top:-5px}.sendMsgHistory .vth{margin-bottom:10px}.sendMsgHistory .vth button{background:#fff}.sendMsgHistory .msgHisList{display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #eee;padding:0 0 10px;margin:0 0 10px;max-height:30vh;overflow-y:auto}.sendMsgHistory .msgHisList li{list-style:disc;margin-left:25px}.sendMsgHistory .msgHisList a{display:flex;justify-content:space-between;padding:5px 5px 5px 0}.sendMsgHistory .msgHisList a .date{color:#444}.sendMsgHistory .msgHisList a .cnt{font-weight:600;vertical-align:middle}.sendMsgHistory .msgHisList a .cnt b{color:#3882d3}.sendMsgHistory .msgHisList a .arrow{vertical-align:middle;margin-left:5px}.selectRecipients{padding-bottom:100px}.selectRecipients .btn-submit{width:100%;height:50px}.recipients{margin:30px -20px;border-top:10px solid #eee;padding:30px 20px}.recipients.done{border-top:0 none;margin-top:0}.recipients .searchFilter{position:relative}.recipients .searchFilter .ic{width:20px;height:20px;position:absolute;left:10px;top:10px}.recipients .searchFilter input.form-control{background:#f5f5f5;font-size:16px;height:39px;width:180px;border:0 none;border-radius:50px;padding-left:40px}.recipients .searchFilter input.form-control::placeholder{color:#888;font-size:14px}.recipients ul li{border-bottom:1px solid #eee}.recipients ul li label,.recipients ul li .recipientsItem{padding:15px 0;display:flex;justify-content:space-between;align-items:center}.recipients ul li label .item_start,.recipients ul li .recipientsItem .item_start{display:flex;align-items:center;gap:10px}.recipients ul li label .item_start .form-check-input,.recipients ul li .recipientsItem .item_start .form-check-input{width:24px;height:24px}.recipients ul li label .item_start .form-check-input:checked,.recipients ul li .recipientsItem .item_start .form-check-input:checked{background-color:#3882d3;border-color:#3882d3}.recipients ul li label .item_start strong.name,.recipients ul li .recipientsItem .item_start strong.name{font-size:17px;margin-right:5px}.recipients ul li label .item_start em.group,.recipients ul li .recipientsItem .item_start em.group{font-style:normal;font-size:13px;color:#666}.recipients ul li label .item_end .no,.recipients ul li .recipientsItem .item_end .no{font-size:13px}.recipients ul li label{cursor:pointer}.sumNotice{display:flex;justify-content:space-between;align-items:center;gap:10px}.sumNotice .date{font-size:20px;font-weight:600}.sumNotice .title{font-size:14px;max-width:250px}.sumNotice .title .pubDate{color:#888}.sumNotice .end img{vertical-align:middle}.sumNotice .end .cnt{color:#3882d3;font-size:30px;vertical-align:middle}.somethingDone{text-align:center}.somethingDone img.ic_repre{width:64px;height:64px;margin:30px}.somethingDone img.ic_repre.fly{animation:fly 4s linear infinite}.somethingDone h3{font-size:32px;font-family:HakgyoansimAllimjangTTF-B;padding-bottom:42px}.somethingDone .spinner{position:static;margin:30px auto 0}.somethingDone p.says{margin:90px 0 30px;font-family:omyu_pretty;font-size:21px;color:#3882d3;line-height:1.1;animation:moveUpDown 2s ease-in-out infinite}@media(max-width: 768px){.somethingDone .fixedBottomBtnsWrap{padding-left:40px;padding-right:40px}}.somethingDone .lastAddButton{margin:10px auto;width:320px}@media(max-width: 768px){.somethingDone .lastAddButton{width:100%}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(1.1) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1)}}@keyframes fly{0%{transform:translateX(-100px) translateY(50px) rotate(-10deg);opacity:0}20%{opacity:1}50%{transform:translateX(50vw) translateY(-30px) rotate(15deg)}100%{transform:translateX(100vw) translateY(20px) rotate(0deg);opacity:0}}.invoice .recipient{display:flex;margin:0 0 40px}.invoice .recipient .item_start{display:flex;align-items:center;gap:10px}.invoice .recipient .info{font-size:13px;color:#666}.invoice .recipient .info .name{display:block;font-size:16px;color:#111}.invoice .recipient .info .group,.invoice .recipient .info .no{font-style:normal}.invoice .invoiceHeader{display:flex;justify-content:space-between;align-items:center;flex-direction:column;text-align:center;margin:40px 0;gap:20px}.invoice .invoiceHeader.external{flex-direction:row;padding-bottom:30px;border-bottom:2px solid #111}.invoice .invoiceHeader.external .start{display:flex;text-align:left;gap:10px;align-items:center}.invoice .invoiceHeader.external .start img.ic_invoice{margin:0}.invoice .invoiceHeader.external .start .title h4{margin:0}.invoice .invoiceHeader.external .end>span{font-size:14px}.invoice .invoiceHeader .ic_invoice{margin:0 0 5px}.invoice .invoiceHeader .title h4{font-size:18px;font-weight:600;color:#111;margin:5px 0 10px}.invoice .invoiceHeader .title span.tag_recurring{font-size:12px;font-weight:600;color:#3882d3;background:#f7fbff;border-radius:2px;padding:1px 4px}.invoice .invoiceHeader .title span.tag_oneTime{font-size:12px;font-weight:600;color:#666;background:#eee;border-radius:2px;padding:1px 4px}.invoice .invoiceHeader .end>span{border:1px solid;font-size:16px;font-weight:600;display:inline-block;padding:6px 9px;border-radius:2px;line-height:1;white-space:nowrap}.invoice .invoiceHeader .end>span.tag_paid{color:#55b99f;border-color:#55b99f;background:#effffb}.invoice .invoiceHeader .end>span.tag_unpaid{color:#e94235;border-color:#e94235;background:#ffeeed}.invoice .invoiceHeader .end>span.tag_pending{color:#3882d3;border-color:#3882d3;background:#f7fbff}.invoice .invoiceHeader .end>span.tag_scheduled{color:#666;border-color:#666;background:#fff}.invoice .invoiceHeader .end>span.tag_cancelled{color:#999;border-color:#999}.invoice .invoiceHeader .end>span.tag_refunded{color:#999;border-color:#999}.invoice .viaPayssam{border-top:2px solid #111;border-bottom:2px solid #111;padding:20px 0;margin:40px 0}.invoice .viaPayssam .inner{display:flex;justify-content:space-between}.invoice .viaPayssam .inner.disabled{opacity:.3}.invoice .viaPayssam .start{display:flex;align-items:center;gap:5px}.invoice .viaPayssam img.logo_payssam{height:30px}.invoice .invoiceTable{display:flex;flex-direction:column;margin:0 0 40px}.invoice .invoiceTable dl{border-top:1px dotted #ddd;padding:20px 0;display:flex;justify-content:space-between;margin:0}.invoice .invoiceTable dl:first-child{border:0 none;margin:5px 0 0}.invoice .invoiceTable dl dd{margin:0}.invoice .invoiceTable dl dd.unpaid{color:#e94235}.invoice .invoiceTable .lastAddButton,.invoice .invoiceTable .btnEmbossed{margin:15px 0 0}.invoice .invoiceTable .lastAddButton img.logo_payssam,.invoice .invoiceTable .btnEmbossed img.logo_payssam{height:30px;margin-right:2px;vertical-align:middle}.invoice .invoiceTable .lastAddButton span,.invoice .invoiceTable .btnEmbossed span{font-size:16px;vertical-align:middle}.invoice .invoiceTable .done{text-align:center;font-size:14px;font-weight:600;margin:30px 0;color:#55b99f}.invoice .invoiceInfo{border-top:1px solid #ddd;padding-top:40px}.invoice .invoiceInfo ul.history{font-size:15px;color:#666;margin:15px 0 30px}.invoice .invoiceInfo ul.history li{list-style:disc;margin-left:20px;margin-bottom:5px}.invoice .invoiceInfo ul.paid{margin:15px 0 30px}.invoice .invoiceInfo ul.paid li{font-size:14px;color:#666;text-align:right}.invoice .invoiceInfo ul.paid li .inner{display:flex;justify-content:space-between}.invoice .invoiceInfo ul.paid li .inner strong{color:#111}.invoice .invoiceInfo ul.paid li .inner strong .success{color:#55b99f}.invoice .invoiceInfo ul.paid li button.cancel{border:0 none;background:none;color:#e94235;text-decoration:underline;font-size:14px;padding:0;margin:5px 0}.invoice .invoiceManage{display:flex;flex-direction:column;gap:10px}.invoice .invoiceManage button.red{margin:40px 0 0}.invoice .invoiceManage button.cancel{color:#888;text-decoration:underline;font-size:14px}.btnPayssamConnent{border:2px solid #ddd}.btnPayssamConnent.connected{border:2px solid #55b99f;background:#effffb}.connectAnc{margin:80px 0 0}.connectAnc ul{margin:0 0 40px}.connectAnc li{list-style:disc;margin:0 0 10px 20px}.ex_wrap .article{padding:30px 0 80px}.ex_wrap .container{max-width:720px}.ex_wrap .memberHeader{padding-bottom:20px}.ex_header{padding:20px 20px 25px;border-bottom:10px solid #eee}.ex_header .provider{display:flex;justify-content:space-between;margin:0 0 10px}@media(max-width: 768px){.ex_header .provider{display:none}}.ex_header .provider .logo{height:25px}.ex_header .provider span.funcName{font-size:14px;font-weight:600;color:#888}.ex_header .insInfo{text-align:center;margin:20px 0 0}.ex_header .insInfo .insLogo{max-width:80%;max-height:100px;margin:0 0 5px}.ex_header .insInfo .insName{display:block;font-size:20px}.ex_footer{margin-top:20px;padding:20px 20px 0;border-top:1px solid #ddd;text-align:center}.ex_footer .navControl{text-align:center;margin-bottom:100px}.ex_footer .navControl a.backToList{font-size:16px;color:#888;text-decoration:underline;display:inline-block}.ex_footer .copyrights{max-width:none;border:0 none;padding-left:0;padding-right:0}.ex_footer .copyrights .logo{margin:0 0 10px}.ex_footer .copyrights .desc{margin:0 0 20px}.notFoundArticle{text-align:center;margin:50px 0 80px}.notFoundArticle h5{font-size:24px;font-weight:600;margin:20px 0}.notFoundArticle p{font-size:16px;color:#888}.segmentedTab{display:flex;align-content:stretch;margin:20px 0}.segmentedTab.shelfTab{margin:30px 0}.segmentedTab a{flex-grow:1;text-align:center;width:100px;height:44px;line-height:42px;border:1px solid #ddd;margin-left:-1px;font-size:15px;font-weight:500;color:#555}.segmentedTab a:first-child{border-radius:50px 0 0 50px}.segmentedTab a:last-child{border-radius:0 50px 50px 0}.segmentedTab a.selected{background:#3882d3;color:#fff;font-weight:700;border-color:#3882d3}.todayBoard{border:1px solid #ddd;border-radius:8px;text-align:center;margin:0 0 40px}.todayBoard .date{background:#f5f5f5;font-size:18px;font-weight:600;color:#111;padding:20px 0;border-bottom:1px solid #ddd}.todayBoard .checkState{display:flex;justify-content:space-between;flex-grow:1}.todayBoard .checkState>div{width:100%;padding:30px 0;font-weight:600;font-size:20px;color:#555}.todayBoard .checkState>div:last-child{border-left:1px solid #ddd}.todayBoard .checkState>div.enter{color:#3882d3}.todayBoard .checkState>div small{display:block}.todayBoard .checkState>div.absence{color:#e94235;border-left:0 none;padding-left:20px;padding-right:20px}.todayBoard .checkState>div.absence .reason{color:#888;font-size:14px;font-weight:400;vertical-align:middle}.todayBoard .checkState>div.absence .reason .confirm{font-size:11px;letter-spacing:-1px;border:1px solid #55b99f;color:#55b99f;border-radius:4px;display:inline-block;padding:2px 6px;white-space:nowrap;font-style:normal;background:#fff;margin:0 0 0 2px}.todayBoard .checkState>div.absence .absenceReason{margin:30px 0 0}.todayBoard .checkState>div.absence .absenceReason select{height:40px}.recentCheckState{margin:0 0 40px}.recentCheckState li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-weight:600;padding:20px 0;border-bottom:1px solid #ddd}.recentCheckState li:last-child{border-bottom:0 none}.recentCheckState li .date{font-size:18px;font-weight:600;color:#111}.recentCheckState li .end>span{font-size:16px;color:#555;display:block;text-align:right}.recentCheckState li .end>span.enter{color:#3882d3;margin:0 0 5px}.recentCheckState li .end>span.absence{color:#e94235}.recentCheckState li .end>span.absence .reason{color:#888;font-size:14px;font-weight:400;vertical-align:middle;display:block}.recentCheckState li .end>span.absence .reason .confirm{font-size:11px;letter-spacing:-1px;border:1px solid #55b99f;color:#55b99f;border-radius:4px;display:inline-block;padding:2px 6px;white-space:nowrap;font-style:normal;background:#fff;margin:0 0 0 2px}.recentCheckState li .absenceReason{margin:30px 0 10px}.recentCheckState li .absenceReason select{font-size:12px;height:auto}.quickSearch{position:fixed;top:0;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;padding:80px 20px 20px;overflow-y:auto;display:none}.quickSearch .btnCloseQs{position:absolute;right:30px;top:30px;padding:10px}.quickSearch .qSearchBarWrap{position:relative;margin:0 auto 30px;max-width:640px}.quickSearch .qSearchBarWrap .qSearchBar{border:2px solid #111;height:60px;font-size:20px;font-weight:600;border-radius:50px;padding-left:60px}.quickSearch .qSearchBarWrap .qSearchBar::placeholder{font-weight:400;color:#888}.quickSearch .qSearchBarWrap .ic{position:absolute;left:23px;top:17px}.quickSearch .qsResult{margin:30px auto;max-width:640px}.quickSearch .qsResult .studentList{margin:20px 0}.hintBlock{display:flex;justify-content:start;gap:20px;padding:20px;margin:40px auto;max-width:640px}.hintBlock .illust{height:140px}.hintBlock .says{font-family:omyu_pretty;font-size:21px;color:#3882d3;line-height:1.3}.splash{text-align:center}.splash .head{margin-top:90px}.splash .head img{display:block;margin:15px auto}.splash .head .slogan{font-size:16px;font-weight:500;color:#666;margin-top:20px;display:block}.splash .tail{position:absolute;width:100%;bottom:30px}.splash .tail img{height:34vh}.splash .tail p.copyrights{margin-top:40px;font-size:13px;color:#888}.login{padding:50px 40px 0;max-width:430px;margin:0 auto;text-align:center;position:relative;height:100vh}.login .tail{padding:0 8%;margin-top:200px}.login .tail p.copyrights{margin-top:40px;font-size:13px;color:#888}.login .logo{margin:0 0 40px}.login .help{margin-top:45px}.login a.start_type{border-radius:12px;display:flex;align-items:center;justify-content:space-between;height:190px;padding:0 35px;text-align:left;margin:15px 0 50px;transition:all .3s}.login a.start_type strong{font-size:28px;font-weight:600;display:block;line-height:1.2}.login a.start_type img.arrow{width:24px}.login a.start_type.startManage{border:1px solid #666}.login a.start_type.startCradle{background:#d9d9d9;position:relative;overflow:hidden}.login a.start_type.startCradle img.arrow{filter:invert(1) brightness(2);position:relative;z-index:3}.login a.start_type.startCradle img.mockup{position:absolute;width:220px;right:-10px;top:-100px;z-index:1;animation:moveUpDown 3s ease-in-out infinite}.login a.start_type:hover{background:#3882d3;color:#fff;border-color:#3882d3}.login a.start_type:hover img.arrow{filter:invert(1) brightness(2)}.login .startTypeHint{text-align:left;margin-top:-30px;padding-right:0}.signup{padding:20px 40px;max-width:480px;margin:0 auto}.signup .tail{text-align:center}.signup .tail p.copyrights{margin-top:40px;font-size:13px;color:#888}.signForm .field{margin:0 0 10px}.signForm .form-control{height:56px;background-color:#f3f4f5;border-color:#f3f4f5;font-size:16px;font-weight:600;padding-right:0}.signForm .form-control::placeholder{color:#777;font-size:14px;font-weight:400}.signForm .form-control.is-invalid{border-color:#dc3545;background-color:#fff}.signForm .form-control:not(:placeholder-shown){padding-right:30px}.signForm .form-control:disabled{color:#999}.signForm select.form-select{height:56px;background-color:#f3f4f5;border-color:#f3f4f5;font-size:16px;font-weight:600}.signForm select.form-select:invalid{color:#777;font-size:14px;font-weight:400}.signForm select.form-select option{color:#111;font-size:16px;font-weight:600}.signForm p.help{font-size:15px;color:#888}.signForm p.help a{color:#888;text-decoration:underline}.btnSendCode{font-size:14px;font-weight:600}.btnSendCode:disabled{color:#999;background:#f5f5f5}.verificationCode .salt{position:relative;margin:0 0 10px}.verificationCode .salt .time{position:absolute;right:10px;top:15px;color:#777;font-size:16px;font-weight:600}.verificationCode .salt .time img{margin-right:5px}.verificationCode .btnVerify{width:100%;border-radius:6px;font-size:14px;font-weight:600;height:48px}.agreeBox{margin:60px 0 60px}.agreeBox .form-check{padding-left:0;min-height:24px;display:flex;justify-content:space-between}.agreeBox .form-check label{vertical-align:middle;font-size:16px;color:#888;letter-spacing:-0.5px}.agreeBox .form-check label a{color:#3882d3;font-weight:600;text-decoration:underline}.agreeBox .form-check label em.essen{color:#e94235;font-size:16px;font-style:normal}.agreeBox .form-check label.check-all{background:#f3f4f5;padding:10px 15px 10px 10px;border-radius:4px;margin-left:-10px;color:#555;font-weight:600;border:1px dashed #ddd;flex-grow:1}.agreeBox .form-check a{color:#3882d3;font-weight:600;font-size:12px;margin-top:3px;text-decoration:underline}.agreeBox .form-check>div{display:flex;align-items:stretch;flex-grow:1;padding-left:10px}.agreeBox .form-check-input{width:24px;height:24px;margin:0 10px 0 0;float:none}.agreeBox .form-check-input:checked{background-color:#3882d3;border-color:#3882d3}.bubble{position:relative;max-width:230px;padding:10px 20px;margin:0 auto 15px;background:#111;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;color:#fff;font-weight:500;line-height:1.4;animation:moveUpDown 2s ease-in-out infinite}.bubble::after{content:"";position:absolute;border-style:solid;border-width:10px 8px 0;border-color:#111 rgba(0,0,0,0);display:block;width:0;z-index:1;bottom:-10px;left:107px}.bubble b{color:#fff719}.goSheetLink{margin:30px 0 40px;background-size:70px auto}.goSheetLink a{margin:0 0 15px;max-width:400px}.goSheetLink a .ic{height:30px}@media(max-width: 768px){.goSheetLink{display:none}}.sheetWrap{padding-top:60px}.sheetWrap.sheetWrap-multi{padding-top:100px}.sheetWrap .fBar{position:fixed;top:0;left:0;right:0;min-width:740px;height:60px;padding:4px 20px;z-index:100;box-shadow:0 4px 8px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.sheetWrap .fBar .logo{display:flex;gap:15px;align-items:center}.sheetWrap .fBar h4{font-size:12px;font-weight:600;margin:0;white-space:nowrap}.sheetWrap .fBar h4 img{width:24px}.sheetWrap .fBar .btnWrap{display:flex;gap:10px;align-items:center}.sheetWrap .fBar .btnWrap .shBtn{background:#fff;border:1px solid #ddd;color:#666;font-weight:400;font-size:14px;border-radius:4px;padding:5px 10px;transition:all .5s;white-space:nowrap}.sheetWrap .fBar .btnWrap .shBtn.add{border:1px dashed #3882d3;background:#fff;border-radius:6px;color:#3882d3;font-weight:600}.sheetWrap .fBar .btnWrap .shBtn.save{background:#3882d3;color:#fff;border-color:#3882d3;font-weight:600;min-width:80px}.sheetWrap .fBar .btnWrap .shBtn.excel{font-size:12px}.sheetWrap .fBar .btnWrap .shBtn.excel:hover{border-color:#3882d3;color:#3882d3;background:#f7fbff;transform:translateY(-1px)}.sheetWrap .fBar .btnWrap .shBtn.excel:hover img{filter:brightness(0) saturate(100%) invert(53%) sepia(22%) saturate(7429%) hue-rotate(191deg) brightness(89%) contrast(84%)}.sheetWrap .fBar .btnWrap .shBtn .ic{width:20px}.sheetWrap .fBar .btnClose{display:inline-block;border-radius:4px;padding:0 8px}.sheetWrap .spreadsheet{height:calc(100vh - 60px);overflow-x:auto;overflow-y:auto}.sheetWrap .spreadsheet-multi{height:calc(100vh - 100px);overflow-x:auto;overflow-y:auto}.sheetWrap .spreadTab{display:flex;justify-content:space-between;padding:0 0 0;background:#f5f5f5;height:40px;position:fixed;top:60px;left:0;right:0}.sheetWrap .spreadTab .inner{display:flex}.sheetWrap .spreadTab .tab-btn{display:block;border:0 none;padding:5px 25px;cursor:pointer;transition:all .3s ease;font-weight:400;font-size:13px;color:#555;background:#f5f5f5;border:1px solid #eee;border-right:1px solid #ddd}.sheetWrap .spreadTab .tab-btn.active{font-weight:600;background:#eee;border:1px solid #ddd;color:#111;border-top:2px solid #3882d3;border-bottom:0 none;margin-top:2px}.sheetWrap .spreadTab .btnWrap{display:flex;gap:10px;align-items:center;padding-right:5px}.sheetWrap .spreadTab .btnWrap .shBtn{background:#fff;border:1px solid #ddd;color:#666;font-weight:400;font-size:14px;border-radius:4px;padding:5px 10px;transition:all .5s;white-space:nowrap}.sheetWrap .spreadTab .btnWrap .shBtn.excel{font-size:12px}.sheetWrap .spreadTab .btnWrap .shBtn.excel:hover{border-color:#3882d3;color:#3882d3;background:#f7fbff;transform:translateY(-1px)}.sheetWrap .spreadTab .btnWrap .shBtn.excel:hover img{filter:brightness(0) saturate(100%) invert(53%) sepia(22%) saturate(7429%) hue-rotate(191deg) brightness(89%) contrast(84%)}.sheetWrap .spreadTab .btnWrap .shBtn .ic{width:20px}.sheetWrap .jss_worksheet{border-top:0 none}.sheetWrap .jss_content{font-size:13px;color:#444}.sheetWrap .jss_content thead td{font-weight:600}.sheetWrap .jss_content tbody td button{border:1px solid #ddd;padding:4px 8px;border-radius:4px;background:#fff;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease !important}.sheetWrap .jss_content tbody td button img{height:20px;vertical-align:middle;margin-right:2px}.sheetWrap .jss_content tbody td button:hover{background:#f8f9fa}.sheetWrap .jss_content tbody td button.btnDelete{color:#e94235}.sheetWrap .jss_content tbody td button.btnDelete:hover{border-color:#dc3545}.sheetWrap .jss_content tbody td button.btnRestore{color:#495057}.sheetWrap .jss_content tbody td button.btnRestore:hover{border-color:#6c757d}.sheetWrap .jcontextmenu{box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:8px}.sheetWrap .jcontextmenu div{padding:10px 15px;cursor:pointer;font-size:14px;font-family:"Spoqa Han Sans Neo","pretendard"}.sheetWrap .jss_worksheet .highlight{background-color:#f7fbff}.sheetWrap .jss_worksheet .highlight-top{border-top:1px solid #3882d3}.sheetWrap .jss_worksheet .highlight-left{border-left:1px solid #3882d3}.sheetWrap .jss_worksheet .highlight-right{border-right:1px solid #3882d3}.sheetWrap .jss_worksheet .highlight-bottom{border-bottom:1px solid #3882d3}.sheetWrap .jdropdown-header{font-size:13px}.sheetWrap .jss_worksheet>tbody>tr>td.readonly{color:rgba(0,0,0,.6) !important}.sheetWrap .spreadsheet-container table thead tr:not(.jss_nested){position:sticky !important;z-index:90 !important}.sheetWrap .rowStatus{padding:4px 8px;border-radius:4px}.cradleMode{display:flex;height:100%;background:#fff}.cradleMode .accademyInfo{text-align:center;padding:10px 0 0}.cradleMode .accademyInfo img.logo{max-width:80%;max-height:100px}.cradleMode .accademyInfo strong.name{font-size:24px;font-weight:600;display:block;margin:20px 0}.cradleMode .keypadPanel{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:auto;width:430px;position:relative}@media(max-width: 768px){.cradleMode .keypadPanel{width:100%}}@media screen and (orientation: landscape)and (max-width: 1023.98px){.cradleMode .keypadPanel{width:50%;overflow:hidden}}.cradleMode .keypadPanel .exitCradle{position:absolute;right:5px;top:5px;border:0 none;background:rgba(0,0,0,0);opacity:.2;z-index:10}.cradleMode .keypadPanel .exitCradle:hover{opacity:1}.cradleMode .keypadPanel .inputs{display:flex;justify-content:center;margin:30px 0 0}.cradleMode .keypadPanel .inputs .digit-input{width:60px;height:60px;font-size:36px;font-weight:600;text-align:center;margin:0 5px;border:1px solid #e3e3e3;background:#f5f5f5;border-radius:6px;color:#3882d3;touch-action:none}.cradleMode .keypadPanel .inputs .digit-input.on{background:#f7fbff;border-color:#badbff}.cradleMode .keypadPanel .inputs .digit-input:focus{border-color:#3882d3;border-width:2px;outline:0;box-shadow:0 0 8px rgba(56,130,211,.5)}.cradleMode .keypadPanel .keypad-container{text-align:center;height:50%;position:relative;z-index:5;background:#3882d3}@media screen and (orientation: landscape)and (max-width: 1023.98px){.cradleMode .keypadPanel .keypad-container{position:fixed;right:0;top:0;width:50%;height:100%}}.cradleMode .keypadPanel .keypad-container .keypad{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(4, 1fr);justify-content:center;padding:15px 15px 40px;height:100%}@media screen and (orientation: landscape)and (max-width: 1023.98px){.cradleMode .keypadPanel .keypad-container .keypad{padding:15px}}.cradleMode .keypadPanel .keypad-container .keypad .key{width:100%;height:100%;font-size:28px;font-weight:600;border:none;border-radius:5px;background:#3882d3;color:#fff;cursor:pointer;transition:background .3s ease}.cradleMode .keypadPanel .keypad-container .keypad .key#clear{font-size:16px;font-weight:500}.cradleMode .keypadPanel .keypad-container .keypad .key.on{background-color:#256cbb;transform:scale(0.95);transition:all .1s ease}.cradleMode .keypadPanel .prettySays{position:absolute;top:40%;left:50%;transform:translate(-50%, 0)}.cradleMode .keypadPanel .prettySays .says{position:absolute;width:100px;right:-100px;top:0;font-family:omyu_pretty;font-size:24px;color:#3882d3;line-height:1.1;animation:moveUpDown 2s ease-in-out infinite}.cradleMode .keypadPanel .prettySays .duplicatedAnc{display:none}@media screen and (orientation: landscape)and (max-width: 1023.98px){.cradleMode .keypadPanel .prettySays{top:80%}}.cradleMode .keypadPanel .dpListWrap{display:none;padding:20px;height:100%;overflow-y:auto}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li{margin:0 0 15px}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item{display:block;background:rgba(0,0,0,.1);border:0 none;color:#fff}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item .itemInner{padding:15px 25px;min-height:90px}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item .item_start .name{color:#fff}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item .item_start .group{color:#fff}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item .tag{font-size:14px;font-weight:500;color:#fff;padding:3px 6px;display:inline-block;border-radius:6px}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item .tag.enter{background:#55b99f}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item .tag.leave{background:#555}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item .tag.absence{background:hsla(0,0%,100%,.7);color:#3882d3}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item .item_end{flex-direction:column;gap:5px;align-items:end}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item .item_end strong{color:#fff}.cradleMode .keypadPanel .dpListWrap ul.duplicatedList li .item:hover{background:rgba(0,0,0,.5)}.cradleMode .checkDone{display:none;position:fixed;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background:#fff;z-index:1100;text-align:center}@media screen and (orientation: landscape)and (max-width: 1023.98px){.cradleMode .checkDone .accademyInfo{display:none}}.cradleMode .checkDone .particle{position:absolute;max-width:500px;width:100%;left:50%;transform:translate(-50%, 0);top:15%}.cradleMode .checkDone .avatar{width:140px;height:140px;margin:30px 0 20px;position:relative}@media screen and (orientation: landscape)and (max-width: 1023.98px){.cradleMode .checkDone .avatar{width:100px;height:100px}}.cradleMode .checkDone h5{font-size:32px;font-weight:600;text-align:center;margin:20px 0 40px;line-height:1.4}@media screen and (orientation: landscape)and (max-width: 1023.98px){.cradleMode .checkDone h5{font-size:30px;margin:15px 0}}.cradleMode .checkDone .greeting p.says{font-family:omyu_pretty;font-size:24px;color:#3882d3;margin:0 0 20px;animation:moveUpDown 2s ease-in-out infinite}.cradleMode .cradlePopAnc{display:none;position:absolute;bottom:10px;left:50%;z-index:2000;transform:translate(-50%, 0);background:rgba(0,0,0,.5);color:#fff;padding:7px 20px;border-radius:6px;font-size:15px;font-weight:500}.cradleMode .cradlePopAnc b{color:#fff719}@keyframes moveUpDown{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes tilt{0%,100%{transform:rotate(0deg)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes bounceTilt{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(3deg)}50%{transform:translateY(-6px) rotate(0deg)}75%{transform:translateY(-3px) rotate(-3deg)}}.infoPanel{height:100%;flex-grow:1;background:#f3f4f5;padding:50px;overflow:auto}@media(max-width: 767.98px){.infoPanel{display:none}}@media screen and (max-height: 500px)and (min-width: 480px)and (max-width: 1024px){.infoPanel{display:none}}.infoPanel .clock{text-align:right;color:#333;background:rgba(245,245,245,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:sticky;top:-50px;z-index:10}.infoPanel .clock .date{font-size:24px;font-weight:600}.infoPanel .clock .time{font-size:60px;font-weight:600;letter-spacing:-1px}@media screen and (orientation: landscape)and (max-width: 1023.98px){.infoPanel .clock{display:none}}.infoPanel .studentList .item{background:#fff}.infoPanel .studentList .item .tag{font-size:15px;font-weight:500;color:#fff;padding:5px 8px;display:inline-block;border-radius:6px}.infoPanel .studentList .item .tag.enter{background:#3882d3}.infoPanel .studentList .item .tag.leave{background:#555}.errorPage{padding:0 20px;max-width:600px;margin:50px auto;text-align:center}.errorPage h3{font-size:20px;font-weight:700;letter-spacing:-0.5px;color:#555;margin:30px 0}.errorPage p{font-size:13px;color:#888;margin:30px 0}.errorPage pre{text-align:left;border:1px solid #ddd;background:#f5f5f5;border-radius:4px;overflow-y:auto;height:80px;padding:5px;font-size:11px}.errorPage .btn{font-size:13px;margin:10px 0}.landing{font-family:Pretendard;font-size:16px}.landing p.says{color:#3882d3;font-family:omyu_pretty;font-size:24px}.landing p.says.gray{color:#d2d2d2}@media(max-width: 575.98px){.landing p.says{font-size:20px}}.landing .btnGoSignup{max-width:254px;margin:60px auto 0;font-size:24px;height:72px;line-height:72px;box-shadow:0 10px #266cb7;border-radius:8px}.landing .btnGoSignup.green{box-shadow:0 10px #39957d}.landing .btnGoSignup.white{box-shadow:0 10px #ddd}.landing .btnGoSignup:active{position:relative;top:10px;box-shadow:none}@media(max-width: 767.98px){.landing .btnGoSignup{margin-top:40px;font-size:20px;max-width:230px;height:56px;line-height:56px}}.landing .btnGoSignup.btnGoSubscribe{max-width:360px}@media(max-width: 767.98px){.landing .btnGoSignup.btnGoSubscribe{max-width:320px}}.landing .newFeatureTag{background:#effffb;color:#55b99f;border:1px solid #55b99f;display:inline-block;padding:5px 10px;line-height:150%;border-radius:6px;font-size:14px;font-family:Pretendard;font-style:normal;font-weight:600;vertical-align:middle;margin:0 5px;box-shadow:0 0 8px rgba(85,185,159,.4);animation:tagBreathe 2.5s ease-in-out infinite}@keyframes tagBreathe{0%{box-shadow:0 0 6px rgba(85,185,159,.3)}50%{box-shadow:0 0 16px rgba(85,185,159,.7)}100%{box-shadow:0 0 6px rgba(85,185,159,.3)}}.landing .lGnbWrap{position:fixed;top:0;left:0;width:100%;transition:transform .2s ease-in-out;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.landing .lGnbWrap.hidden{transform:translateY(-100%)}.landing .lGnbWrap.collapsed{background:hsla(0,0%,100%,.8);border-bottom:1px solid #f7fbff;box-shadow:0 4px 12px rgba(0,0,0,.05)}.landing .lGnbWrap.collapsed .l_gnb{padding:15px 20px}@media(max-width: 575.98px){.landing .lGnbWrap.collapsed .l_gnb{padding:15px}}.landing .lGnbWrap.collapsed .l_gnb a.logo img{height:30px}@media(max-width: 575.98px){.landing .lGnbWrap.collapsed .l_gnb a.logo img{height:28px}}.landing .l_gnb{display:flex;justify-content:space-between;align-items:center;padding:25px 30px}@media(max-width: 767.98px){.landing .l_gnb{padding:15px 20px}}@media(max-width: 575.98px){.landing .l_gnb{padding:15px}}.landing .l_gnb a.logo img{height:36px}@media(max-width: 767.98px){.landing .l_gnb a.logo img{height:30px}}@media(max-width: 575.98px){.landing .l_gnb a.logo img{height:28px}}.landing .l_gnb .menu{display:flex;gap:50px;align-items:center;flex-wrap:wrap}@media(max-width: 991.98px){.landing .l_gnb .menu{gap:40px}}.landing .l_gnb .menu a{color:#3882d3;font-weight:700;font-size:18px;padding:4px}.landing .l_gnb .menu a.acc{color:#555}.landing .l_gnb .menu a:hover{color:#55b99f}.landing .l_gnb .menu .lgaPill{display:flex}@media(max-width: 575.98px){.landing .l_gnb .menu .lgaPill{display:inline}}.landing .l_gnb .menu .lgaPill a{border:1px solid #3882d3;border-radius:6px;padding:9px 17px}.landing .l_gnb .menu .lgaPill a:hover{border-color:#55b99f}.landing .l_gnb .menu .lgaPill a.goLogin{border-radius:6px 0 0 6px}@media(max-width: 575.98px){.landing .l_gnb .menu .lgaPill a.goLogin{border:0 none;padding:4px;display:inline}}.landing .l_gnb .menu .lgaPill a.goSignup{margin-left:-1px;border-radius:0 6px 6px 0;background:#3882d3;color:#fff}.landing .l_gnb .menu .lgaPill a.goSignup:hover{background:#55b99f}@media(max-width: 575.98px){.landing .l_gnb .menu .lgaPill a.goSignup{border:0 none;background:none;color:#3882d3;display:none}.landing .l_gnb .menu .lgaPill a.goSignup:hover{background:#fff;color:#55b99f}}.landing .l_gnb .menu .logOut{color:#222;font-weight:400}@media(max-width: 767.98px){.landing .l_gnb .menu{gap:30px;justify-content:space-between}.landing .l_gnb .menu a{font-size:14px}.landing .l_gnb .menu .lgaPill a{display:block;padding:5px 10px;font-size:14px}.landing .l_gnb .menu a.logOut{display:block}}@media(max-width: 575.98px){.landing .l_gnb .menu{gap:5px;justify-content:flex-end}.landing .l_gnb .menu a.acc{border:1px solid #becfe1;background:#fff;border-radius:4px}.landing .l_gnb .menu a.mshow{display:block;font-size:12px;margin-right:10px}.landing .l_gnb .menu a.mshow span.hh{display:none}.landing .l_gnb .menu .lgaPill a{display:block}}.landing p.promo{margin:30px 0;color:#333;font-size:18px}.landing p.promo em{color:#55b99f;font-style:normal;font-weight:600;display:block}.landing p.promo b{color:#111;background:linear-gradient(0deg, rgba(85, 185, 159, 0.5) 40%, transparent 60%)}.landing .masthead{background:#fff;text-align:center;color:#3882d3;padding:250px 0 200px;border-bottom:20px solid #eee}@media(max-width: 767.98px){.landing .masthead{padding:150px 0 120px}}@media(max-width: 575.98px){.landing .masthead{padding:110px 0 30px}}.landing .masthead h1{margin:0 0 100px}.landing .masthead h1 small{display:block;font-weight:300;margin:0 0 10px}.landing .masthead h1 strong{font-size:100px;font-family:"HakgyoansimAllimjangTTF-B"}@media(max-width: 767.98px){.landing .masthead h1{margin:0 0 80px}.landing .masthead h1 img{width:280px}}@media(max-width: 575.98px){.landing .masthead h1{margin:0 0 70px}.landing .masthead h1 img{width:200px}}.landing .masthead .ilWrap{position:relative;display:inline-block}.landing .masthead .ilWrap .illust_bear{height:280px}.landing .masthead .ilWrap p.says{position:absolute;left:95%;top:-36px;font-size:32px;animation:moveUpDown 2s ease-in-out infinite}@media(max-width: 767.98px){.landing .masthead .ilWrap p.says{font-size:26px}}@media(max-width: 767.98px){.landing .masthead .ilWrap .illust_bear{height:280px}}@media(max-width: 575.98px){.landing .masthead .ilWrap .illust_bear{height:200px}}.landing .stickyNav{position:sticky;margin-bottom:30px;top:calc(100% - 100px);z-index:900;display:flex;justify-content:center}@media(max-width: 575.98px){.landing .stickyNav{top:calc(100% - 60px)}}.landing .stickyNav .inner{padding:0 5px;background:hsla(0,0%,100%,.9);border-radius:100px;border:1px solid #ccc;box-shadow:0 4px 4px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media(max-width: 767.98px){.landing .stickyNav .inner{width:96%;text-align:center;display:flex}}.landing .stickyNav a{display:inline-block;padding:12px 40px;position:relative;transition:color .3s;z-index:10;font-size:18px;font-weight:500;color:#555}.landing .stickyNav a.active{color:#fff;font-weight:700}@media(max-width: 767.98px){.landing .stickyNav a{width:25%;padding:12px 5px;text-align:center}}@media(max-width: 575.98px){.landing .stickyNav a{font-size:16px;padding:12px 0}}.landing .stickyNav .indicator{position:absolute;bottom:5px;top:5px;left:0;width:0;background:#3882d3;transition:left .2s ease-in-out,width .2s ease-in-out;border-radius:100px;z-index:5}.landing section .innerSection{position:relative;padding:100px 0 150px;contain:paint;border-bottom:1px solid #ddd}@media(max-width: 767.98px){.landing section .innerSection{padding:50px 0 80px}}@media(max-width: 575.98px){.landing section .innerSection{text-align:center}}.landing section .scTag{font-size:28px;font-weight:600;background:#3882d3;color:#fff;display:block;margin:0 auto 150px;width:200px;text-align:center;padding:14px 0;border-radius:50px}@media(max-width: 767.98px){.landing section .scTag{font-size:20px;padding:14px 28px;width:170px}}@media(max-width: 575.98px){.landing section .scTag{font-size:18px;padding:10px 24px;margin-bottom:50px}}.landing section h2{font-size:52px;font-weight:800;line-height:1.2;margin:50px 0 40px;color:#000}@media(max-width: 991.98px){.landing section h2{font-size:48px}}@media(max-width: 575.98px){.landing section h2{font-size:40px;margin:30px 0 20px}}.landing section h2 span{display:block}.landing section h2 small{font-size:36px;font-weight:300;margin-bottom:50px;display:block}@media(max-width: 991.98px){.landing section h2 small{font-size:36px}}@media(max-width: 575.98px){.landing section h2 small{font-size:24px}}.landing section h2 .ic_flat{margin:0 0 15px}.landing section p.desc{font-size:22px;font-weight:300;line-height:1.5;color:#333}@media(max-width: 991.98px){.landing section p.desc{font-size:21px}}@media(max-width: 575.98px){.landing section p.desc{font-size:18px;padding:0 30px}}.landing section p.desc span{display:block}@media(max-width: 575.98px){.landing section p.desc span{display:inline}}.landing section p.desc small{color:#888;font-size:20px}@media(max-width: 575.98px){.landing section p.desc small{font-size:17px}}.landing section p.desc b{color:#3882d3;font-weight:700;font-size:30px;line-height:1.4}@media(max-width: 575.98px){.landing section p.desc b{display:block;margin-bottom:30px}}.landing section p.desc strong{font-weight:600}.landing section .mockupBox .mockup{max-width:350px}@media(max-width: 1199.98px){.landing section .mockupBox .mockup{max-width:300px}}@media(max-width: 991.98px){.landing section .mockupBox .mockup{max-width:250px}}.landing section .inst01{padding-bottom:200px}@media(max-width: 767.98px){.landing section .inst01{padding-top:50px;padding-bottom:100px}}@media(max-width: 575.98px){.landing section .inst01{padding-top:30px;padding-bottom:60px}}.landing section .inst01 .container-md{position:relative}@media(max-width: 767.98px){.landing section .inst01 .container-md{text-align:center}}.landing section .inst01 .mockupBox{position:absolute;right:-10%;top:0;display:flex;justify-content:space-between;align-items:center;transform:rotate(30deg);pointer-events:none;transition:all .5s}.landing section .inst01 .mockupBox img{margin:-10px;max-width:320px;pointer-events:none}@media(max-width: 1399.98px){.landing section .inst01 .mockupBox{transform:rotate(20deg);top:50px}.landing section .inst01 .mockupBox img{max-width:280px}}@media(max-width: 1199.98px){.landing section .inst01 .mockupBox{transform:rotate(10deg);right:-20%}.landing section .inst01 .mockupBox img{max-width:250px;margin:-15px}}@media(max-width: 991.98px){.landing section .inst01 .mockupBox{transform:rotate(0);right:-30%;top:0}.landing section .inst01 .mockupBox img{max-width:230px}}@media(max-width: 767.98px){.landing section .inst01 .mockupBox{transform:rotate(0);position:static;padding:0 50px;width:100%;justify-content:center;margin-bottom:-200px}.landing section .inst01 .mockupBox img{max-width:230px}}@media(max-width: 575.98px){.landing section .inst01 .mockupBox img{max-width:190px}}.landing section .inst01 .storeBtns{margin:120px 0 0}@media(max-width: 767.98px){.landing section .inst01 .storeBtns{margin:50px 0}}.landing section .inst01 .storeBtns p.says{display:flex;margin:0}.landing section .inst01 .storeBtns p.says img{margin-right:-10px;margin-top:5px;margin-left:-25px}@media(max-width: 767.98px){.landing section .inst01 .storeBtns p.says{justify-content:center}}.landing section .inst01 .storeBtns a{margin:0 5px 0 0}@media(max-width: 575.98px){.landing section .inst01 .storeBtns a img{width:150px}}.landing section .inst02 .container{position:relative}.landing section .inst02 .ilwrap{position:relative;display:inline-block;margin-top:70px;min-height:180px}.landing section .inst02 .ilwrap p.says{color:#55b99f;position:absolute;left:100%;top:0;width:200px;animation:moveUpDown 2s ease-in-out infinite}@media(max-width: 767.98px){.landing section .inst02 .ilwrap{min-height:auto}.landing section .inst02 .ilwrap p.says{top:-40px;left:90%}}@media(max-width: 575.98px){.landing section .inst02 .ilwrap{margin-top:40px}.landing section .inst02 .ilwrap .illust_fox{height:150px}.landing section .inst02 .ilwrap p.says{top:-40px;left:40%}}.landing section .inst02 .mockupBox{position:absolute;top:0;right:0}@media(max-width: 991.98px){.landing section .inst02 .mockupBox{right:-30px}}@media(max-width: 767.98px){.landing section .inst02 .mockupBox{position:static;display:flex;justify-content:end;align-items:center;margin-top:-190px}}@media(max-width: 575.98px){.landing section .inst02 .mockupBox{margin-top:10px;justify-content:center}}.landing section .inst02 .mockupBox img{margin:-10px}@media(max-width: 575.98px){.landing section .inst02 .mockupBox img{max-width:200px}}.landing section .inst02 .mockupBox img.mc05{margin-top:-200px;margin-right:-100px}@media(max-width: 991.98px){.landing section .inst02 .mockupBox img.mc05{margin-top:-100px}}@media(max-width: 767.98px){.landing section .inst02 .mockupBox img.mc05{margin-top:0}}.landing section .inst02 .mockupBox img.mc06{margin-top:20px}.landing section .inst03 .container{position:relative}.landing section .inst03 .mockupBox{position:absolute;left:0;top:0}.landing section .inst03 .mockupBox img.kt01{width:308px}.landing section .inst03 .mockupBox img.kt02{width:308px}.landing section .inst03 .mockupBox .ktWrap{position:absolute;top:135px;left:120px}@media(max-width: 991.98px){.landing section .inst03 .mockupBox .ktWrap{top:100px;left:80px}.landing section .inst03 .mockupBox .ktWrap img{width:250px}}@media(max-width: 767.98px){.landing section .inst03 .mockupBox{position:relative}.landing section .inst03 .mockupBox .ktWrap img{width:200px}}.landing section .inst03_2{padding:150px 0;position:relative}@media(max-width: 767.98px){.landing section .inst03_2{padding:100px 0}}.landing section .inst03_2 .kakao_channel{font-size:30px;font-weight:600}.landing section .inst03_2 .kakao_channel img.ic{height:60px;margin:0 15px 0 0}.landing section .inst03_2 .kakao_channel span{vertical-align:middle;margin:0 5px}@media(max-width: 991.98px){.landing section .inst03_2 .kakao_channel{font-size:20px}.landing section .inst03_2 .kakao_channel img.ic{height:40px;margin:0 5px 0 0}.landing section .inst03_2 .kakao_channel span.text{display:block;margin:5px 0}}.landing section .inst03_2 .mockupBox{position:absolute;top:50%;right:0;transform:translate(0, -50%);background:#afc3d5;border-radius:12px 0 0 12px;max-width:45%;max-height:770px;padding:50px;overflow:hidden}@media(max-width: 991.98px){.landing section .inst03_2 .mockupBox{padding:30px;text-align:center;max-width:35%}}@media(max-width: 767.98px){.landing section .inst03_2 .mockupBox{position:static;transform:translate(0, 0);max-width:100%;border-radius:12px;padding:20px 0;margin:30px 0 0}}.landing section .inst03_2 .mockupBox img.kt_custom{max-width:381px;width:45%;margin:0 0 50px}.landing section .inst03_2 .mockupBox img.kt_custom.kt_c2{margin:50px 0 0 10px}@media(max-width: 991.98px){.landing section .inst03_2 .mockupBox img.kt_custom{width:250px;margin:0 0 20px !important}}@media(max-width: 767.98px){.landing section .inst03_2 .mockupBox img.kt_custom{width:31%;margin:0 !important}}@media(min-width: 2805px){.landing section .inst03_2 .mockupBox img.kt_custom{margin:0 !important}}.landing section .inst04{text-align:center;border-bottom:20px solid #eee}.landing section .inst04 .container{position:relative}.landing section .inst04 .mockupBox{margin:90px auto 0}@media(max-width: 575.98px){.landing section .inst04 .mockupBox{margin-top:50px}}.landing section .inst04 .mockupBox .columnBox{display:flex;justify-content:center;gap:50px}.landing section .inst04 .mockupBox .columnBox .box{position:relative}.landing section .inst04 .mockupBox .columnBox .box .exUi{height:70px}@media(max-width: 575.98px){.landing section .inst04 .mockupBox .columnBox .box .exUi{height:60px}}.landing section .inst04 .mockupBox .columnBox .box .mockup{width:320px;display:block;margin:40px auto 0}@media(max-width: 575.98px){.landing section .inst04 .mockupBox .columnBox .box .mockup{margin-top:20px}}.landing section .inst04 .mockupBox .columnBox .box .popup{width:310px;position:absolute;top:50%;left:50%;transform:translate(-50%, -30%)}@media(max-width: 767.98px){.landing section .inst04 .mockupBox .columnBox{flex-direction:column}}.landing section .inst04 .illust_giraffe{position:absolute;right:0;bottom:0}@media(max-width: 767.98px){.landing section .inst04 .illust_giraffe{right:-80px}}.landing section .inst05{border-bottom:20px solid #eee}.landing section .inst05 .container{position:relative}@media(max-width: 575.98px){.landing section .inst05 p.desc span strong{display:block}}.landing section .inst05 .ex_realUI{max-width:350px;margin:40px 0 0}.landing section .inst05 .mockupBox{position:absolute;right:0;top:100px}@media(max-width: 767.98px){.landing section .inst05 .mockupBox{right:-60px;top:250px}}@media(max-width: 575.98px){.landing section .inst05 .mockupBox{position:static}}.landing section .inst05 .mockupBox .mockup{max-width:400px}@media(max-width: 991.98px){.landing section .inst05 .mockupBox .mockup{max-width:300px}}@media(max-width: 767.98px){.landing section .inst05 .mockupBox .mockup{max-width:250px}}.landing section .inst06{text-align:center}.landing section .inst06 .mockupBox{margin:50px 0 0;background:#f7fbff;border-radius:12px;display:flex;justify-content:space-between;padding:20px 20px 0;overflow-y:hidden;overflow-x:auto}.landing section .inst06 .mockupBox img{max-width:340px}@media(max-width: 991.98px){.landing section .inst06 .mockupBox img{max-width:300px}}@media(max-width: 767.98px){.landing section .inst06 .mockupBox img{max-width:200px}}.landing section .inst07{text-align:center;padding:150px 0 150px;background:linear-gradient(180deg, #141414 0%, #3F3E46 100%)}@media(max-width: 575.98px){.landing section .inst07{padding:80px 0}}.landing section .inst07 .appIcon{width:128px}@media(max-width: 575.98px){.landing section .inst07 .appIcon{width:96px}}.landing section .inst07 h2{margin:40px 0 60px;color:#fff}@media(max-width: 575.98px){.landing section .inst07 h2{font-size:40px;margin-bottom:40px}.landing section .inst07 h2 span{display:inline}}.landing section .inst07 p.desc{color:#fff}.landing section .inst07 p.desc em{font-weight:600;font-style:normal;color:#55b99f}.landing section .inst07 p.promo{color:#fff;margin:60px 0 0}.landing section .inst07 p.promo span{display:block}@media(max-width: 767.98px){.landing section .inst07 p.promo span{display:inline}}.landing section .inst07 .pros{display:flex;justify-content:space-around}@media(max-width: 1199.98px){.landing section .inst07 .pros{gap:30px}}@media(max-width: 575.98px){.landing section .inst07 .pros{flex-direction:column}}.landing section .inst07 .pros .prosItem{display:flex;align-items:center;gap:10px;color:#3882d3;font-family:omyu_pretty;font-size:28px;width:33.3%;line-height:1.2;justify-content:center}.landing section .inst07 .pros .prosItem img{width:56px}@media(max-width: 1199.98px){.landing section .inst07 .pros .prosItem{flex-direction:column;font-size:24px}}@media(max-width: 575.98px){.landing section .inst07 .pros .prosItem{width:100%;font-size:20px}.landing section .inst07 .pros .prosItem img{width:48px}}.landing section .inst07 .priceTable{margin:60px 0 100px}@media(max-width: 1199.98px){.landing section .inst07 .priceTable{margin:50px 0 60px}}.landing section .inst07 .priceTable .priceBox{background:#fff;border-radius:16px;padding:40px 40px 25px;position:relative;text-align:left;height:100%;transition:all .5s}.landing section .inst07 .priceTable .priceBox:hover{box-shadow:0 0 16px 8px #3882d3}.landing section .inst07 .priceTable .priceBox:hover h4{color:#3882d3}@media(max-width: 991.98px){.landing section .inst07 .priceTable .priceBox{margin:0 0 15px;height:auto}}.landing section .inst07 .priceTable .priceBox .ic{position:absolute;right:40px;top:40px}.landing section .inst07 .priceTable .priceBox h4{font-size:28px;font-weight:200;color:#555;margin:0}.landing section .inst07 .priceTable .priceBox .price{font-size:32px;font-weight:700;color:#111}.landing section .inst07 .priceTable .priceBox .price small{color:#888;font-size:20px;font-weight:500}.landing section .inst07 .priceTable .priceBox .desc{margin:0 0 50px;color:#888;font-size:14px}.landing section .inst07 .priceTable .priceBox dl{display:flex;justify-content:space-between;align-items:start;margin:0 0 15px;font-size:18px}.landing section .inst07 .priceTable .priceBox dl:last-child{margin:0}.landing section .inst07 .priceTable .priceBox dl dt{color:#333;font-weight:400}.landing section .inst07 .priceTable .priceBox dl dd{margin:0;color:#111;font-weight:700;font-size:20px}.landing section .inst07 .priceTable .priceBox dl dd.mCnt{text-align:right;color:#55b99f}.landing section .inst07 .priceTable .priceBox dl dd.mCnt.alt small{display:block;font-size:11px;margin-top:-5px;color:#888;font-weight:400}.landing section .inst07 .priceTable .extPrice{background:#fff;border-radius:16px;margin:30px 0 0;padding:40px;position:relative;transition:all .5s}@media(max-width: 991.98px){.landing section .inst07 .priceTable .extPrice{margin:0}}.landing section .inst07 .priceTable .extPrice h6{font-size:18px;font-weight:400;color:#888}.landing section .inst07 .priceTable .extPrice .says{color:#55b99f;margin:0 0 -5px}.landing section .inst07 .priceTable .extPrice:hover{box-shadow:0 0 16px 8px #3882d3}.landing section .inst07 .priceTable .extPrice:hover .says{animation:sparkle-animation 2s ease-in-out infinite}.landing section .inst07 .priceTable .extPrice strong.price{font-size:32px;line-height:1.3}.landing section .inst07 .priceTable .extPrice strong.price small{font-size:20px;font-weight:400;color:#888}.landing section .inst07 .priceTable .extPrice strong.price small small{font-size:13px}.landing section .inst07 .priceTable .extPrice .ext{position:absolute;right:40px;bottom:40px;font-size:13px;color:#888}.landing section .inst07 .highlight{background:linear-gradient(0deg, rgba(85, 185, 159, 0.5) 40%, transparent 60%);display:inline;padding:2px 4px}.landing section .inst07 .highlight b{font-size:40px;font-weight:700}.landing section .inst07 .provideList{background:#3882d3;color:#fff;border-radius:12px;font-size:16px;padding:80px 40px 30px;margin:-50px 40px 40px}@media(max-width: 991.98px){.landing section .inst07 .provideList{margin:-50px 10px 40px}}.landing section .inst07 .provideList h6{font-size:18px;font-weight:400;margin:0 0 25px;opacity:.7}.landing section .inst07 .provideList ul{display:flex;flex-wrap:wrap;justify-content:center;gap:15px 20px}.landing section .inst07 .provideList ul li{font-weight:600}.landing section .inst07 .provideList ul li img{width:12px;margin:0 3px 0 0}.landing section .inst07 .breathe{box-shadow:0 10px #266cb7,0 0 15px rgba(56,130,211,.5);transition:transform .3s ease;animation:breathe 2.5s ease-in-out infinite}.landing section .inst07 .breathe:hover{transform:scale(1.05)}.landing section .inst07 .breathe:active{box-shadow:0 4px 12px rgba(0,0,0,.1) inset !important;top:4px}@keyframes breathe{0%{box-shadow:0 10px #266cb7,0 0 10px rgba(56,130,211,.4)}50%{box-shadow:0 10px #266cb7,0 0 25px rgba(56,130,211,.9)}100%{box-shadow:0 10px #266cb7,0 0 10px rgba(56,130,211,.4)}}.landing section .weStart{padding:90px 0 100px;text-align:center;border-bottom:20px solid #eee}.landing section .weStart img{width:265px}@media(max-width: 575.98px){.landing section .weStart img{width:150px}}.landing section .weStart p{margin:30px 0 0;color:#777;font-size:18px}@media(max-width: 575.98px){.landing section .weStart p{font-size:16px}}.landing section .inst10{text-align:center}.landing section .inst10 h2 img.collabo{max-height:45px;margin:0 0 40px;max-width:80%}.landing section .inst10 .imgBox{position:relative;margin:100px 0 40px}.landing section .inst10 .imgBox .img_mobileCard{width:100%;max-width:776px;position:relative;z-index:2}.landing section .inst10 .imgBox .illust_placard{position:absolute;z-index:1;left:15%;width:50%;max-width:280px}@media(max-width: 767.98px){.landing section .inst10 .imgBox .illust_placard{left:10%}}.landing section .inst10 .imgBox .bn{display:flex;justify-content:center;margin-top:-80px}@media(max-width: 991.98px){.landing section .inst10 .imgBox .bn{margin-top:-40px}}.landing section .inst10 .imgBox .bn .inner{display:flex;gap:15px;text-align:left;font-size:22px;font-weight:700;align-items:center;position:relative;z-index:5}.landing section .inst10 .imgBox .bn .inner .ic{max-width:100%}.landing section .inst10 .imgBox .bn .inner a{color:#3882d3;font-size:18px;text-decoration:underline}@media(max-width: 567.98px){.landing section .inst10 .imgBox .bn .inner{flex-direction:column;gap:10px;align-items:center}.landing section .inst10 .imgBox .bn .inner .ic{width:48px}.landing section .inst10 .imgBox .bn .inner a{display:inline-block}}.landing section .inst11{padding-bottom:250px}@media(max-width: 991.98px){.landing section .inst11{padding-bottom:150px}}@media(max-width: 767.98px){.landing section .inst11{text-align:center}}.landing section .inst11 .container{position:relative}.landing section .inst11 .mockupBox{position:absolute;top:0;right:0}@media(max-width: 991.98px){.landing section .inst11 .mockupBox{right:-30px}}@media(max-width: 767.98px){.landing section .inst11 .mockupBox{position:static;display:flex;justify-content:center;align-items:center;margin:50px 0 0}}.landing section .inst11 .mockupBox img{margin:-10px}@media(max-width: 575.98px){.landing section .inst11 .mockupBox img{max-width:200px}}.landing section .inst11 .mockupBox img.mc17{margin-top:0;margin-right:-115px}@media(max-width: 991.98px){.landing section .inst11 .mockupBox img.mc17{margin-top:0}}@media(max-width: 767.98px){.landing section .inst11 .mockupBox img.mc17{margin-top:0}}.landing section .inst11 .mockupBox img.mc18{margin-top:-80px}.landing section .inst12{padding-bottom:250px}@media(max-width: 991.98px){.landing section .inst12{padding-bottom:150px}}@media(max-width: 767.98px){.landing section .inst12{padding-bottom:80px;text-align:center}}.landing section .inst12 .aboutPayssam{margin:40px 0 0}.landing section .inst12 .aboutPayssam .logoPayssam{height:42px;margin-bottom:30px}.landing section .inst12 .aboutPayssam p.desc{font-size:18px;color:#666;width:50%}@media(max-width: 767.98px){.landing section .inst12 .aboutPayssam p.desc{width:80%;margin:0 auto;font-size:16px}}@media(max-width: 575.98px){.landing section .inst12 .aboutPayssam p.desc{width:100%}}.landing section .inst12 .aboutPayssam p.desc a{color:#3882d3;font-size:18px;font-weight:600;text-decoration:underline}.landing section .inst12 .container{position:relative}.landing section .inst12 .mockupBox{position:absolute;top:0;right:0}@media(max-width: 991.98px){.landing section .inst12 .mockupBox{right:-30px}}@media(max-width: 767.98px){.landing section .inst12 .mockupBox{position:static;display:flex;justify-content:center;align-items:center;margin:50px 0 0}}.landing section .inst12 .mockupBox img{margin:-10px}@media(max-width: 575.98px){.landing section .inst12 .mockupBox img{max-width:200px}}.landing section .inst12 .mockupBox img.mc19{margin-top:0;margin-right:-115px}@media(max-width: 991.98px){.landing section .inst12 .mockupBox img.mc19{margin-top:0}}@media(max-width: 767.98px){.landing section .inst12 .mockupBox img.mc19{margin-top:0}}.landing section .inst12 .mockupBox img.mc20{margin-top:-80px}.landing section .inst13{padding-bottom:250px}@media(max-width: 991.98px){.landing section .inst13{padding-bottom:150px}}@media(max-width: 767.98px){.landing section .inst13{text-align:center;padding-bottom:80px}}.landing section .inst13 .container{position:relative}.landing section .inst13 .mockupBox{position:absolute;top:0;right:0}@media(max-width: 991.98px){.landing section .inst13 .mockupBox{right:-30px}}@media(max-width: 767.98px){.landing section .inst13 .mockupBox{position:static;display:flex;justify-content:center;align-items:center;margin:50px 0 0}}.landing section .inst13 .mockupBox img{margin:-10px}@media(max-width: 575.98px){.landing section .inst13 .mockupBox img{max-width:200px}}.landing section .inst13 .mockupBox img.mc21{margin-top:-100px;margin-right:-80px}@media(max-width: 991.98px){.landing section .inst13 .mockupBox img.mc21{margin-right:-120px}}@media(max-width: 767.98px){.landing section .inst13 .mockupBox img.mc21{margin-top:0}}.landing section .inst13 .mockupBox img.mc22{margin-top:-100px}.landing section .security{padding:100px 0 90px;text-align:center;background:#032247 url("/img/bg_security.jpg") no-repeat center 0 fixed;color:#fff}@media(max-width: 767.98px){.landing section .security{background-size:cover;background-attachment:scroll;padding:50px 0}}.landing section .security h2{color:#fff}.landing section .security h2 .ic_security{width:140px;height:140px}.landing section .security p.desc{color:#fff;margin:0 0 50px}.landing section .security .innerBox{padding:40px;border-radius:12px;background:#fff;color:#888;font-size:18px;margin:0 0 24px;text-align:left;display:flex;flex-direction:column;gap:20px}.landing section .security .innerBox h3{font-size:24px;font-weight:700;color:#111;margin:0}.landing section .security .innerBox h3 b.acc{color:#007f41;font-size:30px;font-weight:700;display:block}.landing section .security .innerBox p{margin:0}@media(max-width: 575.98px){.landing section .security .innerBox p{font-size:16px}}.landing section .security .innerBox p b{color:#111}.landing section .security .row .innerBox{height:100%}@media(max-width: 767.98px){.landing section .security .row .innerBox{height:auto}}@media(max-width: 575.98px){.landing section .inst08{padding-left:10px;padding-right:10px}}.landing section .inst08 h2{text-align:center;margin:0 0 100px}@media(max-width: 991.98px){.landing section .inst08 .funcNote h4{padding-right:100px}}@media(max-width: 575.98px){.landing section .inst09{padding-left:10px;padding-right:10px;padding-bottom:30px}}.landing section .inst09 h2{text-align:center;margin:0 0 100px}@media(max-width: 575.98px){.landing section .inst09 h2{margin:0 0 60px}}.landing section .inst09 p.desc{text-align:center}@media(max-width: 575.98px){.landing section .inst09 p.desc{text-align:left;padding:0}}.landing section .inst09 .comingSoon{margin:100px 0 0}@media(max-width: 575.98px){.landing section .inst09 .comingSoon{margin:60px 0 0}}.landing section .funcNote{border-top:3px solid #111;padding:35px 0;position:relative;text-align:left}.landing section .funcNote .ic{position:absolute;right:10px;top:35px}.landing section .funcNote .ic.ic2{right:80px}@media(max-width: 575.98px){.landing section .funcNote .ic{width:44px;top:20px}}.landing section .funcNote h4{font-family:HakgyoansimAllimjangTTF-R;font-size:32px;color:#111;margin:0 0 25px}@media(max-width: 575.98px){.landing section .funcNote h4{font-size:27px;margin-bottom:20px}}.landing section .funcNote h4 span{display:block}.landing section .funcNote h4 em.soon{font-size:14px;font-style:normal;font-weight:600;font-family:pretendard;display:inline-block;padding:8px 12px;border-radius:4px;background:#f7fbff;color:#3882d3;vertical-align:middle}.landing section .funcNote p{word-break:keep-all;color:#555;font-size:18px}@media(max-width: 575.98px){.landing section .funcNote p{font-size:16px}}.landing section .funcNote p span{display:block}@media(max-width: 575.98px){.landing section .funcNote p span{display:inline}}.landing section .funcNote p small{color:#888;font-size:14px}.landing section .funcNote p a{color:#3882d3;text-decoration:underline;font-weight:600}.landing section .funcNote .exImgHolder{background:#f7fbff;padding:50px;text-align:center;border-radius:12px}@media(max-width: 575.98px){.landing section .funcNote .exImgHolder{padding:30px}}.landing section .funcNote .exImgHolder.df{display:flex;justify-content:center;gap:40px;height:450px;overflow:hidden}@media(max-width: 575.98px){.landing section .funcNote .exImgHolder.df{flex-direction:column;height:700px}}.landing section .funcNote .exImgHolder.horiSlide{display:flex;justify-content:center;align-items:start;padding:20px 20px 0;overflow-y:hidden;overflow-x:auto;max-height:400px}@media(max-width: 991.98px){.landing section .funcNote .exImgHolder.horiSlide{justify-content:space-between}}@media(max-width: 767.98px){.landing section .funcNote .exImgHolder.horiSlide{max-height:100%}}.landing section .funcNote .exImgHolder.smsImgBox{height:360px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.landing section .funcNote .exImgHolder.smsImgBox .appIconLinkBox{background:hsla(0,0%,100%,.5);backdrop-filter:blur(5px);position:absolute;top:20px;left:20px;border:4px solid #fff;border-radius:20px;padding:25px 50px;display:flex;gap:15px;align-items:center;justify-content:center}@media(max-width: 991.98px){.landing section .funcNote .exImgHolder.smsImgBox .appIconLinkBox{top:50%;left:50%;transform:translate(-50%, -50%);padding:20px}}.landing section .funcNote .exImgHolder.smsImgBox .appIconLinkBox img{width:64px;height:64px}.landing section .funcNote .exImgHolder.smsImgBox .appIconLinkBox img.ic_link{width:32px;height:32px;margin-top:-10px}.landing section .funcNote .exImgHolder.smsImgBox .mockup{max-width:750px}.landing section .funcNote .exImgHolder img{max-width:100%}.landing section .funcNote .exImgHolder img.eximg2{max-width:95%}.landing section .funcNote .exImgHolder img.mockup{max-width:300px}.landing section .funcNote .exImgHolder .safari{position:relative}.landing section .funcNote .exImgHolder .safari img{margin:0 -20px;position:relative}.landing section .funcNote .exImgHolder .safari img.mc12{z-index:5}.landing section .funcNote .exImgHolder .safari img.mc13{position:absolute;top:-200px;left:120px}@media(max-width: 767.98px){.landing section .funcNote .exImgHolder .safari img.mc13{left:-180px}}@media(max-width: 575.98px){.landing section .funcNote .exImgHolder .safari img.mc12{left:-80px}.landing section .funcNote .exImgHolder .safari img.mc13{position:relative;top:-400px;left:auto;right:-100px}}.landing section .funcNote .exImgHolder.mockup_sheet{max-height:500px;position:relative;overflow:hidden}.landing section .funcNote .exImgHolder.mockup_sheet.alt{text-align:left}.landing section .funcNote .exImgHolder.mockup_sheet img.att_sheet{width:60%}.landing section .funcNote .exImgHolder.mockup_sheet img.list_sheet{width:60%;position:absolute;top:200px;right:0}@media(max-width: 768.98px){.landing section .funcNote .exImgHolder.mockup_sheet{padding:15px 0}.landing section .funcNote .exImgHolder.mockup_sheet img{max-width:200%}.landing section .funcNote .exImgHolder.mockup_sheet img.att_sheet{width:100%}.landing section .funcNote .exImgHolder.mockup_sheet img.list_sheet{width:100%}}.landing section .funcNote .addiInfos{font-size:14px;color:#888;margin:20px 0 0}.landing section .funcNote .addiInfos li{list-style:disc;margin-left:15px}.landing .decoTail{background:#333;color:#fff;padding:50px 0;text-align:center;position:relative;height:500px;overflow:hidden;background:#333 url(../img/mockup_devices.png) no-repeat center 150px fixed;background-size:1300px auto}@media(max-width: 575.98px){.landing .decoTail{background-size:500px auto;background-position:center 100px;background-attachment:scroll;height:410px}}.landing .decoTail h5{font-family:HakgyoansimAllimjangTTF-R;font-size:32px;position:absolute;left:30%;top:50px;text-align:left;text-shadow:0 4px 8px rgba(0,0,0,.2)}@media(max-width: 575.98px){.landing .decoTail h5{left:15%}}.landing .decoTail img{max-width:1500px}.landing .l_footer{padding:50px 0}@media(max-width: 575.98px){.landing .l_footer{padding:50px 20px 30px}}.landing .l_footer .utils{margin:30px 0 50px;font-size:16px}@media(max-width: 991.98px){.landing .l_footer .utils{margin:0 0 50px}}.landing .l_footer .utils h5{font-size:16px;font-weight:500;margin:0 0 30px}@media(max-width: 575.98px){.landing .l_footer .utils h5{margin:0 0 20px}}.landing .l_footer .utils h6{font-size:12px;font-weight:500;color:#888}.landing .l_footer .utils .csCenter{font-size:14px;padding:0 0 0 80px;margin-bottom:30px}.landing .l_footer .utils .csCenter img.ic{float:left;margin:0 0 0 -80px}.landing .l_footer .utils .csCenter p{margin:0}.landing .l_footer .utils .csCenter p span{display:block}.landing .l_footer .utils .csCenter p span.tel{font-size:20px;font-weight:700}.landing .l_footer .utils .csCenter p span.time small{display:block;margin-left:40px;color:#888}@media(max-width: 991.98px){.landing .l_footer .utils .csKakaotalk{margin:0 0 60px}}.landing .l_footer .utils .csKakaotalk a{display:inline-block;padding:2px 10px 2px 4px;background:#fee500;font-size:14px;font-weight:600;color:#3c1e1e;border-radius:4px}@media(max-width: 767.98px){.landing .l_footer .utils .appstore:last-child{margin:0 0 60px}}.landing .l_footer .utils .appstore a{display:inline-block;margin:0 0 20px}.landing .l_footer .utils ul li{display:block;margin:0 0 20px}@media(max-width: 991.98px){.landing .l_footer .utils ul li{font-size:14px}}.landing .l_footer .utils ul li.naverBlog a{font-weight:600}.landing .l_footer .utils ul li.naverBlog .ic_naver_blog{width:28px}.landing .l_footer .privacySecurityAnc{margin:50px 0 0;border-top:1px solid #ddd;padding:50px 0 0}.landing .l_footer .privacySecurityAnc .security{padding-left:80px}.landing .l_footer .privacySecurityAnc .security img.ic{float:left;margin-left:-80px}.landing .l_footer .privacySecurityAnc p{font-size:16px}.landing .l_footer .privacySecurityAnc ul{font-size:12px}.landing .l_footer .privacySecurityAnc ul li{color:#666;margin:0 0 0 10px;list-style:disc;display:list-item}.landing .l_footer .privacySecurityAnc ul li b{color:#333}.landing .l_footer .privacySecurityAnc .cert{text-align:right;margin-top:-60px}.landing .l_footer .privacySecurityAnc .cert img{margin:0 30px}.landing .l_footer .privacySecurityAnc .cert img:last-child{margin-right:0}.landing .l_footer .privacySecurityAnc .cert img.db{height:40px}.landing .l_footer .privacySecurityAnc .cert img.its{height:90px}@media(max-width: 991.98px){.landing .l_footer .privacySecurityAnc .cert{margin-top:40px;margin-left:80px;display:flex;gap:30px}.landing .l_footer .privacySecurityAnc .cert img{margin:0}}@media(max-width: 575.98px){.landing .l_footer .privacySecurityAnc .cert{flex-direction:column;align-items:start}}.landing .l_footer .copyrights{max-width:none;font-size:16px;padding-top:50px}@media(max-width: 767.98px){.landing .l_footer .copyrights{padding:25px 0 15px;font-size:14px}}.landing .l_footer .copyrights .logo{height:28px;margin:0 0 20px}@media(max-width: 575.98px){.landing .l_footer .copyrights .logo{margin-bottom:30px}}.landing .l_footer .copyrights p{display:block;margin:0;font-size:14px}.landing .l_footer .copyrights p span{margin:0 20px 0 0}.landing .l_footer .copyrights p span a{color:#888;margin-right:20px}@media(max-width: 575.98px){.landing .l_footer .copyrights p span{font-size:13px;margin:0 15px 5px 0}}.landing .l_footer .copyrights .cp{margin:40px 0 0}.landing .l_footer .copyrights .terms{margin-left:30px}@media(max-width: 767.98px){.landing .l_footer .copyrights .terms{margin:10px 0 0}}.landing .l_footer .copyrights .terms a{text-decoration:none}.landing .l_footer .copyrights .terms a.acc{color:#55b99f}.landing .experTalk .container{max-width:640px;padding:20px}.landing .experTalk .head{background:#f7fbff}.landing .experTalk .head .container{padding-bottom:20px;text-align:center}.landing .experTalk .head h1 img{height:25px}.landing .experTalk .head .titleWrap{display:flex;justify-content:space-between;flex-direction:column;gap:20px;margin:20px 0 0}.landing .experTalk .head .titleWrap h2{font-size:32px;font-weight:700;margin:0 0 20px;color:#3882d3}.landing .experTalk .head .titleWrap h2 img{display:block;margin:0 auto 10px;width:128px}.landing .experTalk .head .titleWrap p{font-size:18px;color:#444}.landing .experTalk .head .titleWrap p span{display:block}@media(max-width: 575.98px){.landing .experTalk .head .titleWrap p span{display:inline}}.landing .experTalk .head .titleWrap .exKatalk{width:200px}@media(max-width: 575.98px){.landing .experTalk .head .titleWrap .exKatalk{display:none}}@media(max-width: 575.98px){.landing .experTalk .head .titleWrap h2{font-size:27px}.landing .experTalk .head .titleWrap p{font-size:16px}}.landing .experTalk .formWrap{padding:20px 0;color:#444}.landing .experTalk .formWrap .container fieldset{max-width:450px;margin:0 auto}.landing .experTalk .formWrap h3{font-size:18px;font-weight:600;margin:0 0 20px}.landing .experTalk .formWrap label{font-size:14px;font-weight:600;color:#888}.landing .experTalk .formWrap label em.essen{color:#3882d3;font-size:16px;font-style:normal}.landing .experTalk .formWrap input.form-control{font-size:18px;color:#3882d3;font-weight:600;background-color:#f3f4f5;border-color:#f3f4f5;height:50px}.landing .experTalk .formWrap input.form-control::placeholder{color:#999;font-weight:400}.landing .experTalk .formWrap .agreeBox{margin:30px 0}.landing .experTalk .formWrap .termDoc{font-size:12px;border:1px solid #f3f4f5;background-color:#f3f4f5;padding:10px;border-radius:6px;color:#666;height:140px;overflow-y:auto}.landing .experTalk .formWrap .termDoc p:last-child{margin:0}.landing .experTalk .formWrap .btnEmbossed{max-width:200px}/*# sourceMappingURL=style.min.css.map */