@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap";.image-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.preview{width:80px;height:80px}.navbar{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.navbar .logo{display:flex;align-items:center;font-weight:700;gap:10px}.navbar .logo img{height:30px}.navbar .icons{display:flex;gap:20px}@media screen and (max-width: 480px){.navbar .icons .icon{display:none}}.navbar .icons .notification{position:relative}.navbar .icons .notification span{background-color:red;color:#fff;width:16px;height:16px;border-radius:50%;position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;font-size:12px}.navbar .user{display:flex;align-items:center;gap:20px}.navbar .user img{width:26px;height:26px;border-radius:50%;object-fit:cover}.navbar-light{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between;background-color:#f2f2f2;color:gray}.navbar-light .logo{display:flex;align-items:center;font-weight:700;gap:10px}.navbar-light .logo img{height:30px}.navbar-light .icons{display:flex;gap:20px}@media screen and (max-width: 480px){.navbar-light .icons .icon{display:none}}.navbar-light .icons .notification{position:relative}.navbar-light .icons .notification span{background-color:red;color:#fff;width:16px;height:16px;border-radius:50%;position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;font-size:12px}.navbar-light .user{display:flex;align-items:center;gap:20px}.navbar-light .user img{width:26px;height:26px;border-radius:50%;object-fit:cover}.navbar-light .user button{background-color:"black";color:gray}.item{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.item button,.item .menuActionButton{background-color:transparent;border:1px solid rgba(255,255,255,.45);color:#ddd;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media screen and (max-width: 1024px){.item button,.item .menuActionButton{display:none}}.item button:hover,.item .menuActionButton:hover{background-color:#384256;border-color:#384256;color:#fff}.item button:active,.item .menuActionButton:active{transform:translateY(1px)}.item .titleRow{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;padding:2px 6px;border-radius:6px;text-decoration:none;color:inherit;cursor:pointer}.item .titleRow:hover{background-color:#384256}.item .titleRow>*{position:relative;z-index:1}.item .titleRow.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#384256;border-radius:6px;z-index:0}.item .title{font-size:16px;font-weight:600;color:#ddd;text-transform:capitalize}@media screen and (max-width: 1024px){.item .title{display:none}}.item .title.active{color:#fff;background-color:transparent}.item .dropdownToggle{background:none;border:none;color:#ddd;cursor:pointer;font-size:12px;line-height:1;padding:2px 4px;position:relative}@media screen and (max-width: 1024px){.item .dropdownToggle{display:none}}.item .dropdownToggle:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.item .menuList{overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);position:relative;padding-left:10px;transition:max-height .45s ease-in-out,opacity .32s ease-in-out,transform .32s ease-in-out}.item .menuList:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background-color:#ffffff73}.item .menuList.open{max-height:600px;opacity:1;transform:translateY(0);transition-duration:.55s,.4s,.4s}.item .chevron{display:inline-block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.item .dropdownToggle[aria-expanded=true] .chevron{transform:rotate(-135deg)}.item .listItem{display:flex;flex-direction:column;align-items:left;gap:2px;border-radius:5px;padding:2px 2px 2px 10px}.item .listItem.listItemLink{flex-direction:row;align-items:center;padding:2px;position:relative;border-radius:5px}.item .listItem.listItemLink:hover,.item .listItem.listItemLink.active{background-color:#384256}.item .listItem.listItemLink:before{content:"";position:absolute;left:-6px;top:50%;width:8px;border-top:1px solid rgba(255,255,255,.45);transform:translateY(-50%)}.item .listItem.listItemLink img{width:16px;height:16px;object-fit:contain;margin-left:3px}.item .listItem.listItemLink .listItemTitle:before{display:none}.item .listItem .listItemTitleRow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px;border-radius:5px;cursor:pointer}.item .listItem .listItemTitleRow:hover,.item .listItem .listItemTitleRow.active{background-color:#384256}.item .listItem .listItemTitle{font-size:14px;padding:3px;display:inline-block;border-radius:5px;position:relative}@media screen and (max-width: 1024px){.item .listItem .listItemTitle{display:none}}.item .listItem .listItemTitle:before{content:"";position:absolute;left:-12px;top:50%;width:8px;border-top:1px solid rgba(255,255,255,.45);transform:translateY(-50%)}.item .listItem .listItemTitle.active,.item .listItem a.listItemTitle:hover{background-color:#384256;box-shadow:0 0 0 4px #384256}.item .listItem .subMenuList{overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);padding-left:8px;transition:max-height .35s ease-in-out,opacity .25s ease-in-out,transform .25s ease-in-out}.item .listItem .subMenuList.open{max-height:420px;opacity:1;transform:translateY(0)}.item .listItem .subToggle{font-size:10px;padding:0 6px}.item .listItem .subToggle .chevron{width:7px;height:7px;border-right-width:2px;border-bottom-width:2px}.item .listItem .secondListItem{display:flex;flex-direction:column;justify-content:center;align-items:left;gap:6px;border-radius:5px;position:relative;padding:5px 5px 5px 10px}.item .listItem .secondListItem:hover{background-color:#384256}.item .listItem .secondListItem .secondListItemTitle{font-size:13px;margin-left:14px;position:relative}@media screen and (max-width: 1024px){.item .listItem .secondListItem .secondListItemTitle{display:none}}.item .listItem .secondListItem .secondListItemTitle:before{content:"";position:absolute;left:-12px;top:50%;width:8px;border-top:1px solid rgba(255,255,255,.45);transform:translateY(-50%)}.item .listItem .secondListItem.active{background-color:#384256}.footer{display:flex;flex-direction:column;justify-content:center;padding:20px}.footer .companyInfo{display:flex;justify-content:space-between}.footer .copyright{margin:20px auto}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.main{font-family:Inter,sans-serif;background-color:#2a3447;color:#fff}.container{display:flex}.menuContainer{width:250px;min-width:250px;padding:5px 20px;border-right:2px solid #384256}@media screen and (max-width: 1024px){.menuContainer{width:max-content}}.contentContainer{padding:5px 20px;width:100%}body{background:#2a3447!important}.verList .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.verList button{padding:5px;cursor:pointer}.add .modal form button{margin-top:15px;width:100%;padding:10px;cursor:pointer}.imageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:450px;width:100%}.imageContainer .inputFileBrowser button{background-color:#87ceeb;width:100%;padding:10px;cursor:pointer}.students .info,.students .options{display:flex;align-items:center;gap:20px;margin-bottom:20px}.students button{padding:5px;cursor:pointer}.kinderClass .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.kinderClass button{padding:5px;cursor:pointer}.agencies .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.agencies button{padding:5px;cursor:pointer}.image-list{display:flex;flex-direction:column;justify-content:center;align-items:center}.image-list .home-image{width:100%}.grafizix-carousel{width:min(1080px,100%);margin:0 auto;padding:20px 16px}.grafizix-carousel .carousel-frame{width:100%;aspect-ratio:16/9;border:2px dashed #999;background:transparent}.grafizix-carousel .carousel-track,.grafizix-carousel .carousel-slide{height:100%}.grafizix-carousel .carousel-image{width:100%;height:100%;object-fit:cover;display:block}.grafizix-carousel .carousel-btn,.grafizix-carousel .carousel-dots{display:none}.home-hero{min-height:360px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;font-family:Noto Sans KR,sans-serif}.home-hero .hero{max-width:980px}.home-hero .hero-title{font-size:60px;font-weight:500;display:flex;white-space:nowrap;gap:30px;justify-content:center;line-height:60px}.home-hero .hero-subtitle{font-size:32px;color:#04fff4;padding:10px 0}.home-hero .hero-desc{margin-top:10px;font-size:14px;line-height:1.6}.home-hero .hero-video-placeholder{margin:24px auto 0;width:100%;max-width:960px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border-radius:15px;overflow:hidden}.home-hero .hero-video{width:100%;height:100%;object-fit:cover;border:0;display:block}.home-hero .grafizix-banner{width:100%;display:block;margin-top:20px;border-radius:15px;max-height:200px;object-fit:cover}.home-hero .grafizix-copy{width:100%;max-width:100%;margin:28px 0 0;align-self:flex-start;text-align:left;color:#fff;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr);column-gap:36px;row-gap:20px;padding-right:170px}.home-hero .grafizix-copy-left{display:flex;flex-direction:column;gap:18px;font-size:15px;line-height:1.85;letter-spacing:-.01em;max-width:950px}.home-hero .grafizix-copy-left .grafizix-lead{font-size:16px;line-height:1.75;font-weight:500}.home-hero .grafizix-copy-left .grafizix-body{font-size:14px;line-height:1.85;opacity:.92}.home-hero .grafizix-copy-right{display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.6;border-left:1px solid rgba(255,255,255,.7);padding-left:24px;max-width:420px;justify-self:end;margin-left:auto}.home-hero .grafizix-row{display:grid;grid-template-columns:90px 1fr;gap:8px;align-items:start}.home-hero .grafizix-label{font-weight:700;letter-spacing:-.01em}.grafizix-slide-wrap{width:100%;overflow:hidden;margin-top:16px}.grafizix-slide-track{display:flex;width:200%;animation:grafizixMarquee 28s linear infinite}.grafizix-slide-group{display:flex;width:50%}.grafizix-slide-item{flex:0 0 12.5%;padding:6px;box-sizing:border-box}.grafizix-slide-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:15px}@keyframes grafizixMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-wide{width:100%;margin-top:20px}.hero-section-title{color:#04fff4;font-size:2.5em;text-align:left;margin:20px 0;word-break:auto-phrase;font-family:Noto Sans KR,sans-serif}.hero-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.playfusion-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-video-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.hero-thumb-wrap{width:100%;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#111}.hero-thumb{width:100%;height:100%;object-fit:cover;display:block}.hero-thumb-label{padding:10px 0 0;font-size:14px;color:#fff;font-family:Noto Sans KR,sans-serif;text-align:center}.codereach-box-row{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.codereach-box{min-height:140px;border-radius:12px;background:#1d2738;border:1px solid rgba(255,255,255,.12);overflow:hidden}.codereach-box-video{width:100%;height:100%;display:block;object-fit:cover}.codereach-video-placeholder{margin:24px auto 0;width:87%;max-width:960px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border-radius:15px;overflow:hidden}.dataTable .datagrid{background-color:#fff;padding:20px}.dataTable .datagrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataTable .datagrid img{width:32px;height:32px;border-radius:50%;object-fit:cover}.dataTable .datagrid .action{display:flex;gap:15px}.dataTable .datagrid .action img{width:20px;height:20px;cursor:pointer}.dataTable .textAbbr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense}@media screen and (max-width: 1024px){.home{grid-template-columns:repeat(2,1fr)}}.home .box1,.home .box4{grid-column:span 1;grid-row:span 3}.home .box7{grid-column:span 4;grid-row:span 1}@media screen and (max-width: 768px){.home .box7{display:none}}.home .box8{grid-column:span 2;grid-row:span 1}@media screen and (max-width: 768px){.home .box8{display:none}}.homecodereach{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense}@media screen and (max-width: 1200px){.homecodereach{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 1024px){.homecodereach{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.homecodereach{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.homecodereach{grid-auto-rows:minmax(120px,auto)}}.homecodereach .box{padding:20px;border-radius:10px;border:2px solid #384256}.homecodereach .box1,.homecodereach .box2,.homecodereach .box3,.homecodereach .box4{grid-column:span 1;grid-row:span 1;color:#2f2f2f;background-color:#f0f8ff}.pieChartBox .chartAndLegend .options{display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:16px;flex-wrap:wrap;min-width:45%;font-size:20px;line-height:2rem}.card .list{border-top:1px solid #e9e9e9}.card .list .row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9e9e9}.card .list .row .label{color:#111;font-size:14px;font-weight:600}.card .list .row .value{color:#111;font-size:14px;font-weight:800;text-align:right}.chartBox{display:flex;height:100%;max-height:100px;flex-direction:column}.chartBox .boxInfo{flex:3;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 480px){.chartBox .boxInfo{gap:20px}}.chartBox .boxInfo .title{display:flex;align-items:center;gap:10px;font-size:2rem}.chartBox .boxInfo h1{font-size:2rem}.chartBox .chartInfo{flex:1;display:flex;flex-direction:column;justify-content:center}.chartBox .chartInfo .chart{width:80%;height:170px}.playfusion_home{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense;color:"#2f2f2";background-color:#fff}@media screen and (max-width: 1200px){.playfusion_home{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 1024px){.playfusion_home{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.playfusion_home{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.playfusion_home{grid-auto-rows:minmax(120px,auto)}}.playfusion_home .box{padding:20px;border-radius:10px;border:2px solid #384256}.playfusion_home .box1,.playfusion_home .box2,.playfusion_home .box3,.playfusion_home .box4{grid-column:span 1;grid-row:span 1;color:#2f2f2f;background-color:#f0f8ff}.card .list{border-top:1px solid #e9e9e9;display:flex;justify-content:space-between}.card .list .item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9e9e9}.card .list .item .label{color:#111;font-size:20px;font-weight:600;margin-bottom:20px}.card .list .item .value{color:#111;font-size:16px;font-weight:800;text-align:right}.home_clicked{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense}@media screen and (max-width: 1200px){.home_clicked{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 1024px){.home_clicked{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.home_clicked{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.home_clicked{grid-auto-rows:minmax(120px,auto)}}.home_clicked .box{padding:20px;border-radius:10px;border:2px solid #384256}.home_clicked .box1{grid-column:span 2;grid-row:span 1;color:#2f2f2f;background-color:#f0f8ff}.home_clicked .box2,.home_clicked .box3,.home_clicked .box4,.home_clicked .box5{grid-column:span 1;grid-row:span 1;color:#2f2f2f;background-color:#f0f8ff}.card{width:100%;background:#fff;border-radius:8px;box-shadow:0 1px #0000000a;padding:14px 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif}.card .header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.card .header .title{font-size:2rem;font-weight:800;margin:0;letter-spacing:-.2px;color:#2f2f2f}.card .header .badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e53935;color:#fff;font-size:12px;font-weight:700;line-height:1}.card .noticelist{border-top:1px solid #e9e9e9;display:flex;flex-direction:column}.card .noticelist .row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9e9e9}.card .noticelist .row .label{color:#111;font-size:14px;font-weight:600}.card .noticelist .row .value{color:#111;font-size:14px;font-weight:800;text-align:right}.home{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense}@media screen and (max-width: 1200px){.home{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.home{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.home{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.home{grid-auto-rows:minmax(120px,auto)}}.home .box{padding:20px;border-radius:10px;border:2px solid #384256}.home .box1{grid-column:span 2;grid-row:span 1;color:#2f2f2f;background-color:#f0f8ff}.home .box2{grid-column:span 1;grid-row:span 2;color:#2f2f2f;background-color:#f0f8ff}.home .box3{grid-column:span 2;grid-row:span 1;color:#2f2f2f;background-color:#f0f8ff}.home .box4{grid-column:span 1;grid-row:span 1;color:#2f2f2f;background-color:#f0f8ff}.home .box5{grid-column:span 2;grid-row:span 1;color:#2f2f2f;background-color:#f0f8ff}.pieChartBox{display:flex;flex-direction:column;justify-content:space-between}.pieChartBox h1{font-size:2rem;margin-bottom:15px}.pieChartBox .chartAndLegend{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pieChartBox .chartAndLegend .chart{display:flex;align-items:center;justify-content:center;width:45%;height:45%}.pieChartBox .chartAndLegend .options{display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:14px;flex-wrap:wrap;min-width:45%;line-height:2rem}.pieChartBox .chartAndLegend .options .option{display:flex;flex-direction:column;gap:10px;align-items:start;min-width:40%}.pieChartBox .chartAndLegend .options .option .title{display:flex;gap:10px;align-items:center}.pieChartBox .chartAndLegend .options .option .title .dot{width:10px;height:10px;border-radius:50%}.barChartBox{display:flex;flex-direction:column;justify-content:space-between;width:80%}.barChartBox h1{font-size:2rem}.barChartBox .chart{flex:1;display:flex;height:100%;align-items:center;justify-content:center}.add .modal form .item{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.single{display:flex}@media screen and (max-width: 1200px){.single{flex-direction:column;gap:50px}}.single .view{flex:1}.single .view .info .topInfo{display:flex;align-items:center;gap:20px}.single .view .info .topInfo img{width:100px;height:100px;border-radius:20px;object-fit:cover}.single .view .info .topInfo h1{font-weight:500}.single .view .info .details{font-size:18px}.single .view .info .details .item{margin:30px 0}.single .view .info .details .item .itemTitle{font-weight:600;margin-right:10px;text-transform:capitalize}.single .view hr{width:90%;height:0;border:.5px solid gray;margin:20px 0}@media screen and (max-width: 768px){.single .view hr{display:none}}.single .view .chart{margin-top:50px;width:80%;height:400px}@media screen and (max-width: 768px){.single .view .chart{display:none}}.single .activities{flex:1}.single .activities h2{margin-bottom:20px}.single .activities ul li{list-style-type:none;position:relative;width:1px;padding-top:50px;background-color:#f45b69}.single .activities ul li:after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;border-radius:50%;background-color:#f45b69;transform:tranlateX(-50%)}.single .activities ul li div{min-width:480px;padding:15px;background-color:#f45b6810}@media screen and (max-width: 768px){.single .activities ul li div{min-width:250}}.single .activities ul li div p{margin-bottom:5px}.single .activities ul li div time{font-size:12px}.add{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000000b6;display:flex;align-items:center;justify-content:center}.add .modal{padding:50px;border-radius:10px;background-color:#2a3447;position:relative;z-index:1000}.add .modal h1{margin-bottom:40px;font-size:24px;color:#ddd}.add .modal .close{position:absolute;top:10;right:10px;cursor:pointer}.add .modal form{display:flex;flex-wrap:wrap;max-width:500px;justify-content:space-between}.add .modal form .idblock{display:contents}.add .modal form .item{display:flex;flex-direction:column;width:45%;gap:10px;margin-bottom:20px}.add .modal form .item label{font-size:14px}.add .modal form .item input{padding:10px;background-color:transparent;color:#fff;outline:none;border:1px solid #ddd;border-radius:3px}.add .modal form .item .imageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:450px;width:100%}.add .modal form .item .imageContainer .inputFileBrowser{display:none}.add .modal form .item .dropzone{text-align:center;padding:20px;border:3px dashed #eeeeee;background-color:#fafafa;color:#bdbdbd}.add .modal form .item .preview{width:100px;height:100px;object-fit:cover}.add .modal form button{width:100%;padding:10px;cursor:pointer}.contents .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.contents button{padding:5px;cursor:pointer}.contents .main-image-container{display:flex;justify-content:center;align-items:center}.contents .main-image-container img{width:30px;height:30px;margin-top:10px}