@CHARSET "UTF-8";
/* header */
body{font-size: 18px;}
header{position: fixed; width:100%; z-index: 1000; background-color: #fff;box-shadow:0 0 10px rgba(0,0,0,0.2);font-size: 16px;}
header.scroll{}
.container button{margin:0; font-size:18px;}
p {word-break: keep-all; white-space: normal;}
.nav-bar, .mobile-logo{display:none;}
.medium{font-weight: 500;}
.front{transition: padding-top 0.3s ease;}
header .header_top{position:relative; display:flex; align-items: center; justify-content: space-between;}
.t-right,header .header_top .right{width:350px;}
header .header_top .logo{width:180px; padding: 5px; position:relative; }
header.scroll .header_top .logo{width:200px; transition: all 0.3s ease;}
header .header_top .logo img{width:100%;}
header .header_top::after{content:""; width:100vw; height:1px; background-color:#ccc; position:absolute; left:50%; bottom:0%; transform:translateX(-50%);}
header .header_top .right a{padding: 8px 15px; box-sizing: border-box; display: block; font-weight: 600; border: 2px solid #0B3CDE; color:#0B3CDE; border-radius:22px;}
/*header .header_top .login{display:none;}*/
header.scroll .header_top .logo .pc{display:none;}
header.scroll .header_top .logo .mobile{display:none;}
header .header_top .logo .pc{display:none;}
header .header_top .logo .mobile{display:block;}
header .header_top .right{display:flex; gap:10px; text-align:center;flex-direction: row-reverse;}
header .header_top .right .logout{color:#aaa; border-color:#aaa;}
header .header_top a{display: block;}
header .header_bottom{position:relative; display:flex; justify-content:space-between; align-items: center;}
header .header_bottom>li:hover{transition:0.3s;}
header .header_bottom>li{position:relative; width: calc((100% - 150px) / 6); text-align:center;}
header .header_bottom a{line-height:53px; display:block; transition:0.3s;}
header .header_bottom a:hover{font-weight:700;}
header .header_bottom .main-menu{font-weight:600;}
header .header_bottom .main-menu i{display: none; }
header .header_bottom .sub-menu{display: none; position:absolute; z-index: 10; top: 100%; width: 100%; text-align: center;}
header .header_bottom .bg{position:absolute; box-shadow:0 4px 4px rgba(0,0,0,0.1); z-index: 9; background-color:#fff; width:100vw; left:50%; bottom:0; transform:translateX(-50%); height:100%;}
header .header_bottom>li:hover .sub-menu{}
header .header_bottom .sub-menu li{}
header .header_bottom .sub-menu li a{line-height:2; }
.main-obj{display:none;}
footer{border-top: 1px solid #ccc;}
.half{ border-radius: 50px;}
/* mainvisual */
.main_wrap{font-size:20px;}
.main_wrap .container{ padding: 50px 0;}
.mainvisual{overflow: hidden; position:relative; background: url(../../img/jindo/main_bg.jpg) no-repeat;background-size: cover;}
.mainvisual .obj{position:absolute; z-index:10; pointer-events: none;}
.ai_character1{margin-left:50px;}
.obj1{width: 33%; left: 69%; bottom: 51%;}
.obj2{width: 8%; right: 40%; top: 75%;}
/* .obj4{width: 11%; left: -10%; top: 55%;} */
.obj4{width: 12%; left: -12%; top: 34%;}
.obj5{width: 8%; left: 92%; top: 5%;}
.obj7{left: 100%; width: 7%; top: 30%;}
/* .obj5{width: 8%; left: 72%; top: 3%;} */
/* .obj7{left: 100%; width: 6%; top: 11%;} */
.mainvisual .obj.obj6{position:absolute; z-index: 1; width: 9%; left: 34%; transform: translateX(-43%); top: 35.8%; display:none;}
.mainvisual .container{padding: 50px 0 150px;}
/* .mainvisual .main{display:flex; align-items: center; gap:50px; position:relative;} */
.mainvisual h4{font-size: 28px;}
.mainvisual .container{padding: 20px 0 150px;}
.mainvisual .main{display:flex; justify-content:center; align-items: center; position:relative; justify-content: space-between;}
.mainvisual .main>div{width:48%; text-align:center;}
.mainvisual .main>div img{ padding: 0 6%; width: 80%;}
.mainvisual .main>img{width: 48%; padding:0 1%;}
.mainvisual .main .step3{display:flex; justify-content:space-between; align-items: center;}
.mainvisual .main .box{background-color:rgba(255,255,255,0.6); padding: 17px 25px; border-radius: 25px; width: 100%; margin: 0 auto;}
.mainvisual .main .box .inner{display:flex; justify-content:space-between; align-items:center; width:47%;}
.mainvisual .main .box .line{width: 2px; height: 32px; background-color: #aaa;}
.mainvisual .step3 h4{color:#0B3CDE;}
.mainvisual .box ul{margin-top:15px; /* min-height:126px; */}
.mainvisual .box ul li{margin-bottom: 10px;}
.boxs{display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top:25px;}
/* .mainvisual .main img{width:20%;} */
 .mainvisual .main .mainlogo{} 
/* .mainvisual .main .mainlogo{position:absolute; left:50%; transform:translate(-50%); width:35%} */
.mainvisual .main .txts{}
.mainvisual .main .txts h4{font-size:30px;}
h2{font-size:60px; font-family: 'MBC1961M'; font-weight:300;margin-bottom: 50px;}
.mainvisual .main .txts h2{padding: 30px 0 10px;}
.mainvisual .main .txts p{font-weight:500;}

/* .boxs{display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top:30px;} */
.mainvisual .boxs .box{position:relative; width:48%; padding:30px; background-color:rgba(255,255,255,0.4);  border-radius: 30px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: 20px 20px 20px rgba(0,0,0,0.15);}
.mainvisual .box>div{}
.mainvisual .box img{height:120px; margin:0 auto;}
.mainvisual .step1 .color{color:#FF5F9E;}
.mainvisual .step2 .color{color:#4470FF;}
.mainvisual .step3 .color{color:#FF80CE;}
.mainvisual .box .step{padding:10px 40px; font-size:18px; font-weight:bold; color:#fff; display:inline-block;}
.mainvisual .box .top{display:flex; justify-content:space-between; align-items: center;}
.mainvisual .box .top h4{}
.mainvisual .box .top a{position:relative; padding: 0 25px 5px;}
.mainvisual .box .top a svg{width:72px; height:18px;position:absolute; right:0; bottom: 0px;}
/* .mainvisual .box ul{margin-top:30px;} */
/* .mainvisual .box ul li{margin-bottom:20px;} */
.mainvisual .box ul li:last-child{margin-bottom:0px;}
.mainvisual .box ul li a{display:flex; justify-content:space-between; align-items: center;}
.mainvisual .box ul li .title{width: calc(100% - 130px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition:.3s;}
.mainvisual .box ul li:hover .title{font-weight:600;}
.mainvisual .box ul li .date{width:120px; text-align:end; color:#aaa;}
.mainvisual .step1 .step{background-color: #FF5F9E;}
.mainvisual .step2 .step{background-color: #4470FF;}
.mainvisual .step3 .step{background-color: #FF80CE;}
.mainvisual .step3 h4{font-size:24px;}
.mainvisual .step3 p{font-size: 20px;}
.mainvisual .step1{}
.mainvisual .step1 .top a{color:#FF5F9E;}
.mainvisual .step2 .top a{color:#4470FF; font-weight: 400;}
.mainvisual .step2{z-index: 2;position:relative;/*  margin-bottom: -30px; */}
/* .mainvisual .step3{margin-top:30px; display:flex; justify-content:space-between; align-items: center;} */
/* .mainvisual .step3 h4{color:#42e92a;} */
/* .mainvisual .step3 p{font-size:24px; } */
.mainvisual .step1 svg path{ stroke:#FF5F9E;stroke-width:1.5;}
.mainvisual .step2 svg path{ stroke:#4470FF;stroke-width:1.5;}



.section{padding:50px 0;}
.section1{position:relative; box-shadow: 0px -5px 8px rgba(0, 0, 0, 0.15);border-radius: 100px 100px 0 0; margin-top:-100px; text-align:center; background: url(../../img/jindo/main2_bg.png) #fff no-repeat;background-size: cover;}
.section1 h3{ font-size:50px; margin-bottom: 50px;}
.section1 h2{display: inline-block;/*  background: linear-gradient(to bottom right, #4470FF, #604FF8); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; background-clip: text; color: transparent; */ margin-bottom: 5px;}
.section1 .character2{position:absolute; width: 18%; right:0%; top: -12%; transform: scaleX(-1);}
.section1 .boxs{margin:0;}
.section1 .boxs div:last-child .theme{background-color: #FF5F9E;}
.section1 .boxs div:last-child:hover{border: 3px solid #FF5F9E;}
.section1 .boxs .box{background-color: rgba(255,255,255,0.6); text-align:center; width: 30%; border: 3px solid #DFDFDF; border-radius: 80px; transition:.3s} 
.section1 .blue{color: #4470FF;}
.section1 .purple{color: #FF5F9E;}
.section1 .boxs .box:hover{border: 3px solid #4470FF;}
.section1 .boxs .box a{padding: 50px 10px 20px; width:100%; display:block;}
.section1 .boxs .box .theme{font-weight:bold; color:#fff; padding: 5px 20px; background-color: #4470FF; display: inline-block;} 
.section1 .boxs .box h4{font-size:40px; margin: 20px 0; } 
.section1 .boxs .box img{width:50%;} 
.section1 .boxs .box img.peple{width:auto; height:150px;}
.section1 .boxs .box .mouse{width:25%; margin-right: 60%;} 
.section1 .boxs .box p{padding-top:20px; color: #6B6B6B; font-weight: 500;} 
.section1 .boxs .box p span{display: block;;}

.section.section2{background-color:#4470FF; overflow:hidden; padding:0;}
.main_wrap .section2 .container{max-width:none; padding: 40px 0;}
.section2 h2{margin-bottom:30px; text-align:center; color:#fff; font-size:45px;}
.carousel-container { width: 100%; position: relative;}
.carousel-track {display: flex; width: max-content;}
.carousel-item { transform:translateY(0%); transition:.3s; flex: 0 0 320px; margin: 0 15px; border-radius:20px; overflow:hidden; box-shadow: 20px 20px 10px rgba(0,0,0,0.25);background-color:#fff;}
.carousel-item:hover{transform:translateY(-10%);}
.carousel-item a{position:relative;}
.carousel-item img{display:block;}
.carousel-item .txt{padding: 15px 20px; position:absolute; width:100%; height:100%; top: 0; left:0; background-color: rgba(255,255,255, 0.9); opacity:0; transition: .3s}
.carousel-item:hover .txt{opacity: 1;}
.carousel-item .txt .category{color:#4470ff; border-radius:15px; border:2px solid #4470ff; display:inline-block; padding: 2px 10px; font-weight:bold; font-size:16px; margin-left:5px; display:none;}
.carousel-item .txt .name{ margin: 0px 0 5px; font-weight:bold;}
.carousel-item .txt p:last-child{display: -webkit-box; -webkit-line-clamp: 3; /* 두 줄까지 보여줘 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; word-break: keep-all; white-space: normal;}

/* 멘토링 이용안내 */
.common-container{padding:100px 0;}
.mentoringintro{}
.about h4{margin-bottom:50px; text-align:center;}
.mentoringintro .front{background: url(../../img/jindo/mentoringintro-bg.jpg) no-repeat; background-size:cover;}
.mentoringintro .front .container{padding: 15px 0;}
.about .main-top{display:flex; align-items:center;}
.about .main-top .text{width:70%; position:relative;}
.about .main-top .text p{margin-bottom: 10px; font-weight: 500; font-size:24px;}
.about .main-top .text span{display:block;}
.about .main-top .text span.inline{display:inline; font-weight:bold; font-size: 26px;}
.about .main-top .text span.span1{color:#5D6CD8;}
.about .main-top .text span.span2{color:#80E67B;}
.about .main-top .text span.span3{color:#9F71CE;}
.about .main-top img{width:45%; margin-left: -15%;}
.about .obj{position:absolute;}
.m-obj1{left: -15%; top:23%; width: 10%;}
.m-obj2{left: 10%; top:5%; width: 4%}
.m-obj3{left: -6%; top:45%; width: 4%}
.m-obj4{left: 60%; top:42%; width: 6%}
.mentoringintro .obj{}
.about .main-bottom{display:flex; justify-content:space-between; text-align:center;}
.about .main-bottom li{padding:30px 10px; border-radius: 20px; /* box-shadow: 0 0 5px rgba(0,0,0,0.15); */ display:flex; flex-direction: column; justify-content: space-between; background-color:#fff; align-items: center; width:23%;}
.about .mentoring-service .main-bottom li:nth-child(1){border:3px solid #FB7B7B;}
.about .mentoring-service .main-bottom li:nth-child(2){border:3px solid #80E67B;}
.about .mentoring-service .main-bottom li:nth-child(3){border:3px solid #9F71CE;}
.about .mentoring-service .main-bottom li:nth-child(4){border:3px solid #5D6CD8;}
.mentoringintro .main-bottom li:nth-child(2n){margin-top:50px;}
.mentoringintro .main-bottom li:nth-child(2n-1){margin-bottom:50px;}
.about .main-bottom li .color{font-size:20px;}
.about .color1{color:#FB7B7B;}
.about .color2{color:#80E67B;}
.about .color3{color:#9F71CE;}
.about .color4{color:#5D6CD8;}
.mentoringintro .main-bottom img{height:90px; width: auto; margin: 10px 0;}
.mentoringintro .main-bottom p{}
.mentoringintro .main-bottom p span{display:block;}
.mentoringintro .guide{background-color:#F6F6F6;}
.mentoringintro .guide .container{}
.about .pink{color: #fb7b7b; background-color: unset;}
.mentoringintro .guide li.dash{z-index:1; position:absolute; top: -1px; left:50%; transform:translateX(-50%); width:80%; height:auto;}
.mentoringintro .guide li{z-index:1; position:relative;}
.mentoringintro .guide li.dash img{height: 2px;margin: 30px 0;}
.mentoringintro .guide ul{display:flex; text-align:center; justify-content:space-between; position:relative;}
.mentoringintro .guide ul li{align-items: center; width:20%;display: flex; width: 20%; flex-direction: column;}
.mentoringintro .guide li .step{font-size:24px; border:2px solid #fb7b7b; border-radius:50%; padding: 15px 55px; background-color:#fff;  color: #fb7b7b;}
.mentoringintro .guide li .pink{margin-top:20px; font-weight:bold;}
.mentoringintro .guide li .step{}
.mentoringintro .guide li img{height:70px; margin: 20px 0; }
.mentoringintro .guide li .medium{}
.mentoringintro .guide li a{text-underline-offset: 3px; color: #fb7b7b; margin-top:15px; display:block; text-decoration: underline; font-weight: 700; display:none;}
.mentoringintro .mentoring-info{text-align:center;}
.mentoringintro .mentoring-info h4{margin-bottom:70px;}
.mentoringintro .mentoring-info img{width:80%;}

/* 일취월장 소개 */
.intro .front{background: url(../../img/jindo/intro-bg.jpg) no-repeat; background-size:cover; }
.intro .front .container{padding: 0;}
.about .main-top .text p{line-height:1.4;}
.about.intro .main-top img{width: 660px; margin-left: -25%;}
.about h2{position: relative; z-index: 2; margin-bottom: 20px;}
.about h2::before {content: attr(data-text); position: absolute; top: 0; left: 0; z-index: -1; color: transparent; -webkit-text-stroke: 10px #fff; font-weight: bold;}
.about.intro .main-top img.logo{margin-left:0; width:45%; margin-bottom: 10px;}
.i-obj2{top: 32%; width: 7%; left: -11%;}
.i-obj3{left: 40%; width: 5%; top:29%}
.i-obj4{right:-8%; width: 7%; top:58%;}
.about.intro .main-bottom li{width:31%;}
.about.intro .main-top .text p{margin: 10px 0 0;}
.about .main-top .text h2 span{display:inline;}
.about .front .blue{color:#5D6CD8;}
.about .blue{color:#2752DE;}
.intro .main-bottom{}
.intro-guide h4{text-align:center;}
.intro-guide ul{display:flex; justify-content:space-between; }
.intro-guide ul li{width:31%; text-align:center; position: relative; border:1px solid rgba(0,0,0,0.2); box-shadow:2px 2px 4px rgba(0,0,0,0.2); border-radius:30px; padding: 30px 25px;}
.intro-guide ul li .title{font-size:24px;}
.intro-guide ul li img:not(.ribbon){margin:20px 0; }
.intro-guide ul li .ribbon{position:absolute; top: -8px; left: 25px; }
.intro-guide ul li p{font-size:20px;}
.intro-guide ul li p span{display: block;}
.intro-guide ul li .more{color:#2752DE; font-size:16px; margin-top:5px; display:block; transition:.3s; display:none;}
.intro-guide ul li:hover .more{font-weight:bold;}
.intro-step{background: url(../../img/jindo/intro-bg3.jpg) no-repeat; background-size: 100% auto;}
.intro-step h4{color:#fff;}
.intro-step h4 span{color: #71F1FF;}
.intro-step ul{display:flex; justify-content:space-between;}
.intro-step ul li{ text-align: center;}
.intro-step ul li:nth-child(2n){width:10%;}
.intro-step ul li:nth-child(2n) img{position:relative;top:20%; width: 34%;}
.intro-step ul li:nth-child(2n-1){width:15%;}
.intro-step ul li img{}
.intro-step ul li p{margin-top:30px; color:#fff; font-size:20px; line-height:1.2;}
.intro-step ul li p span{display:block;}
.intro-service{background-color:#F2F2F2; }
.intro-service ul{row-gap: 40px; display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.intro-service .title{box-shadow: none; text-align:start;padding:0px; background-color: unset;}
.intro-service .title h4{margin-bottom:20px; text-align:start;}
.intro-service .title p{font-size:20px;}
.intro-service .title p span{display:block;}
.intro-service ul li{text-align:center; border-radius:10px; box-shadow: 0 0 10px rgba(0,0,0,0.25); width:31%; padding:30px; background-color:#fff;}
.intro-service ul li img{margin-bottom:30px; height:100px;}
.intro-service ul li p{font-weight:bold; font-size:24px;}

/* fix_banner */
 .fix_banner{position:fixed; bottom:0; left:0; width:100%; z-index:100; transition: opacity 0.3s ease;}
.fix_banner.hidden {opacity: 0; pointer-events: none;}
.fix_banner .container{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);padding:10px; background: linear-gradient(to bottom, #318FF0, #1C538A); border-radius: 30px 30px 0 0; }
.fix_banner .close{position:absolute; right:10px; top:10px; padding: 10px 15px; display:block; z-index:50;}
.fix_banner .close i{margin-right:5px;}
.fix_banner .container>div{position:relative;}
.fix_banner .container>div:first-child{width:26%;}
.fix_banner .container>div:nth-child(2){width:74%;}
.fix_banner .f_icon{position: absolute; width: calc(100% + 10px); max-width: none; bottom: -26px; left: -10px; z-index:1;}
.fix_banner .title{padding-right: 10px;font-size:30px; text-align:center; color:#fff; position: relative; z-index:2;}
.fix_banner .title span{display:block;}


.fix_banner .fix_slider{background-color:#fff; font-weight:500; text-align: center; border-radius: 20px; padding: 10px 80px 10px 15px; cursor:pointer;}
.fix_banner .fix_slider .flex{display:flex;align-items:center; justify-content:space-between;}
.fix_banner .fix_slider .left{width: 25%; }
.fix_banner .fix_slider .left .tt{margin-top:2px; font-size:22px; letter-spacing: 5px;}
.chinese{text-align:center; font-size: 30px; color:#4470FF; font-weight: 600;text-align: center; width: 100%;letter-spacing: 3px;}
.fix_banner .fix_slider .right{display: flex; width: 73%; text-align: start; flex-direction: column; justify-content: space-evenly; line-height:1.2;}
.fix_banner .fix_slider .right ul{display:flex; gap:3%; margin-bottom: 5px;}
.fix_banner .fix_slider .right ul li{}
.fix_banner .fix_slider .right ul li span{font-weight:bold; font-size:22px;}
.fix_banner .fix_slider .right p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%;}
/* 한자따로따로
.fix_banner .container>div:first-child{width:24%;}
.fix_banner .container>div:nth-child(2){width:76%;}
.fix_banner .f_icon{position: absolute; width: calc(100% + 10px); max-width: none; bottom: -20px; left: -10px; z-index:1;}
.fix_banner .title{padding-right: 10px;font-size:30px; text-align:center; color:#fff; position: relative; z-index:2;}
.fix_banner .title span{display:block;}
.fix_banner .fix_slider{background-color:#fff; font-weight:500; text-align: center; border-radius: 20px; padding: 15px; cursor:pointer;}
.fix_banner .fix_slider .flex{display:flex; justify-content:space-between;}
.fix_banner .fix_slider .top{width:35%;}
.fix_banner .fix_slider .top .tt{display:flex; align-items:center; justify-content: center;}
.fix_banner .fix_slider .top .tt li{font-size:16px; width:25%; color:#999;}
.fix_banner .fix_slider .top .tt li span{font-size:22px; font-weight:bold; margin-left:5px; color:#333;}
.chinese{text-align:center; font-size: 24px; color:#4470FF; font-weight: 600;text-align: center; width: 100%;}

.fix_banner .fix_slider .bottom{display: flex; width: 63%; text-align: start; flex-direction: column; justify-content: space-evenly;}
.fix_banner .fix_slider .bottom p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%;}
*/
.chinese span{width: 25%; display:inline-block;}
.fix_banner_click_wrap{display:none; position:fixed; top:0; bottom:0; left:0; right:0; background-color: rgba(0,0,0,.6); z-index:1000;}
.fix_banner_click .close{position:absolute;  right:30px; top:42px; margin:0;}
.fix_banner_click{position: absolute; width:70%; top: 50%; left: 50%; transform:translate(-50%, -50%); background: url(../../img/jindo/fix-banner-bg.png) no-repeat; background-size:cover; border-radius:20px; padding:50px 50px 70px;}
.fix_banner_click h4{margin-bottom:20px;}
.fix_banner_click .top{}
.fix_banner_click .top .chinese{}
.fix_banner_click .top .chinese span{width:10%; font-size:40px;}
.fix_banner_click .top .tt{display:flex; text-align:center; justify-content:center;}
.fix_banner_click .top .tt li{width:10%; font-size:20px; font-weight:bold; color:#999;}
.fix_banner_click .top .tt li span{font-size:26px; color: #333; margin-left: 5px;}
.fix_banner_click .bottom{text-align:center;margin-top: 20px;}
.fix_banner_click .bottom .literal-meaning{}
.fix_banner_click .bottom .meaning{}
.fix_banner_click .bottom div,.fix_banner_click .bottom>p{}
.fix_banner_click .bottom p{line-height:1.6;}
.fix_banner_click .bottom>p{font-weight: 600; font-size: 22px;}
.fix_banner_click .bottom div .origin-tt{margin: 10px 0 5px; font-weight:bold; font-size: 24px; text-align:center; color: #4470FF;}
.fix_banner_click .bottom div .origin{width: 80%; margin: 0 auto;}
.slide-week button{margin:0; font-size: 0;}
.slide-week .slick-arrow{position:absolute;top: 50%; transform:translateY(-50%); z-index:100;}
.slide-week .slick-arrow::before{font-size: 28px;}
.slide-week .slick-prev{left:0;}
.slide-week .slick-next{right:0;}
.login{}
.login .padding{padding: 100px 0;}
.login h2{text-align:center; margin-bottom:100px;}
.login .input_container{display:flex; flex-direction:column; gap:20px; width:95%; max-width:500px; margin:0 auto;}
.login input{padding: 15px 20px;}
.login input::placeholder{color:#aaa;}
.login .id{border: 1px solid #ccc;}
.login .password{border: 1px solid #ccc;}
.login .login_btn{border: 1px solid #4470FF; background-color:#4470FF; color:#fff; font-weight:bold; text-align:center; font-weight:bold;}
.login .login_btn::placeholder{color:#fff;}
.login .forgot{color:#aaa; text-align:center;}
.login .line{height:1px; background-color:#ccc;}
.login p{font-weight:bold; text-align:center;}
.login .sns_btn{display:flex; justify-content:space-between;}
.login .sns_btn form{width:48%;}
.login .sns_btn button{font-weight:bold; width:100%; display:flex; align-items: center; padding: 7px 0;}
.login .sns_btn span{width:75%; text-align:center; padding: 7px 0; margin-left:-5px;}
.login .sns_btn .img_wrap{width:25%;border-right:1px solid rgba(255,255,255,0.5); text-align: center;padding: 5px 0;
}
.login .sns_btn .img_wrap img{padding-left:5px;}
.login .sns_btn .naver img{width:40%;}
.login .sns_btn .kakao img{width:50%;}
.login .sns_btn .naver{background-color:#1FC800; color:#fff;}
.login .sns_btn .kakao{background-color:#FAE100; color:#371C1D;}
.login .sns_btn .kakao .img_wrap{border-color: #371C1D;}

.post_common .page_main{position:relative;}
.post_common .container{padding:100px 0;}
.post_common .page_main p{}
.post_common .page_main h2{margin:20px 0 100px;}
.post_common .page_main div{z-index: 1;}
.post_common .main_img{position: absolute; top:50%; transform: translateY(-50%);}
.notice .page_main{background-color:#88DBFF;}
.study .page_main{background-color: #FFD1E9;}
.notice .page_main .main_img{width:750px; right: 3%; }
.notice .page_main h2{color:#092C86;}
.study .page_main h2{color:#8219A4;}

.post_common{}
.post_common .search_wrap{display:flex; align-items: center; justify-content:space-between;}
.post_common .input-form-box{display:flex; align-items: center; border: 1px solid #989898; width: 350px;}
.post_common .input-form-box .search-btn{font-size:0; position: relative; height: 45px;}
.post_common .input-form-box .search-btn::before{content:"\f002"; font-size: 18px;font-family: "Font Awesome 5 Free"; font-weight: 900; color:#092C86;  display: block;text-align: center;}
.post_common .input-form-box .search-btn::after{width:1px; position:absolute; right:0; top:50%; transform: translateY(-50%); background-color: #989898; padding: 15px 0; content:"";}
.container.s_container{padding: 0 0 50px;}
.post_common .input-form-box .search-input-text{padding: 12px 15px; width: calc(100% - 55px);}
.post_common .input-form-box .search-input-text::placeholder{color: #989898;}

.table_list{padding: 20px 0;}
.table_list>li{border-radius:20px; border:2px solid #D0D0D0; box-sizing:border-box; transition:.3s; overflow:hidden; margin-bottom:10px;}
.table_list>li:last-child{margin-bottom:0px;}
.table_list>li:nth-child(10n){margin-bottom:0px;}
.table_list>li .title{display:flex; justify-content:space-between; padding: 15px 30px; align-items: center; cursor:pointer;}
.table_list>li .title .con{display:flex; align-items: center; gap:30px; flex-grow: 1; width: calc(100% - 366px);}
.table_list>li .title .con .tt{ padding-bottom:10px;display:flex; align-items: center; gap:10px;width: 100%;}
.table_list>li .title .con .status{font-size:16px; padding: 5px 10px; width: auto; overflow:visible; border-radius:30px; color:#fff; font-weight: 500;}
.table_list>li .title .con .noticeIng{background-color:#4CAF50;}
.table_list>li .title .con .noticeEnd{background-color:#aaa;}
.table_list>li .title .con .new{color:#fff; border-radius:30px; font-size: 14px; background-color:#4470FF; padding: 5px 10px; font-weight: 500;}
.table_list>li .icon{width:47px; fill:#D0D0D0; transition:.3s;}
.table_list>li .icon2{width:47px; stroke:#D0D0D0; transition:.3s;}
.table_list>li .txt{width: calc(95% - 47px);}
.table_list>li .txt .titleTxt{display:flex; align-items: center; gap:10px; width: calc(100% - 50px);}
.table_list>li .txt .titleTxt>p{font-weight:bold; font-size:28px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.table_list>li.act .txt p{white-space: wrap;word-break: keep-all; white-space: normal; }
.table_list>li .txt ul{display:flex; font-size:16px; color:#989898; gap:30px;}
.table_list>li .txt ul li{}
.table_list>li .txt ul li span{font-weight:bold; margin-right: 10px;}
.abutton{display: inline-block;}
.table_list>li button,.post_common .abutton{font-weight:bold; padding:10px; color:#fff; padding:10px 30px; background-color:#B5B9C3; margin-left:10px;}
.post_common .write{background-color:#4470FF;}
.table_list>li .edit{background-color:#B5B9C3;}
.table_list>li .edit a{width:100%; height:100%; display:block;}
.table_list>li .del{background-color:#E20303;}
.post_common .abutton.cancel{background-color:#989898;}
.table_list>li .ing, .post_common .abutton.purple{background-color:#8219A4;}
.table_list>li .ing, .post_common.notice .abutton.btn-save{background-color:#4470FF;}
.table_list>li .end{background-color:#989898;}
.table_list>li i{margin-left:15px; color:#D0D0D0; transition:.3s;}

.table_list>li:hover{border:2px solid #6D86D8;}
.table_list>li:hover .icon{fill:#6D86D8;}
.table_list>li:hover .icon2{stroke:#6D86D8;}
.table_list>li:hover i{color:#6D86D8;}
.table_list>li.act{border:2px solid #6D86D8;}
.table_list>li.act .icon{fill:#6D86D8;}
.table_list>li.act .icon2{stroke:#6D86D8;}
.table_list>li.act i{color:#6D86D8;}
.table_list .content{ background-color: #F4F4F4; border-top: 1px solid #eee;border-radius: 0 0 20px 20px;}
.table_list .content .wrap{padding: 20px 30px; min-height:250px;}
.table_list .content .img_wrap{text-align:center;}
.table_list .content .img_wrap img{}
.table_list .content .txt{word-break: keep-all; white-space: normal; width:100%; margin-bottom:10px;}
.table_list .content .file{padding: 0 30px 20px;}
.table_list .content .file>div{display:flex; gap:15px; background-color:#fff; padding: 10px 20px; border-radius:30px; border: 1px solid #ccc; }
.table_list .content .file span{font-weight:bold;}
.table_list .content .file p{cursor:pointer;}
.table_list .content .file p i{margin: 0 10px 0 0;}
.table_list .reply{border-top: 1px solid #eee; padding: 20px 30px;background-color: #fff; display:flex;align-items:start; gap: 10px;}
.table_list .reply>div{flex-grow: 1;} 
.table_list .reply img{padding-top: 2px;}
.table_list .reply .reply_tt{font-weight:bold; font-size:24px; padding-bottom:10px; min-height: auto;}
.table_list .reply .reply_txt{word-break: keep-all; white-space: normal;}
.table_list .reply .reply_top{display:flex; align-items: center; justify-content:space-between;}
.notice .round{background-color: #88DBFF;position: relative;}
.study .round{background-color: #FFD1E9;position: relative;}
.round div{border-radius:100px 100px 0 0;box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.15); height:100px;background-color:#fff;}

.pagination{display:flex; align-items:center; justify-content:center;}
.pagination button{padding: 0 5px;}
.pagination .page-numbers{display:flex;align-items:center; gap:5px; padding: 0px 5px;}
.pagination .page-numbers li{ width:25px; text-align:center;padding: 2px 0; cursor:pointer;}
.pagination .page-numbers li.act{color:#fff; border-radius:50%; background-color: #4470FF;}
.Status .pagination .page-numbers li.act{background-color: #5E2797;}
.post_common .write-table{border-top: 3px solid #AAAAAA; margin:0px 0 30px;}
.post_common .write-table li{display:flex; border-bottom: 1px solid #CCCCCC;}
.post_common .write-table .align{ align-items:center;}
.post_common .write-table li:last-child{border-bottom: 2px solid #CCCCCC;}
.post_common .write-table li:last-child .con label{margin-right: 1.5vw;}
.post_common .write-table li .tt{width:20%; padding:15px 20px; font-weight:bold;}
.post_common .write-table li .con{width:80%;margin: 5px 0;}
.post_common .write-table li input, .noticeContent{border-radius:15px; padding: 8px 15px; border:1px solid #ccc;}
.form-buttons{display:flex; justify-content:end;}
.noticeContent{min-height: 250px}
.file-label {display: flex; align-items: center; justify-content: space-between; border:1px solid #ccc; border-radius:10px; cursor:pointer; overflow:hidden; width:100%;}
.file-button{background-color: #989898; color: #fff;padding: 8px 20px;border-radius: 9px;}
.file-input {display: none;}
.file-text{padding: 8px 15px;}
.container>p{font-weight:bold;}
.inquiry .table_list .content .txt{min-height:250px; padding:20px;}
/* 나의 학습방 */
.container.my_container{padding: 0px 0px 50px;}
h4{font-size:32px; font-family: 'MBC1961M'; font-weight: 100;}
.my_container h4{ color: #8219A4;}
.post_common .write-table li .con.w70{width: 50%;}
.post_common .write-table li .con.w70 input{width: calc(100% - 65px);}
.post_common .my_container .write-table.mentor{margin:20px 0 30px;}
.post_common .my_container .write-table{margin:20px 0 20px;}
.post_common .password{display:flex; justify-content: space-between;}
.my_container .search-button{border-radius:15px; font-weight:bold; background-color:#989898; color:#fff;padding: 9px 12px;}
.con-search-wrap{display:flex; justify-content:space-between;}
.study .page_main .main_img{width: 650px; right:3%;}
.study .sns{display:flex; justify-content:space-between;}
.study .sns div{width:48%; display:flex; align-items:center; font-weight:bold;}
.study .sns .naver .linked{display:block;}
.study .sns .kakao .linked{display:block;}
.study .sns .naver{color:#fff;}
.study .sns .naver form{flex-grow: 1;}
.study .sns .kakao form{flex-grow: 1;}
.study .sns .kakao{color:#371C1D;}
.study .sns form button{width:100%;}
.study .sns div span{ text-align:center; padding-right: 10px;flex-grow: 1;}
.study .sns div img{padding: 0 20px 0 25px; box-sizing: content-box;}
.study .sns .naver img{width:25px; border-right:1px solid rgba(255,255,255,0.5);}
.study .sns .kakao img{width:32px; border-right:1px solid #371C1D;}
.study .select{display: flex; align-items:center;gap:20px;}
.study .select select{color: #989898; border:1px solid #CCCCCC; padding: 8px 30px 8px 15px; border-radius:15px; width:40%; padding: 8px 15px; position:relative;}
select{border:1px solid #CCCCCC; border-radius:15px; padding: 7px 30px 7px 15px; position:relative; background: url(../../img/jindo/select_icon.png) no-repeat; background-size: 14px; background-position: right 15px center;}
/* 멘토링 신청현황 */
.pink{background-color:#FE70BA;}
.red{background-color:#E20303;}
.sbtn{color:#fff; font-weight:bold; padding: 5px 15px;}
.shadow{box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius:20px; padding:30px 20px;}
.mentee{width: 235px; box-sizing:border-box; display:block; padding: 10px 35px 10px 15px; margin-bottom:20px;}
.changeClass{display:flex; gap: 15px; align-items:center; margin-bottom: 15px;}
.changeClass p{font-weight:bold; font-size:20px;}
.lesson_duration{border-bottom: 2px solid #ccc; padding: 4px 5px;}
.lesson_duration i{margin-right: 8px; color: #989898;}
.lesson_duration input{width: 60px;}
.lesson_duration span{font-weight:bold;}
.changeClass .file-label .file-text{padding: 6px 15px; width:250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.changeClass .file-label .file-button{padding: 6px 15px;}
.changeClass .sbtn{padding: 6px 20px;}
.changeClass .time{padding-right: 65px;}
.changeClass .weekday-options{}
.changeClass .weekday-options span{margin-left: 0px;}
.changeClass .weekday-options label{margin-left:15px;}
.changeClass .weekday-options label:first-child{margin-left:0px;}
.changeClass.changeClass1{display:flex; align-items:center;}
.changeClass1 .left{display:flex; align-items:center; gap:20px;}
.changeClass1 .changeClassBtns{display:flex; align-items:center; gap:10px;}
.changeClass1 .changeClassBtns .abutton.pink, .changeClass1 .changeClassBtns .abutton.gray{padding: 6px 20px; margin-left:0;}
.classStatus-wrap{display:flex; gap:20px; align-items:center;}
.changeClass.book{margin-bottom:0;}

.space-between{display:flex; align-items:center; justify-content:space-between;}
.post_common .abutton.pink{background-color:#FE70BA; margin-left:0; padding:8px 30px;}
.addClass{display:flex; gap: 15px;  align-items: center; margin: 15px 0;}
.addClass .left,.delClass{display:flex; align-items: center; gap: 10px;}
.addClass .right{display:flex; align-items: center; gap: 10px;}
.addClass select,.delClass select{padding:5px 60px 5px 15px;}
.addClass .datepicker{font-size: 18px; width: 200px; color:#989898; cursor:pointer; border:1px solid #ccc; border-radius:15px; padding:5px 15px;  background: url(../../img/jindo/date.png) no-repeat; background-size: 16px; background-position: right 15px center;}
.addClass .left .timeInput{border-bottom: 2px solid #ccc; padding: 4px 5px; width:100px; text-align:center;}
.addClass .left span{padding: 0 5px; }
.delClass .classStatus{}
.addClass .sbtn{}
.delClass .sbtn{}
.listTitle{border-radius:15px; background-color:#8219A4; color:#fff; font-weight:bold; margin: 15px 0 5px;}
.listTitle li{padding:5px;}
.classList{min-height:288px;}
.classList>li{border-radius:15px; border:1px solid #ccc; margin-bottom:10px;}
.classList>li:nth-child(10n), .classList>li:last-child{margin-bottom:0px;}
.classList ul{}
.classList ul li{padding:8px;}
.classList .list_set li:nth-child(7){color:#989898;}
.classList .list_set li:nth-child(7) img{width:22px;}
.classList .list_set{align-items:center;}
.list_set{display:flex; text-align:center;}
.list_set li:nth-child(1){width:9%;}
.list_set li:nth-child(2){width:15%;}
.list_set li:nth-child(3){width:9%;}
.list_set li:nth-child(4){width:14%;}
.list_set li:nth-child(5){width:13%;}
.list_set li:nth-child(6){width:11%;}
.list_set li:nth-child(7){width:11%;}
.list_set li:nth-child(8){width:10%;}
.list_set li:nth-child(9){width:8%;}
.study .pagination{margin-top: 30px;}
.study .pagination .page-numbers li.act{background-color: #8219A4;}

/* 학습평가 */
.flex{display:flex;}
.assessment .flex{margin-bottom:20px;}
.assessment .flex select{width: 120px;}
.assessment .flex .mentee2{margin-left:10px; }
.slider{display:flex; position: relative; border-radius:25px;padding:3px; background-color:#F5F5F5; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);}
.slider li{position: relative;z-index:2; transition:.3s; cursor:pointer; padding:10px; width:110px; color:#A9A9A9; text-align:center; font-weight:600; border-radius:23px;}
.slider li.act{color:#fff;}
.slider .purple{z-index:1; transition:.3s; background-color:#8219A4; position:absolute; width:110px; border-radius:23px; height: calc(100% - 6px); left:3px; top: 50%; transform:translateY(-50%);}
.relative{position: relative;}
#subjectChart{}
#difficultyChart{}
#categoryChart{}
.charts canvas{width:100%; height:35vw;}
.charts li{padding: 30px 30px 10px; border-radius:20px; border:1px solid #ccc; margin:30px 0;}
.result_set{display:flex; text-align:center;}
.result_set a{display:block; padding: 8px;}
.result_set li:nth-child(1){width:25%;}
.result_set li:nth-child(2){width:25%;}
.result_set li:nth-child(3){width:25%;}
.result_set li:nth-child(4){width:25%; transition:.3s;}
.classList .result_set li:nth-child(4):hover{font-weight:bold; color:#8219A4; }
.classList .result_set li:nth-child(4){padding:0;}

/* 학습현황 */
.space-between.align-items{align-items:start;}
.dash_left{width:60%; padding-right:20px; background: url(../../img/jindo/dashed.png) no-repeat; background-position: right 0 center; background-size:contain;}
.dash_right{width:40%; padding-left:20px;}
.bars{}
.bars .tt{margin:15px 0 0;font-weight: bold;}
.bars div.tt{display: flex; justify-content:space-between; }
.bars div.tt .barTxt{font-weight:normal;}
.bars .graph {box-shadow: inset 0 0 4px rgba(0,0,0,0.2); background: #eee; border-radius: 10px; height: 10px; margin-bottom: 10px; overflow: hidden;}
.bars .graph .bar{height: 100%; width: 0; border-radius: 10px; background: #FE70BA; animation: fillBar 1.5s ease-out forwards; animation-delay: 0.2s;}
.bars .barTxt{font-size: 16px; text-align: right; color: #989898;}
.bars .graph .barTxt .class-count{}
.bars .graph .barTxt .class-total{}
@keyframes fillBar {
  to {
    width: var(--percent);
  }
}
.dash_left ul{display:flex; margin-top:20px; flex-wrap:wrap; padding:15px 25px; border: 1px solid #ccc; border-radius:15px;}
.dash_left ul li{padding: 5px 0;width:50%;font-size:20px;}
.dash_left ul li:nth-child(2n-1){border-right:1px solid #ccc;}
.dash_left ul li:nth-child(2n){padding-left:25px;}
.dash_left ul li:nth-child(1),.dash_left ul li:nth-child(2){padding-bottom: 25px;}
.dash_left ul li .at_icon{width:55px; height:55px; border-radius:50%; background-color:#ededed;}
.dash_left ul li .at_icon img{width:50%; position:relative; top:50%; left:50%; transform: translate(-50%, -50%);}
.dash_left ul li .at_tt{font-weight:bold; padding-bottom:5px;}
.dash_left ul li .at_txt{}
.dash_left ul li{display:flex; align-items:center; gap:15px;}
.dash_right a{display:block; text-align:center; margin-top:15px;}
.post_common .dash_right .abutton{margin-left:0;}
.post_common .dash_right .abutton.pink{}
.today_schedule{margin: 25px 0 20px; background-color:#F5F5F5; box-shadow: inset 0 0 4px rgba(0,0,0,0.2); border-radius:15px;}
.today_schedule .schedule_slider{padding: 15px 0px; }
.today_schedule .subject{color:#8219A4; text-align:center; font-size: 30px; font-weight:bold;}
.today_schedule .schedule_slider h2{font-size:40px; text-align:center; color:#aaa; padding: 10px 0; margin-bottom: 0;}
.today_schedule .schedule_slider .no-class{padding: 56px 0;}

.today_schedule .time{color:#555; justify-content: center; margin: 10px 20px 12px;font-size:40px; font-weight:bold;}
.today_schedule .time p{padding:10px 0; text-align:center;}
.today_schedule .time .box{letter-spacing: 5px; width:40%; background-color:#fff; box-shadow: 0 0 4px rgba(0,0,0,0.2); border-radius:10px;}
.today_schedule .time .not_bg{width:10%;}
.today_schedule .countdown{display:flex; justify-content: center; }
.today_schedule .countdown h2{margin-bottom: 0;}
.today_schedule .countdown>div{display:flex; text-align:center;}
.today_schedule .countdown .label{padding: 0 8px;}
.today_schedule .time-slot{text-align:center; font-size:20px;}
.today_schedule .time-slot span{font-weight:bold;}
 
.container .slick-arrow{font-size:0; top:55%; transform:translateY(-50%); position:absolute;z-index: 10;}
.slick-prev{ left: 0px;} 
.slick-prev::before{content: "\f053"; }
.slick-arrow::before{font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:22px;}
.slick-next{right: 0px;}
.slick-next::before{content: "\f054"; }

/* learningResult */
.space-between.grow{align-items: stretch;}
.profile_left{width: 33%;}
.profile_left .my_img{width: 50%; margin: 20px 25% 30px;}
.profile_left .profile{}
.profile_left .profile li{display:flex; margin-bottom:10px; align-items:center;}
.profile_left .profile li:last-child{margin-bottom:0px;}
.profile_left .profile li .tt{width:30%;}
.profile_left .profile li .tt span{display:block;}
.profile_left .profile li .txt{width:70%; font-weight:bold;}
.profile_left .profile li .txt .block{display:block;}
.profile_left .profile li .txt .normal{font-weight:normal;}
.profile_right{width: calc(67% - 20px);}
.profile_right .top{margin-bottom:20px;}
.line-box{background: url(../../img/jindo/line2.png) no-repeat; background-position: center; background-size: auto 90%; display:flex; flex-wrap:wrap; padding: 20px 30px; border-radius:15px; border: 1px solid #ccc; width:100%;}
.class-info{display:flex; justify-content:space-between; flex-wrap:wrap; row-gap:15px;}
.class-info .margin15{margin:0;}
.line-box li{display:flex; width:50%; margin-bottom:20px;}
.line-box li:last-child:nth-last-child(2),.line-box li:last-child{margin-bottom:0px;}
.line-box li:nth-child(2n){padding-left:30px;}
.line-box .tt{width:30%;} 
.line-box .txt{font-weight:bold; width:70%;} 
.line-box .txt span{font-weight: nomal;}
.margin15{margin-bottom:15px;}
.evaluation_form{margin-top: 20px;}
.evaluation_form ul{}
.evaluation_form ul li{margin-bottom:10px; display:flex; align-items:center; border-radius:15px; border:1px solid #ccc;}
.evaluation_form ul li:last-child{margin-bottom:0;}
.evaluation_form ul li .tt{font-weight:bold; width:25%; padding: 15px 0 15px 30px;}
.evaluation_form ul li .tt span{display:block;}
.evaluation_form ul li .input_wrap{display:flex; gap: 20px;width: 75%;}
.evaluation_form ul li .input_wrap label{padding: 8px 15px; width:130px; border-radius: 25px; transition:.3s; font-weight: 500; justify-content: center; border: 1px solid #f1f1f1; background-color:#f1f1f1; color: #999; cursor:pointer;}
.evaluation_form ul li .input_wrap label.check{ border: 1px solid #8219A4;background-color: #E3D5EF; color:#8219A4;}
.evaluation_form ul li .input_wrap label:hover{ background-color: #E3D5EF; }
.evaluation_form ul li .input_wrap label.check:hover{ background-color: #E3D5EF;}

.evaluation_form ul li .input_wrap label{display:flex; align-items:center; letter-spacing: 1px;}
.evaluation_form ul li .input_wrap label input[type='radio'] {
	display:none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  transition: border 0.2s ease;
  box-sizing: border-box;
}

.evaluation_form ul li .input_wrap select{padding: 7px 40px 7px 15px;}
.evaluation_form ul li input[type=radio]{margin-right: 8px;}
.evaluation_form ul li .no-resize{padding: 15px; width: 75%; resize: none; height: 150px; margin:10px 10px 10px 0; background-color:#f5f5f5; box-shadow: inset 0 0 5px rgba(0,0,0,.2); border-radius:15px;}
.study .btns{display:flex; justify-content: end; margin-top:20px;}
.study.post_common .btns .abutton.cancel,.study.post_common .btns .abutton.purple{padding: 10px 40px;}
.file-upload.con{width:75%; margin-right:15px;}

/* 일취월장 공부방 */
.learningAnalysis.container,.assesmentResult.container,.aiTest.container, .container.wrongnote, .post_common .container.wrongnoteDetail {padding: 0px 0px 50px;}
.learningStatus.container{padding:0;}
.round{position: relative;}
.learning h4{color: #5E2797;}
.learning .page_main{background-color: #A998FF;}
.learning .page_main .main_img{width: 600px; right: 7%;}
.learning .round{background-color: #A998FF;}
.learning .shadow{margin: 20px 0;}
.learning .shadow:first-child{}
.learning .shadow:last-child{margin-bottom: 0;}
.learning .tab{}
.learning .tab a{padding: 0px 30px; display:inline-block; color:#ccc;}
.learning .tab a:first-child{padding-left:0; position:relative;}
.learning .tab a:first-child::after{width:2px; height:16px; right: -3px; content:""; position:absolute; background-color: #CCC; top:50%; transform:translateY(-50%);}
.learning .tab a.act{font-weight:bold; color:#333;}
.learning .student>div:first-child{display:flex; align-items: center; gap: 20px;}
.learning .student p{ }
.learning .student p span{margin-right:5px; font-weight:bold; font-size:20px;}
.learning .student .half{background-color:#dfdfdf; padding: 5px 10px; color:#5E2797; font-weight:bold; font-size:16px;}
.learning .top{position:relative; margin-top:40px;}
.learning .top .datepicker_wrap{font-size: 20px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color: #aaa; display:flex; align-items:center;}
.datepicker2{text-align:center; cursor:pointer;}
.input-with-icon {position: relative; display: inline-block;}
.input-with-icon input {font-size:24px; font-weight:bold;}
.calendar-icon {position: absolute; right: 70px; top: 50%; transform: translateY(-44%); color: #aaa;  pointer-events: none;}
.next-day, .prev-day{padding: 8px 15px;}
.learning .slider{width: fit-content; position:relative;}
.learning .slider li{width:90px;}
.learning .slider .purple{background-color: #5E2797; width:90px;}
.con_common>ul{display:flex; margin: 0 0 30px; flex-wrap:wrap; padding:15px 25px; border: 1px solid #ccc; border-radius:15px;}
.con_common>ul li{padding: 5px 0;width: calc(100% / 3);font-size:20px; padding-left:25px;border-right:1px solid #ccc; }
.con_common>ul li:nth-child(1){padding-left: 0px;}
.con_common>ul li:last-child{border-right:0;}
.con_common>ul li .at_icon{width:55px; height:55px; border-radius:50%; background-color:#ededed;}
.con_common>ul li .at_icon img{width:50%; position:relative; top:50%; left:50%; transform: translate(-50%, -50%);}
.con_common>ul li .at_tt{font-weight:bold; padding-bottom:5px;}
.con_common>ul li .at_txt{}
.con_common>ul li{display:flex; align-items:center; gap:15px;}
.con_common>div{}
.con_common .left{width:60%; padding-right:20px; background: url(../../img/jindo/line2.png) no-repeat; background-size: auto contain; background-position: right 0 center;}
.con_common .right{width:40%; padding-left:20px;}
.con_common .right ul{display:flex; justify-content: space-around; padding: 20px 0px;   border: 1px solid #ccc; position: relative; border-radius: 15px;}
.con_common .right ul li{font-weight:bold; text-align:center;}
.con_common .right ul::after{background-color:#ccc; width:1px; height:80%; top:50%; left:50%; transform: translate(-50%, -50%); content:""; position:absolute;}
.con_common .right ul li p:first-child{color:#aaa;margin-bottom: 20px;}
.con_common .right ul li p:last-child{font-size:20px;}
.con_common .graph1 .bar{background-color:#846DFF;}
.con_common .graph2 .bar{background-color:#5E2797;}
.learning .month .shadow:last-child{margin-bottom:20px;}
.month .space-between.align-items{align-items: stretch;flex-wrap: wrap;}
.month .m_left{width:20%;}
.month .m_right{width: calc(80% - 20px);}
.month .m_bottom{width:100%; margin: 0;}
.month-calendar{height: calc(100% - 62px);}
.month-calendar td{padding:2px;}
.month-calendar td div{height:100%; padding:10px;}
.month-calendar td div.blue{color:#0118D8;}
.month-calendar td div.today{background-color:#7E5CAD; border-radius:15px; color:#fff;}
.month-calendar td div.red{background-color:inherit; color:#E20303;}

.month-calendar td div.achieve{ background-color:#DDBFF9; border-radius:15px;}
.month-calendar th{padding: 0 10px 10px; border-bottom: 1px solid #ccc;}
.month-calendar th:first-child{color:#E20303;}
.month-calendar th:last-child{color:#0118D8;}
.month-calendar td{border-bottom: 1px solid #eee;}
.month-calendar .today{color:#5B3A72;}
.month .m_right .calendar-table{width:100%; height: 100%;border-spacing: 0; }
.month .m_right .calendar-table tr{height: calc(100% / 6);}
.month h4{margin-bottom:25px;}
.month .m_left ul li{display:flex; align-items:center; gap:15px; margin-bottom:35px;}
.month .m_left ul li:last-child{margin-bottom:0;}
.month .m_left ul li .at_icon{width:55px; height:55px; border-radius:50%; background-color:#ededed;}
.month .m_left ul li .at_icon img{width:50%; position:relative; top:50%; left:50%; transform: translate(-50%, -50%);}
.month .m_left ul li .at_tt{font-weight:bold; padding-bottom:5px;}
.month .m_left ul li .at_txt{}

.m_bottom{}
.m_bottom>div{width:50%;}
.m_bottom .left{padding-right: 20px; border-right:1px solid #ccc;}
.m_bottom .right{padding-left: 20px;}
.learningResult .mentee{margin-bottom:0;}
/* learningAnalysis */
.learningAnalysis h4{margin: 50px 0 15px;}
.learningAnalysis .result{}
.learningAnalysis .txt{margin-bottom:30px;}
.learningAnalysis .txt span{display:block;margin-top:5px;}
.learningAnalysis .no-result{text-align:center; font-size:20px;display:none;}
.learningAnalysis .no-result p.bold{margin-bottom:20px; color:#222;}
.learningAnalysis .no-result p{color:#bbb;}
.learningAnalysis .abutton{background-color:#5E2797; margin-top:30px;}
#result_strong_top3 .abutton, #result_weak_top3 .abutton{padding: 15px 50px;}
.learningAnalysis .map{display:flex; width:100%;}
.learningAnalysis .map li{width:calc(100% / 6); padding: 0px 20px; border-right: 1px solid #ddd;}
.learningAnalysis .map li:first-child{padding-left:0;}
.learningAnalysis .map li:last-child{padding-right:0; border-right:0;}
.learningAnalysis .map li .dot{width:12px; height:12px; border-radius:50%;}
.learningAnalysis .map li .tt{display:flex; align-items:center; gap:10px; font-weight:bold;}
.learningAnalysis .map li:nth-child(1) .dot{background-color:#bbb;}
.learningAnalysis .map li:nth-child(2) .dot{background-color:#FE675F;}
.learningAnalysis .map li:nth-child(3) .dot{background-color:#FA7A16;}
.learningAnalysis .map li:nth-child(4) .dot{background-color:#009F7A;}
.learningAnalysis .map li:nth-child(5) .dot{background-color:#4D91E5;}
.learningAnalysis .map li:nth-child(6) .dot{background-color:#9E40F1;}
.learningAnalysis .map li:nth-child(1) .tt{color:#bbb;}
.learningAnalysis .map li:nth-child(2) .tt{color:#FE675F;}
.learningAnalysis .map li:nth-child(3) .tt{color:#FA7A16;}
.learningAnalysis .map li:nth-child(4) .tt{color:#009F7A;}
.learningAnalysis .map li:nth-child(5) .tt{color:#4D91E5;}
.learningAnalysis .map li:nth-child(6) .tt{color:#9E40F1;}
.learningAnalysis .map li .num{font-weight:bold; text-align:end; margin-top:10px; font-size:30px;}
.datepicker3, .datepicker4{text-align:center;padding: 10px 0; cursor:pointer; font-weight: 600; font-size: 20px; color: #aaa;}
.datepicker_wrap3{margin:0 auto; border:1px solid #ccc; width: fit-content;display: flex; justify-content: center; align-items: center;}
.datepicker_wrap3 .next-week,.datepicker_wrap3 .next-week4{padding: 10px 30px 10px 5px;}
.datepicker_wrap3 .prev-week,.datepicker_wrap3 .prev-week4{padding: 10px 5px 10px 30px;}
.Analysis1,.Analysis5{margin: 20px auto 10px; width: 90% !important;}
.donut{text-align:center;}
.donut .top1{font-weight:bold; background-color: rgba(94, 39, 151,0.1); color:rgba(94, 39, 151,1);display: inline-block; padding: 5px 20px;}
.donut .subject{font-weight:bold; font-size:20px; padding: 10px 0 5px;}
.donut .group{ opacity: 0.6;}
.donut .percent{position:absolute; font-size:24px; font-weight:bold; top: 50%; left:50%; transform:translate(-50%,-50%);}
.donut .percent span{display:block; font-size:18px; opacity:0.5; margin-bottom:5px;}

#result_strong_top3{display:flex; justify-content:space-between; }
#result_strong_top3>div{width:28%; padding: 0 20px;position: relative;}
#result_weak_top3{display:flex; justify-content:space-between; }
#result_weak_top3>div{width:28%; padding: 0 20px;position: relative;}
.donut>div .abutton{background-color: rgba(94, 39, 151,0.2); transition:.3s; color: #5E2797; margin: 0;width: 100%;}
.donut>div a:hover{background-color: rgba(94, 39, 151,0.3);}
.donut>div .abutton.red{background-color: rgba(254, 103, 95, 0.2); color: rgba(254, 103, 95, 1);}
.donut>div a.red:hover{background-color: rgba(254, 103, 95, 0.3);}
.donut .top1.red{background-color: rgba(254, 103, 95, 0.2); color: rgba(254, 103, 95, 1);}
.donut .top2{background-color: #ddd;display: inline-block; padding: 5px 20px; font-weight:bold;}
.donut .Analysis_wrap{position:relative; margin:20px 0 30px;}
#Analysis2, #Analysis3, #Analysis4,#Analysis6, #Analysis7, #Analysis8 {}
.shadow.result{/*padding-bottom:0px; padding-top:40px;*/}

/* diagnosis */
.post_common .page-bottom{padding: 0 0 50px;}
.diagnosis .page_main{background: url(../../img/jindo/main_bg.jpg) no-repeat; background-size: cover;}
.diagnosis .main_container{padding:100px 0; position:relative;}
.diagnosis .container>h2{text-align:center;}
.diagnosis .container>p{text-align:center; font-weight:normal; margin:30px 0 50px; font-size:20px;}
.diagnosis .container .ai_character{position:absolute; right:2%; width:20%; top:20%;}
.diagnosis .shadow{background-color:rgba(255,255,255,0.5);}
.diagnosis button{color:#aaa; font-weight: 500;}
.diagnosis .grade_buttons,.diagnosis .detail_subject{color:#aaa; font-weight: 500; font-size:18px;}
.diagnosis .school_btns button{color:#aaa; font-weight: 500;padding: 10px 20px;}
.diagnosis .school_btns{padding-bottom: 10px;border-bottom: 1px solid #fff; display:flex; flex-direction:column; font-size:20px;}
.diagnosis .school_btns>div{display:flex; justify-content:center;}
.diagnosis .school_btns>div p, .diagnosis .subject_btns>div p{padding: 10px 20px;}
.diagnosis .school_btns button.click{color:#222; font-weight:bold;}
.subject_btns{display:flex; flex-direction: column; width:1080px; align-items: flex-start; margin:20px auto 0; row-gap:10px;}
.subject_btns div{gap: 15px; display:flex; align-items:center; justify-content:center;}  
.subject_btns div>p{font-weight:bold;}
.diagnosis .subject_btns>div .term{color:#aaa;}
.subject_btns button{width: 170px; word-break: keep-all; white-space: normal; display:block; padding:10px 20px; border-radius:15px; background-color: rgba(255,255,255,1); border:1px solid #ccc;}
.subject_btns button.click{background-color: rgba(94, 39, 151, 0.8); color:#fff;}
.Status h4{color:#333;margin-bottom: 20px;}
.Status .subject_btns>div p{padding:12px 20px;}

.Status .l_status{width:100%; margin-bottom:0;}
.Status .resolve{width: calc(35% - 20px); background-color: #cfb0ff;}
.Status .resolve p{margin-bottom:10px; color:#999; font-weight:bold;color: rgba(0, 0, 0, 0.5);}
.space-between.one h4{margin-bottom:0;}
.Status .resolve h4 span{}
.Status .resolve .resolve_btns{display:flex; justify-content:space-between;}
.Status .resolve .resolve_btns a{width:47%; display:block; text-align:center; padding: 15px 10px; font-weight:bold;}
.Status .resolve .resolve_btns a:first-child{background-color:#fff; color: #5E2797;}
.Status .resolve .resolve_btns a:last-child{background-color: #5E2797; color: #fff;}
.Status .resolve img{width:82%; margin:0 auto; display:block;}
.Status .Chart_wrap{height: calc(100% - 37px); margin-top: 15px;}
.Status .curriculumStatusChart{position:relative; width:100% !important; height: 100% !important;}
.diagnosis .btn-begin-test{position:relative; left:50%; transform:translateX(-50%); padding:15px; width: 300px; color:#fff; background-color:#5E2797; text-align:center; margin-top: 35px; font-weight:bold;}
.one .shadow{margin-top:0;}
.space-between.one{align-items: stretch;}
.recent-curriculum{padding: 0 20px;}
.recent-curriculum .slick-slide{height:auto;}
.recent-curriculum .box{background-color:#fff; transition:0.3s; border:1px solid #ccc; border-radius:15px;padding: 30px 20px; margin: 0 10px;}
.recent-curriculum .box:hover{}
.recent-curriculum .subject{padding:5px; background-color: #eee; display: inline-block; font-size:16px;}
.recent-curriculum .testDate{color:#aaa; font-size:16px; margin: 10px 0 0 5px;}
.recent-curriculum .testDate i{margin-right:5px;}
.recent-curriculum .subject span{padding: 0px 10px; display:inline-block;}
.recent-curriculum .subject span:first-child{border-right:1px solid #aaa;}
.recent-curriculum .sub-subject{margin: 30px 0 10px; color: #aaa;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.recent-curriculum .tt{margin-bottom: 30px; font-weight:bold; font-size:20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.recent-curriculum a{display:block; padding: 8px 10px; background-color:#5E2797; color: #fff; font-weight: bold; border: 1px solid #5E2797; text-align:center;}
.recent-curriculum .slick-track{margin:inherit; overflow-Y: visible;}
.recent-curriculum a.result{color:rgba(94,39,151,1); background-color:rgba(94,39,151,.2); margin-bottom: 10px; border: 1px solid rgba(68, 112, 255,.0);}
.recent-curriculum .continue{/* height:88px; */ display:flex; align-items: center;}
.recent-curriculum .continue a{width: 100%;}
.recent-curriculum .slick-arrow{top:50%;padding: 10px;}
.recent-curriculum .slick-next{right:0;}
.recent-curriculum .slick-prev{left:0; }
.half{border-radius: 50px !important;}
.on-learning{}
.on-learning .top_flex{display: flex; align-items: center; gap: 20px; margin-bottom:20px;}
.on-learning .top_flex h4{margin-bottom: 0;}
.on-learning .top_flex>div{display: flex; background-color:#eee;}
.on-learning .top_flex>div p{padding: 5px 10px; font-size:16px; border-right:1px solid #aaa;}
.on-learning .top_flex>div p:last-child{border:0;}
.on-learning .top_flex>div p span{color:#5E2797; margin-left:8px; font-weight:bold; }
.on-learning .subject{display: flex; justify-content:center; border-bottom:2px solid #eee;}
.on-learning .subject li{font-size:20px; padding:20px 30px; display:block; cursor:pointer; color:#ccc; font-weight:bold;}
.on-learning .subject li.click{color:#222;}
.on-learning .sub_wrap{margin:10px 0;}
.on-learning .sub-subject{}
.on-learning .sub-subject button{padding:5px 20px; background-color:rgba(94,39,151,0.2); color:#fff; margin-right: 10px; transition:.2s;}
.on-learning .sub-subject button:hover{ background-color:rgba(68, 112, 255, 0.3); }
.on-learning .sub-subject button:last-child{margin-right:0;}
.on-learning .sub-subject button.click{background-color:rgba(68, 112, 255,1);}
.on-learning .sub-subject label{}
.on-learning .sub-subject label input{}
.on-learning-table{}
.on-learning-table>li{}
.on-learning-table>li>ul{display:flex; text-align:center;}
.on-learning-table>li>ul.tt{font-weight:bold; border-radius:15px; background-color:rgba(130, 25, 164, .2); margin-bottom:5px;}
.on-learning-table>li>ul.tt li{border-bottom:0; padding: 10px;}
.on-learning-table>li>ul li{padding: 10px;border-bottom:1px solid #eee;}
.on-learning-table>li>ul .col1{width:55%;}
.on-learning-table>li>ul .col2{width:15%; display: flex;align-items: center; justify-content: center;}
.on-learning-table>li>ul .col3{width:15%; display: flex;align-items: center; justify-content: center;}
.on-learning-table>li>ul .col4{width:15%; display: flex;align-items: center; justify-content: center;}
.on-learning-table>li>ul .col1 .sbj{color: #aaa; margin-bottom:5px;}
.on-learning-table>li>ul .col1 .sbj_name{font-weight:bold; font-size: 20px;}
.on-learning-table>li>ul .col3 p{font-weight:bold; padding:5px; width:70%; margin:0 auto; background-color:#ccc; color:#555; display:none;}
.on-learning-table>li>ul .col3 .ing{background-color:rgba(249, 155, 0, 0.3); color: rgba(249, 155, 0, 1);}
.on-learning-table>li>ul .col3 .end{}
.on-learning-table>li>ul .col3 p.act{display:block;}
.on-learning-table>li>ul .step{color:#fff; background-color: #5E2797; padding:5px; width:70%;}
.on-learning .pagination{margin-top:30px;}
.post_common .container .shadow.one{margin-top:0;}
.assesmentResult{}
.assesmentResult .shadow_top{}
.assesmentResult .categori{display:flex; gap:15px;}
.assesmentResult .categori p{padding:5px; background-color:#eee; dispaly:inline-block; font-size:16px;}
.assesmentResult .categori p span{padding: 0px 10px; dispaly:inline-block; }
.assesmentResult .categori p span:first-child{border-right:1px solid #aaa;}
.assesmentResult .btn_wrap{display:flex; justify-content:end; margin:20px 0 10px;}
.assesmentResult .abutton{background-color:#ccc; padding: 8px 40px; color:#fff; background-color: #5E2797;}
.assesmentResult .result{}
.assesmentResult .result li{width:32%; border-radius:15px; border:1px solid #ccc; padding: 30px 20px;}
.assesmentResult .result li .tt{display:flex; gap:10px; align-items:center; font-size:20px; font-weight:bold; margin-bottom: 20px;}
.assesmentResult .result li .tt .icon_wrap{position: relative; border-radius:50%; width: 40px; height: 40px; background-color:#eee;}
.assesmentResult .result li .tt .icon_wrap img{height:60%; left:50%; top:50%; transform:translate(-50%, -50%); position:absolute;}
.assesmentResult .result .space-between{position:relative;}
.assesmentResult .result .space-between::after{width:1px; height: 100%; background-color: #ccc; content:''; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.assesmentResult .result li:last-child .space-between::after{display:none;}
.assesmentResult .result .space-between>div{font-weight:500; width:45%;}
.assesmentResult .result .space-between>div p{color: #aaa;}
.assesmentResult .result .space-between>div p:first-child{margin-bottom:10px;}
.assesmentResult .result .space-between>div p.con{color:#222; font-weight:bold; font-size:22px;}
.assesmentResult .result .space-between>div p span{font-weight:500; color: #aaa; font-size:18px;}
.assesmentResult .on-learning-table{margin: 30px 0;}
.assesmentResult .on-learning-table>li>ul.tt{background-color: rgba(94, 39, 151, 0.3); color: #5E2797;}
.assesmentResult .on-learning-table>li>ul .step{background-color: rgba(94, 39, 151, 0.8);}
.assesmentResult .on-learning-table .col1{width:50%;}
.assesmentResult .on-learning-table .col2{width:25%;}
.assesmentResult .on-learning-table .col3{width:25%;}
.assesmentResult .on-learning-table .col3 .step{}
.assesmentResult .on-learning-table .col2 p {padding:5px 15px; border-radius:15px;}
.assesmentResult .on-learning-table .level-excellent{background-color: rgba(68, 112, 255, 0.3); color: rgba(68, 112, 255, 1);}
.assesmentResult .on-learning-table .level-average{background-color: rgba(34, 197, 94, 0.3); color: rgba(34, 197, 94, 1);}
.assesmentResult .on-learning-table .level-weak{background-color: rgba(249, 115, 0, 0.3); color: rgba(249, 115, 0, 1);}
.assesmentResult .shadow_top{}
.learning .content-box{padding: 50px;background-color: rgba(94, 39, 151, 0.1); border-radius:15px; text-align:center; font-weight:bold;}
.assesmentResult .content-box .sub_tt{color: rgba(94, 39, 151, 1);}
.assesmentResult .content-box .tt{font-size:24px;margin: 30px 0 50px;}
.assesmentResult .content-box a{padding: 15px 50px;margin-left:0;}
.assesmentResult .recent-curriculum{}

.lecture-rec{padding: 0 20px; margin-top:30px;}
.lecture-rec .slick-slide{height:auto;}
.lecture-rec .box{background-color:#fff; transition:0.3s; border:1px solid #ccc; border-radius:15px;padding: 30px 20px; margin: 0 10px;}
.lecture-rec .box:hover{background-color: rgba(94, 39, 151, 0.1);}
.lecture-rec .subject{padding:5px; background-color: #eee; display: inline-block; font-size:16px;}
.lecture-rec .subject span{padding: 0px 10px; display:inline-block;}
.lecture-rec .subject span:first-child{border-right:1px solid #aaa;}
.lecture-rec .sub-subject{margin: 40px 0 10px; color: #aaa;overflow: hidden; white-space: nowrap;
  text-overflow: ellipsis;}
.lecture-rec .tt{margin-bottom:40px; font-weight:bold; font-size:20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.lecture-rec a{display:block; padding:10px 15px; background-color:rgba(94, 39, 151, 1); color: #fff; font-weight: bold; text-align:center;}
.lecture-rec .slick-arrow{top:50%;padding: 10px;}
.lecture-rec .slick-next{right:0;}
.lecture-rec .slick-prev{left:0; }
.lecture-rec .book span{padding: 0px 10px; display:inline-block;}
.lecture-rec .book span:first-child{border-right:1px solid #aaa; padding-left:0;}
.lecture-rec .btn-video{margin: 20px 0 10px; background-color: #ada3ed;}

.aiTest-wrap{}
.aiTest-wrap h4{margin-bottom: 20px;}
.aiTest-wrap .shadow_top{}
.aiTest-wrap .shadow_top>p{color:#aaa; margin:0px 0 10px;}
.aiTest-wrap .shadow_top .txt{margin-bottom: 20px;}
.aiTest-wrap .shadow_top .txt p{}
.aiTest-wrap .subject{display:flex; border-bottom: 2px solid #eee; justify-content: center;}
.aiTest-wrap .subject li{display:block; padding: 20px 30px; color:#ccc; font-weight:bold; font-size:20px; cursor:pointer;}
.aiTest-wrap .subject li.click{color:#222;}
.aiTest-wrap .space-between{align-items: start;}
.aiTest-wrap .unit-table{width:48%;}
.aiTest-wrap .unit-table .table-tt{font-weight:bold; font-size:24px; margin: 25px 0 15px; text-align: center;}
.aiTest-wrap .unit-table .table-tt span{color: rgba(94, 39, 151, 1);}
.aiTest-wrap .on-learning-table>li>ul.tt{background-color: rgba(94, 39, 151, 0.3); color: #5E2797;}
.aiTest-wrap .unit-table .col1{display:flex; justify-content:center; gap:15px; align-items:center;}
.aiTest-wrap .unit-table .col1 p{}
.aiTest-wrap .unit-table .col1 .num{border-radius:5px; padding:3px 10px;background-color: rgba(94, 39, 151, 1); color:#fff; font-weight:500;}
.aiTest-wrap .unit-table .col2{}
.aiTest-wrap .unit-table .col2 p{font-weight:bold;}
.aiTest-wrap .btn_wrap{display: flex; justify-content: center; gap: 30px; margin-top: 30px;}
.aiTest-wrap .btn_wrap a{color:#fff; font-weight:bold; padding:15px 30px; background-color: rgba(94, 39, 151, 1);}
.aiTest-wrap .btn_wrap a.sequence_btn{border: 2px solid rgba(94, 39, 151, 1); background-color:#fff; color: rgba(94, 39, 151, 1);}
.aiTest-wrap .on-learning-table>li>ul .col1{width:60%; text-align:start;}
.aiTest-wrap .on-learning-table>li>ul .col1 .name{width: calc(80% - 40px);}
.aiTest-wrap .on-learning-table>li>ul .col2{width:40%;}
.aiTest-wrap .radio-group{display:flex; align-items:center; gap:20px; }
.aiTest-wrap .radio-group p{font-weight:bold;}
.aiTest-wrap .radio-group label{margin-right:10px;}
.aiTest-wrap .select-wrap{margin: 20px 0 15px;}
.aiTest-wrap .select-wrap select{width: calc(30% - 40px); padding: 10px 30px 10px 15px;}
.aiTest-wrap .select-wrap button{border-radius:10px; padding: 9px 10px; background-color: rgba(94, 39, 151, 1); color:#fff;}
.learning .aiTest .content-box{font-weight:normal; text-align:start;}
.aiTest-wrap .content-box .content-top{display:flex; align-items:center; gap: 10px 20px; flex-wrap:wrap;}
.aiTest-wrap .content-box .content-top .tt{font-size:24px; font-weight:bold;}
.aiTest-wrap .content-box .content-top .num{}
.aiTest-wrap .content-box .content-top .num span{font-size:20px; font-weight:bold; color: #5E2797;}
.aiTest-wrap .content-box .content-top .small{width:100%; color:#777;}
.aiTest-wrap .select_con{margin-top: 20px; display: flex; gap: 20px; flex-wrap:wrap; }
.aiTest-wrap .select_con div{border-radius:30px; background-color:#fff; padding: 5px 0 5px 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);} 
.aiTest-wrap .select_con div .remove-btn{margin-left:20px;height:100%; padding: 0 20px;}

/* test */
.container.test{padding:50px 0; margin:50px auto;}
.test .border-button{box-sizing:border-box; background-color:#fff; border: 2px solid rgba(94, 39, 151, 1); color: rgba(94, 39, 151, 1); padding: 8px 30px;font-weight: bold;}
.test{}
.test button{padding:10px 30px;font-weight:bold; background-color:rgba(94, 39, 151, 1); color:#fff;}
.test h4{margin-bottom:15px;}
.test .timerbox{display:flex; justify-content:space-between; align-items:center;  margin-bottom:10px;}
.test .timerbox>div{display:flex; gap:10px; align-items:center; font-weight: 500; color:rgba(94, 39, 151, 1);}
.test .timerbox>div svg{width:20px; overflow: visible;}
.test .timerbox>div svg path{stroke-width: 8px;}
.test .timerbox>div p{width:60px; }
.test .timerbox span{color:#aaa;padding: 0 10px; font-weight:normal}
.test .timerbox .bold{position:relative; color:#222; padding-left:0; font-weight:bold;}
.test .timerbox .bold::after{content:""; position:absolute; right:0; width:1px; height:16px; top:50%; transform:translateY(-50%); background-color:#ccc;}
.test .question_wrap{}
.test .question_wrap>p{text-align:end;margin:5px 0 15px;}
.test .question_wrap>p span{color: rgba(94, 39, 151, 1); font-weight:bold;}
.test .question_wrap>p .today{}
.test .question_wrap>p .today{}
.test .question_wrap .code{}
.test .question_wrap .code .left{}
.test .question_wrap .code .left p{text-align: start; font-size:16px; font-weight:normal;}
.test .question_wrap .code .left .bold{ font-size:20px; font-weight: bold; margin-top:5px;}
.test .question_wrap .code .left .bold span{padding:0 15px;}
.test .question_wrap .code .left .bold span:first-child{padding-left:0px; border-right:1px solid #aaa;}
.test .question_wrap .code .right{}
.test .question_wrap .code .right .error{}
.test .question_wrap .code .right .collect{margin-left:10px;}
.test .level{margin-top: 30px; padding: 30px 50px; border:1px solid #ccc; border-radius:15px;}
.test .level>p{text-align:center; color:#aaa; margin-top: 10px;}
.test .level>p span{color:#222; font-weight:bold;}
.test .level>p .color{font-size:20px; color:rgba(94, 39, 151, 1);}
.test .level .bar{display: flex; align-items: center; gap: 15px;}
.test .level .bar p{ font-weight: bold;}
.test .level .bar .difficulty-bar{flex: 1; height: 14px; background: #e0e0e0; border-radius: 7px; overflow: hidden; position: relative;}
.test .level .bar .difficulty-bar span{display: block; height: 100%; background: linear-gradient(to right, rgba(94, 39, 151, 0.3), rgba(94, 39, 151, 1)); border-radius: 7px 0 0 7px;}
.test .question{text-align:center;padding: 50px 30px 0; }
.test .analysis .top{margin:0 0 15px; justify-content: flex-start;}
.test .analysis .top p{font-weight:bold;display: flex; align-items: center; background-color: #fff; padding:1px 20px; color: rgba(94, 39, 151, 1);box-shadow:0 0 5px rgba(0,0,0,.1);}
.test .analysis .top p span{font-size:20px; margin-left:10px;}
.test .question>div{position:relative;}
.test .question h4{text-align: start; font-family: 'Pretendard', sans-serif; font-weight:bold; color: #222; line-height:1.4; font-size: 26px; word-break: keep-all; white-space: normal;width: 90%; margin: 0 auto; position:relative;}
.test .question h5{text-align: start; font-family: 'Pretendard', sans-serif; font-weight: 600; color: #222; line-height:1.4; font-size: 22px; word-break: keep-all; white-space: normal;width: 90%; margin: 0 auto 20px;}
.test .question .correct{position:absolute; top:50%; left: 4%; width:20%; transform: translate(-50%, -50%);}
.test .question .wrong{position:absolute; top: 50%; left: 2%; width: 25%; transform: translate(-50%, -50%);}
.test .question img{width:60%;}
.test .question .answer{display:flex; justify-content:space-between;width:90%; margin:20px auto 20px ;}
.test .question .answer li{margin-bottom:5px;}
.test .question .answer li:last-child{margin-bottom:0px; text-align: start;}
.test .question .answer li label{text-align:start;word-break: keep-all; white-space: normal; align-items: center; font-size: 24px; padding:10px; display: flex; gap:5px; cursor:pointer;}
.test .question .answer li label input{margin-right:5px;}
.test .analysis{text-align: start; font-weight:normal;padding: 30px 50px;}
.test .after .btn-explanation{background-color: rgba(94, 39, 151, 1); color:#fff; padding: 5px 20px;display: inline-block; margin-right:10px; border-radius:20px;}
.test .after .stats{text-align: start; align-items: stretch;}
.test .after .stats>div{width:50%;}
.test .after .stats>div:first-child{border-right:1px solid #aaa; padding-right:50px;}
.test .after .stats>div:last-child{padding-left:50px;}
.test .after .tt{font-size: 20px; text-align:start; font-weight: bold; margin:15px 0 10px;}
.test .after .percentage{display:flex;justify-content: space-between; text-align:center; }
.test .after .percentage li{padding:10px; width:19%;}
.test .after .percentage li.correct-answer{background-color: rgba(94, 39, 151, 0.2); border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.1);}
.test .after .percentage li p{font-weight:bold;} 
.test .after .percentage li .num{color:#999;margin-bottom:10px; font-weight: normal;} 
.test .after .bar{display: flex; align-items: center; gap: 10px; margin: 10px 0;}
.test .after .bar p{margin: 0; font-weight: 600; width: 32px; text-align: start;}
.test .timer{width: 60px; font-size: 14px; text-align: left; color: #333;}
.test .after .bar .timer{color: rgba(94, 39, 151, 1); width: 60px; text-align: right;}
.test .after .average .timer{color: #999;}
.test .after .bar>div{position: relative; flex: 1; height: 14px; background-color: #f9f9f9; overflow: hidden;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);}
.test .after .bar>div span{display: block; height: 100%;}
.test .after .bar .my-bar span{background-color: rgba(94, 39, 151, 1);}
.test .after .bar .average-bar span{background-color: #999;}
#div_answer{text-align:start; display:flex; align-items: center; justify-content: end; word-break: keep-all; white-space: normal;}
#span_explanation{display:block; max-width: calc(100% - 90px);}


.btns{text-align: center; margin-top: 15px;}
.btns>div{}
.btns .before{}
.btns .before .pass{}
.btns .before .grading{}
.btns button{margin: 0 10px;}
.btns .after{margin-top: 20px;}
.btns .before .easy{}
.btns .before .next{}
.btns .before .hard{}
.btns .before .result{}
.test .after{display:none;}
.test .abutton{padding: 10px 30px; font-weight: bold; background-color: rgba(94, 39, 151, 1);   color: #fff; margin: 0 10px;}
.test .after button{padding: 10px 30px; font-weight: bold; background-color: rgba(94, 39, 151, 1);   color: #fff; margin: 0 10px; border-radius:20px;}
.wrongnote{}
.learning .wrongnote .shadow,.learning .learningStatus .shadow.student,.learning .learningAnalysis .shadow.student{margin-top:0;}

.wrongnote .learning .shadow,.wrongnoteDetail .shadow{margin-top:0}
.wrongnote h4,.wrongnoteDetail h4{margin-bottom:30px;}
.wrongnote .subject{display:flex; border-radius:15px; border:1px solid #ccc; justify-content: center;}
.wrongnote-table{margin-top: 20px;}
.no-test{text-align:center; padding:50px; font-size: 28px; color:#ccc; font-weight:100 !important;}
.wrongnote .subject li{cursor:pointer;  padding:20px 30px; color:#ccc; font-weight:bold; display: block;}
.wrongnote .subject li.click{color:#222;}
.wrongnote .btn{text-align:end; margin: 20px 0 15px;}
.wrongnote .btn button{padding:10px 30px;font-weight:bold; color:rgba(94, 39, 151, 1); ; border:2px solid rgba(94, 39, 151, 1); transition:.3s;}
.wrongnote .btn button:hover{background-color:rgba(94, 39, 151, 0.3);}
.wrongnote .btn button i{margin-right:5px;}
.wrongnote-table>li>ul{display:flex; text-align:center;}
.wrongnote-table .col1{width:10%;}
.wrongnote-table .col2{width:50%;}
.wrongnote-table .col3{width:25%;}
.wrongnote-table .col4{width:25%;}
.wrongnote-table>li>ul.tt{font-weight: bold; border-radius: 15px; background-color: rgba(94, 39, 151, 0.3); margin-bottom: 5px;}
.wrongnote-table>li>ul.tt li{padding:10px; color:rgba(94, 39, 151, 1); border-bottom:0;}
.wrongnote-table>li>ul li{padding: 10px; border-bottom: 1px solid #eee;}
.wrongnote-table>li>ul .sbj{color: #aaa; margin-bottom:5px; font-weight:normal;}
.wrongnote-table>li>ul .col1{display: flex; align-items: center; justify-content: center;}
.wrongnote-table>li>ul .col2{font-weight:bold;}
.wrongnote-table>li>ul .col3{display: flex; align-items: center; justify-content: center;}
.wrongnote-table>li>ul .col4{display: flex; align-items: center; justify-content: center;}
.wrongnote-table>li>ul .col3 .abutton{background-color:#aaa; margin-left:0;}
.wrongnote-table>li>ul .col4 .abutton{background-color:rgba(94, 39, 151, 1); margin-left:0;}
.wrongnote .content-box{padding:30px 50px; font-weight:normal; text-align:start; margin-top: 20px;}
.wrongnote .content-box>p{font-size:24px; font-weight: bold; margin-bottom:20px;}
.wrongnote .content-box ul{display:flex; flex-wrap:wrap; justify-content:space-between;gap: 15px;}
.wrongnote .content-box ul li{width:32%;display:flex; align-items:center;}
.wrongnote .content-box ul li p{font-weight:bold; padding-right:20px;}
.wrongnote .content-box ul li label{margin-right:15px;}
.wrongnote .content-box ul li:last-child{width:100%;}
.wrongnote .content-box ul li:last-child select,.wrongnote .content-box ul li:last-child form{width:23%; background-color:#fff; box-sizing: border-box;}
.wrongnote .select-wrap{width:100%;}
.wrongnote .pagination,.wrongnoteDetail .pagination{margin-top:20px;}
.wrongnote .pagination .page-numbers li.act,.wrongnoteDetail .pagination .page-numbers li.act, .assesmentResult .pagination .page-numbers li.act{background-color:rgba(94, 39, 151, 1);}
.wrongnote .content-box ul li:last-child form{border: 1px solid #CCCCCC; border-radius: 15px; padding: 7px 15px 7px 15px; position: relative;width:28%;}
.wrongnote .search_btn{}
.wrongnote .content-box ul li:last-child form input{width: calc(100% - 23px);}
/* wrongnoteDetail */
.wrongnoteDetail{}
.wrongnoteDetail .col1{width:10%}
.wrongnoteDetail .col2{width:50%}
.wrongnoteDetail .col3{width:10%}
.wrongnoteDetail .col4{width:15%}
.wrongnoteDetail .col5{width:15%}
.wrongnoteDetail .abutton{margin-left:0;}
.wrongnoteDetail .abutton.color{background-color:rgba(94, 39, 151, 1);}
.wrongnoteDetail .wrongnote-table>li>ul .col4 .abutton.gray{background-color:#aaa;}
.o{color:#4470FF; font-weight:bold;}
.x{color:#E20303; font-weight:bold;}
/* 팝업 레이아웃 */
/* .main-popup {display: none; width: 500px; height: 500px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border: 2px solid #aaa; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); padding: 20px; box-sizing: border-box; z-index: 9999;} */
.main-popup {
  display: block;
  position: fixed;
  top: 4%;
  left: 3%;
  background: #333;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  padding: 5px;
  max-width: 90vw;
  max-hegiht:90vh;
  overflowY: auto;
  width: 550px;
  text-align: center;
  z-index: 9999;
  overflow: hidden;
  box-sizing: border-box;
}
#mainPopup{display: none;}

.popupimg{
	max-height: 88vh;
	overflow-y: auto;
}

.main-popup img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.popup-buttons {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  flex-wrap: wrap;
}

.popup-buttons button {
  padding: 10px 20px 5px; 
  font-size: 16px; 
  background-color: #333; 
  color: #fff; 
  border: none; 
  border-radius: 4px; 
  cursor: pointer; 
  transition:.3s;
  margin: 0;
}

.popup-buttons button:hover {
  /* background-color: #d9363e; */
}

.event-popup2 {
  display: none;
  position: fixed;
  top: 4%;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  padding: 5px;
  max-width: 90vw;
  width: 550px;
  text-align: center;
  z-index: 9999;
  box-sizing: border-box;
}
.event-popup2 .ep-in{background-color: #DAC7FF;border-radius: 5px; overflow-Y: auto; padding:35px; max-height: 88vh;}
.event-popup2 .ep1{width:92%;}
.event-popup2 .ep-box{border-radius: 20px; overflow:hidden;}
.event-popup2 .ep-box .top{background-color: #fff; font-family: 'GmarketSans', sans-serif; padding: 20px 20px 10px; text-align:center; font-size: 16px;}
.event-popup2 .ep-box .top h4{ font-weight: 500; font-size: 16px; border-radius: 20px; padding: 3px 25px; display:inline-block; color:#fff; background-color:#CCB0FF; margin-top: 20px; font-family: 'GmarketSans', sans-serif;}
.event-popup2 .ep-box .top>ul{margin: 5px 0 5px; }
.event-popup2 .ep-box .top>ul>li{margin-bottom:6px; display:flex; align-items:center; justify-content: center; gap: 20px;}
.event-popup2 .ep-box .top>ul>li:last-child{margin-bottom:0px;}
.event-popup2 .ep-box .top>ul>li .bold{font-weight: 600; color: #6A3DEC; font-size: 18px;}

.event-popup2 .ep-box .top>ul>li .name{display:flex; gap: 12px;}
.event-popup2 .ep-box .top>ul>li .name li{text-align:center; font-weight: 600;}
.event-popup2 .ep-box .top>ul>li .name li span{display:block; font-size: 14px; font-weight: 500;}
.event-popup2 .ep-box .bottom{ text-align: center; background-color: #9A65FF; color: #fff; font-size: 14px; padding:10px;}

.event-popup2 img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* .event-popup3 */
.event-popup3 {
  display: none;
  position: fixed;
  top: 4%;
  right: 3%;
  background: #333;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  padding: 5px;
  max-width: 90vw;
  width: 550px;
  text-align: center;
  z-index: 9999;
  box-sizing: border-box;
}
.event-popup3 .ep-in{background-color: #A4D5F7;border-radius: 5px; overflow-Y: auto;  max-height: 88vh;}
.event-popup3 .ep1{display:block;}
.event-popup3 .ep-box{border-radius: 20px; overflow:hidden; font-family: 'GmarketSans', sans-serif;text-align:center; font-size: 16px; padding-bottom: 20px;     margin-top: -115px;}
.event-popup3 .ep-box h4{ font-weight: 500; font-size: 16px; border-radius: 20px; padding: 3px 25px; display:inline-block; color:#fff; background-color:#004ED6; font-family: 'GmarketSans', sans-serif;}
.event-popup3 .ep-box>ul{margin: 5px 0 5px; }
.event-popup3 .ep-box>ul>li{margin-bottom:6px; display:flex; align-items:center; justify-content: center; gap: 20px;}
.event-popup3 .ep-box>ul>li:last-child{margin-bottom:0px;}
.event-popup3 .ep-box>ul>li .bold{font-weight: 700; color: #004ED6; font-size: 18px;}

.event-popup3 .ep-box>ul>li .name{display:flex; gap: 12px;}
.event-popup3 .ep-box>ul>li .name li{text-align:center; font-weight: 600;}
.event-popup3 .ep-box>ul>li .name li span{display:block; font-size: 14px; font-weight: 500;}

.event-popup3 img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
/* 모바일 세부 대응 */
@media (max-width: 480px) {
  .main-popup {
    width: 90%;
    padding: 15px;
  }

  .popup-buttons button {
    font-size: 14px;
    padding: 8px 12px;
  }
}
/* .main-popup h2 {margin-top: 0;}
.popup-buttons {position: absolute; bottom: 20px; right: 20px; display: flex; gap: 10px;}
.popup-buttons button {padding: 8px 12px; background-color: #4470FF; color: #fff; border: none; border-radius: 4px; cursor: pointer; transition:.3s;}
.popup-buttons button:hover {background-color: #3b5ed1;}
.popup-buttons button.popupClose{color: #4470FF; background: white;}
.popup-buttons button.popupClose:hover{color: #3b5ed1;} */

/* testExample */
.testExample{position: fixed; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); background-color: rgba(0,0,0,0.25); z-index: 1001;}
#questionContainer {overflow:auto; border: 1px solid #ccc; padding: 50px; border-radius: 30px; background-color:#fff;}
.testExample .title-top{display:flex; align-items: start; justify-content:space-between; }
.testExample .title-top button{width:30px; height:30px; border-radius:50%; background-color:#ccc; padding:0;}
.testExample .title-top button i{color:#fff;}


/* datepicker */
.ui-widget-header { border: 0px solid #dddddd; background: #fff; } 
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; } 
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; } 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {padding: 10px 0; border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; } 
.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; } 
.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); } 
.ui-widget.ui-widget-content { border: 1px solid #eee; } 
#datepicker:focus>.ui-datepicker { display: block; } 
.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; } 
.ui-datepicker-next { float: right; } 
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); } 
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; } 
.ui-datepicker-calendar { width: 100%; } 
.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; } 
.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; } 
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; font-weight: 100; text-align: center; font-size: 12px; } 
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; } 
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; } 
.ui-widget-header .ui-icon { background-image: url('../../img/btns.png'); } 
.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; } 
.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; } 
.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; } 
.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; } 
.ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; } 
.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; } 
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {padding: 10px 0; border: 0px; background: #f1f1f1; border-radius: 50%;} 
.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; } 
.inp:focus { outline: none; background-color: #eee; } 

/* calendar */
.fc-h-event{background-color: #e5e5e5; border-color: #eee;}
.fc-h-event .fc-event-main{ color:#222 !important;}
.fc-timeGridWeek-view .fc-col-header-cell.fc-day-sun{color: #FF2B2B !important;}
.fc-timeGridWeek-view .fc-col-header-cell.fc-day-sat{color: #0066FF !important;}
.margin-top{margin-top:20px}
.post_common .margin-top .abutton.pink{}
.fc .fc-button-group{padding: 2px; border-radius:22px; background-color:#f5f5f5; box-shadow: inset 0 0 5px rgba(0,0,0,.2); overflow:hidden; outline:none; }}
.fc .fc-button-primary{color: #A9A9A9;}
.fc .fc-button-group .fc-dayGridWeek-button{}
.fc .fc-button-group .fc-dayGridMonth-button{}
.fc .fc-button-group > .fc-button{width: 60px;border-radius:22px;}
.fc .fc-button-primary{color:#A9A9A9;}
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child){border-radius:22px;}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child){border-radius:22px;}
.fc .fc-button-primary{background-color: unset; border:0;}
.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active{}
.fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus{box-shadow:none;}
.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active{background-color:#8219A4;}
.fc .fc-button-primary:hover{background-color:rgba(130, 25, 164,0.4);}
.fc-button-primary{position:absolute;}
.fc-toolbar-chunk{min-width:120px; min-height:1px;}
.fc-today-button{right:0;}
.fc-next-button{left:calc(50% + 125px); top: 50%; transform: translateY(-50%);}
.fc-prev-button{left:calc(50% - 180px); top: 50%; transform: translateY(-50%);}
.fc-header-toolbar{position:relative;}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child){margin-left:0;}
.fc .fc-next-button:hover,.fc .fc-prev-button:hover{background-color: unset; color:#333;}
.fc .fc-button-primary:focus{box-shadow:none;}
.fc .fc-button:focus{box-shadow:none;}
.fc .fc-button-primary.fc-next-button:not(:disabled):active, .fc .fc-button-primary.fc-prev-button:not(:disabled):active{background-color: unset; color:#333;}
.fc .fc-button.fc-today-button{padding:8px 30px; top: -53px;line-height: 1.2; border-radius:18px; background-color:#76818D;color: #fff; display:none;}
.fc .fc-button.fc-today-button:disabled{opacity:1; display: none;}
.fc-theme-standard td, .fc-theme-standard th{}
.fc .fc-day-today { background-color: rgba(254, 112, 186, 0.1) !important;}
.bold{font-weight:bold;}
.normal{font-weight:normal; font-size:18px;}
.circle{width:10px; height:10px; border-radius:50%; background-color:#c100ff;display: inline-block; margin-right:3px}
.circle.end{background-color:#aaa;}
.circle.before{background-color:#ff9fdf;}
.fc-timeGridWeek-view .fc-col-header-cell{color: #8219A4;font-size:20px;background: #fff !important;}
.fc-dayGridMonth-view .fc-col-header-cell{font-size:20px;line-height: 45px;color: #8219A4 !important; border-top: 2px solid #aaa;}
.fc-dayGridMonth-view .fc-col-header-cell>div{border-top: 2px solid #aaa ;}
.fc .fc-scrollgrid-section > td{border-right:0;}
.fc-dayGridMonth-view .normal{display: none;}
.fc-dayGridMonth-view .event-title{font-weight:normal; flex-wrap:wrap; gap:0; justify-content:space-between; width:100%;}
.fc-scrollgrid-sync-table .fc-theme-standard tr td:last-child{border-right:0;}
.fc-dayGridMonth-view .event-title .time{width:59px; order:2;}
.fc-dayGridMonth-view .event-title .bold{width: calc(100% - 120px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:start; order:3; flex-grow: 1;}
.status-badge{order:1; margin-right: 40%; margin-bottom:1px;}
.fc-dayGridMonth-view .event-title .status-default{width: 58px;}
.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion{color: #aaa;}
.fc-timeGridWeek-view .fc-col-header-cell,
.fc-timeGridWeek-view .fc-timegrid-col {
  border-right: none !important;
}
.fc-timeGridWeek-view .fc-timegrid-cols > table {
  border-right: none !important;
}

.fc-timeGridWeek-view .fc-timegrid {
  border: none !important;
}

.fc-timeGridWeek-view .fc-scrollgrid,
.fc-timeGridWeek-view .fc-scrollgrid table {
  border: none !important;
}
.fc-timegrid-axis{border-top: none !important; border-left: none !important;border-right: none !important;}
.fc-col-header-cell{border-top: none !important; border-left: none !important; border-right: none !important;}
.fc-scrollgrid-section-header th{border-right:none !important;border-left:none !important;border-top:none !important;}
.fc-scrollgrid {border-top: none !important;}
.fc-dayGridMonth-view .fc-scrollgrid {border-left: none !important;}
.fc .fc-daygrid-day-frame{}
.fc-dayGridMonth-view .fc-scrollgrid-sync-table{/* border-left: 1px solid #eee !important; */}
.fc-timeGridWeek-view .event-btns{display:block;}
.fc-timeGridWeek-view .event-btns a{width:95%; display:block; padding: 2px; text-align:center; margin:5px auto; border-radius:12px; font-size: 14px;}
.fc-timeGridWeek-view .event-title{color:#333; justify-content: center; margin: 3px 5px 0; display:block;}
.fc-timeGridWeek-view .event-title p{}
.event-title{text-align:center; font-weight:bold; }
.fc-timeGridWeek-view .result{background:#FE70BA;}
.fc-timeGridWeek-view .video{background:#f0ac00;}
.fc-timegrid-slot {
    height: 45px !important;
  }
.fc-timegrid-event{/* background: unset !important; border: none !important; */}

.fc-timegrid-event {border-radius: 15px !important; border: none !important; padding: 0 !important; margin: 0 !important; margin-right: -1px !important; box-shadow: none !important; overflow: visible !important;}
.fc-timegrid-event-harness{margin-right:-3px;}
/* 내가 넣은 이벤트 박스가 100%로 꽉 차게 */
.fc-week-event {width: 100%; height: calc(100% - 4px); color: #fff; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.custom-event-box{display: flex; height: 100%; flex-direction: column; justify-content: center;}
.fc-scrollgrid-section-header th:first-child{border-radius: 15px 0px 0 0 !important;}
.fc-scrollgrid-section-header th:last-child{border-radius: 0 15px 0px 0 !important;}
.fc-dayGridMonth-view .fc-day-sun.fc-col-header-cell{ color:#FF2B2B !important;}
.fc-dayGridMonth-view .fc-day-sat.fc-col-header-cell{ color:#0066FF !important;} 
.fc-v-event{background:none;}
.fc-week-event.today-end{background: rgba(255, 180, 180, 0.5);}
.fc-week-event.today-ing{background: rgba(255, 180, 180, 1);}
.fc-week-event.today-before{background: rgba(130, 25, 164, 0.3);}
.fc-week-event.end{background:rgba(219, 219, 219, 0.7);}
.fc-week-event.before{background:rgba(219, 219, 219, 0.7);}
.fc-week-event.before .event-btns{display:none;}
.fc-week-event.today-before .event-btns{display:none;}
.fc-week-event p.before{color:#333; text-align:center; font-size:14px;display:none;}
.fc-week-event.before p.before{display:block; padding-top: 5px;}
.fc-week-event.today-before p.before{display:block; padding-top: 5px;}
.fc-dayGridMonth-view .day{padding:5px 10px;}
.fc .fc-timegrid-slot-label{border-left: 0;}
.fc-direction-ltr .fc-daygrid-event.fc-event-start{margin:5px; background-color: #e5e5e5;}

.fc-week-event {
	padding:5px 0;
  max-height: 100%; /* 또는 적당한 높이로 제한 */
  overflow-y: auto; /* Y축 스크롤 활성화 */
  overflow-x: hidden; /* 가로는 숨김 */
  -ms-overflow-style: none;  /* IE & Edge */
  scrollbar-width: none;     /* Firefox */
  position: relative; /* for safety */
}

.fc-week-event::-webkit-scrollbar {
  display: none; /* Chrome, Safari에서 스크롤바 안 보이게 */
}


/* footer */
footer{font-size:16px !important;}
footer .container{padding:30px 0 !important; display:flex; justify-content: space-between;     align-items: center;}
#footNav{display:flex; gap: 15px; justify-content: start; }
#footAddr{margin:10px 0; display: flex; flex-wrap:wrap; gap: 5px 15px;}
#footAddr .easyon{ display: flex; flex-wrap:wrap; gap: 5px 15px;}
footer .mobile{display:none;}
footer .frame{width: calc(95% - 160px);}
footer a{width: 160px;}

/* userguide */
.userguide .front{background: linear-gradient(to top right, #C6ECFE, #E9F8FF); position:relative; overflow:hidden;}
.userguide .front .container{display:flex; align-items:center; padding:33px 0; flex-direction: column;}
.userguide .front h2{position: relative; background: linear-gradient(90deg, #677bff, #01d2ff, #677bff, #01d2ff); margin:10px 0 20px; -webkit-background-clip: text; color: transparent; background-size: 300% 100%; border-image: linear-gradient(to right, #677bff 0%, #01d2ff 100%); z-index: 2; animation: gradientflow 3s linear infinite; display:inline-block; font-size:56px;}
.userguide .front .container .logo{width: 440px;}
@keyframes gradientflow {
	0% { background-position: 100% 0%; }
	100% { background-position: 0% 0%; }
}
.userguide .front .text img{height:50px;}
.userguide .front .text{display:flex; align-items:center; font-size:24px; font-weight:600; justify-content: center;}
.userguide .front .txt1{margin: 0px -5px -10px 0px; animation: fadeIn 1s 0.3s forwards; opacity: 0;}
.userguide .front .text span{}
.userguide .front .txt2{margin: -10px -22px 0px -5px; animation: fadeIn 2s .5s forwards; opacity: 0;}
.userguide .front .txt3{animation: fadeIn 3s .7s forwards; opacity: 0;}
.userguide .front p{margin-top: 10px; font-size:24px; font-weight:600;}
.g-obj1{top: 50%; left: 14%; width:12%; animation: fadeIn 0.8s ease-out 0.3s forwards, floatY 2s ease-in-out infinite; margin: 10px -2px 0px 0px; opacity: 0;}
.g-obj2{left: 80%; top: 10%; width: 15%; animation: fadeInRight2 1s ease-out 0.1s forwards; opacity: 0;}
.g-obj3{left: 8%; top: 5%; width: 14%; animation: fadeInLeft 0.8s ease-out 0.2s forwards; opacity: 0;}
.g-obj4{left: 75%; top: 50%; width: 16%; animation: fadeInRight 1s ease-out 0.3s forwards; opacity: 0;}
@keyframes floatY {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5%);
  }
}

@keyframes fadeIn{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInLeft{
  0% {
    opacity: 0;
    transform: translate(-20%,-20%);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}

@keyframes fadeInRight{
  0% {
    opacity: 0;
    transform: translate(20%,20%);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}

@keyframes fadeInRight2{
  0% {
    opacity: 0;
    transform: translate(20%,-20%);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}
.mentoringintro.about h2{margin-bottom:0;}
.guide-step{}
.guide-step h4, .use h4{font-size:42px;}
.guide-step h4 .gradient{ position: relative; background: linear-gradient(90deg, #677bff, #01d2ff, #677bff, #01d2ff); margin:25px 0 50px; -webkit-background-clip: text; color: transparent; background-size: 300% 100%; border-image: linear-gradient(to right, #677bff 0%, #01d2ff 100%); z-index: 2; animation: gradientflow 3s linear infinite;}
.use h4 span{font-size:56px; position: relative;background: linear-gradient(90deg, #4EF1E2, #78D5FB, #4EF1E2, #78D5FB); margin:25px 0 50px; -webkit-background-clip: text; color: transparent; background-size: 300% 100%; border-image: linear-gradient(to right, #677bff 0%, #01d2ff 100%); z-index: 2; animation: gradientflow 3s linear infinite;}
.use h4 span, .guide-step h4 .gradient{font-size:56px;}
.guide-step .step-wrap{}
.guide-step .step-wrap>li{display:flex; margin-bottom: 50px; overflow:hidden; border-radius:50px; box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.guide-step .step-wrap>li:last-child{margin-bottom:0;}
.guide-step .step-wrap>li img{width:50%; padding-top:20px;display:none;}
.guide-step .step-wrap>li div{ width: 100%; }
.guide-step .step-wrap>li:nth-child(2n-1){padding: 80px 50px 80px 47%; background-size: auto 100%; background-position: 0 center; background-repeat: no-repeat;}
.guide-step .step-wrap>li:nth-child(2n){padding: 80px 47% 80px 50px; background-size: auto 100%; background-position: right center; background-repeat: no-repeat;}
.guide-step .step-wrap>li .step{font-size:20px; padding: 8px 25px; border-radius:20px; background-color:#fff; display:inline-block;}
.guide-step .step-wrap>li .tt{font-size:28px; margin: 20px 0 50px; line-height: 1.2;}
.guide-step .step-wrap>li .tt span{display:block;}
.guide-step .step-wrap>li ul{}
.guide-step .step-wrap>li ul li{position:relative; margin-bottom: 8px; padding-left:25px; font-size:20px; word-break: keep-all; white-space: normal;}
.guide-step .step-wrap>li ul li::before {content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat;
}
.guide-step .step-wrap>li ul li:last-child{margin-bottom:0;}
.guide-step .step-wrap .user-color1{ background: url(../../img/jindo/guide-stepbg1.png), linear-gradient(90deg, #AEC0F7, #DCE9FC);  }
.guide-step .step-wrap .user-color2{background: url(../../img/jindo/guide-stepbg2.png), linear-gradient(90deg, #EFE9F4, #EDD8FF);}
.guide-step .step-wrap .user-color3{background: url(../../img/jindo/guide-stepbg3.png), linear-gradient(90deg, #FFCFCD, #FFF0EF);}
.guide-step .step-wrap .user-color4{background: url(../../img/jindo/guide-stepbg4.png), linear-gradient(90deg, #E2FFF9, #C9F0EB);}
.guide-step .step-wrap .user-color1 .step{color:#4470FF;}
.guide-step .step-wrap .user-color2 .step{color:#5E2797;}
.guide-step .step-wrap .user-color3 .step{color:#FE6760;}
.guide-step .step-wrap .user-color4 .step{color:#015661;}
.guide-step .step-wrap .user-color1 li::before {background-image: url('../../img/jindo/ch1.png');}
.guide-step .step-wrap .user-color2 li::before {background-image: url('../../img/jindo/ch2.png');}
.guide-step .step-wrap .user-color3 li::before {background-image: url('../../img/jindo/ch3.png');}
.guide-step .step-wrap .user-color4 li::before {background-image: url('../../img/jindo/ch4.png');}
.use{background-color:#4470FF;}
.use .container{padding-bottom:0;}
.use h4{color:#fff;}
.use ul{display:flex; row-gap: 30px; flex-wrap:wrap; justify-content:space-between;}
.use ul li{border-radius:30px; width:48%; background-color:#fff; padding:20px 40px; display:flex; align-items:center; justify-content:space-between; }
.use ul li p{width: 65%; font-size:28px; line-height:1.2;}
.use ul li p span{display:block;}
.use ul li img{width:30%;}
.guide-btn{display:flex; justify-content:space-between; align-items:center; margin-top: 50px;}
.guide-btn img{width:40%;}
.guide-btn div{width:50%;}
.guide-btn div h4{text-align:start; font-size:42px; color:#fff;}
.guide-btn div a{padding: 15px 30px; font-size:20px; font-weight:bold; background: linear-gradient(90deg, #4EF1E2, #78D5FB, #4EF1E2, #78D5FB); animation: gradientflow 3s linear infinite; border-radius:30px; background-size: 300% 100%; color: white; }
.guide-btn div a span{font-size:20px; font-weight:bold; margin-right:50px;}
.guide-btn div a i{}
.no-list{text-align:center; padding:100px; font-size: 38px; color:#ccc; font-weight:100 !important; display:none; align-items:center; justify-content:center;}
.no-list i{margin-right: 10px;}
.mentoring-info .mobile,.mentoringintro .guide ul.mobile{display:none;}
.guide-btn h4 span{background: unset; color: #fff; font-size: inherit !important;}
.study .sns div span.m-txt{padding:0;}

  /* 팝업 배경 (반투명) */
  .popup-overlay-learn {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* ✅ 배경색 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  /* 팝업 본문 */
  .popup-content {
    background-color: #fff; /* ✅ 내부 배경색 */
    padding: 30px 40px;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    width: 400px;
    max-width: 90%;
    position: relative;
    font-family: 'Segoe UI', sans-serif;
  }

  .popup-content h4 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
    color: #333;
  }

  .popup-content .close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
  }

  .popup-content .close-btn:hover {
    color: #e74c3c;
  }

  .popup-content div {
    margin-bottom: 18px;
  }

  .popup-content input[type="text"],
  .popup-content input[type="date"],
  .popup-content select {
  	box-sizing: border-box;
  	display:inline-block;
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 6px;
  }
  
  .popup-content .minuts{
  	box-sizing: border-box;
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 6px;
    display:flex;
    gap: 5px;
    lign-items: center;
  }
  
  .popup-content .minuts input[type="text"]{padding:0; margin:0; border:0;}
  
  .popup_start_day{ margin-bottom: 10px;} 

  .popup-content input[type="text"].popup_lessonStartTime{margin-top:0;}

  .popup-content .weekday-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
  }

  .popup-content .weekday-options label {
    background: #f5f5f5;
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 13px;
    cursor: pointer;
  }

  .popup-content input[type="checkbox"] {
    margin-right: 4px;
  }

  .popup-content button {
    width: 100%;
    padding: 10px;
    background-color: #3498db;
    border: none;
    color: white;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .popup-content button:hover {
    background-color: #2980b9;
  }

  .popup-content p {
    margin: 0 0 5px 0;
    font-weight: 500;
    font-size: 14px;
  }

/* 로딩중 */
.loadingSection{position:relative;}
button {padding: 10px 20px; margin: 5px;}
/* 로딩 */
#loading {display: none; color: rgba(94, 39, 151, 1); font-weight: bold; padding:50px 0; height: 100%; background-color: #fff; bottom: 0; left: 0; position:absolute; width: 100%;}
#loading .flex{flex-direction: column; height: 100%; justify-content: center;}
#loading .loading{display: block; }
#loading .loader {margin-top: 50px; text-align: center; font-family: 'MBC1961M'; font-weight: 100; font-size: 38px; animation: l1 1s linear infinite alternate;}
#loading .loader:before {content:"문제 생성 중입니다..."}

#loadingAnswer {display: none; color: rgba(94, 39, 151, 1); font-weight: bold; padding:50px 0 20px; width: 100%;  border-radius: 15px;}
#loadingAnswer .flex{flex-direction: column; justify-content: center;}
#loadingAnswer .loading{display: block; }
#loadingAnswer .loader {margin-top: 50px; text-align: center; font-family: 'MBC1961M'; font-weight: 100; font-size: 28px; animation: l1 1s linear infinite alternate;}
#loadingAnswer .loader:before {content:"해설 생성 중입니다..."}
#loadingAnswer .loading-spinner {
  width: 80px;
}

@keyframes l1 {to{opacity: 0}}
.loading-spinner {
  margin: 0 auto;
  width: 100px;
  --b: 20px; 
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%,#5E2797) content-box;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
          mask-composite: intersect;
  animation:l4 1s infinite steps(10);
}

@keyframes l4 {to{transform: rotate(1turn)}}

.passage{
    font-size: 20px;
    line-height:1.4;
    text-align: left;
    margin-bottom: 20px;
    border: 1px solid #222;
    border-radius: 20px;
    padding: 15px 20px;
    white-space: pre-line;
    word-break: keep-all; white-space: normal;
}

#detail_answer{word-break: keep-all; white-space: normal; line-height:1.4;}	

.booklist {position: fixed; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.25); z-index: 1001; display: flex; align-items:center; justify-content:center;}
.booklist .title-top{display:flex; align-items: start; justify-content:space-between; }
.booklist .title-top button{width:30px; height:30px; border-radius:50%; background-color:#ccc; padding:0;}
.booklist .title-top button i{color:#fff;}
.booklist .container{width: 95%; height: 80vh; margin: auto; padding: 50px; border-radius:30px;  background-color: #fff;}
.booklist h4{color: #8219a4; margin-bottom: 10px;text-align: center; font-size: 30px;}
.booklist .book-list{}
.booklist .book-header{font-weight: 600; color: #fff; background-color: #8219a4; border-radius: 20px; padding: 0 5px; margin-bottom: 5px;}
.booklist .book-header div{padding: 5px 7px;}
.booklist .book-item{display:flex; align-items: center; text-align:center;}
.booklist .book-item .num{width: 8%; min-width:45px; }
.booklist .book-item .subject{width:10%;}
.booklist .book-item .title{width: 37%; font-weight: 500;}
.booklist .book-item .author{width:10%;}
.booklist .book-item .pub{width:20%;}
.booklist .book-item .download{width: 15%;}
.booklist .book-item .download a{}
.booklist .book-item .download img{width: 20px;}
.booklist ul .book-item{ padding: 0 5px;border-radius: 15px; border: 1px solid #ccc; margin-bottom: 5px;}
.booklist ul .com{padding: 7px 5px; word-break: keep-all; white-space: normal;}
.booklist .pagination{margin-top: 20px;}
.inquiry .table_list .content .txt{margin: 0;}
.popupError-wrap{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; background-color: #fff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.2); padding: 30px 25px;}
.popupError{display: none; width: 100vw; height:100vh; background-color: rgba(0,0,0,0.6); z-index: 9999; position: fixed; top:0; left: 0;}
.errorH3, .textbook-title{margin-top: 0; font-size: 22px; color: #333; text-align:center; margin-bottom: 0;}
.reportTypeLabel, .textbook-label{display:block; margin: 15px 0 5px; font-weight: bold;}
.reportTypeSelect{width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #ccc; box-sizing: border-box; font-size: 16px;}
.errorDiv{display: flex; justify-content: space-between; margin-top: 15px;}
.btnErrorCancle{padding: 8px 14px; background: #ccc; border: none; border-radius: 6px; margin-right: 8px;}
.errorDiv button{padding: 10px; margin: 0; border: none; border-radius: 6px; font-size: 16px; cursor: pointer; width: 49%;}
.btnErrorSubmit{padding: 8px 14px; background: #4470FF; color: #fff; border: none; border-radius: 6px;}
#div_question .div_question{word-break: keep-all; white-space: normal; text-align: left !important; font-weight: bold; font-size: 24px; position:relative; line-height:1.4;}
.page-pink.booklist .pagination .page-numbers li.act{background-color: #8219a4;}
.booklist.requestsBook .book-item .num{}/* 8% */
.booklist.requestsBook .book-item .subject{width:15%;}/* 10% */
.booklist.requestsBook .book-item .title{width:47%;}/* 37% */
.booklist.requestsBook .book-item .download{}/* 15% */
.booklist.requestsBook .book-item .del{width:15%;}
.booklist.requestsBook .book-item .del button{color: #E20303; padding:0; width:100%; height: 100%; }
.textbook-input, .textbook-file{box-sizing:border-box;}
.popupError-wrap textarea{height: 116px;}

.evaluation-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.required-note {
  color: red;
  margin: 0;
}

.back-button-container {
 	text-align: end;
}

.back-button {
  background-color: #8219A4;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.back-button:hover {
  background-color: #6d148b; /* hover 시 조금 더 어두운 색 */
}

@media screen and (max-width: 1440px){
	.container{width:90%;}
	h2 {font-size: 55px;}
	.mainvisual{overflow: hidden;}
	.fix_banner .fix_slider{padding: 15px 75px 15px 30px;}
	.mainvisual .main .txts h4{font-size:28px; }
	.mainvisual .main .txts h2 {padding: 25px 0 10px;}
	.mainvisual .obj.obj6{top:33.9%;}
	.section1 h3{font-size: 45px;}
	.section1 .character2{right:7%; width:17%;}
	.section1 .boxs .box .mouse{width:20%;}
	.section1 .boxs .box h4{font-size:36px;}
	.section1 .boxs .box a{padding: 40px 10px 20px;}
	.obj1{}
	.section2{padding:30px 0;}
	header .header_top .logo{width:160px;}
	header .header_top .right a{padding: 6px 15px;}
	.login h2{margin-bottom:80px;}
	.login .padding{padding: 80px 0; }
	.i-obj4{right:-4%; top:53%;}
	.i-obj2{top:49%; width:6%; left:-6%;}
	.intro-service ul li p{font-size: 22px;}
	.about.intro .main-top img{width:581px}
	.about.intro .main-top img.logo{width:42%;}
	.about .main-top .text{width: calc(125% - 581px)}
	.about h2{font-size: 50px; margin-bottom: 15px;}
	.intro-service ul li img{height: 90px;}
	about .main-top .text p{font-size:22px;}
	.userguide .front .container .logo{}
	.userguide .front h2{margin: 10px 0 14px;}
	.about .obj{}
	.g-obj1{}
	.g-obj2{}
	.g-obj3{}
	.g-obj4{}
	.guide-step .step-wrap .user-color2{}
	.guide-step .step-wrap>li:nth-child(2n){background-size: 100% auto, cover; background-repeat: no-repeat, no-repeat; background-position: right bottom;}
	.guide-step .step-wrap>li:nth-child(2n-1){background-size: 100% auto, cover; background-repeat: no-repeat, no-repeat; background-position: left bottom;}
	.use ul li p{font-size: 26px;}
	.learning .content-box{padding:40px;}
	.test .question{padding: 40px 30px 0;}
	.fix_banner_click{width: 80%;}
	.fix_banner .fix_slider .top {width:36%;}
	.fix_banner_click .close{right:30px;}
	.fix_banner .fix_slider .bottom{width:62%;}
	.fix_banner .fix_slider .top .tt li span{font-size: 20px;}
	.fix_banner .container{width:95%;}
	.fix_banner .fix_slider .top{width:38%;}
	.fix_banner .fix_slider{padding: 10px 35px 10px 3%;}
}
@media screen and (max-width: 1279px){
	h2{font-size:50px;}
	.boxs{margin-top:20px;}
	.main_wrap{font-size:18px;}
	.mainvisual .step2{}
	.mainvisual .main .txts h4{font-size:26px;}
	.mainvisual .main .txts h2{padding: 20px 0 8px;}
	.mainvisual .container{padding:20px 0 140px;}
	.mainvisual .boxs .box{border-radius: 25px; width:49%; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);}
	.mainvisual .box .txts p span{font-size:20px;}
	.mainvisual .box .txts{margin:15px 0 20px;}
	.mainvisual .obj.obj6{top: 32.9%;}
	.fix_banner .fix_slider .con{}
	.fix_banner .fix_slider{padding: 8px 35px 8px 3%;}
	.fix_banner .fix_slider img{width:35px;}
	.fix_banner .fix_slider .flex{gap:15px;}
	.fix_banner .fix_slider .tt{font-size: 22px; margin-bottom: 5px;}
	.chinese{font-size: 26px;}
	.fix_banner .fix_slider .left .tt{letter-spacing: 4px; font-size:20px;}
	.fix_banner .fix_slider .right ul li span{font-size:20px;}
	/* 
	.chinese{font-size:18px;}
	.fix_banner .title{font-size:24px;}
	.fix_banner .fix_slider{padding: 10px 35px 10px 3%;}
	 */
	.fix_banner .close{padding: 10px 10px;}
	.fix_banner .close span{display:none;}
	.fix_banner .title{font-size:28px;}
	.section1{border-radius: 70px 70px 0 0;}
	.section{}
	.section1.section{padding: 30px 0 60px;}
	.main_wrap .section1 .container{padding-bottom:0;}
	.mainvisual .step3 h4{font-size:20px;}
	.mainvisual .step3 p{font-size: 18px;}
	.mainvisual .main .box{padding: 15px 25px;}
	.mainvisual .main>img {width: 48%; padding: 0px 3%;}
	.section1 h3{margin-bottom:40px;}
	.section1 .boxs .box{width:31%; border-radius:60px;}
	.section1 .boxs .box img.peple{width:auto; height:130px;}
	.section1 .boxs .box h4{font-size: 32px;}
	.section1 .boxs .box .theme{font-size:16px;}
	.obj1{top: 18%;}
	.section1 .character2{right:5%;}
	.section2{background-size: contain; min-height: auto;}
	.fix_banner .fix_slider img{display:none;}
	.section1 .boxs .box a{padding: 35px 10px 20px;}
	.fix_banner .fix_slider .con{font-size:18px;}
	.mainvisual .box ul{margin-top: 10px;}
	.mainvisual .box ul li{margin-bottom: 10px;}
	.mainvisual h4{font-size:24px;}
	h4{font-size:28px;}
	.obj2{top:69%;right: 48%;}
	.section2{padding:10px 0;}
	.section2 h2{margin-bottom: 20px; font-size:40px;}
	.carousel-item{flex:0 0 280px; box-shadow: 15px 15px 10px rgba(0,0,0,0.25);}
	header .header_top .logo{width:150px;}
	header.scroll .header_top .logo{width:150px;}
	header .header_top .right a{padding: 6px 10px;}
	header .header_top .right{font-size:14px;}
	.login h2{margin-bottom:60px;}
	.common-container{padding: 80px 0; }
	.intro-guide ul li img:not(.ribbon){height: 140px;}
	.intro-guide ul li .ribbon{width: 25%;}
	.intro-guide ul li .title{font-size:22px;}
	.intro-guide ul li p{font-size:18px;}
	.intro-guide ul li{padding: 25px 20px;}
	.intro-step ul li:nth-child(2n-1){width: 17%;}
	.intro-step ul li p{font-size:18px; margin-top: 20px;}
	.intro-service .blue{display:block;}
	.intro-service .title h4{margin-bottom:15px;}
	.intro-service .title p{font-size:18px;}
	.intro-service ul li p{font-size: 20px;}
	.intro-service ul li{padding:25px;}
	.intro-service ul li img{margin-bottom: 20px; height: 80px;}
	.about .main-top .text span.inline{font-size:22px;}
	.about .main-top .text p{font-size:20px;}
	.intro-service ul{row-gap:30px;}
	.mentoringintro .front .container{}
	.about .main-top img{width:45%; margin-left: -20%;}
	.about .main-top .text{width:75%;}
	.about .main-bottom li{font-size: 16px; width: 24%;}
	.mentoringintro .main-bottom img{height: 75px;}
	.m-obj1{left:2%; top: 85%; width: 8%;}
	.m-obj3{top: 40%; left: -7%;}
	.m-obj4{top: 40%;}
	.mentoringintro .mentoring-info h4{margin-bottom:60px;}
	.mentoringintro .mentoring-info img{width: 95%;}
	.mentoringintro .guide li .step{font-size:22px; padding: 12px 50px;}
	.mentoringintro .guide li.dash img{margin:26px 0;}
	.userguide .front .text,.userguide .front p{}
	.userguide .front .container .logo{width: 400px;}
	.userguide .front h2{font-size: 52px;}
	.userguide .front .txt1{}
	.userguide .front .txt2{}
	.userguide .front .txt3{}
	.userguide .front p{margin-top: 5px; font-size: 22px;}
	.userguide .front .text{font-size: 22px;}
	.userguide .front .text img{height:45px;}
	.userguide .front .container{padding: 28px 0;}
	.guide-step h4, .use h4{font-size: 38px;}
	.g-obj1{left: 7%; width: 15%; width: 15%;}
	.g-obj2{left: 79%; width: 16%;}
	.g-obj3{top: 7%; left: 3%; width: 15%;}
	.g-obj4{left: 76%; width: 18%;}
	.use h4 span, .guide-step h4 .gradient{font-size:52px;}
	.guide-step .step-wrap>li:nth-child(2n-1){padding: 60px 40px 60px 42%; background-position: calc(0% - 30px) bottom, center;}
	.guide-step .step-wrap>li:nth-child(2n){padding: 60px 42% 60px 40px; background-position: calc(100% + 60px) bottom, center;}
	.guide-step .step-wrap>li .tt{font-size: 26px; margin: 15px 0 35px;}
	.use ul li p{font-size: 22px; width: 67%;}
	.use ul li{padding: 20px 30px;}
	.guide-btn div h4{font-size:38px; margin-bottom: 40px;}
	.use ul li img{}
	.guide-btn img{width:43%;}
	.guide-btn div a{font-size:18px; padding: 15px 25px;}
	.guide-step .step-wrap>li ul li,.guide-step .step-wrap>li .step{font-size:18px;}
	.guide-btn div a span{font-size:18px;}
	.study .page_main .main_img{width: 60%; max-width: 600px; right: 0;}
	.round div{border-radius: 60px 60px 0 0; height: 60px;}
	.post_common .container{padding: 80px 0;}
	.post_common .write-table li .tt{width: 25%;}
	.post_common .write-table li .con{width:75%;}
	.post_common .write-table li .con.w70{width:60%;}
	.study .sns .kakao img{width: 11%;}
	.study .sns .naver img{width: 8%;}
	.post_common .my_container .write-table.mentor{margin: 20px 0;}
	.container.my_container,.container.s_container{padding: 10px 0 60px;}
	.subject_btns button{width: 18%;}
	.subject_btns,.subject_btns div{width:100%;}
	.subject_btns>div>p{width:12%; text-align:center;}
	.subject_btns>div>div{width:88%;}
	.subject_btns>div>div p{width:100%;}
	.subject_btns div{justify-content:flex-start;}
	.container.test{width: 100%; margin:0;}
	#questionContainer{border: 0; }
	.test .question h4{font-size:24px;}
	.test .question .answer li label{font-size:22px; }
	.test .question .answer li{margin-bottom:3px;}
	.notice .page_main .main_img{width:65%;}
	.table_list>li .title{padding: 15px 20px;}
	.table_list>li .icon{width:40px;}
	.table_list>li .txt .titleTxt>p{font-size:24px;}
	.table_list>li .title .con .tt,.table_list .reply .reply_tt{padding-bottom: 8px; }
	.table_list>li .txt .titleTxt>p, .table_list .reply .reply_tt{font-size: 24px}
	.table_list>li button, .post_common .abutton{padding: 8px 25px; margin-left: 5px; }
	.table_list>li i{margin-left:10px;}
	.table_list .content .wrap{padding:15px 20px;}
	.learningResult.post_common .abutton{margin-left:10px;}
	.inquiry .table_list .content .txt,.table_list .reply{padding:15px 20px;}
	.table_list>li{margin-bottom: 8px;}
	.table_list>li .icon2{width: 40px}
	.today_schedule{margin: 20px 0;}
	.today_schedule .countdown h2{font-size: 34px;}
	.today_schedule .schedule_slider .no-class{font-size: 34px;}
	.today_schedule .time{font-size: 34px; margin:10px 15px; }
	.today_schedule .time-slot{font-size: 18px;}
	.dash_right a{margin-top:12px;}
	.today_schedule{margin: 15px 0;}
	.bars .tt{margin: 12px 0 0;}
	.dash_left ul li{padding: 4px 0;}
	.dash_left ul{margin-top: 15px; padding: 10px 20px;}
	.dash_left ul li:nth-child(1), .dash_left ul li:nth-child(2){padding-bottom: 15px;}
	.fc-dayGridMonth-view .fc-col-header-cell{line-height: 40px;}
	.dash_left ul li{font-size:18px;}
	.margin15{margin-bottom:10px;}
	.fc .fc-toolbar.fc-header-toolbar{margin-bottom: 20px;}
	.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom:10px;}
	.booklist h4{font-size:26px;}
	.mentee{margin-bottom:15px; width: 220px; padding: 8px 35px 8px 15px;}
	.changeClass1 .left{gap:15px;}
	.lesson_duration input{width:50px;}
	.changeClass1 .changeClassBtns .abutton.pink, .changeClass1 .changeClassBtns .abutton.gray, .changeClass .sbtn{padding: 5px 18px;}
	.classList ul li{padding: 6px;}
	.classList>li{margin-bottom: 8px;}
	.changeClass .file-label .file-button, .changeClass .file-label .file-text{padding: 5px 15px; }
	.addClass select, .delClass select{padding: 5px 50px 5px 15px}
	.addClass .datepicker, select{border-radius: 10px;}
	.learning .page_main .main_img{width: 50%; right: 2%;}
	.post_common .learningStatus.container {padding: 10px 0 0;}
	.post_common .page-bottom.container{padding-top: 0;}
	.learning .top{margin-top: 30px;}
	.learning .top .datepicker_wrap{width: 35%;}
	.input-with-icon{}
	.input-with-icon input{font-size: 22px; width: 100%;}
	.learning .slider li,.learning .slider .purple{width: 80px;}
	.recent-curriculum .box{margin: 0 5px;}
	.aiTest-wrap .subject li, .on-learning .subject li{padding: 15px 30px; font-size: 18px;}
	.aiTest-wrap h4, .on-learning .top_flex{margin-bottom: 10px;}
	.recent-curriculum a{font-size:16px;}
	.recent-curriculum .sub-subject{margin: 20px 0 5px;}
	.recent-curriculum .tt{margin-bottom: 20px;}
	.recent-curriculum .box{padding: 25px 15px;}
	.recent-curriculum a.result{margin-bottom: 8px;}
	.on-learning-table>li>ul .step{width:auto; }
	.on-learning-table>li>ul .col4 a{padding:5px 15px; }
	.on-learning-table>li>ul .col3 p{width: auto; padding:5px 15px;}
	.on-learning-table>li>ul li{padding: 8px;}
	.on-learning-table>li>ul.tt{margin-bottom: 0;}
	.aiTest-wrap .unit-table .table-tt{font-size: 22px;}
	.post_common .page-bottom.container{padding: 0 0 40px;}
	.post_common .learningAnalysis.container,.post_common  .assesmentResult.container,.post_common  .aiTest.container,.post_common  .container.wrongnote, .post_common .container.wrongnoteDetail{padding: 0 0 40px;}
	.datepicker3, .datepicker4{font-size: 18px; padding: 9px 0;}
	.datepicker_wrap3 .prev-week,.datepicker_wrap3 .prev-week4, .datepicker_wrap3 .next-week, .datepicker_wrap3 .next-week4{padding: 10px 20px;}
	.post_common .learningAnalysis.container{padding: 10px 0 40px;}
	.learningAnalysis h4{margin: 30px 0 10px;}
	.learningAnalysis .txt{margin-bottom: 20px;}
	.Analysis1, .Analysis5{width:95% !important; margin: 20px auto 0px;}
	#result_strong_top3>div, #result_weak_top3>div{width:32%;}
	.donut .Analysis_wrap{margin: 10px 0 10px;}
	#result_strong_top3 .abutton, #result_weak_top3 .abutton{padding: 12px 0px;}
	#result_strong_top3 canvas, #result_weak_top3 canvas{height: 30vw !important;}
	.assesmentResult.container{padding: 10px 0 60px;}
	.assesmentResult .shadow_top{}
	.month .m_left{width:25%;}
	.month .m_right{width:calc(75% - 20px);}
	.assesmentResult .on-learning-table .col3 .step{width: 70%;}
	.mainvisual .main>div{width:49%;}
	.mainvisual .main>img{width:49%;}
	.mainvisual .main .box{}
	.mainvisual .main>div img{width:75%;}
	.mainvisual .boxs{margin-top: 15px;}
	.mainvisual .main>img{padding:0 2%;}
	.post_common .write-table{margin-bottom:20px;}
	.fix_banner .fix_slider .top .tt li span{font-size:18px; margin-left:3px;}
	.fix_banner .container{}
	.fix_banner_click{padding: 50px 30px 50px;}
	.fix_banner_click .bottom div .origin{width:90%;}
	.slide-week .slick-arrow::before{font-size:24px;}
	.fix_banner_click .close{right:10px;}
	.fix_banner_click .top .chinese span{font-size: 36px;}
	.fix_banner_click .top .tt li{font-size: 18px; }
	.fix_banner_click .top .tt li span{font-size:24px;}
	.fix_banner_click .bottom>p{font-size: 20px;}
	.fix_banner_click .bottom{margin-top: 15px;}
	.fix_banner_click .bottom div .origin-tt{font-size: 22px;}
	.slide-week .slick-next{right: -20px;}
	.slide-week .slick-prev{left: -20px;}
	.t-right,header .header_top .right{width:320px;}
	.evaluation_form ul li .tt{width:20%;}
	.evaluation_form ul li .input_wrap{width:80%; gap:unset; padding-right:30px; gap:2%;}
	.evaluation_form ul li .input_wrap label{width:calc(92% / 5);}
	.evaluation_form ul li .no-resize{margin:10px 30px 10px 0; width:100%;}
	.file-upload.con{margin-right:30px; width:100%;}
	.addClass .datepicker{width:180px;}
	.changeClass .weekday-options span{display:none;}
	.event-popup2,.event-popup3{width:45%;}
	.main-popup{width:45%;}
	.event-popup3 .ep-box{margin-top: -20%;}
}
@media screen and (max-width: 1024px){
	body{font-size:16px;}
	.mainvisual .main .txts h4{font-size: 22px;}
	.container{width:95%;}
	h2{font-size:42px;}
	.main_wrap{font-size:16px;}
	.mainvisual .container {padding: 20px 0 110px;}
	.mainvisual .step2{margin-top: 0px;}
	.mainvisual .step3 p{font-size:18px;}
	.mainvisual .step3{}
	.mainvisual .box .step{font-size:16px; padding: 8px 35px;}
	header .header_bottom{flex-direction: column; width:100%; background-color:#fff;}
	.t-right{display:block;}
	header .header_bottom>li{width:90%; margin: 0 auto;}
	header .header_bottom a{width:100%; justify-content: space-between; align-items: center; display: flex;}
	header .header_bottom>li.logo{display:none;}
	.header_top .t-right, header .header_top .right{ width:181px;}
	header .header_bottom .main-menu i{display:inline-block;}
	.nav-bar{display:block; margin: 0px; text-align: start; padding:0;}
	header .header_bottom{position:absolute; top: calc(100% + 1px); width:100vw; left:50%; height: calc(100vh - 56px); transform:translateX(-50%); justify-content: flex-start; height: calc(100vh - 61px); overflow-y: auto; display:none; padding-bottom: 15px;}
	header .nav_wrap{position:relative;}
	header .mobile-logo{width: 120px; position:absolute; left:50%; transform:translate(-50%, -50%); top:50%;}
	.nav-bar i{font-size:20px; padding:10px;}
	header .header_top{font-size: 18px;}
	header .container{position:relative;}
	header .header_top::after{display:none;}
	header{border-bottom: 1px solid #ddd;}
	header .header_bottom .sub-menu{position:relative;}
	header .header_top .logo{left:0; transform: unset; }
	.mainvisual h4{font-size: 22px;}
	.boxs{margin-top:15px;}
	.t-right img{display:none;}
	.mainvisual .main{}
	.mainvisual .box img{height:85px; }
	.mainvisual .box .txts p span{font-size:18px;}
	.mainvisual .obj.obj6{top: 29%; width: 8%;}
	.obj1{top: 15%;}
	.obj2{top:72%;}
	.obj4{left: -7%; width: 9%; width:11%;}
	.obj5{left: 88%; top: 3%;}
	.obj7{top: 22%; left: 93%;}
	.section1{border-radius:60px 60px 0 0; background-size:contain; /*  background: url(../../img/jindo/main2_bg2.png) #fff no-repeat; */}
	.section1 .character2 {top: -6%; right: 1%; width: 18%;}
	header .header_bottom>li::after{width:100vw; left:50%; content:''; top:100%; transform:translateX(-50%); height:1px; background-color:#eee; position:relative;display: block;}
	.mainvisual .step3 h4{font-size: 16px;}
	.mainvisual .step3 p{font-size:14px; }
	.mainvisual .main .box .line{height:26px;}
	.mainvisual .main .step3{}
	.mainvisual .main .box{padding: 10px 15px; border-radius: 20px;}
	.mainvisual .main>div, .mainvisual .main>img{}
	.section1 .boxs .box{width:32%; border-radius: 50px;}
	.section1 .boxs .box h4{font-size: 26px; margin: 15px 0;}
	.section1 .boxs .box p{padding-top:15px;}
	.section1 .boxs .box img.peple{height:110px;}
	.section1 .boxs .box a {padding: 25px 10px 15px; }
	.section1 .boxs .box .mouse{margin-right:70%;}
	.section1 h3{margin-bottom:30px; font-size: 40px;}
	.section1 h2{margin-bottom: 0;}
	.section2{background-size: cover;}
	.section1.section {padding: 10px 0 50px;}
	.section1 .boxs .box .theme{font-size: 14px; padding: 5px 15px; font-weight: 600;}
	.section1 .boxs .box,.section1 .boxs .box:hover,.section1 .boxs div:last-child:hover{border-width: 2px;}
	.fix_banner .container{width:100%;}
	.fix_banner .fix_slider .con{font-size:16px;}
	.fix_banner .fix_slider .tt{font-size: 20px;}
	.fix_banner .fix_slider {padding: 10px 31px 10px 2%;}
	.fix_banner .fix_slider .flex{gap:10px; justify-content: flex-start;}
	header .header_bottom a{font-size:20px;}
	header .header_bottom .sub-menu li:last-child{padding-bottom: 5px;}
	.mainvisual .boxs .box{padding: 20px 25px; border-radius: 20px;}
	.mainvisual .box .top a svg{width:60px;}
	.mainvisual .box .top a{padding: 0 22px 5px; }
	.mainvisual .box ul li{margin-bottom:10px;}
	h4{font-size:24px;}
	.mainvisual .box ul li .date{width:90px;}
	.mainvisual .box ul li .title{width: calc(100% - 100px);}
	.section2 h2{margin-bottom: 15px; font-size:38px;}
	.main_wrap .section2 .container{padding: 35px 0;}
	.carousel-item{flex:0 0 250px; margin:0 10px; border-radius: 15px;}
	.carousel-item .txt{padding:10px 15px;}
	.carousel-item .txt .name {margin-bottom:5px;}
	.section2{padding:0;}
	.section1{margin-top: -80px;}
	#footAddr{margin:5px 0;}
	footer .container {padding: 20px 0 !important;}
	.login .padding{padding: 60px 0; }
	.about.intro .main-top img{width:385px; margin-left: -20%;}
	.about.intro .main-bottom{margin-top:10px;}
	.about.intro .main-bottom li{gap:5px; padding: 20px 10px;}
	.about .main-bottom li .color{font-size:18px;}
	.about .main-bottom li img{height: 90px;}
	.intro .front .container{padding: 25px 0px;}
	.i-obj4{display:none;}
	.intro .front .container{overflow:hidden;}
	.about .main-top .text p{font-size:18px;}
	.about.intro .main-top img.logo{margin-bottom:15px; width: 40%;}
	.common-container{padding: 60px 0;}
	.about h4{margin-bottom: 40px; margin-bottom: 10px;}
	.about .main-top .text span.inline{font-size: 20px;}
	.intro-guide ul li img:not(.ribbon){height:100px;}
	.intro-guide ul li .title{font-size:20px;}
	.intro-guide ul li .ribbon{width:22%; top: -6px; left: 20px; }
	.intro-guide ul li{padding: 20px 15px; border-radius: 20px; width:32%;}
	.intro-guide ul li p{font-size:16px;}
	.intro-guide ul li .more{font-size:14px;}
	.intro-step ul li p{font-size: 16px; margin-top: 15px;}
	.intro-service ul{row-gap: 20px;}
	.intro-service .title p{font-size: 16px; font-weight: 500;}
	.intro-service ul li p{font-size: 18px;} 
	.intro-service ul li{padding: 20px 12px; width:32%;}
	.about h2::before{-webkit-text-stroke: 6px #fff;}
	.about h2{margin-left:3px; font-size:42px}
	.about.intro .main-top .text p{margin-top: 5px;}
	.intro-service ul li img{margin-bottom:10px; }
	.about .main-top .text{width:80%;}
	.about .main-top img{width: 322px;; margin-left: -25%;}
	.mentoringintro .front .container{padding: 32px 0;}
	.m-obj2{top: 10%;}
	.about .main-bottom{flex-wrap: wrap; row-gap: 30px;}
	.about .main-bottom li{width: 48%; padding: 25px 10px;}
	.mentoringintro .main-bottom li:nth-child(2n-1){margin-bottom:0px;}
	.mentoringintro .main-bottom li:nth-child(2n){margin-top: 0px;}
	.mentoringintro.about .main-bottom li img{height: 70px;}
	.m-obj4{top: 30%; left: 60%; width: 7%;}
	.m-obj1{left: 3%; top: 75%; width: 10%;}
	.mentoringintro .guide li .step{font-size: 20px; padding:10px 40px;}
	.mentoringintro .guide li.dash img{margin: 23px 0;}
	.mentoringintro .guide li img{height: 60px;}
	.mentoringintro .guide ul li{width: 24%;}
	.mentoringintro .mentoring-info h4{margin-bottom: 50px;}
	.userguide .front .container .logo{width:320px;}
	.userguide .front h2{font-size:42px; margin: 5px 0 10px;}
	.userguide .front .text, .userguide .front p{font-size:20px;}
	.userguide.about .obj{display:block;}
	.g-obj1{width: 13%;}
	.g-obj2{left: 77%; width: 17%;}
	.g-obj3{left: 2%;}
	.g-obj4{left: 80%;}
	.userguide .front .container{padding: 16px 0;}
	.guide-step h4 .gradient, use h4 span{font-size:48px;}
	.about h4{margin-bottom: 30px;}
	.guide-step h4, .use h4{font-size: 34px;}
	.guide-step .step-wrap>li ul li, .guide-step .step-wrap>li .step{font-size: 16px;}
	.guide-step .step-wrap>li .tt{font-size: 24px; margin: 10px 0 30px;}
	.guide-step .step-wrap>li:nth-child(2n-1){padding: 40px 30px 40px 40%; background-size: 125% auto, cover; background-position: 60% bottom, center;}
	.guide-step .step-wrap>li:nth-child(2n){padding: 40px 37% 40px 30px; background-size: 125% auto, cover; background-position: 15% bottom, center;}
	.guide-step .step-wrap>li{margin-bottom:30px; border-radius: 30px; height:300px; align-items: center;}
	.use ul li p{font-size:20px; width:71%;}
	.use ul li img{width:26%;}
	.use ul{row-gap:20px;}
	.use ul li{padding: 20px; width: 49%;}
	.guide-btn div h4{font-size:34px;}
	.guide-btn img{width:40%;}
	.guide-btn div{width: 55%;}
	.guide-btn div a{padding:15px 22px; font-size:16px;}
	.guide-btn div a span{font-size:16px;}
	.container.my_container{padding: 0 0 40px; width:90%;}
	.post_common .page_main h2{margin: 15px 0 80px;}
	.post_common .page_main .container{padding: 60px 0 60px 30px;}
	.study .page_main .main_img{width:50%;}
	.post_common .my_container .write-table,.post_common .my_container .write-table.mentor{margin: 15px 0 20px;}
	.post_common .write-table li .tt{padding:12px 15px;}
	.post_common .write-table li .con.w70{width:75%;}
	.study .sns div{width:43%; }
	.study .sns{justify-content: flex-start; gap: 20px;}
	.my_container .search-button{font-size:16px;}
	.post_common .write-table li .con{margin: 3px 0;}
	.post_common .write-table li .con.w70 input{width: calc(100% - 60px);}
	.table_list>li button, .post_common .abutton{padding: 10px 25px;}
	.diagnosis .main_container{padding: 80px 0;}
	.diagnosis .container>p{margin: 20px 0 40px;}
	.diagnosis .container .ai_character{top:23%;}
	.diagnosis .school_btns>div p, .diagnosis .subject_btns>div p{font-size:18px; padding: 8px 15px;}
	.diagnosis .school_btns button{padding: 8px 25px; font-size: 18px;}
	.subject_btns button{padding: 8px 15px;}	
	.diagnosis .school_btns>div{margin-top:5px;}
	.subject_btns>div>p{width:10%;}
	.subject_btns div{gap:10px;}
	.subject_btns>div>div{width:90%;}
	.diagnosis .btn-begin-test{font-size:18px; padding:12px; width:250px; margin-top: 30px;}
	#questionContainer{padding:30px;}
	.test .question{padding: 30px 30px 0;}
	.test h4{margin-bottom:10px;}
	.test .question_wrap>p{margin: 5px 0 10px;}
	.learning .content-box{padding: 30px;}
	.test .question{padding: 20px 0px 0;}
	.loading-spinner{width:80px;}
	#loading .loader{margin-top: 30px; font-size: 34px;}
	#div_question .div_question{font-size: 22px;}
	.passage{margin-bottom: 15px; font-size: 18px;}
	.test .question h4{width:95%; font-size: 20px;}
	.test .question .answer{width:95%; margin: 5px auto 10px;}
	.test .analysis .top p span,.test .after .tt{font-size:18px;}
	.test .analysis .top p{padding:2px 15px;}
	.container button{font-size:16px;}
	.test .after button{padding: 10px 25px; margin: 0 5px;}
	.btns .after{margin-top:15px;}
	.test .question .wrong{top: 34%; left: 5%; width: 30%;}
	.test .question .correct{top: 40%; width: 25%;}
	.test .question .answer li label{padding: 8px; font-size: 20px;}
	.notice .page_main .main_img{right:0;}
	.table_list>li .title .con{gap:unset; justify-content: space-between;}
	.post_common .input-form-box .search-btn{height:35px; padding: 10px 15px;}
	.post_common .input-form-box .search-input-text{padding: 8px 12px; width: calc(100% - 46px);}
	.post_common .input-form-box .search-btn::after{padding: 12px 0;}
	.post_common .input-form-box .search-btn::before{font-size: 16px;}
	.table_list{padding: 15px 0;}
	.table_list>li .icon{width:35px; }
	.table_list>li .txt{width: calc(98% - 35px);}
	.table_list>li .title{padding:10px 15px;}
	.table_list>li .txt .titleTxt>p, .table_list .reply .reply_tt{font-size: 22px;}
	.table_list>li .title .con .status{font-size:14px; padding: 5px 8px;}
	.table_list>li .title .con .new{padding: 3px 8px;}
	.table_list .content .wrap{padding: 10px 15px;}
	.table_list .content .file{padding: 0 15px 10px;}
	.container.my_container, .container.s_container {padding: 0px 0 40px;}
	.table_list>li button, .post_common .abutton{padding: 8px 15px; margin-left: 5px; }
	.table_list>li i{margin-left: 5px; }
	.inquiry .table_list .content .txt, .table_list .reply{padding:10px 15px;}
	.table_list>li .icon2{width: 36px}
	.booklist .container{padding: 50px 30px;}
	.booklist h4{font-size: 26px;}
	.booklist .title-top button{width: 24px; height:24px;}
	.shadow{padding:20px 15px;}
	.dash_right{padding-left:15px; }
	.dash_left{padding-right:15px; }
	.today_schedule .schedule_slider .no-class{font-size: 26px; padding: 45px 0;}
	.today_schedule .countdown h2, .today_schedule .time{font-size: 26px;}
	.today_schedule .countdown h2{ padding-right: 5px;}
	.today_schedule .time{margin: 5px 10px;}
	.today_schedule .subject{font-size: 26px;}
	.dash_left ul li .at_icon{width: 45px; height: 45px;}
	.dash_left ul li .at_tt{padding-bottom:3px; }
	.dash_left ul li{font-size:16px;}
	.dash_right a{margin-top: 10px;}
	.today_schedule{margin: 15px 0 12px; }
	.dash_left ul li:nth-child(1), .dash_left ul li:nth-child(2) {padding-bottom:10px;}
	.dash_left ul{margin-top: 10px;}
	.bars .barTxt{font-size:14px;}
	.fc .fc-toolbar-title{font-size: 24px;}
	.fc .fc-button-group > .fc-button{width:55px; }
	.fc .fc-button{padding: 5px 10px;}
	.fc-dayGridMonth-view .event-title .time{width: 100%; order: 2; text-align: start;}
	.fc-dayGridMonth-view .event-title .bold{width: 100%; order: 3;}
	.status-badge{order:1; padding: 2px 4px;}
	.dash_left ul li:nth-child(2n){padding-left:20px;}
	.margin15{margin-bottom: 5px;}
	.fc-timeGridWeek-view .fc-col-header-cell{font-size: 18px;}
	.fc-timeGridWeek-view .fc-col-header-cell .normal{font-size: 16px;}
	.fc-dayGridMonth-view .fc-col-header-cell{font-size: 18px; line-height: 34px;}
	.fc-timegrid-slot{/* height: 32px !important; */}
	.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom:5px;}
	.booklist h4{font-size:26px;}
	.booklist ul .com{padding: 6px 5px;}
	.booklist .container{padding: 40px 30px;}
	.booklist ul .book-item{border-radius:10px;}
	.changeClass p{font-size: 18px;}
	.changeClass.changeClass1 p{ width: 100%;}
	.changeClass.changeClass1{align-items: flex-end; justify-content: space-between;}
	.changeClass,.addClass{gap: 10px; margin-bottom: 10px;}
	.addClass{margin:10px 0;}
	.changeClass1 .changeClassBtns .abutton.pink, .changeClass1 .changeClassBtns .abutton.gray, .changeClass .sbtn{padding: 5px 15px;}
	.changeClass1 .changeClassBtns{gap:8px;}
	.lesson_duration input{width: 35px;}
	.lesson_duration i{margin-right: 5px;}
	.changeClass1 .left{flex-wrap: wrap;}
	.changeClass .weekday-options label{margin-left: 10px;}
	.addClass .datepicker{font-size: 16px; width: 24%;}
	.addClass .left .timeInput{width:20%;}
	.addClass .left span{padding:0;}
	.addClass .left{gap:3%;}
	.addClass .right{justify-content:space-between;width:100%;}
	.addClass{justify-content: space-between;flex-wrap: wrap; flex-direction: column-reverse;align-items: flex-start; gap:8px;}
	.changeClass .file-label .file-text{width:230px;}
	.list_set li:nth-child(1){width:10%;}
	.list_set li:nth-child(2){width:17%;}
	.list_set li:nth-child(3){width:12%;}
	.list_set li:nth-child(4){width:18%;}
	.list_set li:nth-child(5){width:14%;}
	.list_set li:nth-child(6){width:12%;}
	.list_set li:nth-child(7){width:11%;}
	.list_set li:nth-child(8){width:8%;}
	.classList .list_set li:nth-child(7) img{width:18px;}
	.result_btn{font-size:14px; padding: 5px 10px; }
	.classList ul li{padding:5px; }
	.classList>li{margin-bottom: 6px;}
	.classList>li{border-radius:10px;}
	.study .pagination{margin-top: 20px;}
	.changeClass1 .left{gap: 5px 15px;}
	.changeClass .weekday-options{flex-grow:1; }
	.changeClass .weekday-options label{width: calc(75% / 7); display:inline-block;}
	.study .sns form button{padding: 9px 20px;}
	.flatpickr-calendar{width:  auto;}
	.diagnosis .container>h2{margin-bottom: 40px}
	.learning .slider li, .learning .slider .purple{width: 70px; padding: 8px 10px;}
	.input-with-icon input{font-size: 20px;}
	.learning .top{margin-top: 25px;}
	.learning .shadow{margin: 15px 0;}
	.Status h4{margin-bottom: 20px;}
	.no-test{font-size:24px;}
	.con_common .right ul{}
	.con_common .right ul li p:first-child{margin-bottom: 15px;}
	.con_common .right ul li p:last-child{font-size: 18px;}
	.Status .bars .tt{margin-top: 10px;}
	.con_common>ul{margin-bottom: 20px;}
	.con_common>ul li{font-size: 18px; padding-left: 20px;}
	.con_common>ul li .at_icon{width:50px; height: 50px;}
	.Status .Chart_wrap{margin-top: 10px;}
	.con_common .right{padding-left:15px}
	.con_common .left{padding-right:15px}
	.learning .shadow.l_status{margin-top:0;}
	.aiTest-wrap h4{margin-bottom: 10px;}
	.aiTest-wrap .subject li, .on-learning .subject li{padding: 10px 30px;}
	.on-learning-table>li>ul .col1{width:50%}
	.on-learning-table>li>ul .col2{width:20%;}
	.on-learning-table>li>ul .col3{}
	.on-learning-table>li>ul .col4{}
	.on-learning-table>li>ul .col1 .sbj_name{font-size: 18px;}
	.on-learning .top_flex>div p{font-size: 14px;}
	.on-learning-table>li>ul.tt li{padding: 8px;}
	.on-learning-table>li.no-test{font-size: 20px; padding: 30px 0;}
	.aiTest-wrap .unit-table .col1{gap: 10px;}
	.on-learning-table>li>ul li{padding: 6px;}
	.learning .student p span{font-size: 18px;}
	.learning .student .half{font-size: 14px;}
	.post_common .page-bottom.container{padding: 0 0 30px;}
	.post_common .learningAnalysis.container,.post_common  .assesmentResult.container,.post_common  .aiTest.container,.post_common  .container.wrongnote, .post_common .container.wrongnoteDetail{padding: 0 0 30px;}
	.on-learning .pagination{margin-top:20px;}
	.aiTest-wrap .unit-table .table-tt{font-size: 20px;}
	.learning .month .shadow.m_left, .learning .month .shadow.m_right{margin-bottom: 0; width:100%;}
	.learning .month .shadow.m_left ul{display:flex; align-items:center; justify-content:space-between;}
	.month .m_left ul li{margin-bottom: 0;}
	.learningAnalysis h4{margin: 20px 0 5px;}
	.datepicker_wrap3 .prev-week, .datepicker_wrap3 .prev-week4, .datepicker_wrap3 .next-week, .datepicker_wrap3 .next-week4{padding: 8px 15px;}
	.Analysis1, .Analysis5{margin: 10px auto 5px;}
	.datepicker3, .datepicker4{ padding: 6px 0;}
	#result_strong_top3 canvas, #result_weak_top3 canvas{height: 27vw !important;}
	#result_strong_top3 .abutton, #result_weak_top3 .abutton{margin-top: 5px;}
	.post_common .learningAnalysis.container{padding: 0 0 40px;}
	.donut .percent span{font-size: 16px; margin-bottom: 2px;}
	.donut .percent{font-size: 20px;}
	.donut .subject{font-size: 18px;}
	.donut .top2,.donut .top1{padding: 4px 15px;}
	#result_strong_top3 .abutton, #result_weak_top3 .abutton{padding: 10px;}
	.donut .Analysis_wrap{width: 90%; margin: 5px auto 0;}
	.aiTest-wrap .on-learning-table>li>ul .col1 .name{width: calc(80% - 25px);}
	.assesmentResult .categori p{font-size:14px;}
	.assesmentResult .categori{gap: 10px;}
	.assesmentResult .categori p span{padding: 0 8px;}
	.post_common .assesmentResult .abutton{}
	.assesmentResult .result li:last-child .space-between>div{width:100%;}
	.assesmentResult .result .space-between>div p.con{font-size: 20px;}
	.assesmentResult .result .space-between>div p:first-child{margin-bottom:5px;}
	.assesmentResult .result li .tt{margin-bottom: 15px; font-size: 18px;}
	.assesmentResult .result li{padding: 20px 15px;}
	.assesmentResult .result li .tt .icon_wrap{width: 35px; height: 35px;}
	.assesmentResult .btn_wrap{margin: 15px 0 10px;}
	.assesmentResult .on-learning-table{margin: 20px 0;}
	.post_common .write-table{margin-bottom: 15px;}
	.post_common.notice .form-buttons .abutton.cancel, .post_common.notice .abutton.btn-save{padding: 8px 20px;}
	.fix_banner .fix_slider .top .tt li span{font-size: 16px; margin-left: 3px;}
	.fix_banner_click{width: 90%; padding: 30px;}
	.fix_banner_click .bottom>p{font-size: 18px;}
	.fix_banner_click .bottom div .origin-tt{font-size: 20px;}
	/* .fix_banner .title{font-size:20px;}
	.fix_banner .container>div:first-child{width:22%;}
	.fix_banner .container>div:nth-child(2){width:78%;}
	.fix_banner .fix_slider{padding: 5px 25px 5px 1%; border-radius: 15px;} */
	.fix_banner_click .top .chinese span{font-size: 32px; width: 12%;}
	.fix_banner_click .top .tt li{width: 12%;}
	.fix_banner_click .top .tt li span{font-size: 22px; margin-left:3px;}
	.fix_banner .fix_slider .bottom{width:60%;}
	.fix_banner_click .close{top:23px;}
	.fix_banner .fix_slider .top .tt li{font-size:14px; border-radius: 20px 20px 0 0;}
	.fix_banner .fix_slider .top{width:43%;}
	.fix_banner .title{font-size:24px;}
	.fix_banner .f_icon{bottom:-20px;}
	.fix_banner .container{padding: 7px 7px 5px;}

	.chinese{font-size: 22px; letter-spacing: 2px;}
	.fix_banner .fix_slider .left .tt{letter-spacing: 3px; font-size: 18px; margin-bottom: 3px; margin-top:0;}
	.fix_banner .fix_slider .right ul li span{font-size: 18px;}
	.fix_banner .fix_slider .right ul{margin-bottom: 3px; }
	.fix_banner .container{border-radius:17px 17px 0 0;}
	.fix_banner .container>div:first-child{width:25%;}
	.fix_banner .container>div:nth-child(2){width:75%;}
	.fix_banner .fix_slider{padding: 2px 25px 5px 1%; border-radius: 15px;}
	.evaluation_form ul li .tt{padding:10px 0px 10px 20px; width: 16%;}
	.evaluation_form ul li .input_wrap{width: 83%; padding-right: 15px;}
	.evaluation_form ul li{justify-content:space-between;}
	.evaluation_form ul li .input_wrap label{padding:8px 10px; margin: 4px 0;}
	.evaluation_form ul li .no-resize{margin: 8px 15px 8px 0;width: 83%; }
	.file-upload.con{margin: 4px 0; margin-right:15px;width: 83%; }
	.line-box{padding:20px; background-size: auto 80%;}
	.line-box li:nth-child(2n){padding-left:20px;}
	.line-box li{margin-bottom: 15px;}
	.addClass .datepicker{width: 160px;}
	.fc-week-event{justify-content:flex-start;}
	.event-popup2,.event-popup3{width:47%; right:2%;}
	.main-popup{width:47%; left:2%;}
	.event-popup2 .ep-in{padding:30px 15px;}
	.event-popup2 .ep1{width:90%;}
	.event-popup2 .ep-box .top{padding: 15px 15px 5px;}
	.event-popup2 .ep-box .top h4{margin-top: 15px; padding: 2px 20px; font-size:14px;}
	.event-popup2 .ep-box .top ul{font-size: 14px; margin:3px 0;}
	.event-popup2 .ep-box .top>ul>li .name li span{font-size: 12px;}
	.event-popup2 .ep-box .top>ul>li .name{gap:8px;}
	.event-popup2 .ep-box .top>ul>li .bold{font-size: 16px;}
	.event-popup2 .ep-box .top>ul>li{gap:12px; margin-bottom:0;}
	
	.event-popup3 .ep-in{}
	.event-popup3 .ep-box {margin-top: -22%; padding-bottom: 10px;}
	.event-popup3 .ep-box  h4{padding: 2px 20px; font-size:14px;}
	.event-popup3 .ep-box ul{font-size: 14px; margin:3px 0;}
	.event-popup3 .ep-box>ul>li .name li span{font-size: 12px;}
	.event-popup3 .ep-box>ul>li .name{gap:8px;}
	.event-popup3 .ep-box>ul>li .bold{font-size: 16px;}
	.event-popup3 .ep-box>ul>li{gap:12px; margin-bottom:0;}
}

@media screen and (max-width: 768px){
	.main-popup, .event-popup2,.event-popup3{display:none !important;}
	.mainvisual .step3{display:none;}
	.section1{}
	.nav-bar i{padding: 10px 10px; font-size:18px;}
	header .header_top .logo{width:120px;}
	header.scroll .header_top .logo{width:120px;}
	header .header_top .logo .pc{display:none;}
	header .header_top .logo .mobile{display:block;}
	header .header_top .logo a{padding:0;}
	header .header_top a {padding: 13px 10px;}
	header .header_top{ top: 1px;}
	header .header_bottom{height: calc(100vh - 48px);}
	header .header_bottom a{font-size:18px;}
	header .header_top .right i{display:none;}
	header .header_top .right{gap:5px;}
	.header_top .t-right,header .header_top .right{width:141px;}
	.fix_banner{display: none !important;}
	.mainvisual .main .txts h4{font-size:20px;}
	h2{font-size:32px;}
	.mainvisual .main{gap:15px; /* width:95%; */ margin:0 auto 10px; justify-content: space-evenly;}
	.mainvisual .main img.main-obj{display:block; width:50%; margin-left: -5%;}
	.ai_character1{display:none;}
	.mainvisual .main .txts h2{padding:10px 0 5px;}
	/* .mainvisual .main .mainlogo{left:auto; transform: unset; position:relative; display:block; width:50%;} */
	.mainvisual .step3 h4{font-size: 16px;}
	.mainvisual .step3 p{font-size: 14px;}
	.obj1{width:27%; top: 74%; left:82%; display:none;}
	.obj2{top:82%; width:10%; left:16%;}
	.obj4{width:14%; top:50%; left: auto; right:93%;}
	.obj5{left: 6%; top: 27%; width: 10%;}
	.obj7{width:10%; top:20%; left:95%;}
	.section1 h3{font-size: 28px;}
	.boxs{flex-direction: column; gap:10px; margin-top: 10px;}
	.mainvisual .boxs{margin-top: 10px;}
	.mainvisual .main>div{width: 100%; display: flex; flex-direction: column; align-items: flex-end;}
	.mainvisual .boxs .box{width:95%; padding: 20px 25px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15); margin-bottom: 0; }
	.mainvisual .main>div img{width: 50%; padding: 0 3%;}
	.mainvisual .obj{display:none;}
	.mainvisual .main{position:relative;}
	.mainvisual .main>img{width:48%; left: 1.5%; position:absolute; top: 0;}
	.mainvisual .step2{margin-top:0px;}
	.section1.section{padding: 0 0 40px;}
	.main_wrap .section1 .container{padding:40px 0 0;}
	.section1 .boxs .box{width:100%;}
	.section1 .boxs{margin-top:0; }
	.section1 h3{margin-bottom: 20px;}
	.section1 .character2{top:-2%; right:1%; width:17%;}
	.section1.section{ background: url(../../img/jindo/main2_bg2.png) #fff no-repeat; background-size: cover;}
	.diagnosis .container>h2{margin-bottom: 30px}
	.section1 .boxs .box a{padding: 15px 10px 15px;}
	.section1 .boxs .box .mouse{display: none;}
	.section1 .boxs .box h4{margin: 10px 0 10px; font-size: 22px;}
	.section1 .boxs .box img.peple{height:100px;}
	.section1 .boxs .box p{padding-top:10px;}
	.carousel-item{flex: 0 0 200px;}
	.main_wrap .container{padding: 40px 0 40px;}
	.mainvisual .container{padding: 20px 0 85px;}
	.mainvisual .box ul{margin-top: 5px;}
	.mainvisual .box ul li{margin-bottom:5px;}
	.mainvisual .box ul li .date{font-size:14px;}
	.section1{margin-top:-65px;}
	footer .container{padding:20px 0 !important;}
	footer{font-size: 14px !important;}
	#footNav{gap: 5px 10px; flex-wrap: wrap;}
	#footAddr{width:100%;}
	footer .frame{width:100%;}
	footer .container{flex-direction: column-reverse; align-items: flex-start; gap: 15px;}
	footer a .pc{display:none;}
	footer a .mobile{display:block;}
	.login .sns_btn span{font-size:16px; padding: 4px 0;}
	.login .input_container{gap:15px;}
	.login h2{margin-bottom:40px;}
	.login input{padding:12px 20px;}
	.about.intro .main-top>img{display:none;}
	.about .main-top .text{width: 100%; text-align:center;}
	.about h2::before{left: 50%; transform: translateX(-50%); width: 100%;}
	.m-obj1{top: 79%;}
	.m-obj2{left: 4%; width: 5%;}
	.m-obj3{top: 77%; left: 92%; display:block;}
	.m-obj4{left: 84%; top: 32%;}
	.intro .front .container{padding: 40px 0; }
	.about .main-top .text p{font-size:16px; margin-bottom: 5px;}
	.about.intro .main-bottom{margin-top: 15px;}
	.about.intro .main-bottom li{width: 32%; border-radius: 15px; padding: 15px 10px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25)}
	.about .main-top .text span.inline{font-size: 18px;}
	.about .main-bottom li .color{}
	.about .main-bottom li img{height: 70px; }
	.common-container{padding: 40px 0;}
	.about h4{margin-bottom: 30px;}
	.intro-guide ul{flex-direction: column; gap:20px;}
	.intro-guide ul li{width: 100%; padding: 20px 15px;}
	.intro-guide ul li .ribbon{width: 15%; top: -7px; left: 25px;}
	.intro-guide ul li img:not(.ribbon){margin: 10px 0;}
	.intro-step ul li p{font-size: 14px;}
	.intro-step ul li:nth-child(2n-1){width:23%;}
	.intro-step ul li:nth-child(2n){width: 20%;display:none;}
	.intro-step{background-size: cover;}
	.intro-step ul li img{width:95%;}
	.intro-service .blue{display: inline;}
	.intro-service .title{width: 100%; text-align:center;}
	.intro-service .title p{display: none;}
	.intro-service ul{row-gap:15px;}
	.intro-service .title h4{text-align:center;}
	.intro-service ul li{width: 48%;}
	.intro-service ul li p{font-size: 16px;}
	.intro-service ul li img{height:60px;}
	.about .main-top img{display:none;}
	.about .main-bottom{ row-gap: 20px;}
	.about h2{font-size:32px;}
	.mentoringintro .front .container{padding: 41px 0;}
	.mentoringintro .mentoring-info img{width:100%;}
	.mentoringintro .mentoring-info h4{margin-bottom:40px; gap: 3px;}
	.about .main-bottom li{font-size: 14px;}
	.mentoringintro.about .main-bottom li img{height: 60px; margin: 5px 0;}
	.mentoringintro .guide ul{flex-wrap:wrap; justify-content: center; row-gap: 30px; display:none;}
	.mentoringintro .guide ul li{width: 100%;}
	.mentoringintro .guide li.dash{display:none;}
	.mentoringintro .guide li .step{font-size: 18px; padding: 8px 40px;}
	.mentoringintro .guide li .pink{margin-top: 10px;}
	.mentoringintro .guide li img{margin: 0; height: auto;}
	.mentoringintro .guide ul.mobile{display:flex; flex-direction: column;}
	.mentoringintro .guide ul.mobile li{display:flex; flex-direction: row; justify-content: center; gap: 20px;}
	.mentoringintro .guide .img-box{width:20%;}
	.mentoringintro .guide .tt-box{width: 200px; display:flex; align-items: flex-start; flex-direction: column;}
	.mentoringintro .guide .tt-box .step{border:0; background: unset; text-align: start; padding:0; color:#aaa;}
	.mentoringintro .guide .tt-box .pink{font-size:18px; margin: 5px 0 3px;}
	.mentoringintro .guide .tt-box .medium{}
	.userguide .front .text, .userguide .front p{}
	.userguide .front .container .logo{width: 220px;}
	.userguide .front h2{font-size: 28px; margin: 3px 0 5px;}
	.userguide .front .text, .userguide .front p{font-size: 18px; }
	.userguide .front .container {padding: 10px 0;}
	.g-obj1{left: 3%;}
	.g-obj2{}
	.g-obj3{left: 4%; width: 16%;}
	.g-obj4{left: 85%;}
	.userguide .front .txt1{margin: 0px -5px -7px 0px;}
	.userguide .front .txt2{margin: -6px -11px 0px 0px;}
	.userguide .front .txt3{}
	.userguide .front .text img{height:33px;}
	.use h4 span, .guide-step h4 .gradient{font-size: 38px;}
	.about h4{font-size: 26px;}
	.guide-step .step-wrap .user-color1{background: linear-gradient(120deg, #AEC0F7, #DCE9FC);}
	.guide-step .step-wrap .user-color2{background: linear-gradient(120deg, #EFE9F4, #EDD8FF);}
	.guide-step .step-wrap .user-color3{background: linear-gradient(120deg, #FFCFCD, #FFF0EF);}
	.guide-step .step-wrap .user-color4{background: linear-gradient(120deg, #E2FFF9, #C9F0EB);}
	.guide-step .step-wrap>li:nth-child(2n){padding:30px;}
	.guide-step .step-wrap>li:nth-child(2n-1){padding:30px;}
	.guide-step .step-wrap>li .tt{margin-bottom: 10px;}
	.guide-step .step-wrap>li .tt{font-size: 20px;}
	.guide-step .step-wrap>li .step{padding: 6px 20px; }
	.guide-step .step-wrap>li>img{display:block; padding: 0; width:90%; margin-bottom: 10px;}
	.guide-step .step-wrap>li{flex-direction: column; height: auto;}
	.use ul{row-gap:15px;}
	.use ul li{width:100%;}
	.use ul li p{line-height: 1.4;}
	.use ul li img{width: 30%; max-width: 150px;}
	.guide-btn h4 span{display: block; margin:0;}
	.guide-btn div h4{font-size: 28px; margin-bottom: 10px;}
	.guide-btn div a span{margin-right: 25px;}
	.guide-btn div a{padding: 10px 15px; display: inline-block; margin-bottom: 20px;}
	.guide-btn div{width: auto;}
	.guide-btn img{width: 45%;}
	.guide-btn{margin-top:30px;justify-content: space-around;}
	.guide-step .step-wrap>li ul li::before{width:16px; height: 16px; rop:2px;}
	.guide-step .step-wrap>li ul li{padding-left: 20px;}
	.round div{border-radius: 40px 40px 0 0; height: 40px;}
	.post_common .page_main .container{padding: 40px 0 40px 20px;}
	.post_common .page_main h2{margin: 10px 0 40px;}
	.post_common .write-table li .tt{padding: 10px 5px; width:30%; }
	.post_common .write-table li .con.w70{width:70%;}
	.post_common .write-table li .con{width:70%;}
	.post_common .write-table li input, .noticeContent{padding:5px 15px;}
	.my_container .search-button{padding: 7px 12px;}
	.study .select select{padding: 6px 15px;}
	.study .sns div{width:49%;}
	.study .sns div img{padding: 0 10px 0 15px; }
	.study .sns .naver img{width:10%;}
	.study .sns .kakao img{width::13%;}
	.study .sns{gap: unset; justify-content:space-between;}
	.study .sns div span.m-txt{display:none;}
	.study .sns form button{padding: 6px 20px;}
	.post_common .my_container .write-table, .post_common .my_container .write-table.mentor{margin-top:10px;}
	.post_common .my_container .write-table.mentor{margin-bottom:10px;}
	h4{font-size:22px;}
	.post_common .write-table li:last-child .con{display:flex; row-gap:5px; flex-wrap:wrap; }
	.post_common .write-table li:last-child .con label{margin-right: 0; width: 80px;}
	.container.my_container, .container.s_container{padding: 0 0 30px;}
	.table_list>li button, .post_common .abutton{padding: 6px 12px; margin-left: 2px; font-size: 16px;}
	.diagnosis .main_container{padding: 60px 0;}
	.diagnosis .container>p{font-size: 18px; margin: 10px 0 30px; }
	.diagnosis .container .ai_character{width:24%; top: 20%; right: -2%;}
	.learning .shadow{padding: 20px;}
	.diagnosis .school_btns>div{margin-top:0;}
	.subject_btns>div>p{width:15%; padding: 8px 10px;}
	.diagnosis .subject_btns>div>div p{font-size:16px;}
	.subject_btns>div>div.subject,.subject_btns .detail_subject{flex-wrap: wrap; gap: 5px 10px;}
	.subject_btns button{width: calc((100% - 20px)/3); font-size:16px; padding:5px; border-radius:10px;}
	.diagnosis .btn-begin-test{font-size: 16px; width:50%; padding:10px;margin-top:20px;}
	#questionContainer{padding:30px 0; width:95%; margin: 0 auto;}
	.test .question{padding: 10px 5px 0;}
	.passage{padding: 10px 15px; margin-bottom: 10px; border:1px solid #aaa;}
	#div_question .div_question{font-size: 20px;}
	.test .timerbox>div svg{width:16px;}
	.test .timerbox>div p{width:50px;}
	.test .timerbox{margin-bottom:5px;}
	.learning .content-box{padding: 20px;}
	.test .question_wrap .code .left .bold{font-size:16px; }
	.test .border-button{padding:6px 20px;}
	.test .question h4{font-size: 18px; }
	.test .question .answer li label{font-size:18px; padding: 6px;}
	.test .question .answer{margin: 5px auto; font-size:18px;}
	.test .after button{padding: 8px 15px;}
	.test .after .btn-explanation{padding:5px 15px;}
	.test .after .bar>div{height:12px;}
	.test .analysis .top{margin: 0 0 10px;}
	.test .after .tt{margin: 10px 0 5px; font-size: 16px;}
	.test .after .bar p{width:20px;}
	#span_explanation{width:calc(100% - 60px); max-width: unset;}
	.notice .page_main .main_img{width:63%;}
	.post_common .input-form-box{width:300px;}
	.section2 h2{margin-bottom: 15px; font-size:34px;}
	.carousel-item .txt{padding: 10px 10px;}
	.carousel-item{border-radius:10px;}
	.main_wrap .section2 .container{padding:30px 0;}
	.table_list>li{border-radius: 15px;}
	.table_list>li .txt ul{gap: 3%;}
	.table_list>li .txt ul li span{margin-right: 5px;}
	.table_list>li .icon, .table_list>li .icon2{display:none; }
	.table_list>li .title .con{}
	.table_list>li .txt{width: 100%;}
	.table_list>li .txt .titleTxt>p, .table_list .reply .reply_tt{font-size: 20px;}
	.table_list .reply img{display:none;}
	.table_list>li .title .con .status{font-size: 12px; padding: 3px 6px;}
	.table_list>li .title .con .tt, .table_list .reply .reply_tt{gap:5px; padding-bottom: 5px;}
	.table_list>li .txt .titleTxt{gap: 5px;}
	.table_list>li .txt .titleTxt{width:calc(100% - 35px); gap:5px;}
	.table_list>li .title .con .new{padding: 3px 7px; font-size: 12px;}
	.table_list .content .wrap{padding: 10px 0;}
	.table_list .content .txt{margin: 0px 5px 5px;}
	.table_list .content .file>div{padding: 8px 15px;}
	.table_list .content .file{padding: 0 5px 10px;}
	.table_list>li:last-child{border-radius:15px; }
	.table_list>li,.table_list>li:hover,.table_list>li.act{border-width:1px;}
	.table_list>li .txt ul{font-size: 14px;}
	.pagination .page-numbers li{width:23px;}
	.table_list>li i{margin-left: 3px; }
	.table_list>li .title{gap: 5px;}
	.post_common .abutton.write{font-size: 14px;  padding: 10px 15px;}
	.table_list>li .txt ul li:last-child{display:none;}
	.inquiry .table_list .content .txt, .table_list .reply{padding:10px 10px;}
	.study .space-between{flex-direction: column; gap:20px; align-items: flex-start;}
	.dash_left{padding-right:0; width:100%; background: none;}
	.dash_right{padding-left:0; width:100%;}
	.today_schedule .schedule_slider .no-class{ padding: 35px 0;}
	.today_schedule .subject{font-size: 22px;}
	.today_schedule .time-slot{font-size:16px;}
	.post_common .abutton.pink{padding: 6px 12px;}
	.dash_right a{margin-top:8px;}
	.dash_left ul li .at_icon{width:35px; height:35px;}
	.dash_left ul li .at_tt{padding-bottom:0;}
	.dash_left ul li:nth-child(1), .dash_left ul li:nth-child(2){padding-bottom: 8px;}
	.study .space-between.margin15{flex-direction: row;}
	.fc .fc-toolbar-title{font-size:20px;}
	.fc .fc-button-primary.fc-prev-button{left:0; }
	.fc-next-button{left:100%; transform: translate(90%, -50%)}
	.fc .fc-toolbar.fc-header-toolbar{position:relative;}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk{min-width: unset; min-height: unset;}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(1){position:absolute; left: 110px;}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2){min-width: 110px;}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3){}
	.fc .fc-button-group > .fc-button{width: 48px;font-size: 14px;}
	.fc .fc-toolbar.fc-header-toolbar{margin-bottom:10px;}
	.study .space-between.margin15{margin-bottom: 10px;}
	.fc-dayGridMonth-view .fc-col-header-cell{font-size:16px; line-height:30px;}
	.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom: 3px;}
	.status-badge{order:1; width:100%;}
	.fc-dayGridMonth-view .event-title{gap:1px;}
	.fc-dayGridMonth-view .event-title .bold{order:2;}
	.fc-dayGridMonth-view .event-title .time{order:3; width:100%;}
	.fc-timeGridWeek-view .fc-col-header-cell{font-size: 16px;}
	.fc-timeGridWeek-view .fc-col-header-cell .normal{font-size:14px;}
	.fc table{font-size:14px;}
	.fc-timeGridWeek-view .event-btns a span{display:none;}
	.fc-timegrid-slot {height: 45px !important;}
	.fc-timeGridWeek-view .event-btns a{margin:2px auto; font-size:12px;}
	.fc-timegrid-event-harness{margin-right: 1px;}
	.fc-timeGridWeek-view .event-title p{font-size: 12px; overflow: visible; white-space: normal;}
	.container.my_container .shadow{box-shadow: unset; padding: 0;}
	.container.my_container{width:93%;}
	.booklist .container{width: 100%; height: 100%; border-radius: 0px;padding: 40px 20px;}
	.booklist .book-item .download img{width: 16px;}
	.booklist{font-size: 14px;}
	.booklist .book-item .num{display:none;}
	.booklist .book-item .subject{width: 14%; min-width:60px;}
	.booklist .book-item .title{width: 35%;}
	.booklist .book-item .author{width: 13%; min-width:60px;}
	.booklist .book-item .pub{width: 24%; min-width:60px;}
	.booklist .book-item .download{width: 14%; min-width:60px;}
	.booklist .book-header div{padding: 5px 3px; }
	.booklist h4{font-size:26px; margin-bottom: 20px;}
	.mentee{width:200px; padding: 6px 31px 6px 10px; }
	select{background-position: right 10px center; background-size: 11px;}
	.addClass{flex-direction: column-reverse; gap: 5px; align-items:start; }
	.addClass .right{justify-content: space-between; width: 100%;}
	.addClass select{}
	.addClass select, .delClass select{padding: 5px 35px 5px 10px;}
	.changeClass.changeClass1{position:relative;}
	.changeClass1 .changeClassBtns{position:absolute; top: -3px; gap: 6px; right: 0;}
	.changeClass .weekday-options label{margin-left: 8px;}
	.addClass .datepicker{font-size: 14px; padding: 5px 10px; background-position: right 10px center;background-size: 14px; width: 29%;}
	.changeClass1 .changeClassBtns .abutton.pink, .changeClass1 .changeClassBtns .abutton.gray,.changeClass .sbtn,.delClass .sbtn{font-size: 14px;}
	.addClass .left .timeInput{width:17%; font-size: 14px;}
	.addClass .right,.delClass {font-size: 14px;}
	.file-label{font-size: 14px;}
	.changeClass .file-label .file-button, .changeClass .file-label .file-text{padding: 5px 10px; }
	.changeClass .file-label .file-text{width:182px;}
	.file-button{border-radius: 6px;}
	.addClass .datepicker, select{border-radius: 8px;}
	.study .space-between.m-column{flex-direction: row;}
	.addClass .left{width: 100%;}
	.Yscroll{overflow-x:scroll; cursor: grab; user-select: none;}
	.Yscroll:active{cursor: grabbing;}
	.back-button-container .back-button{font-size:15px; padding: 8px 15px; margin-top: -5px;}
	.listTitle{border-radius: 10px;}
	.listTitle span{}
	.list_set.listTitle{align-items:center; width:650px;;}
	.classList li{width:650px;}
	.addClass .left{gap: 2%;}
	.list_set li:nth-child(1){}
	.list_set li:nth-child(2){}
	.list_set li:nth-child(3){}
	.list_set li:nth-child(4){}
	.list_set li:nth-child(5){}
	.list_set li:nth-child(6){}
	.list_set li:nth-child(7){}
	.list_set li:nth-child(8){}
	.fc-timeGridWeek-view .event-btns a{position:relative; z-index:50 !important;}
	.fc-timegrid-event-harness-inset .fc-timegrid-event::before, .fc-timegrid-event.fc-event-mirror::before, .fc-timegrid-more-link::before{display:none !important;}
	.fc-timegrid-event::after, fc-timegrid-event::before{display:none !important; pointer-events: none;}
	.learning .slider li, .learning .slider .purple{font-size: 14px; width:55px;}
	.learning .top .datepicker_wrap{position:relative;transform: translate(-50%, 0%); width: 75%; margin-bottom: 10px;}
	.input-with-icon input, .learning .top .datepicker_wrap{font-size: 18px;}
	.learning .shadow{margin: 20px 0;}
	.slider{margin: 0 auto;}
	.learning .slider{width: 100%;}
	.learning .slider li, .learning .slider .purple{width: calc(100% / 3)}
	.learning .question_wrap .top{display: inline-block;}
	.learning .top{margin-top: 20px; display:flex; flex-direction: column-reverse; }
	.learning .shadow{box-shadow: unset; padding: 0;}
	.post_common .learningStatus.container{padding:0;}
	.post_common .page-bottom.container{padding: 0 0 20px;}
	.post_common .learningAnalysis.container,.post_common  .assesmentResult.container,.post_common  .aiTest.container,.post_common  .container.wrongnote, .post_common .container.wrongnoteDetail{padding: 0 0 20px;}
	.on-learning .pagination{margin-top: 15px;}
	.con_common>ul{padding:10px 0px;}
	.con_common>ul li{padding-left: 0px; font-size: 16px; flex-direction: column; gap: 10px;}
	.con_common>ul li .at_icon,.month .m_left ul li .at_icon{width: 50px; height: 50px;}
	.Status h4{color: #5E2797;}
	.con_common>ul li>div:last-child{width:100%; text-align: center;}
	.con_common>ul li .at_tt,.month .m_left ul li .at_tt{padding-bottom:2px;}
	.con_common .left{background:unset; width:100%; padding-right:0;}
	.con_common .right{width: 100%; padding-left:0;}
	.daily .space-between.align-items{flex-direction:column; gap: 10px;}
	.Status h4{margin-bottom: 15px; }
	.aiTest-wrap .subject li, .on-learning .subject li{font-size: 16px; padding: 8px 25px;}
	.con_common .right ul{padding: 15px 0;}
	.con_common .right ul li p:first-child{margin-bottom:10px;}
	.aiTest-wrap h4, .on-learning .top_flex{margin-bottom: 5px;}
	.learning .shadow.week{margin-top:10px;}
	.aiTest-wrap .unit-table .table-tt{margin: 15px 0 10px; }
	.aiTest-wrap .unit-table .table-tt{font-size:18px;}
	.aiTest-wrap .space-between{flex-direction:column;}
	.aiTest-wrap .unit-table{width: 100%;}
	.on-learning-table>li>ul li{padding: 6px;}
	.on-learning-table>li>ul.tt{margin-bottom: 3px;}
	.aiTest-wrap .unit-table .col1 .num{padding: 2px 7px;}
	.recent-curriculum .subject{font-size:14px; padding: 3px;}
	.recent-curriculum .sub-subject{margin: 15px 0 5px; }
	.recent-curriculum .tt{margin-bottom: 15px; font-size: 18px;}
	.recent-curriculum a{padding: 6px;}
	.recent-curriculum a.result{margin-bottom: 6px;}
	.recent-curriculum .box{padding: 20px 15px; }
	.on-learning-table>li>ul .col1{width:32%;}
	.on-learning-table>li>ul .col2{width:27%;}
	.on-learning-table>li>ul .col4{width:26%;}
	.on-learning-table>li>ul .col4 a{font-size: 14px; padding: 5px 10px;}
	.on-learning-table>li>ul .col3 p{font-size: 14px; padding: 5px 10px;}
	.on-learning-table>li>ul .col1 .sbj{margin-bottom:3px; font-size:14px;}
	.on-learning-table>li>ul .col1 .sbj_name{font-size:16px;}
	.no-test{font-size:20px; padding: 30px 0;}
	.learning .student>div:first-child{padding-left: 10px;}
	.learning .month .shadow.m_left ul{flex-wrap: wrap; border: 1px solid #ccc; border-radius: 15px; padding: 10px 0px;}
	.month .m_left{margin-top: 10px;}
	.month .m_left ul li{border-right: 1px solid #ccc; width: 50%; padding: 5px 15px;}
	.month .m_left ul li:last-child{border:0;}
	.month-calendar{height: auto;padding: 15px 15px 0; border: 1px solid #ccc; border-radius: 15px;}
	.learning .month .shadow.m_right{display: inline-table;}
	.month .m_right .calendar-table tr:last-child td{border-bottom:0;}
	.m_bottom .left{padding-right: 0px; border:0;}
	.m_bottom .right{padding-left: 0;}
	.m_bottom>div{width: 100%;}
	.learning .month .shadow:last-child{gap:20px;}
	#curriculumStatusChart, #myChart2, #myChart3, #myChart4{padding: 15px 15px; border: 1px solid #ccc; border-radius: 15px;}
	.learningAnalysis .shadow{padding: 15px 15px; border: 1px solid #ccc; border-radius: 15px;}
	#result_strong_top3>div, #result_weak_top3>div{padding: 0;}
	.learning .learningAnalysis .shadow.student {border:0; padding: 0 0 0 10px;}
	.datepicker3, .datepicker4{font-size: 16px;}
	.datepicker_wrap3 .prev-week, .datepicker_wrap3 .prev-week4, .datepicker_wrap3 .next-week, .datepicker_wrap3 .next-week4 {padding: 6px 10px;}
	.datepicker_wrap3{border:0;}
	.Analysis1, .Analysis5{margin: 0 auto; width: 100% !important;}
	.donut .percent{font-size: 18px;}
	.donut .subject{font-size: 16px;}
	.donut .percent span{margin-bottom: 0;}
	.donut .top2,.donut .group, .donut .top1{font-size: 14px;}
	.donut .subject{padding:5px 0 0 ;}
	.donut .Analysis_wrap{width: 85% !important;}
	#result_strong_top3 .abutton, #result_weak_top3 .abutton{padding:8px;}
	.post_common .learningAnalysis.container{padding: 0 0 30px;}
	.recent-curriculum a{font-size:14px;}
	.aiTest-wrap .on-learning-table>li>ul .col1 .name{width: calc(90% - 25px);}
	.donut .percent span{font-size: 14px;}	
	.booklist.requestsBook .book-item .subject{width:20%;}
	.booklist.requestsBook .book-item .title{width:50%;}
	.booklist.requestsBook .book-item .download{}/* 15% */
	.booklist.requestsBook .book-item .del{width:15%;}
	.reportTypeLabel, .textbook-label{margin:10px 0 5px;}
	.errorDiv button{padding:8px;}
	.assesmentResult .result.space-between{flex-direction: column; gap: 10px; }
	.assesmentResult .result li{width: 100%; padding: 15px 15px;}
	.assesmentResult .result .space-between{flex-direction: row;}
	.assesmentResult .result .space-between>div{text-align: center;}
	.assesmentResult .result li .tt{margin-bottom: 10px;}
	.assesmentResult .categori p span{padding: 0 5px;}
	.assesmentResult .btn_wrap{margin: 10px 5px;}
	.assesmentResult .on-learning-table .col3 .step{width: 100%;}
	.assesmentResult.container{padding: 0 0 20px;}
	#loadingAnswer .loader{margin-top:30px; font-size: 24px;}
	#loadingAnswer .loading-spinner{width:70px; }
	.test .question_wrap .code .right .error{padding: 6px 10px;}
	.test .question_wrap .code .left .bold span{display:block; padding:0;}
	.test .question_wrap .code .left .bold span:first-child{margin-bottom: 2px; border:0;}
	.test .question_wrap .code .left .bold span:last-child{font-weight:500;}
	.testExample.test .after button{margin: 0 4px;}
	.testExample.test .after .exit{background-color: #aaa; font-size:0; position:absolute; padding: 0; width: 27px;  height: 27px; right:0; top: -40px;}
	.testExample.test .after .exit::before{font-family: "Font Awesome 5 Free"; font-weight: 900;poasition:absolute; left:50%; top: 50%; transform:translate(-50%, -50%); content:"\f00d"; font-size: 16px; }
	.diagnosis .shadow{padding:20px 20px 25px;}
	.mainvisual .main .box{width: 95%;}
	.calendar-wrap{width:100%; overflow-x:scroll;}
	.fc-view-harness{width:800px; }
	.calendar-wrap.dragging {cursor: grabbing; user-select: none;}
	.calendar-wrap {cursor: grab;}
	.post_common.notice .form-buttons .abutton.cancel, .post_common.notice .abutton.btn-save{padding: 8px 20px; margin-left: 5px;}
	.post_common.notice .write-table li:last-child .con label{width:100%;}
	.carousel-item .txt p:last-child{-webkit-line-clamp: 2;}
	.fix_banner_click_wrap {display: none !important;}
	.line-box{padding: 15px;}
	.line-box .txt{width:65%;}
	.line-box .tt{width:35%;}
	.evaluation_form ul li{flex-direction: column; align-items: flex-start; gap:8px; padding:10px;}
	.evaluation_form ul li .tt{padding:0; width:100%;}
	.evaluation_form ul li .input_wrap{width:100%; padding:0; margin:0;}
	.evaluation_form ul li .input_wrap label{margin:0; padding: 6px 2px;}
	.evaluation_form ul li .no-resize{margin:0;width:100%; }
	.file-upload.con{margin:0;width:100%;}
	.file-text,.file-button{padding: 6px 10px;}
	.study .btns{margin-top:10px;}
	.study.post_common .btns .abutton.purple {padding: 8px 30px;}
	.post_common.study.post_common .btns .abutton.cancel{padding: 8px 30px;}
}

@media screen and (max-width: 479px){
	footer .container{gap: 10px;}
	body{font-size:14px;}
	.main_wrap{font-size:14px;}
	header .header_top{font-size:16px;}
	header .header_top .logo{width: 90px;}
	header.scroll .header_top .logo{width:100px;}
	.header_top .t-right,header .header_top .right{width:113px}
	header .header_top .right{font-size:12px; gap:5px;}
	header .header_top .right a{padding: 4px 7px; font-weight: 500; border: 1px solid #0B3CDE;}
	header .header_bottom a{font-size:16px;line-height: 40px;}
	footer{font-size: 12px !important;}
	.nav-bar i{font-size:16px;}
	.mainvisual .main>img{}
	.mainvisual .main>div{display: flex; width: 100%; justify-content: space-evenly;}
	.mainvisual .main>div img{width: 49%; padding: 0 10px; }
	.section1 .boxs .box .theme{padding: 3px 12px;}
	.mainvisual .step3 h4{font-size:14px;}
	.mainvisual .step3 p{ font-size:14px;}
	.mainvisual .main .box {width: 100%;}
	.mainvisual .main .box .line{height:20px;}
	.mainvisual .boxs{margin-top: 0px; }
	.mainvisual .main{margin-bottom:0;}
	.boxs{margin-top: 15px; }
	h2{font-size: 28px;}
	.section1 h3{font-size: 24px;}
	.mainvisual .main .step3{margin-bottom: 10px;}
	.mainvisual .main .box{width:100%; }
	.obj{display:none;}
	.main_wrap .container{padding:30px 0;}
	.mainvisual .container{padding: 15px 0 70px;}
	.mainvisual .step3 p{margin-top: 2px;}
	.mainvisual .main .txts h4{font-size:18px; }
	.mainvisual .main .txts h2{font-size:26px;}
	.mainvisual .boxs .box{width:100%; padding: 15px 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);}
	.mainvisual .box .top h4{font-size:20px;}
	.section1.section{padding:0 0 20px;}
	.main_wrap .section1 .container{padding:30px 0 0;}
	.section1 .character2{display:none;}
	.section1{border-radius:30px 30px 0 0; margin-top: -55px;}
	.section1 .boxs .box h4{font-size:20px;}
	.section2 h2{margin-bottom: 10px; font-size: 28px;}
	.carousel-item{box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.25);}
	.carousel-item .txt {padding: 8px 10px;}
	.section1 .boxs .box h4{margin:8px 0 10px;}
	.login .input_container{gap:10px;}
	.login input{padding:10px 20px;}
	.login .sns_btn{flex-direction: column; gap:10px; }
	.login .sns_btn form{width:100%;}
	.login .sns_btn img{ height:20px; }
	.login .sns_btn .naver img{width: auto; padding: 1px 0 1px 5px;}
	.login .sns_btn .kakao img{width: auto; padding: 0px 0 0px 5px;}
	.login .sns_btn .img_wrap{padding: 0;}
	.login .sns_btn span{padding: 4px 0; font-size: 14px;}
	.about .main-top .text p{font-size: 14px;}
	.about .main-bottom{flex-direction: column; gap:10px;}
	.about.intro .main-bottom li{width:100%;}
	.about h2{font-size: 6.7vw;}
	.about .main-top .text span.inline{font-size: 16px;}
	.intro .front .container{padding: 17px 0px;}
	.common-container{padding: 30px 0;}
	.about .main-top .text span{display:inline;}
	.about h4{margin-bottom: 20px;}
	.intro-guide ul li .title{font-size: 18px;}
	.intro-guide ul li img:not(.ribbon){height: 80px;}
	.intro-guide ul li{padding: 15px;}
	.intro-guide ul li .ribbon{top: -5px;}
	.intro-guide ul{gap: 15px;}
	.intro-step ul li:nth-child(2n-1){width: 45%;}
	.intro-step ul{flex-wrap: wrap; justify-content: space-around; row-gap: 15px;}
	.intro-step ul li p{font-size: 16px; margin-top: 10px;}
	.intro-step ul li img{width: 70%; }
	.intro-service .title h4{margin-bottom:5px;}
	.intro-service ul li p{width: 80%; margin: 0 auto;}
	.intro-service ul li{padding: 12px;}
	.intro-service ul li img{height:40px;}
	.mentoringintro.about .main-bottom{align-items: center;}
	.mentoringintro.about .main-bottom li{padding: 15px 10px;}
	.about .main-bottom li .color{font-size: 16px;}
	.about .main-bottom li{width:95%; align-items: center;}
	.mentoringintro .main-bottom li:nth-child(2n-1){margin:0;}
	.mentoringintro .main-bottom li:nth-child(2n){margin:0;}
	.mentoringintro .front .container{padding:21px 0;}
	.mentoringintro h2{font-size:6.7vw;}
	.mentoringintro .guide .tt-box{width:175px; }
	.mentoringintro .guide .tt-box .step{font-size: 14px;}
	.mentoringintro .guide .tt-box .pink{font-size: 16px;}
	.mentoring-info .mentoring-info-img{display:none;}
	.mentoring-info .mobile{display:block;}
	.mentoring-info .mobile li{display:flex; justify-content: space-evenly; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee;}
	.mentoring-info .mobile li:last-child{border:0; padding-bottom: 0;}
	.mentoring-info .img-box{width:25%; border-radius:50%; padding-bottom: 25%; position:relative; background: linear-gradient(120deg,rgba(255, 161, 161, 1) 0%, rgba(251, 123, 123, 1) 100%);}
	.mentoring-info .img-box img{max-height: 50%; width:auto; max-width: 60%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
	.mentoring-info .mobile li:nth-child(4) .img-box img{transform: translate(-58%, -50%);}
	.mentoring-info .txt-box{width: 55%; text-align:start;}
	.mentoring-info .txt-box .tt{font-weight: 600; font-size: 16px; color:#aaa; margin-bottom:10px;}
	.mentoring-info .txt-box .tt span{}
	.mentoring-info .txt-box p:nth-child(2){line-height:1.4;}
	.mentoringintro .mentoring-info h4{margin-bottom: 10px;}
	.userguide.about .obj{display:none;}
	.userguide .front .container .logo{width: 200px;}
	.userguide .front .container{}
	.userguide .front h2{font-size: 26px;}
	.userguide .front .text, .userguide .front p{}
	.userguide .front p{}
	.userguide .front .text, .userguide .front p{font-size:16px; margin-top: 3px;}
	.use h4 span, .guide-step h4 .gradient{font-size:30px;}
	.userguide .front .text img{height:28px;}
	.about h4{font-size:20px;}
	.guide-step .step-wrap>li:nth-child(2n-1){padding:20px 15px;}
	.guide-step .step-wrap>li:nth-child(2n){padding:20px 15px;}
	.guide-step .step-wrap>li{border-radius: 15px;}
	.guide-step .step-wrap>li .tt{font-size: 4.7vw; margin: 5px 0 5px;}
	.guide-step .step-wrap>li ul li, .guide-step .step-wrap>li .step{font-size:14px;}
	.guide-step .step-wrap>li ul li{margin-bottom:5px;}
	.use ul li p{font-size:18px;}
	.use ul{row-gap:10px;}
	.use ul li{padding:15px; border-radius:20px;}
	.guide-btn img{width:40%;}
	.guide-btn div h4{font-size:20px;}
	.guide-btn div a span{font-size:14px; margin-right:20px;}
	.guide-btn div a{font-size:16px; padding: 8px 15px; margin-bottom:10px;}
	h4{font-size:20px;}
	.post_common .page_main .container{padding: 25px 0 25px 10px;}
	.post_common .page_main h2{margin: 5px 0 25px; font-size:24px}
	.study .page_main .main_img{width: 50%; right:0;}
	.study .sns form button{padding: 0;}
	.round div{border-radius: 30px 30px 0 0; height: 30px;}
	.post_common .write-table li{flex-direction: column;}
	.post_common .write-table li .tt{width:100%; padding:8px 5px;}
	.post_common .write-table li .con{width: calc(100% - 10px); margin: 0 5px 5px;}
	.post_common .write-table li .con.w70{width: calc(100% - 10px); margin: 0 5px 5px;}
	.container.my_container, .container.s_container{padding: 0 0 20px;}
	.post_common .write-table{border-top: 2px solid #AAAAAA;}
	.my_container .search-button{font-size:14px;}
	.post_common .write-table li .con.w70 input{width: calc(100% - 55px);}
	.post_common .write-table li input, .noticeContent{padding: 6px 15px;}
	.study .sns div{padding: 5px 0;}
	.diagnosis .container .ai_character{display:none;}
	.diagnosis .main_container{padding: 40px 0;}
	.diagnosis .container>p{font-size: 16px; margin: 5px 0 20px;}
	.diagnosis .container>p span{display:block;}
	.diagnosis .container button{font-size: 16px;}
	.subject_btns>div{flex-direction: column;}
	.subject_btns>div>p{width: 100%;}
	.subject_btns>div>div{width:100%;}
	.diagnosis .school_btns>div p, .diagnosis .subject_btns>div p{font-size: 16px;}
	.subject_btns>div{gap: 0px;}
	.subject_btns{margin-top: 10px; row-gap: 5px;}
	.subject_btns button, .subject_btns .detail_subject button{width: calc(50% - 5px);}
	.diagnosis .btn-begin-test{font-size:16px; padding: 8px;}
	#questionContainer{padding: 20px 0;}
	.test h4{margin-bottom: 5px;}
	.test .question_wrap>p{margin: 0 0 5px;}
	.test .timerbox>div svg{width: 14px;}
	.test .timerbox>div{gap:5px;}
	.test .timerbox>div p{width:45px;}
	.learning .content-box{padding: 15px;}
	.test .question_wrap .code .left p{font-size:14px;}
	.test .question_wrap .code .left .bold{font-size: 16px;}
	.test .question_wrap .code .left .bold span{margin-right: 0px;}
	.container button{font-size: 14px;}
	.test .border-button{padding: 5px 15px;border: 1px solid rgba(94, 39, 151, 1);font-weight: 600;}
	.passage{padding: 10px; font-size: 16px; margin-bottom: 10px; border-radius: 15px;}
	.test .question{padding: 5px 0 0;}
	.test .question h4{font-size: 16px;}
	.test .question .answer li label{padding: 5px; font-size:16px;}
	.test .analysis .top p span, .test .after .tt{font-size:16px;}
	#div_answer{justify-content: flex-start;}
	#span_explanation{width:calc(100% - 55px); max-width: unset;}
	.test .after button{padding: 8px 12px;}
	.table_list>li button{padding: 5px 7px;}
	.myinfo.post_common .abutton{padding: 6px 12px; font-size: 14px;}
	.table_list>li button, .post_common .abutton{margin-left: 0;}
	.post_common .my_container .write-table, .post_common .my_container .write-table.mentor{margin-bottom:10px;}
	.btns{margin-top:10px;}
	.test .after button{margin:0;}
	.table_list>li .icon{display:none;}
	.table_list>li .txt{width: 100%;}
	.table_list>li .txt ul{font-size: 12px; gap: 2%;}
	.table_list>li .txt ul li span{margin-right:2px;}
	.table_list{padding: 8px 0;}
	.table_list>li{margin-bottom: 5px;}
	.post_common .input-form-box .search-btn{padding: 5px 12px; height: 30px;}
	.post_common .input-form-box .search-btn::before{font-size: 14px;}
	.post_common .input-form-box .search-input-text{padding: 7px 10px; width: calc(100% - 38px);}
	.post_common .input-form-box{width: 100%;}
	.table_list>li .txt .titleTxt>p, .table_list .reply .reply_tt{font-size: 18px;}
	.table_list>li .title .con .new{font-size: 10px;}
	.table_list>li .title{padding: 8px 10px;}
	.table_list .content .wrap{padding: 5px 0;}
	.table_list .content .file>div{padding: 6px 12px;}
	.table_list .content{border0-radius: 0 0 5px 5px;}
	.pagination .page-numbers li{width:20px;}
	.post_common .input-form-box .search-btn::after{padding: 10px 0;}
	.table_list>li button, .post_common .abutton{font-size: 14px;}
	.inquiry.post_common .input-form-box{width: calc(100% - 70px);}
	.inquiry.post_common .abutton.write{font-size: 14px; padding: 7px 14px;}
	.bars .barTxt{font-size: 12px;}
	.dash_left ul li{font-size: 14px;}
	.dash_left ul li:nth-child(1), .dash_left ul li:nth-child(2){padding-bottom: 5px;}
	.dash_left ul li .at_icon{width: 30px; height: 30px;}
	.today_schedule .schedule_slider .no-class{font-size: 24px; padding: 30px 0;}
	.post_common .dash_right .abutton{font-size:14px;}
	.today_schedule .subject{font-size: 20px;}
	.today_schedule .countdown h2, .today_schedule .time{font-size:24px;}
	.today_schedule .countdown h2{padding:5px;}
	.today_schedule .time-slot{font-size: 14px;}
	.fc .fc-toolbar-title{font-size:18px;}
	.fc .fc-button{padding: 2px 10px; }
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(1){top: 41%; left: 95px;}
	.fc-scrollgrid-section-header th:last-child{border-radius: 0 10px 0px 0 !important;}
	.fc-scrollgrid-section-header th:first-child{border-radius: 10px 0px 0 0 !important;}
	.fc-dayGridMonth-view .fc-col-header-cell {font-size:14px; line-height:28px; }
	.fc-direction-ltr .fc-daygrid-event.fc-event-start{margin: 2px;}
	.fc-dayGridMonth-view .day{padding: 5px 10px 0;}
	.fc-view-harness{width: 600px;}
	.fc-timegrid-slot{height: 40px !important;}
	.event-title{font-size: 12px;}
	.status-badge{margin-right:0; font-size: 12px;}
	.fc-timeGridWeek-view .fc-col-header-cell{font-size:14px;}
	.fc-timeGridWeek-view .fc-col-header-cell .normal{font-size:12px;}
	.fc table{font-size:12px;}
	.fc-timeGridWeek-view .event-btns a{font-size:11px; padding: 3px 2px;}
	.booklist ul .book-item{padding: 0;}
	.booklist .book-item .author{}
	.booklist h4{font-size:24px; margin-bottom: 15px;}
	.booklist .container{padding: 30px 12px;}
	.changeClass.changeClass1 p{font-size: 16px;}
	.changeClass .weekday-options label span{display: none;}
	.changeClass1 .left{gap: 8px;}
	.changeClass .weekday-options label{display: flex; }
	.changeClass .weekday-options label input{margin-right: 5px;}
	.changeClass .weekday-options{display: flex; flex-grow: 1; justify-content: space-around;}
	.changeClass1 .changeClassBtns .abutton.pink, .changeClass1 .changeClassBtns .abutton.gray, .changeClass .sbtn{padding: 4px 15px;}
	.addClass .sbtn, .delClass .sbtn{padding: 4px 15px;}
	.changeClass{flex-wrap: wrap; justify-content: space-between;}
	.changeClass p{width: 100%;}
	.file-label{width: calc(100% - 65px);}
	.changeClass .file-label .file-text{width: calc(100% - 97px);}
	.changeClass.book{flex-wrap: nowrap;}
	.study .space-between{gap: 10px;}
	.addClass select, .delClass select{padding:4px 30px 4px 10px;}
	.changeClass, .addClass{gap: 6px;}
	.changeClass .file-label .file-button, .changeClass .file-label .file-text{padding: 4px 10px; }
	.addClass .left .timeInput{width:40%;}
	.addClass .datepicker{width:55%;}
	.addClass .left{flex-wrap: wrap;justify-content: space-between; gap:5px;}
	.addClass .left span{display:none;}
	.back-button-container .back-button{font-size: 14px; padding: 6px 15px;}
	.classList li,.list_set.listTitle{width: 580px;}
	.classList ul li{padding: 3px;}
	.classList>li{margin-bottom: 3px;}
	.result_btn{padding: 5px 8px; min-height: unset;}
	.list_set li:nth-child(1){}
	.list_set li:nth-child(2){}
	.list_set li:nth-child(3){}
	.list_set li:nth-child(4){}
	.list_set li:nth-child(5){}
	.list_set li:nth-child(6){}
	.list_set li:nth-child(7){}
	.list_set li:nth-child(8){}
	.study .pagination{margin-top: 15px;}
	.diagnosis .container>h2{margin-bottom: 20px}
	.learning .top{margin-top: 15px;}
	.learning .shadow{margin:15px 0;}
	.diagnosis.learning .shadow{padding: 15px 15px 20px;}
	.input-with-icon input, .learning .top .datepicker_wrap{font-size: 16px;}
	.next-day, .prev-day{padding: 5px 10px; }
	.learning .top .datepicker_wrap{margin-bottom: 5px;}
	.con_common>ul li .at_icon{width:45px; height:45px;}
	.con_common>ul li{font-size:14px; padding: 0; gap: 8px;}
	.Status h4{margin-bottom: 10px;}
	.con_common .right ul li p:last-child{font-size: 16px;}
	.aiTest-wrap .subject li, .on-learning .subject li{font-size:14px; padding: 5px 15px;}
	.aiTest-wrap .unit-table .col1{padding:6px;}
	.recent-curriculum .subject{font-size: 12px;}
	.recent-curriculum .subject span{padding: 0 7px;}
	.recent-curriculum a{font-size: 14px; padding: 4px;}
	.recent-curriculum .tt{font-size: 16px;}
	.on-learning .top_flex>div p{font-size: 12px; padding: 4px 8px;}
	.on-learning .top_flex{justify-content: space-between;}
	.on-learning .top_flex>div p span{margin-left: 5px;}
	.on-learning-table>li>ul.tt li{padding: 6px;}
	.learning .slider li, .learning .slider .purple{padding: 6px;}
	.learning .shadow.week{margin-top: 5px;}
	.on-learning-table>li>ul .col1{width:38%;}
	.on-learning .on-learning-table>li>ul .col2{width:16%; max-width:45px;}
	.on-learning-table>li>ul .col3{width:20%;}
	.on-learning-table>li>ul .col4{width:26%;}
	.on-learning-table>li>ul.tt{align-items:center;}
	.on-learning-table>li>ul .col1 .sbj_name{font-size: 14px;}
	.on-learning-table>li>ul .col1 .sbj{font-size:12px;}
	.on-learning-table>li>ul .col4 a, .on-learning-table>li>ul .col3 p{font-size:12px; padding: 3px 10px;}

	.on-learning-table>li>ul li{padding: 3px;}
	.on-learning-table>li>ul.tt li{padding:5px 3px;;}
	.on-learning .on-learning-table>li>ul, .on-learning .on-learning-table>li>ul.tt{justify-content: space-between;}
	.on-learning .sub_wrap{margin: 8px 0 5px;}
	.on-learning .sub_wrap label{ display:flex; align-items:center; gap:3px;}
	.on-learning .pagination{margin-top: 10px;}
	.recent-curriculum .box{margin: 0 10px;}
	.month .m_left ul li{gap:5px; padding: 5px 10px;}
	.month .m_left ul li .at_icon{width: 40px; height: 40px;}
	.month-calendar{padding:10px 10px 0;  border-radius: 10px;}
	.month-calendar td div{padding: 8px; font-size: 14px;}
	.month-calendar th{font-size: 14px;}
	#curriculumStatusChart, #myChart2, #myChart3, #myChart4{padding:10px; border-radius: 10px;}
	.no-test span{display:block;}
	.test .question .correct {width: 30%; left:13%;}
	.learningAnalysis h4{margin: 10px 0 2px;}
	.learning .learningAnalysis .shadow.student{margin:10px 0 0;}
	.learning .shadow{margin: 10px 0 12px;;}
	.learningAnalysis .txt{margin-bottom:10px;}
	.post_common .learningAnalysis.container{padding: 0 0 20px;}
	.learningAnalysis .shadow{padding:10px;}
	.datepicker3, .datepicker4{font-size: 14px;}
	.datepicker_wrap3 .prev-week, .datepicker_wrap3 .prev-week4, .datepicker_wrap3 .next-week, .datepicker_wrap3 .next-week4{padding: 4px 10px;}
	.datepicker3, .datepicker4{padding: 4px 0;}
	.donut .top2, .donut .group, .donut .top1{font-size: 12px;}
	.donut .percent{font-size: 14px;}
	.donut .percent span{font-size: 12px;}
	#result_strong_top3 .abutton, #result_weak_top3 .abutton{padding: 5px;}
	.donut .Analysis_wrap{width: 90% !important;}
	.learning .student p span{font-size:16px;}
	.booklist .book-item .subject{width: 14%; min-width: unset;}
	.booklist .book-item .title{width: 35%;}
	.booklist .book-item .author{width: 13%; min-width: 50px;}
	.booklist .book-item .pub{width: 24%; min-width: unset;}
	.booklist .book-item .download{width: 14%; min-width: unset;}
	.booklist .book-header .download span{display:block;}
	.booklist ul .com{padding: 5px 3px;}
	.booklist .book-header{padding: 0;}
	.booklist.requestsBook .book-item .subject{width:20%;}
	.booklist.requestsBook .book-item .title{width:50%;}
	.booklist.requestsBook .book-item .download{min-width: 55px;}
	.booklist.requestsBook .book-item .del{width:15%;}
	.changeClass1 .changeClassBtns .abutton.pink, .changeClass1 .changeClassBtns .abutton.gray, .changeClass .sbtn, .delClass .sbtn{padding: 4px 14px;}
	.addClass .sbtn, .delClass .sbtn{padding: 4px 14px;}
	.delClass{gap:5px;}
	.addClass .left{}
	.back-button-container{text-align:center;}
	.study .changeClass .file-label{width: calc(100% - 65px);}
	.popupError-wrap{width:95%;}
	.popupError-wrap textarea{word-break: keep-all; white-space: normal;}
	.reportTypeSelect{font-size:14px;}
	.errorDiv button{font-size: 14px;}
	.errorDiv{margin-top: 10px;}
	#div_question .div_question{font-size: 18px;}
	.test .question .answer{width: 98%;}
	.assesmentResult .shadow_top.space-between{flex-direction: column; align-items: flex-start; gap:5px; margin-bottom: 5px;}
	.assesmentResult .categori{gap: 5px;}
	.assesmentResult .categori p{font-size: 12px; padding: 3px;}
	.assesmentResult .result .space-between>div p.con{font-size: 18px;}
	.assesmentResult .result li{padding: 10px 15px;}
	.assesmentResult .result li .tt{margin-bottom: 10px; gap: 5px; font-size: 16px;}
	.assesmentResult .result li .tt .icon_wrap{width: 30px; height:30px;}
	.assesmentResult .btn_wrap{margin: 0; position:absolute; right:0; top: -4px;}
	.post_common .assesmentResult .container .shadow.one{position:relative;}
	.on-learning-table>li>ul .col1 .sbj{margin-bottom: 2px;}
	.assesmentResult .on-learning-table .col2 p{padding: 3px 12px;}
	.assesmentResult .on-learning-table>li>ul .step{padding: 3px;}
	.assesmentResult .on-learning-table .col2{width:20%;}
	.assesmentResult .on-learning-table .col1{width:60%;}
	.assesmentResult .on-learning-table{margin: 15px 0 10px;}
	.learningResult.post_common .abutton{margin-left: 6px;}
	.btns .after{margin-top:10px;}
	.test .after button{padding: 8px 10px; }
	.testExample.test .after button{margin:0;}
	.test .question_wrap .code .right{position:absolute;right: 0; top: 0;}
	.test .question_wrap .code .space-between{position:relative; }
	.test .question_wrap .code .right .error{padding: 4px 8px;}
	.testExample.test .after .exit{width: 24px; height: 24px; top: -31px;}
	.post_common.notice .form-buttons .abutton.cancel, .post_common.notice .abutton.btn-save{padding:8px 15px;}
	.post_common .write-table{margin-bottom: 10px;}	
	.evaluation_form ul li .input_wrap label span{word-break: keep-all; white-space: normal;text-align: center;}
	.study .file-label{width:100%;}
	.line-box li{flex-direction: column; margin-bottom:10px; gap:2px;}
	.line-box .txt{width:100%;}
	.line-box li:nth-child(2n){padding-left:15px;}
}