@charset "UTF-8";
/* Media Query Size */
/* =============================================================
	Color 가이드
	ex) .col-primary{ color: color(primary); }  
============================================================= */
/*
class명 참고
    .m100 {
  margin: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.p0 {
  padding: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}
*/
.m0 {
  margin: 0;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.m1 {
  margin: 1px;
}

.ml-1 {
  margin-left: 1px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.m2 {
  margin: 2px;
}

.ml-2 {
  margin-left: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.m3 {
  margin: 3px;
}

.ml-3 {
  margin-left: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.m4 {
  margin: 4px;
}

.ml-4 {
  margin-left: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.m5 {
  margin: 5px;
}

.ml-5 {
  margin-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.m6 {
  margin: 6px;
}

.ml-6 {
  margin-left: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.m7 {
  margin: 7px;
}

.ml-7 {
  margin-left: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.m8 {
  margin: 8px;
}

.ml-8 {
  margin-left: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.m9 {
  margin: 9px;
}

.ml-9 {
  margin-left: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.m10 {
  margin: 10px;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.m11 {
  margin: 11px;
}

.ml-11 {
  margin-left: 11px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.m12 {
  margin: 12px;
}

.ml-12 {
  margin-left: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.m13 {
  margin: 13px;
}

.ml-13 {
  margin-left: 13px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.m14 {
  margin: 14px;
}

.ml-14 {
  margin-left: 14px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.m15 {
  margin: 15px;
}

.ml-15 {
  margin-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.m16 {
  margin: 16px;
}

.ml-16 {
  margin-left: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.m17 {
  margin: 17px;
}

.ml-17 {
  margin-left: 17px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.m18 {
  margin: 18px;
}

.ml-18 {
  margin-left: 18px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.m19 {
  margin: 19px;
}

.ml-19 {
  margin-left: 19px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.m20 {
  margin: 20px;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.m21 {
  margin: 21px;
}

.ml-21 {
  margin-left: 21px !important;
}

.mr-21 {
  margin-right: 21px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.m22 {
  margin: 22px;
}

.ml-22 {
  margin-left: 22px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.m23 {
  margin: 23px;
}

.ml-23 {
  margin-left: 23px !important;
}

.mr-23 {
  margin-right: 23px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.m24 {
  margin: 24px;
}

.ml-24 {
  margin-left: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.m25 {
  margin: 25px;
}

.ml-25 {
  margin-left: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.m26 {
  margin: 26px;
}

.ml-26 {
  margin-left: 26px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.m27 {
  margin: 27px;
}

.ml-27 {
  margin-left: 27px !important;
}

.mr-27 {
  margin-right: 27px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.m28 {
  margin: 28px;
}

.ml-28 {
  margin-left: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.m29 {
  margin: 29px;
}

.ml-29 {
  margin-left: 29px !important;
}

.mr-29 {
  margin-right: 29px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.m30 {
  margin: 30px;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.m31 {
  margin: 31px;
}

.ml-31 {
  margin-left: 31px !important;
}

.mr-31 {
  margin-right: 31px !important;
}

.mt-31 {
  margin-top: 31px !important;
}

.mb-31 {
  margin-bottom: 31px !important;
}

.m32 {
  margin: 32px;
}

.ml-32 {
  margin-left: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.m33 {
  margin: 33px;
}

.ml-33 {
  margin-left: 33px !important;
}

.mr-33 {
  margin-right: 33px !important;
}

.mt-33 {
  margin-top: 33px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.m34 {
  margin: 34px;
}

.ml-34 {
  margin-left: 34px !important;
}

.mr-34 {
  margin-right: 34px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.m35 {
  margin: 35px;
}

.ml-35 {
  margin-left: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.m36 {
  margin: 36px;
}

.ml-36 {
  margin-left: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.m37 {
  margin: 37px;
}

.ml-37 {
  margin-left: 37px !important;
}

.mr-37 {
  margin-right: 37px !important;
}

.mt-37 {
  margin-top: 37px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.m38 {
  margin: 38px;
}

.ml-38 {
  margin-left: 38px !important;
}

.mr-38 {
  margin-right: 38px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.m39 {
  margin: 39px;
}

.ml-39 {
  margin-left: 39px !important;
}

.mr-39 {
  margin-right: 39px !important;
}

.mt-39 {
  margin-top: 39px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

.m40 {
  margin: 40px;
}

.ml-40 {
  margin-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.m41 {
  margin: 41px;
}

.ml-41 {
  margin-left: 41px !important;
}

.mr-41 {
  margin-right: 41px !important;
}

.mt-41 {
  margin-top: 41px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

.m42 {
  margin: 42px;
}

.ml-42 {
  margin-left: 42px !important;
}

.mr-42 {
  margin-right: 42px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.m43 {
  margin: 43px;
}

.ml-43 {
  margin-left: 43px !important;
}

.mr-43 {
  margin-right: 43px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.m44 {
  margin: 44px;
}

.ml-44 {
  margin-left: 44px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.m45 {
  margin: 45px;
}

.ml-45 {
  margin-left: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.m46 {
  margin: 46px;
}

.ml-46 {
  margin-left: 46px !important;
}

.mr-46 {
  margin-right: 46px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.m47 {
  margin: 47px;
}

.ml-47 {
  margin-left: 47px !important;
}

.mr-47 {
  margin-right: 47px !important;
}

.mt-47 {
  margin-top: 47px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.m48 {
  margin: 48px;
}

.ml-48 {
  margin-left: 48px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.m49 {
  margin: 49px;
}

.ml-49 {
  margin-left: 49px !important;
}

.mr-49 {
  margin-right: 49px !important;
}

.mt-49 {
  margin-top: 49px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

.m50 {
  margin: 50px;
}

.ml-50 {
  margin-left: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.m51 {
  margin: 51px;
}

.ml-51 {
  margin-left: 51px !important;
}

.mr-51 {
  margin-right: 51px !important;
}

.mt-51 {
  margin-top: 51px !important;
}

.mb-51 {
  margin-bottom: 51px !important;
}

.m52 {
  margin: 52px;
}

.ml-52 {
  margin-left: 52px !important;
}

.mr-52 {
  margin-right: 52px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.m53 {
  margin: 53px;
}

.ml-53 {
  margin-left: 53px !important;
}

.mr-53 {
  margin-right: 53px !important;
}

.mt-53 {
  margin-top: 53px !important;
}

.mb-53 {
  margin-bottom: 53px !important;
}

.m54 {
  margin: 54px;
}

.ml-54 {
  margin-left: 54px !important;
}

.mr-54 {
  margin-right: 54px !important;
}

.mt-54 {
  margin-top: 54px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

.m55 {
  margin: 55px;
}

.ml-55 {
  margin-left: 55px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.m56 {
  margin: 56px;
}

.ml-56 {
  margin-left: 56px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.m57 {
  margin: 57px;
}

.ml-57 {
  margin-left: 57px !important;
}

.mr-57 {
  margin-right: 57px !important;
}

.mt-57 {
  margin-top: 57px !important;
}

.mb-57 {
  margin-bottom: 57px !important;
}

.m58 {
  margin: 58px;
}

.ml-58 {
  margin-left: 58px !important;
}

.mr-58 {
  margin-right: 58px !important;
}

.mt-58 {
  margin-top: 58px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

.m59 {
  margin: 59px;
}

.ml-59 {
  margin-left: 59px !important;
}

.mr-59 {
  margin-right: 59px !important;
}

.mt-59 {
  margin-top: 59px !important;
}

.mb-59 {
  margin-bottom: 59px !important;
}

.m60 {
  margin: 60px;
}

.ml-60 {
  margin-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.m61 {
  margin: 61px;
}

.ml-61 {
  margin-left: 61px !important;
}

.mr-61 {
  margin-right: 61px !important;
}

.mt-61 {
  margin-top: 61px !important;
}

.mb-61 {
  margin-bottom: 61px !important;
}

.m62 {
  margin: 62px;
}

.ml-62 {
  margin-left: 62px !important;
}

.mr-62 {
  margin-right: 62px !important;
}

.mt-62 {
  margin-top: 62px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

.m63 {
  margin: 63px;
}

.ml-63 {
  margin-left: 63px !important;
}

.mr-63 {
  margin-right: 63px !important;
}

.mt-63 {
  margin-top: 63px !important;
}

.mb-63 {
  margin-bottom: 63px !important;
}

.m64 {
  margin: 64px;
}

.ml-64 {
  margin-left: 64px !important;
}

.mr-64 {
  margin-right: 64px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.m65 {
  margin: 65px;
}

.ml-65 {
  margin-left: 65px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.m66 {
  margin: 66px;
}

.ml-66 {
  margin-left: 66px !important;
}

.mr-66 {
  margin-right: 66px !important;
}

.mt-66 {
  margin-top: 66px !important;
}

.mb-66 {
  margin-bottom: 66px !important;
}

.m67 {
  margin: 67px;
}

.ml-67 {
  margin-left: 67px !important;
}

.mr-67 {
  margin-right: 67px !important;
}

.mt-67 {
  margin-top: 67px !important;
}

.mb-67 {
  margin-bottom: 67px !important;
}

.m68 {
  margin: 68px;
}

.ml-68 {
  margin-left: 68px !important;
}

.mr-68 {
  margin-right: 68px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.m69 {
  margin: 69px;
}

.ml-69 {
  margin-left: 69px !important;
}

.mr-69 {
  margin-right: 69px !important;
}

.mt-69 {
  margin-top: 69px !important;
}

.mb-69 {
  margin-bottom: 69px !important;
}

.m70 {
  margin: 70px;
}

.ml-70 {
  margin-left: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.m71 {
  margin: 71px;
}

.ml-71 {
  margin-left: 71px !important;
}

.mr-71 {
  margin-right: 71px !important;
}

.mt-71 {
  margin-top: 71px !important;
}

.mb-71 {
  margin-bottom: 71px !important;
}

.m72 {
  margin: 72px;
}

.ml-72 {
  margin-left: 72px !important;
}

.mr-72 {
  margin-right: 72px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.m73 {
  margin: 73px;
}

.ml-73 {
  margin-left: 73px !important;
}

.mr-73 {
  margin-right: 73px !important;
}

.mt-73 {
  margin-top: 73px !important;
}

.mb-73 {
  margin-bottom: 73px !important;
}

.m74 {
  margin: 74px;
}

.ml-74 {
  margin-left: 74px !important;
}

.mr-74 {
  margin-right: 74px !important;
}

.mt-74 {
  margin-top: 74px !important;
}

.mb-74 {
  margin-bottom: 74px !important;
}

.m75 {
  margin: 75px;
}

.ml-75 {
  margin-left: 75px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.m76 {
  margin: 76px;
}

.ml-76 {
  margin-left: 76px !important;
}

.mr-76 {
  margin-right: 76px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.m77 {
  margin: 77px;
}

.ml-77 {
  margin-left: 77px !important;
}

.mr-77 {
  margin-right: 77px !important;
}

.mt-77 {
  margin-top: 77px !important;
}

.mb-77 {
  margin-bottom: 77px !important;
}

.m78 {
  margin: 78px;
}

.ml-78 {
  margin-left: 78px !important;
}

.mr-78 {
  margin-right: 78px !important;
}

.mt-78 {
  margin-top: 78px !important;
}

.mb-78 {
  margin-bottom: 78px !important;
}

.m79 {
  margin: 79px;
}

.ml-79 {
  margin-left: 79px !important;
}

.mr-79 {
  margin-right: 79px !important;
}

.mt-79 {
  margin-top: 79px !important;
}

.mb-79 {
  margin-bottom: 79px !important;
}

.m80 {
  margin: 80px;
}

.ml-80 {
  margin-left: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.m81 {
  margin: 81px;
}

.ml-81 {
  margin-left: 81px !important;
}

.mr-81 {
  margin-right: 81px !important;
}

.mt-81 {
  margin-top: 81px !important;
}

.mb-81 {
  margin-bottom: 81px !important;
}

.m82 {
  margin: 82px;
}

.ml-82 {
  margin-left: 82px !important;
}

.mr-82 {
  margin-right: 82px !important;
}

.mt-82 {
  margin-top: 82px !important;
}

.mb-82 {
  margin-bottom: 82px !important;
}

.m83 {
  margin: 83px;
}

.ml-83 {
  margin-left: 83px !important;
}

.mr-83 {
  margin-right: 83px !important;
}

.mt-83 {
  margin-top: 83px !important;
}

.mb-83 {
  margin-bottom: 83px !important;
}

.m84 {
  margin: 84px;
}

.ml-84 {
  margin-left: 84px !important;
}

.mr-84 {
  margin-right: 84px !important;
}

.mt-84 {
  margin-top: 84px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

.m85 {
  margin: 85px;
}

.ml-85 {
  margin-left: 85px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.m86 {
  margin: 86px;
}

.ml-86 {
  margin-left: 86px !important;
}

.mr-86 {
  margin-right: 86px !important;
}

.mt-86 {
  margin-top: 86px !important;
}

.mb-86 {
  margin-bottom: 86px !important;
}

.m87 {
  margin: 87px;
}

.ml-87 {
  margin-left: 87px !important;
}

.mr-87 {
  margin-right: 87px !important;
}

.mt-87 {
  margin-top: 87px !important;
}

.mb-87 {
  margin-bottom: 87px !important;
}

.m88 {
  margin: 88px;
}

.ml-88 {
  margin-left: 88px !important;
}

.mr-88 {
  margin-right: 88px !important;
}

.mt-88 {
  margin-top: 88px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

.m89 {
  margin: 89px;
}

.ml-89 {
  margin-left: 89px !important;
}

.mr-89 {
  margin-right: 89px !important;
}

.mt-89 {
  margin-top: 89px !important;
}

.mb-89 {
  margin-bottom: 89px !important;
}

.m90 {
  margin: 90px;
}

.ml-90 {
  margin-left: 90px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.m91 {
  margin: 91px;
}

.ml-91 {
  margin-left: 91px !important;
}

.mr-91 {
  margin-right: 91px !important;
}

.mt-91 {
  margin-top: 91px !important;
}

.mb-91 {
  margin-bottom: 91px !important;
}

.m92 {
  margin: 92px;
}

.ml-92 {
  margin-left: 92px !important;
}

.mr-92 {
  margin-right: 92px !important;
}

.mt-92 {
  margin-top: 92px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

.m93 {
  margin: 93px;
}

.ml-93 {
  margin-left: 93px !important;
}

.mr-93 {
  margin-right: 93px !important;
}

.mt-93 {
  margin-top: 93px !important;
}

.mb-93 {
  margin-bottom: 93px !important;
}

.m94 {
  margin: 94px;
}

.ml-94 {
  margin-left: 94px !important;
}

.mr-94 {
  margin-right: 94px !important;
}

.mt-94 {
  margin-top: 94px !important;
}

.mb-94 {
  margin-bottom: 94px !important;
}

.m95 {
  margin: 95px;
}

.ml-95 {
  margin-left: 95px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.m96 {
  margin: 96px;
}

.ml-96 {
  margin-left: 96px !important;
}

.mr-96 {
  margin-right: 96px !important;
}

.mt-96 {
  margin-top: 96px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

.m97 {
  margin: 97px;
}

.ml-97 {
  margin-left: 97px !important;
}

.mr-97 {
  margin-right: 97px !important;
}

.mt-97 {
  margin-top: 97px !important;
}

.mb-97 {
  margin-bottom: 97px !important;
}

.m98 {
  margin: 98px;
}

.ml-98 {
  margin-left: 98px !important;
}

.mr-98 {
  margin-right: 98px !important;
}

.mt-98 {
  margin-top: 98px !important;
}

.mb-98 {
  margin-bottom: 98px !important;
}

.m99 {
  margin: 99px;
}

.ml-99 {
  margin-left: 99px !important;
}

.mr-99 {
  margin-right: 99px !important;
}

.mt-99 {
  margin-top: 99px !important;
}

.mb-99 {
  margin-bottom: 99px !important;
}

.m100 {
  margin: 100px;
}

.ml-100 {
  margin-left: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.p0 {
  padding: 0;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.p1 {
  padding: 1px;
}

.pl-1 {
  padding-left: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.p2 {
  padding: 2px;
}

.pl-2 {
  padding-left: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.p3 {
  padding: 3px;
}

.pl-3 {
  padding-left: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.p4 {
  padding: 4px;
}

.pl-4 {
  padding-left: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.p5 {
  padding: 5px;
}

.pl-5 {
  padding-left: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.p6 {
  padding: 6px;
}

.pl-6 {
  padding-left: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.p7 {
  padding: 7px;
}

.pl-7 {
  padding-left: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.p8 {
  padding: 8px;
}

.pl-8 {
  padding-left: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.p9 {
  padding: 9px;
}

.pl-9 {
  padding-left: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.p10 {
  padding: 10px;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.p11 {
  padding: 11px;
}

.pl-11 {
  padding-left: 11px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.p12 {
  padding: 12px;
}

.pl-12 {
  padding-left: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.p13 {
  padding: 13px;
}

.pl-13 {
  padding-left: 13px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.p14 {
  padding: 14px;
}

.pl-14 {
  padding-left: 14px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.p15 {
  padding: 15px;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.p16 {
  padding: 16px;
}

.pl-16 {
  padding-left: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.p17 {
  padding: 17px;
}

.pl-17 {
  padding-left: 17px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.p18 {
  padding: 18px;
}

.pl-18 {
  padding-left: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.p19 {
  padding: 19px;
}

.pl-19 {
  padding-left: 19px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.p20 {
  padding: 20px;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.p21 {
  padding: 21px;
}

.pl-21 {
  padding-left: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.p22 {
  padding: 22px;
}

.pl-22 {
  padding-left: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.p23 {
  padding: 23px;
}

.pl-23 {
  padding-left: 23px !important;
}

.pr-23 {
  padding-right: 23px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.p24 {
  padding: 24px;
}

.pl-24 {
  padding-left: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.p25 {
  padding: 25px;
}

.pl-25 {
  padding-left: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.p26 {
  padding: 26px;
}

.pl-26 {
  padding-left: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.p27 {
  padding: 27px;
}

.pl-27 {
  padding-left: 27px !important;
}

.pr-27 {
  padding-right: 27px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.p28 {
  padding: 28px;
}

.pl-28 {
  padding-left: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.p29 {
  padding: 29px;
}

.pl-29 {
  padding-left: 29px !important;
}

.pr-29 {
  padding-right: 29px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.p30 {
  padding: 30px;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.p31 {
  padding: 31px;
}

.pl-31 {
  padding-left: 31px !important;
}

.pr-31 {
  padding-right: 31px !important;
}

.pt-31 {
  padding-top: 31px !important;
}

.pb-31 {
  padding-bottom: 31px !important;
}

.p32 {
  padding: 32px;
}

.pl-32 {
  padding-left: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.p33 {
  padding: 33px;
}

.pl-33 {
  padding-left: 33px !important;
}

.pr-33 {
  padding-right: 33px !important;
}

.pt-33 {
  padding-top: 33px !important;
}

.pb-33 {
  padding-bottom: 33px !important;
}

.p34 {
  padding: 34px;
}

.pl-34 {
  padding-left: 34px !important;
}

.pr-34 {
  padding-right: 34px !important;
}

.pt-34 {
  padding-top: 34px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

.p35 {
  padding: 35px;
}

.pl-35 {
  padding-left: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.p36 {
  padding: 36px;
}

.pl-36 {
  padding-left: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.p37 {
  padding: 37px;
}

.pl-37 {
  padding-left: 37px !important;
}

.pr-37 {
  padding-right: 37px !important;
}

.pt-37 {
  padding-top: 37px !important;
}

.pb-37 {
  padding-bottom: 37px !important;
}

.p38 {
  padding: 38px;
}

.pl-38 {
  padding-left: 38px !important;
}

.pr-38 {
  padding-right: 38px !important;
}

.pt-38 {
  padding-top: 38px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

.p39 {
  padding: 39px;
}

.pl-39 {
  padding-left: 39px !important;
}

.pr-39 {
  padding-right: 39px !important;
}

.pt-39 {
  padding-top: 39px !important;
}

.pb-39 {
  padding-bottom: 39px !important;
}

.p40 {
  padding: 40px;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.p41 {
  padding: 41px;
}

.pl-41 {
  padding-left: 41px !important;
}

.pr-41 {
  padding-right: 41px !important;
}

.pt-41 {
  padding-top: 41px !important;
}

.pb-41 {
  padding-bottom: 41px !important;
}

.p42 {
  padding: 42px;
}

.pl-42 {
  padding-left: 42px !important;
}

.pr-42 {
  padding-right: 42px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.p43 {
  padding: 43px;
}

.pl-43 {
  padding-left: 43px !important;
}

.pr-43 {
  padding-right: 43px !important;
}

.pt-43 {
  padding-top: 43px !important;
}

.pb-43 {
  padding-bottom: 43px !important;
}

.p44 {
  padding: 44px;
}

.pl-44 {
  padding-left: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.p45 {
  padding: 45px;
}

.pl-45 {
  padding-left: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.p46 {
  padding: 46px;
}

.pl-46 {
  padding-left: 46px !important;
}

.pr-46 {
  padding-right: 46px !important;
}

.pt-46 {
  padding-top: 46px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

.p47 {
  padding: 47px;
}

.pl-47 {
  padding-left: 47px !important;
}

.pr-47 {
  padding-right: 47px !important;
}

.pt-47 {
  padding-top: 47px !important;
}

.pb-47 {
  padding-bottom: 47px !important;
}

.p48 {
  padding: 48px;
}

.pl-48 {
  padding-left: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.p49 {
  padding: 49px;
}

.pl-49 {
  padding-left: 49px !important;
}

.pr-49 {
  padding-right: 49px !important;
}

.pt-49 {
  padding-top: 49px !important;
}

.pb-49 {
  padding-bottom: 49px !important;
}

.p50 {
  padding: 50px;
}

.pl-50 {
  padding-left: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.p51 {
  padding: 51px;
}

.pl-51 {
  padding-left: 51px !important;
}

.pr-51 {
  padding-right: 51px !important;
}

.pt-51 {
  padding-top: 51px !important;
}

.pb-51 {
  padding-bottom: 51px !important;
}

.p52 {
  padding: 52px;
}

.pl-52 {
  padding-left: 52px !important;
}

.pr-52 {
  padding-right: 52px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.p53 {
  padding: 53px;
}

.pl-53 {
  padding-left: 53px !important;
}

.pr-53 {
  padding-right: 53px !important;
}

.pt-53 {
  padding-top: 53px !important;
}

.pb-53 {
  padding-bottom: 53px !important;
}

.p54 {
  padding: 54px;
}

.pl-54 {
  padding-left: 54px !important;
}

.pr-54 {
  padding-right: 54px !important;
}

.pt-54 {
  padding-top: 54px !important;
}

.pb-54 {
  padding-bottom: 54px !important;
}

.p55 {
  padding: 55px;
}

.pl-55 {
  padding-left: 55px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.p56 {
  padding: 56px;
}

.pl-56 {
  padding-left: 56px !important;
}

.pr-56 {
  padding-right: 56px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.p57 {
  padding: 57px;
}

.pl-57 {
  padding-left: 57px !important;
}

.pr-57 {
  padding-right: 57px !important;
}

.pt-57 {
  padding-top: 57px !important;
}

.pb-57 {
  padding-bottom: 57px !important;
}

.p58 {
  padding: 58px;
}

.pl-58 {
  padding-left: 58px !important;
}

.pr-58 {
  padding-right: 58px !important;
}

.pt-58 {
  padding-top: 58px !important;
}

.pb-58 {
  padding-bottom: 58px !important;
}

.p59 {
  padding: 59px;
}

.pl-59 {
  padding-left: 59px !important;
}

.pr-59 {
  padding-right: 59px !important;
}

.pt-59 {
  padding-top: 59px !important;
}

.pb-59 {
  padding-bottom: 59px !important;
}

.p60 {
  padding: 60px;
}

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.p61 {
  padding: 61px;
}

.pl-61 {
  padding-left: 61px !important;
}

.pr-61 {
  padding-right: 61px !important;
}

.pt-61 {
  padding-top: 61px !important;
}

.pb-61 {
  padding-bottom: 61px !important;
}

.p62 {
  padding: 62px;
}

.pl-62 {
  padding-left: 62px !important;
}

.pr-62 {
  padding-right: 62px !important;
}

.pt-62 {
  padding-top: 62px !important;
}

.pb-62 {
  padding-bottom: 62px !important;
}

.p63 {
  padding: 63px;
}

.pl-63 {
  padding-left: 63px !important;
}

.pr-63 {
  padding-right: 63px !important;
}

.pt-63 {
  padding-top: 63px !important;
}

.pb-63 {
  padding-bottom: 63px !important;
}

.p64 {
  padding: 64px;
}

.pl-64 {
  padding-left: 64px !important;
}

.pr-64 {
  padding-right: 64px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.p65 {
  padding: 65px;
}

.pl-65 {
  padding-left: 65px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.p66 {
  padding: 66px;
}

.pl-66 {
  padding-left: 66px !important;
}

.pr-66 {
  padding-right: 66px !important;
}

.pt-66 {
  padding-top: 66px !important;
}

.pb-66 {
  padding-bottom: 66px !important;
}

.p67 {
  padding: 67px;
}

.pl-67 {
  padding-left: 67px !important;
}

.pr-67 {
  padding-right: 67px !important;
}

.pt-67 {
  padding-top: 67px !important;
}

.pb-67 {
  padding-bottom: 67px !important;
}

.p68 {
  padding: 68px;
}

.pl-68 {
  padding-left: 68px !important;
}

.pr-68 {
  padding-right: 68px !important;
}

.pt-68 {
  padding-top: 68px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

.p69 {
  padding: 69px;
}

.pl-69 {
  padding-left: 69px !important;
}

.pr-69 {
  padding-right: 69px !important;
}

.pt-69 {
  padding-top: 69px !important;
}

.pb-69 {
  padding-bottom: 69px !important;
}

.p70 {
  padding: 70px;
}

.pl-70 {
  padding-left: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.p71 {
  padding: 71px;
}

.pl-71 {
  padding-left: 71px !important;
}

.pr-71 {
  padding-right: 71px !important;
}

.pt-71 {
  padding-top: 71px !important;
}

.pb-71 {
  padding-bottom: 71px !important;
}

.p72 {
  padding: 72px;
}

.pl-72 {
  padding-left: 72px !important;
}

.pr-72 {
  padding-right: 72px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.p73 {
  padding: 73px;
}

.pl-73 {
  padding-left: 73px !important;
}

.pr-73 {
  padding-right: 73px !important;
}

.pt-73 {
  padding-top: 73px !important;
}

.pb-73 {
  padding-bottom: 73px !important;
}

.p74 {
  padding: 74px;
}

.pl-74 {
  padding-left: 74px !important;
}

.pr-74 {
  padding-right: 74px !important;
}

.pt-74 {
  padding-top: 74px !important;
}

.pb-74 {
  padding-bottom: 74px !important;
}

.p75 {
  padding: 75px;
}

.pl-75 {
  padding-left: 75px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.p76 {
  padding: 76px;
}

.pl-76 {
  padding-left: 76px !important;
}

.pr-76 {
  padding-right: 76px !important;
}

.pt-76 {
  padding-top: 76px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

.p77 {
  padding: 77px;
}

.pl-77 {
  padding-left: 77px !important;
}

.pr-77 {
  padding-right: 77px !important;
}

.pt-77 {
  padding-top: 77px !important;
}

.pb-77 {
  padding-bottom: 77px !important;
}

.p78 {
  padding: 78px;
}

.pl-78 {
  padding-left: 78px !important;
}

.pr-78 {
  padding-right: 78px !important;
}

.pt-78 {
  padding-top: 78px !important;
}

.pb-78 {
  padding-bottom: 78px !important;
}

.p79 {
  padding: 79px;
}

.pl-79 {
  padding-left: 79px !important;
}

.pr-79 {
  padding-right: 79px !important;
}

.pt-79 {
  padding-top: 79px !important;
}

.pb-79 {
  padding-bottom: 79px !important;
}

.p80 {
  padding: 80px;
}

.pl-80 {
  padding-left: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.p81 {
  padding: 81px;
}

.pl-81 {
  padding-left: 81px !important;
}

.pr-81 {
  padding-right: 81px !important;
}

.pt-81 {
  padding-top: 81px !important;
}

.pb-81 {
  padding-bottom: 81px !important;
}

.p82 {
  padding: 82px;
}

.pl-82 {
  padding-left: 82px !important;
}

.pr-82 {
  padding-right: 82px !important;
}

.pt-82 {
  padding-top: 82px !important;
}

.pb-82 {
  padding-bottom: 82px !important;
}

.p83 {
  padding: 83px;
}

.pl-83 {
  padding-left: 83px !important;
}

.pr-83 {
  padding-right: 83px !important;
}

.pt-83 {
  padding-top: 83px !important;
}

.pb-83 {
  padding-bottom: 83px !important;
}

.p84 {
  padding: 84px;
}

.pl-84 {
  padding-left: 84px !important;
}

.pr-84 {
  padding-right: 84px !important;
}

.pt-84 {
  padding-top: 84px !important;
}

.pb-84 {
  padding-bottom: 84px !important;
}

.p85 {
  padding: 85px;
}

.pl-85 {
  padding-left: 85px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.p86 {
  padding: 86px;
}

.pl-86 {
  padding-left: 86px !important;
}

.pr-86 {
  padding-right: 86px !important;
}

.pt-86 {
  padding-top: 86px !important;
}

.pb-86 {
  padding-bottom: 86px !important;
}

.p87 {
  padding: 87px;
}

.pl-87 {
  padding-left: 87px !important;
}

.pr-87 {
  padding-right: 87px !important;
}

.pt-87 {
  padding-top: 87px !important;
}

.pb-87 {
  padding-bottom: 87px !important;
}

.p88 {
  padding: 88px;
}

.pl-88 {
  padding-left: 88px !important;
}

.pr-88 {
  padding-right: 88px !important;
}

.pt-88 {
  padding-top: 88px !important;
}

.pb-88 {
  padding-bottom: 88px !important;
}

.p89 {
  padding: 89px;
}

.pl-89 {
  padding-left: 89px !important;
}

.pr-89 {
  padding-right: 89px !important;
}

.pt-89 {
  padding-top: 89px !important;
}

.pb-89 {
  padding-bottom: 89px !important;
}

.p90 {
  padding: 90px;
}

.pl-90 {
  padding-left: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.p91 {
  padding: 91px;
}

.pl-91 {
  padding-left: 91px !important;
}

.pr-91 {
  padding-right: 91px !important;
}

.pt-91 {
  padding-top: 91px !important;
}

.pb-91 {
  padding-bottom: 91px !important;
}

.p92 {
  padding: 92px;
}

.pl-92 {
  padding-left: 92px !important;
}

.pr-92 {
  padding-right: 92px !important;
}

.pt-92 {
  padding-top: 92px !important;
}

.pb-92 {
  padding-bottom: 92px !important;
}

.p93 {
  padding: 93px;
}

.pl-93 {
  padding-left: 93px !important;
}

.pr-93 {
  padding-right: 93px !important;
}

.pt-93 {
  padding-top: 93px !important;
}

.pb-93 {
  padding-bottom: 93px !important;
}

.p94 {
  padding: 94px;
}

.pl-94 {
  padding-left: 94px !important;
}

.pr-94 {
  padding-right: 94px !important;
}

.pt-94 {
  padding-top: 94px !important;
}

.pb-94 {
  padding-bottom: 94px !important;
}

.p95 {
  padding: 95px;
}

.pl-95 {
  padding-left: 95px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.p96 {
  padding: 96px;
}

.pl-96 {
  padding-left: 96px !important;
}

.pr-96 {
  padding-right: 96px !important;
}

.pt-96 {
  padding-top: 96px !important;
}

.pb-96 {
  padding-bottom: 96px !important;
}

.p97 {
  padding: 97px;
}

.pl-97 {
  padding-left: 97px !important;
}

.pr-97 {
  padding-right: 97px !important;
}

.pt-97 {
  padding-top: 97px !important;
}

.pb-97 {
  padding-bottom: 97px !important;
}

.p98 {
  padding: 98px;
}

.pl-98 {
  padding-left: 98px !important;
}

.pr-98 {
  padding-right: 98px !important;
}

.pt-98 {
  padding-top: 98px !important;
}

.pb-98 {
  padding-bottom: 98px !important;
}

.p99 {
  padding: 99px;
}

.pl-99 {
  padding-left: 99px !important;
}

.pr-99 {
  padding-right: 99px !important;
}

.pt-99 {
  padding-top: 99px !important;
}

.pb-99 {
  padding-bottom: 99px !important;
}

.p100 {
  padding: 100px;
}

.pl-100 {
  padding-left: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

/* =============================================================
font 가이드

============================================================= */
/*==============================================================
  MOBILE mixins
================================================================*/
/*=================================================================
	sub 
	공통 외 서브페이지 스타일 
	각 페이지는 page-pageName으로 class명 지정 하위에 스타일 작성
	ex) .page-myStudyRoom 
====================================================================*/
@font-face {
  font-family: "GangwonEduPowerExtraBoldA";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*==========
추후 이동 공통
============*/
.tab_typeB {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.tab_typeB > li > a, .tab_typeB > li > label, .tab_typeB > li > button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 30px;
  border-radius: 50px;
  border: 1px solid #b3b3b3;
  background: #fff;
  color: #b3b3b3;
  cursor: pointer;
}
.tab_typeB > li.on > a, .tab_typeB > li.on > label, .tab_typeB > li.on > button {
  border: 1px solid #121212;
  background: #121212;
  color: #fff;
}
.tab_typeB > li input[type=radio]:checked + label {
  border: 1px solid #121212;
  background: #121212;
  color: #fff;
}

.select-group {
  margin-top: 80px;
}
.select-group table {
  border: 1px solid #121212;
}
.select-group table tr {
  border-bottom: 1px solid #121212;
}
.select-group table tr:last-child {
  border-bottom: none;
}
.select-group table th {
  background-color: #0f3f71;
  color: #fff;
  border-right: 1px solid #121212;
}
.select-group table td {
  padding: 16px 20px;
}
.select-group-btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
.select-group-btns > .select_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px 7px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 17px;
  border: 1px solid #cccccc;
  background: #f5f5f5;
  font-size: 15px;
}
.select-group-btns > .select_btn.on {
  border: 1px solid #121212;
  background: #fff;
}
.select-group-btns > .select_btn.on .icon_check {
  background-image: url("/assets/renewal2024/img/icon/ico_select-green.png");
}

.state-label {
  display: inline-flex;
  min-width: 84px;
  padding: 4px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  background: #0f3f71;
  font-size: 14px;
  color: #fff;
}
.state-label.reject {
  background: #cccccc;
}
.state-label.requesting {
  background: #f04d69;
}

.icon_info_pink {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(/assets/renewal2024/img/icon/ico_info_pink.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  vertical-align: middle;
}

.btn-outline {
  display: inline-flex;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #121212;
  background-color: #fff;
  color: #121212;
}

.btn-outline-round {
  display: inline-flex;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #121212;
  background-color: #fff;
  color: #121212;
  height: 64px;
  padding: 0px 32px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 32px;
}

.btn-solid {
  display: inline-flex;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #00ab93;
  background-color: #00ab93;
  color: white;
}

.btn-outline-s {
  display: inline-flex;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #121212;
  background-color: #fff;
  color: #121212;
  font-size: 14px;
  padding: 4px 16px;
}

.btn-solid-s {
  display: inline-flex;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #333;
  background-color: #333;
  color: white;
  font-size: 14px;
  padding: 4px 16px;
  height: auto;
}

.btn-round {
  min-width: 160px;
  display: inline-flex;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #00ab93;
  background-color: #00ab93;
  color: #fff;
  height: 64px;
  padding: 0px 32px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 32px;
}

.teaching-download-btn {
  display: inline-flex;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #333;
  background-color: #333;
  color: white;
  padding: 4px 16px 5px 16px;
  font-size: 15px;
}
.teaching-download-btn > i {
  width: 18px;
  height: 18px;
}

.boxes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.boxes > .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 140px;
  padding: 0px 40px;
  flex: 1 0 0;
  border-radius: 10px;
  background-color: #fff;
}
.boxes > .box > p:nth-child(1) {
  font-weight: 700;
}
.boxes > .box span {
  font-size: 28px;
  font-weight: 700;
  color: #00ab93;
  vertical-align: bottom;
}
.boxes > .box > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.boxes > .box > div > div > p:nth-child(1) {
  font-weight: 700;
}
.boxes > .box > div > div:nth-child(1) {
  margin-bottom: 5px;
}

/*
    <div class="no-data no-homework">
        <img src="" alt="제출할 과제가 없습니다. 이미지"/>
        <p>제출할 과제가 없습니다.</p>
    </div>
*/
.no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.no-data .img-wrap {
  height: 78px;
  max-height: 78px !important;
}
.no-data .img-wrap > img {
  height: 100%;
  margin-bottom: 8px;
}
.no-data > p {
  text-align: center;
  font-size: 18px;
  color: #999999;
}

.popup-container {
  width: 100%;
  padding: 30px;
}

.popup-inner {
  width: 100%;
  max-width: 920px;
}

.horizontal-tbl {
  border-top: 2px solid #121212;
  border-bottom: 2px solid #121212;
}
.horizontal-tbl th {
  padding: 20px 0;
  background-color: #f0faf9;
  font-weight: 700;
}
.horizontal-tbl th span {
  color: var(--gray-Gray-600, #666);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
}
.horizontal-tbl td {
  padding: 20px;
}

.setting-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  padding: 4px 16px 5px 16px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background-color: #333333;
  font-size: 15px;
  color: #fff;
}

.course-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #121212;
  background-color: #fff;
}
.course-table > ul {
  display: flex;
}
.course-table > ul > li {
  border-right: 1px solid #121212;
}
.course-table > ul > li:nth-child(1) {
  width: 8%;
}
.course-table > ul > li:nth-child(2) {
  width: 11%;
}
.course-table > ul > li:nth-child(3) {
  width: 16%;
}
.course-table > ul > li:nth-child(4) {
  width: 25%;
}
.course-table > ul > li:last-child {
  flex: 1;
  border-radius: 0;
}
.course-table > ul > li::-webkit-scrollbar {
  width: 8px;
  height: 16px;
}
.course-table > ul > li::-webkit-scrollbar-track {
  background: #ebebeb;
}
.course-table > ul > li::-webkit-scrollbar-thumb {
  background: #008976;
}
.course-table > ul > li::-webkit-scrollbar-button {
  display: none;
}
.course-table-head > li {
  text-align: center;
  padding: 12px 20px;
  background-color: #0f3f71;
  color: #fff;
}
.course-table-body {
  height: 200px;
}
.course-table-body > li {
  overflow-y: scroll;
}
.course-table-body ul {
  padding: 16px 10px;
}
.course-table-body ul > li {
  cursor: pointer;
  padding: 8px 20px;
}
.course-table-body ul > li.on {
  background-color: #f0faf9;
  color: #00ab93;
}

.point {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 44px;
  padding: 2px 20px;
  gap: 8px;
  border-radius: 22px;
  background-color: #f5f5f5;
}
.point-total {
  font-size: 20px;
  font-weight: 700;
  color: #00ab93;
}
.point-cnt {
  font-size: 14px;
}

#lectBookModal .base-modal-container.medium {
  min-height: 520px;
}

.popup-lecBook {
  display: flex;
  gap: 40px;
}
.popup-lecBook_image {
  min-width: 320px;
}
.popup-lecBook_info {
  margin-top: 30px;
}
.popup-lecBook_info table tr {
  margin-bottom: 20px;
}
.popup-lecBook_info table th {
  position: relative;
  width: 100px;
  padding-left: 10px;
  text-align: left;
  font-weight: 700;
  padding-bottom: 20px;
  vertical-align: baseline;
}
.popup-lecBook_info table th::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: 12px;
  border-radius: 50%;
  background-color: #00ab93;
}
.popup-lecBook_info table td {
  padding-bottom: 20px;
}

.base-modal:has(.teaching-down-list) .base-modal-container.small {
  max-width: 480px;
  border-radius: 20px;
  border: none;
  min-height: auto;
}
.base-modal:has(.teaching-down-list) .base-modal-head {
  border-radius: 20px;
}
.base-modal:has(.teaching-down-list) .base-modal-head > h2 {
  font-size: 20px;
}
.base-modal:has(.teaching-down-list) .base-modal-body {
  max-height: 200px;
  overflow-y: auto;
}
.base-modal:has(.teaching-down-list) .base-modal-body::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
.base-modal:has(.teaching-down-list) .base-modal-body::-webkit-scrollbar::-webkit-scrollbar-track {
  background: #ebebeb;
}
.base-modal:has(.teaching-down-list) .base-modal-body::-webkit-scrollbar::-webkit-scrollbar-thumb {
  background: #008976;
}
.base-modal:has(.teaching-down-list) .base-modal-body::-webkit-scrollbar::-webkit-scrollbar-button {
  display: none;
}
.base-modal:has(.teaching-down-list) .base-modal-body-inner {
  padding: 0 20px 20px 20px !important;
}

.teaching-down-list > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-bottom: 1px dashed #dddddd;
  color: #666666;
}
.teaching-down-list > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 4px;
  border-radius: 50%;
  background-color: #292d37;
}

.info-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  color: #666666;
}

/*==========
//추후 이동 공통
============*/
/* 
	나의 공부방
*/
.page-myStudyRoom .page-section-top > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 21px;
}
.page-myStudyRoom .page-section-top > div #todayPlanBtn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  height: 44px;
  padding: 0px 20px;
  border-radius: 22px;
  border: 1px solid #00ab93;
  background: #fff;
}
.page-myStudyRoom .tab-contents {
  display: none;
  padding-top: 0;
}
.page-myStudyRoom .tab-contents.show {
  display: block;
}
.page-myStudyRoom .active {
  display: block;
}
.page-myStudyRoom .no-today-study {
  padding: 104px 16px;
  border-bottom: 1px solid #dddddd;
}
.page-myStudyRoom .homework {
  padding-top: 20px;
  border-top: 2px solid #121212;
}
.page-myStudyRoom .page-cont .page-section-top {
  display: block;
}
.page-myStudyRoom .page-cont .page-section-top > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
.page-myStudyRoom .page-cont .page-section-top > div:last-child {
  justify-content: space-between;
}
.page-myStudyRoom .page-cont .page-section-top > div.book-info {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 37px;
}
.page-myStudyRoom .page-cont .page-section-top > div.book-info::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 22px;
  background: url("/assets/renewal2024/img/sub/bg-perforation-line2.png") no-repeat 0 100%;
  background-size: 100%;
}
.page-myStudyRoom .page-cont .page-section-top > div.book-info > h4 {
  font-size: 20px;
  font-weight: 700;
  color: #121212;
  position: relative;
  padding-left: 15px;
  background: url("/assets/renewal2024/img/icon/ico_special.png") no-repeat 0% 50%;
}
.page-myStudyRoom .page-cont .page-section-top > div.flex-space ul.tab_typeB > li {
  display: flex;
  height: 44px;
}
.page-myStudyRoom .page-cont .page-section-cont #lessonTable td > p.color-gray500.mb-8:empty {
  margin-bottom: 0;
}
.page-myStudyRoom .page-cont .page-section-cont #lessonTable td i.icon_play {
  width: 40px;
  height: 40px;
}

.subjList_modal .base-modal-container.small {
  min-height: 360px;
}
.subjList_modal .base-modal-body-inner {
  max-height: 260px;
  overflow-y: auto;
}
.subjList_modal .list > .item:nth-child(2) {
  flex-basis: 120px;
}

.tab-cont-top,
.learning-title-info {
  padding-bottom: 25px;
  background: url("/assets/renewal2024/img/sub/bg-perforation-line.png") no-repeat 0 100%;
  background-size: 100%;
}
.tab-cont-top > ul,
.learning-title-info > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab-cont-top > ul > li > a,
.learning-title-info > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  font-weight: 700;
}
.tab-cont-top > ul > li > a > i,
.learning-title-info > ul > li > a > i {
  padding-right: 12px;
}
.tab-cont-top > ul > li > a > span,
.learning-title-info > ul > li > a > span {
  padding-left: 4px;
  font-weight: 400;
  color: #666666;
}

.study-list {
  margin-top: 30px;
}
.study-list > h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
}
.study-list .list-wrap:has(.tab-cont) {
  width: 100%;
  max-width: 1200px;
  height: 300px;
  margin: 0 auto;
  border: 1px solid #dddddd;
  background: #fff;
  overflow: auto;
}

.list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dddddd;
}
.list > .item {
  padding: 20px 0px;
  font-size: 14px;
  color: #666666;
}
.list > .item:nth-child(1), .list > .item:nth-child(2) {
  padding: 20px 30px;
  flex-basis: 470px;
}
.list > .item:nth-child(3) {
  flex-basis: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list > .item:nth-child(4) {
  flex-basis: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.lebel-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 9px;
}

.study-lesson-name {
  font-size: 22px;
  font-weight: 700;
}

.study-subject {
  font-size: 18px;
  font-weight: 700;
}

.teacher-name {
  margin: 6px 0 16px 0;
}

.tab-cont .list-wrap {
  width: 100%;
  max-width: 1200px;
  height: 300px;
  margin: 0 auto;
  border: 1px solid #dddddd;
  background: #fff;
  overflow: auto;
}

.calendar {
  border-top: 2px solid #121212;
}
.calendar-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 15px 0;
}
.calendar-title > a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar .week-title {
  margin-bottom: 0;
}
.calendar .week-title > h4 {
  font-size: 22px;
  font-weight: 700;
}
.calendar .month .base-select {
  min-width: 102px;
  width: 127px;
}
.calendar .month .base-select select {
  padding: 4px 16px;
  font-size: 22px;
  font-weight: 700;
}

.calendar-table thead th {
  height: 50px;
  border-right: 1px solid #dddddd;
  text-align: center;
  color: #666666;
}
.calendar-table thead th:last-child {
  border-right: none;
}
.calendar-table tbody tr {
  border-top: 1px solid #dddddd;
}
.calendar-table tbody tr td {
  padding: 12px 16px 20px 16px;
  border-right: 1px solid #dddddd;
  vertical-align: top;
}
.calendar-table tbody tr td:last-child {
  border-right: none;
}
.calendar-table tbody tr td.month_on {
  border: 2px solid #7138eb;
}
.calendar-table .day {
  color: #666666;
  margin-bottom: 10px;
}
.calendar-table .sat {
  color: #1698ed;
}
.calendar-table .today {
  border-bottom: 2px solid #00ab93;
}
.calendar-table .today > span {
  padding-left: 24px;
  font-weight: 700;
  color: #00ab93;
  background: url("/assets/renewal2024/img/icon/ico_verified_mint.png") no-repeat 0 50%;
  background-size: 18px;
}

.week-calendar-table .study-list td {
  padding: 0;
  border: none;
}
.week-calendar-table .study-list .list-wrap {
  max-width: 100%;
  height: auto;
  border: none;
}

.month-calendar-table .study-info {
  display: flex;
  padding: 10px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  border-radius: 10px;
  background: #f5f5f5;
  margin-bottom: 10px;
}
.month-calendar-table tbody > tr:last-child {
  border-bottom: 1px solid #dddddd;
}

.month_on {
  border: 2px solid;
}

.page-myStudyTaking .tab {
  position: absolute;
  top: -48px;
  width: 100%;
  max-width: 1280px;
}
.page-myStudyTaking .info-text {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #777777;
}
.page-myStudyTaking .filter-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-myStudyTaking .filter-wrap > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
}
.page-myStudyTaking .filter-wrap > div > p:first-child {
  position: relative;
}
.page-myStudyTaking .filter-wrap > div > p:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: -20px;
  width: 1px;
  height: 16px;
  background-color: #cccccc;
}
.page-myStudyTaking .base-table td:nth-child(1) {
  padding: 16px 20px 16px 0;
}
.page-myStudyTaking .lecture-thumb {
  border-radius: 20px;
  overflow: hidden;
  background: url("/assets/renewal2024/img/sub/lecture_thumb_bg.png") no-repeat 50% 50%;
  background-size: 100% 100%;
  height: 176px;
}
.page-myStudyTaking .lecture-thumb img {
  width: 164px;
  margin: 16px auto 0;
}
.page-myStudyTaking .no-data {
  margin: 100px 0;
}

.homework {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
.homework-deadline-box {
  flex-basis: 580px;
  height: 182px;
  flex-shrink: 0;
  border: 1px solid #dddddd;
  background-color: #fff;
}
.homework-deadline-box .no-homework {
  height: 100%;
}
.homework .deadline-cont-top {
  padding: 8px 0;
  border-bottom: 1px solid #dddddd;
  background: #f5f5f5;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.homework .deadline-cont-top > span {
  color: #f04d69;
  font-weight: 400;
}
.homework .deadline-cont-list {
  padding: 20px 0;
}
.homework .deadline-cont .study-info {
  padding: 0 60px;
}
.homework .deadline-cont .study-info > li {
  margin-bottom: 8px;
}
.homework .deadline-cont .study-info > li:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.homework .deadline-cont .study-info > li:nth-child(2) {
  font-size: 18px;
}
.homework .deadline-cont .study-info > li:nth-child(3) {
  font-size: 14px;
  color: #999999;
}
.homework .deadline-cont .homework-swiper .next-btn {
  background: url("/assets/renewal2024/img/icon/ico_slide_next.png") no-repeat 0 0;
  width: 32px;
  right: -1px;
}
.homework .deadline-cont .homework-swiper .prev-btn {
  background: url("/assets/renewal2024/img/icon/ico_slide_prev.png") no-repeat 0 0;
  width: 32px;
  left: -1px;
}
.homework-box {
  display: flex;
  gap: 20px;
}
.homework-box > div {
  width: 200px;
  height: 182px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  border-radius: 10px;
  background: #f0faf9;
}
.homework-box > div > p:nth-child(2) {
  color: #666666;
}
.homework-box > div > p:nth-child(2) > span {
  font-size: 52px;
  color: #00ab93;
}

.no_class > p {
  font-size: 18px;
  color: #999999;
  margin-bottom: 10px;
}
.no_class > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 64px;
  margin: 0 auto;
  gap: 6px;
  flex-shrink: 0;
  border-radius: 32px;
  background-color: #121212;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.today-study.study-list-none .list-wrap .no_class {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

/*나의 공부방 - 나의 수강강좌*/
.page-myStudyTakingDetail .tab {
  position: absolute;
  top: -48px;
  width: 100%;
  max-width: 1280px;
}
.page-myStudyTakingDetail .base-table {
  border-top: none;
}
.page-myStudyTakingDetail .base-table .lesson-title {
  border-top: 2px solid #121212;
  border-bottom: 2px solid #121212;
}
.page-myStudyTakingDetail #ideaLessonTbody td {
  padding: 16px 20px;
}
.page-myStudyTakingDetail #lectExam td {
  padding: 9px 20px;
}
.page-myStudyTakingDetail #lectExam td:nth-child(2) {
  padding: 9px 10px;
}
.page-myStudyTakingDetail .border_left {
  border-left: 1px solid #dddddd;
}

#lectExam .btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#lectExam .btn-group > span,
#lectExam .btn-group a {
  width: 50%;
}
#lectExam .btn-group > span {
  min-width: 100px;
  margin-right: 20px;
  color: #444444;
}

.page-myStudyTakingAll .tab {
  position: absolute;
  top: -48px;
  width: 100%;
  max-width: 1280px;
}
.page-myStudyTakingAll .sub-container .page-cont .page-section-top {
  display: block;
}
.page-myStudyTakingAll .sub-container .page-cont .page-section-top > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-myStudyTakingAll .sub-container .page-cont .page-section-top > div:last-child {
  justify-content: space-between;
}
.page-myStudyTakingAll .base-table th {
  padding: 16px 20px;
}
.page-myStudyTakingAll .book-info {
  padding-bottom: 25px;
  background: url("/assets/renewal2024/img/sub/bg-perforation-line.png") no-repeat 0 100%;
  background-size: 100%;
}
.page-myStudyTakingAll .book-info > h4 {
  position: relative;
  padding-left: 15px;
  margin-right: 24px;
  font-size: 20px;
  font-weight: 700;
  color: #121212;
  background: url("/assets/renewal2024/img/icon/ico_special.png") no-repeat 0% 50%;
}

/*나의 공부방 - 과제하기*/
.page-homeworkTotal .tab-cont-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 130px;
}
.page-homeworkTotal .tab-cont-top > p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  color: #666666;
}
.page-homeworkTotal .calendar-title {
  background-color: transparent;
}
.page-homeworkTotal .calendar-title .base-select {
  min-width: 127px;
}
.page-homeworkTotal .calendar-title .base-select select {
  padding: 4px 16px;
  font-size: 22px;
  font-weight: 700;
}
.page-homeworkTotal .calendar-title .base-select select option {
  font-size: 16px;
}
.page-homeworkTotal .homework {
  gap: 20px;
}
.page-homeworkTotal .icon_homework {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url(/assets/renewal2024/img/icon/ico_memo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  vertical-align: middle;
}
.page-homeworkTotal .homework-total-box {
  flex-basis: 540px;
  height: 182px;
  flex-shrink: 0;
  padding: 40px;
  border-radius: 10px;
  background-color: #00ab93;
  display: flex;
  justify-content: space-between;
}
.page-homeworkTotal .homework-total-box > p {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.page-homeworkTotal .homework-total-box > p > i {
  vertical-align: sub;
}
.page-homeworkTotal .homework-total-box > ul {
  flex: 1;
}
.page-homeworkTotal .homework-total-box > ul > li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-bottom: 6px;
}
.page-homeworkTotal .homework-total-box > ul > li > p {
  flex-basis: 80px;
  flex-shrink: 0;
  position: relative;
  font-weight: 700;
  color: #fff;
}
.page-homeworkTotal .homework-total-box > ul > li > p .dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #fff;
  vertical-align: middle;
}
.page-homeworkTotal .homework-total-box > ul > li > p:nth-child(2) {
  text-align: right;
}
.page-homeworkTotal .homework-box > div {
  background-color: #fff;
}
.page-homeworkTotal .homework_tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-homeworkTotal .list {
  border: 1px solid #dddddd;
  padding: 20px 30px;
  margin-bottom: 10px;
  gap: 30px;
}
.page-homeworkTotal .list .item:nth-child(1) {
  padding: 0;
  flex: 0;
}
.page-homeworkTotal .list .item:nth-child(1) > h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  background: url("/assets/renewal2024/img/sub/bg-paper.png") no-repeat 0 0;
  background-size: 100%;
  color: #777777;
  font-weight: 700;
}
.page-homeworkTotal .list .item:nth-child(2) {
  flex-basis: 750px;
  padding: 0;
}
.page-homeworkTotal .list .item:nth-child(2) .study-info li:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.page-homeworkTotal .list .item:nth-child(2) .study-info li:not(:last-child) {
  margin-bottom: 6px;
}
.page-homeworkTotal .list .item:nth-child(2) .study-info li.labels {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.page-homeworkTotal .list .item:nth-child(3) {
  flex-direction: column;
}
.page-homeworkTotal .list .item:nth-child(3) > p {
  margin-bottom: 8px;
}
.page-homeworkTotal .no-data {
  padding: 102px 0;
}
.page-homeworkTotal .goDetail {
  display: flex;
  width: 140px;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background-color: #00ab93;
  color: #fff;
}
.page-homeworkTotal .goDetail.view {
  background-color: #333333;
}

.page-homeworkDetail .list {
  border: 1px solid #dddddd;
  padding: 20px 30px;
  justify-content: flex-start;
}
.page-homeworkDetail .list .item:nth-child(1) {
  flex: 0;
  padding: 0;
}
.page-homeworkDetail .list .item:nth-child(1) > h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  background: url("/assets/renewal2024/img/sub/bg-paper.png") no-repeat 0 0;
  background-size: 100%;
  color: #777777;
  font-weight: 700;
}
.page-homeworkDetail .list .item:nth-child(2) {
  flex-basis: 750px;
  flex: 1;
  padding-left: 30px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.page-homeworkDetail .list .item:nth-child(2) .study-info > li:not(:last-child) {
  margin-bottom: 6px;
}
.page-homeworkDetail .list .item:nth-child(2) .study-info > li:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.page-homeworkDetail .list .item:nth-child(2) .study-info > li:nth-child(2) {
  font-size: 22px;
}
.page-homeworkDetail .list .item:nth-child(2) .study-info > li:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.page-homeworkDetail .list .item:nth-child(2) .study-info > li:nth-child(3) > p {
  font-weight: 700;
}
.page-homeworkDetail .list .item:nth-child(2) .study-info > li:nth-child(3) > p > span {
  font-weight: 400;
  color: #666666;
}
.page-homeworkDetail .list .item:nth-child(3) {
  flex-direction: column;
  gap: 8px;
  padding: 0;
}
.page-homeworkDetail .homework-submit-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  padding: 16px 0px;
  background-color: #f5f5f5;
}
.page-homeworkDetail .homework-submit-info > div:nth-child(1) {
  min-width: 780px;
  padding: 0 20px;
}
.page-homeworkDetail .homework-submit-info > div:nth-child(1) > div {
  width: 100%;
  height: 120px;
  resize: none;
  padding: 20px 30px;
  text-align: left;
  border: 1px solid #dddddd;
  background-color: #fff;
}
.page-homeworkDetail .homework-submit-info .attachment {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
}
.page-homeworkDetail .homework-submit-info .attachment > div p:nth-child(1) {
  font-weight: 700;
}
.page-homeworkDetail .homework-submit-info .attachment > a {
  display: block;
  width: 44px;
  height: 44px;
}
.page-homeworkDetail .homework-submit-file {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #dddddd;
  padding: 16px 0px;
}
.page-homeworkDetail .homework-submit-file > li {
  padding: 0 20px;
}
.page-homeworkDetail .homework-submit-file > li:nth-child(1) {
  width: 150px;
}
.page-homeworkDetail .homework-submit-file > li:nth-child(2) {
  flex-grow: 1;
}
.page-homeworkDetail .homework-submit-file > li:nth-child(3) > a {
  width: 140px;
}
.page-homeworkDetail .homework-submit-file .upload-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 328px;
  height: 34px;
  padding: 6px 135px 6px 16px;
  flex-shrink: 0;
  border-radius: 17px;
  background: #cceee9;
}
.page-homeworkDetail .homework-submit-file .upload-list > li {
  font-size: 14px;
}
.page-homeworkDetail .homework-submit-file .attatch-file {
  position: relative;
}
.page-homeworkDetail .homework-submit-file .attatch-file > input {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  padding: 9px 16px;
  border-radius: 8px;
  border: 1px solid #cccccc;
  background: #f5f5f5;
}
.page-homeworkDetail .homework-submit-file .attatch-file > a {
  position: absolute;
  top: 0;
  right: 16px;
  width: 44px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page-homeworkDetail .homework-exam-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 0px;
  background-color: #f5f5f5;
}
.page-homeworkDetail .homework-exam-list > div {
  padding: 0 20px;
}
.page-homeworkDetail .homework-exam-list > div:nth-child(3) {
  margin-right: auto;
}
.page-homeworkDetail .homework-exam-list .btn-outline:has(.icon_file_s) {
  width: 140px;
}
.page-homeworkDetail .homework-exam-list .btn-solid:has(.icon_edit_s) {
  margin: 0 30px;
}
.page-homeworkDetail .homework-exam-list .point {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 44px;
  padding: 2px 20px;
  gap: 8px;
  border-radius: 22px;
  background-color: #fff;
}
.page-homeworkDetail .homework-exam-list .point-total {
  font-size: 20px;
  font-weight: 700;
  color: #00ab93;
}
.page-homeworkDetail .homework-exam-list .point-cnt {
  font-size: 14px;
}
.page-homeworkDetail .homework-video-title > div:nth-child(3) {
  margin-left: auto;
  margin-right: 0;
}
.page-homeworkDetail .homework-video-list tr {
  border-bottom: 1px solid #dddddd;
}
.page-homeworkDetail .homework-video-list tr td {
  padding: 16px 20px;
  text-align: center;
}
.page-homeworkDetail .homework-video-list tr td:nth-child(1), .page-homeworkDetail .homework-video-list tr td:nth-child(2) {
  text-align: left;
}
.page-homeworkDetail .homework-video-list .btn-play-disabled {
  pointer-events: none;
}
.page-homeworkDetail .homework-video-list table tr td > a i.icon_download {
  width: 18px;
  height: 18px;
}

.page-myDailyStudyStatus .sub-container .page-cont .page-section-cont {
  padding-top: 0;
  border-top: none;
}
.page-myDailyStudyStatus .calendar-title > h4 {
  font-size: 22px;
  font-weight: 700;
}

#datepicker {
  display: none;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-radius: 0;
}

.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget input {
  font-family: "Noto Sans KR", sans-serif;
}

.ui-priority-secondary {
  opacity: 1;
}

.datepicker-wrap {
  position: relative;
  display: flex;
}
.datepicker-wrap button.ui-datepicker-trigger {
  display: flex;
  width: 24px;
  height: 24px;
}

#ui-datepicker-div {
  z-index: 3 !important;
  top: 460px !important;
  left: 45.5% !important;
  width: 328px;
}
#ui-datepicker-div.ui-widget-content {
  border: 1px solid #00ab93;
}
#ui-datepicker-div.ui-datepicker {
  padding: 0;
}
#ui-datepicker-div.ui-corner-all, #ui-datepicker-div.ui-corner-bottom, #ui-datepicker-div.ui-corner-right, #ui-datepicker-div.ui-corner-br {
  border-radius: 8px;
}
#ui-datepicker-div .ui-datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0px 16px;
  border-radius: 8px 8px 0 0;
  background: #f5f5f5;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  top: 50%;
  left: 16px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.62046 9.0912L11.7333 14.4957C11.9282 14.6072 12.1491 14.6661 12.3742 14.6667C12.5993 14.6674 12.8206 14.6096 13.0161 14.4993C13.2116 14.3889 13.3746 14.2298 13.4887 14.0378C13.6028 13.8457 13.6642 13.6274 13.6667 13.4046V2.59555C13.6642 2.37273 13.6028 2.15444 13.4887 1.96239C13.3746 1.77034 13.2116 1.61122 13.0161 1.50088C12.8206 1.39053 12.5993 1.3328 12.3742 1.33342C12.1491 1.33404 11.9282 1.393 11.7333 1.50443L2.62046 6.90897C2.43105 7.02272 2.27446 7.18288 2.16578 7.374C2.05709 7.56512 2 7.78075 2 8.00008C2 8.21941 2.05709 8.43504 2.16578 8.62616C2.27446 8.81728 2.43105 8.97745 2.62046 9.0912Z' fill='%23121212'/%3E%3C/svg%3E") no-repeat 50% 50%;
  transform: translateY(-50%);
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3795 9.0912L4.26674 14.4957C4.07184 14.6072 3.85087 14.6661 3.6258 14.6667C3.40074 14.6674 3.17944 14.6096 2.98391 14.4993C2.78838 14.3889 2.62544 14.2298 2.5113 14.0378C2.39717 13.8457 2.33581 13.6274 2.33333 13.4046V2.59555C2.33581 2.37273 2.39717 2.15444 2.5113 1.96239C2.62544 1.77034 2.78838 1.61122 2.98391 1.50088C3.17944 1.39053 3.40074 1.3328 3.6258 1.33342C3.85087 1.33404 4.07184 1.393 4.26674 1.50443L13.3795 6.90897C13.5689 7.02272 13.7255 7.18288 13.8342 7.374C13.9429 7.56512 14 7.78075 14 8.00008C14 8.21941 13.9429 8.43504 13.8342 8.62616C13.7255 8.81728 13.5689 8.97745 13.3795 9.0912Z' fill='%23121212'/%3E%3C/svg%3E") no-repeat 50% 50%;
  transform: translateY(-50%);
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 152px;
  height: 100%;
  margin: 0;
  line-height: 160%;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  position: relative;
  margin: 0;
  border: none;
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M16.5009 4.93394C16.5009 5.19389 16.4009 5.45384 16.2042 5.6538L9.22089 12.6192C8.82423 13.0158 8.17756 13.0158 7.78089 12.6192L0.797561 5.65047C0.400894 5.25388 0.400894 4.61066 0.797561 4.21407C1.19423 3.81748 1.84089 3.81748 2.23756 4.21407L8.50089 10.4629L14.7642 4.21407C15.1609 3.81748 15.8076 3.81748 16.2042 4.21407C16.4042 4.41403 16.5009 4.67399 16.5009 4.93394Z' fill='%23121212'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {
  width: 70px;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
  width: 44px;
}
#ui-datepicker-div .ui-datepicker-calendar {
  margin: 6px 0;
  font-size: 1rem;
}
#ui-datepicker-div .ui-datepicker-calendar th {
  padding: 5px 16px;
  font-weight: 700;
  color: #121212;
}
#ui-datepicker-div .ui-datepicker-calendar td {
  width: 46px;
  height: 46px;
  padding: 0;
  color: #121212;
}
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled {
  color: #cccccc;
  opacity: 1;
}
#ui-datepicker-div .ui-datepicker-calendar td .ui-state-default {
  border: 0;
  padding: 0;
  background: #fff;
  font-weight: 400;
  text-align: center;
  color: inherit;
  line-height: 46px;
}
#ui-datepicker-div .ui-datepicker-calendar td .ui-state-active {
  width: 100%;
  height: 100%;
  border-radius: 23px;
  border: none;
  background: #00ab93;
  font-weight: 700;
  color: #fff;
}
#ui-datepicker-div .ui-datepicker-calendar td .ui-state-highlight {
  width: 100%;
  height: 100%;
  border-radius: 23px;
  border: 1px solid #00ab93;
  background: #fff;
  font-weight: 700;
  color: #00ab93;
}
#ui-datepicker-div .ui-widget-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0px 0px 8px 8px;
  border: 0;
  background: #f5f5f5;
}
#ui-datepicker-div .ui-widget-content.ui-datepicker-buttonpane {
  margin: 0;
  padding: 7px 16px;
}
#ui-datepicker-div .ui-widget-content.ui-datepicker-buttonpane button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1rem;
}
#ui-datepicker-div .ui-widget-content.ui-datepicker-buttonpane button.ui-datepicker-current {
  color: #666666;
  float: auto;
}
#ui-datepicker-div .ui-widget-content.ui-datepicker-buttonpane button.ui-datepicker-close {
  font-weight: 700;
  color: #121212;
}

.learning-status-table {
  position: relative;
}
.learning-status-table table {
  border-top: 2px solid #121212;
}
.learning-status-table table thead {
  border-bottom: 1px solid #121212;
}
.learning-status-table table thead tr:first-child {
  border-bottom: 1px solid #121212;
}
.learning-status-table table thead th {
  font-weight: 700;
}
.learning-status-table table thead th.highest {
  background: #cceee9;
}
.learning-status-table table tbody > tr {
  border-bottom: 1px solid #dddddd;
}
.learning-status-table table tbody > tr > td:nth-child(odd) {
  border-right: 1px dashed #dddddd;
}
.learning-status-table table tbody > tr > td:first-child {
  border-right: none;
}
.learning-status-table table tbody > tr td.highest {
  background: #cceee9;
}
.learning-status-table table th,
.learning-status-table table td {
  padding: 15px 0;
  text-align: center;
  position: relative;
}
.learning-status-table .info-desc {
  display: none;
  position: absolute;
  bottom: -45%;
  left: 70px;
  min-width: 266px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 16px 0;
  border-radius: 15px;
  border: 1px solid #121212;
  background-color: #fff;
  z-index: -1;
}
.learning-status-table .tooltip-btn {
  position: static;
}
.learning-status-table .tooltip-btn.on .info-desc {
  display: inline-flex;
  z-index: 1;
}
.learning-status-table .bg-korean {
  background-color: #fdf5d0;
}
.learning-status-table .bg-english {
  background-color: #ccebee;
}
.learning-status-table .bg-math {
  background-color: #e3d7fb;
}
.learning-status-table .bg-science {
  background-color: #d0eafb;
}
.learning-status-table .bg-society {
  background-color: #e2f2da;
}
.learning-status-table .bg-history {
  background-color: #ffe9dc;
}

.page-myUnitTestStatus .sub-container .tab-cont {
  padding: 40px 60px;
}
.page-myUnitTestStatus .select-group {
  margin-top: 20px;
}
.page-myUnitTestStatus .page-section-cont {
  border-top: 2px solid #121212;
}
.page-myUnitTestStatus .chart-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 10px 18px;
  gap: 20px;
}
.page-myUnitTestStatus .chart-top > li {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding-left: 14px;
}
.page-myUnitTestStatus .chart-top > li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cccccc;
  transform: translate(-50%, -50%);
}
.page-myUnitTestStatus .chart-top > li:first-child::after {
  background-color: #00ab93;
}

.page-myMonthlyStudyStatus .total-status .box p:nth-child(1),
.page-myChildInfo .total-status .box p:nth-child(1) {
  font-weight: 700;
}
.page-myMonthlyStudyStatus .total-status .box span,
.page-myChildInfo .total-status .box span {
  font-size: 28px;
  font-weight: 700;
  color: #00ab93;
  vertical-align: bottom;
}
.page-myMonthlyStudyStatus .total-status .box > div > div,
.page-myChildInfo .total-status .box > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.page-myMonthlyStudyStatus .total-status .box > div > div > p:nth-child(1),
.page-myChildInfo .total-status .box > div > div > p:nth-child(1) {
  font-weight: 700;
}
.page-myMonthlyStudyStatus .total-status .box > div > div:nth-child(1),
.page-myChildInfo .total-status .box > div > div:nth-child(1) {
  margin-bottom: 5px;
}
.page-myMonthlyStudyStatus .calendar-title,
.page-myChildInfo .calendar-title {
  background-color: transparent;
}
.page-myMonthlyStudyStatus .sub-container .page-cont .page-section-cont,
.page-myChildInfo .sub-container .page-cont .page-section-cont {
  padding-top: 0;
}
.page-myMonthlyStudyStatus .compare-average-score .page-section-top,
.page-myChildInfo .compare-average-score .page-section-top {
  display: block;
}
.page-myMonthlyStudyStatus .compare-average-score-box,
.page-myChildInfo .compare-average-score-box {
  display: flex;
  gap: 17px;
  margin-top: 26px;
}
.page-myMonthlyStudyStatus .compare-average-score-box > div,
.page-myChildInfo .compare-average-score-box > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 140px;
  padding: 0px 40px;
  flex: 1 0 0;
  border-radius: 10px;
  background-color: #fff;
  min-height: 100px;
  gap: 40px;
}
.page-myMonthlyStudyStatus .compare-average-score-box > div > p,
.page-myChildInfo .compare-average-score-box > div > p {
  margin-right: auto;
  font-weight: 700;
}
.page-myMonthlyStudyStatus .compare-average-score-box > div > div,
.page-myChildInfo .compare-average-score-box > div > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-myMonthlyStudyStatus .compare-average-score-box > div > div > p:nth-child(1),
.page-myChildInfo .compare-average-score-box > div > div > p:nth-child(1) {
  margin-right: 20px;
}
.page-myMonthlyStudyStatus .compare-average-score-box > div > div span,
.page-myChildInfo .compare-average-score-box > div > div span {
  font-size: 28px;
  font-weight: 700;
  vertical-align: bottom;
}
.page-myMonthlyStudyStatus .compare-average-score-box > div:nth-child(1),
.page-myChildInfo .compare-average-score-box > div:nth-child(1) {
  background-color: #f5f5f5;
}
.page-myMonthlyStudyStatus .compare-average-score-box > div:nth-child(2),
.page-myChildInfo .compare-average-score-box > div:nth-child(2) {
  background-color: #f0faf9;
}
.page-myMonthlyStudyStatus .base-select,
.page-myChildInfo .base-select {
  min-width: 0;
  height: 42px;
}
.page-myMonthlyStudyStatus .base-select.year-select,
.page-myChildInfo .base-select.year-select {
  width: 126px;
}
.page-myMonthlyStudyStatus .base-select.month-select,
.page-myChildInfo .base-select.month-select {
  width: 102px;
}
.page-myMonthlyStudyStatus .base-select select.select-box#selectYear, .page-myMonthlyStudyStatus .base-select select.select-box#selectMonth,
.page-myChildInfo .base-select select.select-box#selectYear,
.page-myChildInfo .base-select select.select-box#selectMonth {
  padding: 2px 16px;
  font-weight: 700;
  font-size: 22px;
}
.page-myMonthlyStudyStatus .base-select select.select-box#selectYear option, .page-myMonthlyStudyStatus .base-select select.select-box#selectMonth option,
.page-myChildInfo .base-select select.select-box#selectYear option,
.page-myChildInfo .base-select select.select-box#selectMonth option {
  font-size: 16px;
}
.page-myMonthlyStudyStatus .base-select.child-select,
.page-myChildInfo .base-select.child-select {
  width: 200px;
}

.daily-learning-time .chart_column,
.subject-learning-time .chart_column,
.compare-average-score .chart_column {
  position: relative;
  height: 390px;
  padding: 6px 0;
  border-top: 2px solid #121212;
}
.daily-learning-time .chart_column > p,
.subject-learning-time .chart_column > p,
.compare-average-score .chart_column > p {
  padding: 0 8px;
  font-size: 11px;
  color: #777777;
}
.daily-learning-time .chart_column .chart,
.daily-learning-time .chart_column .chart_bg,
.subject-learning-time .chart_column .chart,
.subject-learning-time .chart_column .chart_bg,
.compare-average-score .chart_column .chart,
.compare-average-score .chart_column .chart_bg {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 8px;
}
.daily-learning-time .chart_column .chart_bg ul,
.subject-learning-time .chart_column .chart_bg ul,
.compare-average-score .chart_column .chart_bg ul {
  padding-left: 0;
}
.daily-learning-time .chart_column .chart_bg ul li,
.subject-learning-time .chart_column .chart_bg ul li,
.compare-average-score .chart_column .chart_bg ul li {
  position: relative;
  margin-left: 50px;
  margin-bottom: 110px;
  border-bottom: 1px dotted #dddddd;
}
.daily-learning-time .chart_column .chart ul,
.subject-learning-time .chart_column .chart ul,
.compare-average-score .chart_column .chart ul {
  padding-left: 50px;
  text-align: center;
  font-size: 0;
}
.daily-learning-time .chart_column .chart ul li,
.subject-learning-time .chart_column .chart ul li,
.compare-average-score .chart_column .chart ul li {
  display: inline-block;
}
.daily-learning-time .chart_column .chart ul li .bar div:first-of-type,
.subject-learning-time .chart_column .chart ul li .bar div:first-of-type,
.compare-average-score .chart_column .chart ul li .bar div:first-of-type {
  background-color: #00ab93;
}
.daily-learning-time .chart_column .chart ul li .bar,
.subject-learning-time .chart_column .chart ul li .bar,
.compare-average-score .chart_column .chart ul li .bar {
  position: relative;
  display: inline-block;
  width: 50px;
}
.daily-learning-time .chart_column .chart ul li .bar > div,
.subject-learning-time .chart_column .chart ul li .bar > div,
.compare-average-score .chart_column .chart ul li .bar > div {
  width: 20px;
  border-radius: 10px 10px 0 0;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #cccccc;
}
.daily-learning-time .chart_top,
.subject-learning-time .chart_top,
.compare-average-score .chart_top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 8px;
}
.daily-learning-time .chart_top > li,
.subject-learning-time .chart_top > li,
.compare-average-score .chart_top > li {
  font-size: 14px;
}
.daily-learning-time .chart_top > li > span,
.subject-learning-time .chart_top > li > span,
.compare-average-score .chart_top > li > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  border-radius: 50%;
  background-color: #cccccc;
}
.daily-learning-time .chart_top > li:nth-child(1),
.subject-learning-time .chart_top > li:nth-child(1),
.compare-average-score .chart_top > li:nth-child(1) {
  margin-right: 20px;
}
.daily-learning-time .chart_top > li:nth-child(1) > span,
.subject-learning-time .chart_top > li:nth-child(1) > span,
.compare-average-score .chart_top > li:nth-child(1) > span {
  background-color: #00ab93;
}
.daily-learning-time .chart_column .chart ul li p,
.subject-learning-time .chart_column .chart ul li p,
.compare-average-score .chart_column .chart ul li p {
  margin-top: 20px;
  color: #777777;
  font-size: 11px;
}
.daily-learning-time .chart_column.study-time-subject .chart ul li .bar div > p,
.subject-learning-time .chart_column.study-time-subject .chart ul li .bar div > p,
.compare-average-score .chart_column.study-time-subject .chart ul li .bar div > p {
  position: absolute;
  bottom: 20px;
  left: 50%;
  min-width: 111px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  flex-direction: column;
  flex-shrink: 0;
  padding: 4px 0;
  text-align: center;
  transform: translateX(-50%);
  font-size: 14px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #121212;
  border-radius: 15px;
  z-index: 1;
}

.chart-cont.daily-learning-time {
  height: 310px;
}
.chart-cont.daily-learning-time > div {
  height: 100%;
}
.chart-cont.daily-learning-time .chart_column {
  height: 100%;
  padding: 0;
}
.chart-cont.daily-learning-time .chart_column > p {
  padding: 6px 8px 0;
}
.chart-cont.daily-learning-time .chart_column .chart_bg,
.chart-cont.daily-learning-time .chart_column .chart {
  height: calc(100% - 36px);
  padding: 0;
}
.chart-cont.daily-learning-time .chart_column .chart_bg {
  position: absolute;
  display: flex;
  justify-content: flex-end;
}
.chart-cont.daily-learning-time .chart_column .chart_bg > ul {
  width: calc(100% - 36px);
  height: 100%;
  border-bottom: 1px solid #121212;
}
.chart-cont.daily-learning-time .chart_column .chart_bg > ul li {
  position: relative;
  height: 50%;
  margin: 0;
  border-top: 1px dashed #dddddd;
  border-bottom: 0;
}
.chart-cont.daily-learning-time .chart_column .chart_bg > ul li > span {
  position: absolute;
  top: -13px;
  left: -28px;
  font-size: 11px;
  color: #777777;
}
.chart-cont.daily-learning-time .chart_column .chart {
  display: flex;
  justify-content: flex-end;
}
.chart-cont.daily-learning-time .chart_column .chart > ul {
  display: flex;
  width: calc(100% - 36px);
  height: 100%;
  padding-left: 0;
}
.chart-cont.daily-learning-time .chart_column .chart > ul li {
  height: 100%;
}
.chart-cont.daily-learning-time .chart_column .chart > ul li .bar {
  width: 100%;
}
.chart-cont.daily-learning-time .chart_column .chart > ul li .bar > div {
  left: 50%;
  transform: translateX(-50%);
}
.chart-cont.daily-learning-time .chart_column .chart > ul li > p {
  margin-top: 0;
}
.chart-cont.subject-learning-time, .chart-cont.total-average-compare {
  height: 100%;
  max-height: 315px;
}
.chart-cont.subject-learning-time > div, .chart-cont.total-average-compare > div {
  max-height: 315px;
}
.chart-cont.subject-learning-time > div .chart_column, .chart-cont.total-average-compare > div .chart_column {
  height: 315px;
  padding: 0;
}
.chart-cont.subject-learning-time > div .chart_column > p, .chart-cont.total-average-compare > div .chart_column > p {
  padding: 6px 8px 0;
}
.chart-cont.subject-learning-time > div .chart_column .chart_bg, .chart-cont.total-average-compare > div .chart_column .chart_bg {
  display: flex;
  justify-content: flex-end;
  height: calc(100% - 58px);
  padding: 0;
}
.chart-cont.subject-learning-time > div .chart_column .chart_bg ul, .chart-cont.total-average-compare > div .chart_column .chart_bg ul {
  width: calc(100% - 58px);
  height: 100%;
  border-bottom: 1px solid #121212;
}
.chart-cont.subject-learning-time > div .chart_column .chart_bg ul li, .chart-cont.total-average-compare > div .chart_column .chart_bg ul li {
  position: relative;
  height: 50%;
  margin: 0;
  border-top: 1px dashed #dddddd;
  border-bottom: 0;
}
.chart-cont.subject-learning-time > div .chart_column .chart_bg ul li > span, .chart-cont.total-average-compare > div .chart_column .chart_bg ul li > span {
  position: absolute;
  top: -8px;
  left: -34px;
  font-size: 11px;
  color: #777777;
  line-height: normal;
}
.chart-cont.subject-learning-time > div .chart_column .chart_bg ul li > span.time, .chart-cont.total-average-compare > div .chart_column .chart_bg ul li > span.time {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.chart-cont.subject-learning-time > div .chart_column .chart_bg ul li > span.time > span, .chart-cont.total-average-compare > div .chart_column .chart_bg ul li > span.time > span {
  display: block;
}
.chart-cont.subject-learning-time > div .chart_column .chart, .chart-cont.total-average-compare > div .chart_column .chart {
  height: calc(100% - 58px);
  padding: 0;
}
.chart-cont.subject-learning-time > div .chart_column .chart ul, .chart-cont.total-average-compare > div .chart_column .chart ul {
  display: flex;
}
.chart-cont.subject-learning-time > div .chart_column .chart ul li, .chart-cont.total-average-compare > div .chart_column .chart ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.chart-cont.subject-learning-time > div .chart_column .chart ul li .bar, .chart-cont.total-average-compare > div .chart_column .chart ul li .bar {
  display: flex;
  justify-content: center;
  align-items: end;
}
.chart-cont.subject-learning-time > div .chart_column .chart ul li .bar > div, .chart-cont.total-average-compare > div .chart_column .chart ul li .bar > div {
  position: unset;
}
.chart-cont.subject-learning-time > div .chart_column .chart ul li .bar > div:first-child, .chart-cont.total-average-compare > div .chart_column .chart ul li .bar > div:first-child {
  margin-right: 10px;
}
.chart-cont.subject-learning-time > div .chart_column .chart ul li .bar > div p, .chart-cont.total-average-compare > div .chart_column .chart ul li .bar > div p {
  margin-top: 0;
  color: #121212;
}
.chart-cont.subject-learning-time > div .chart_column .chart ul li > p, .chart-cont.total-average-compare > div .chart_column .chart ul li > p {
  margin-top: 6px;
}
.chart-cont.total-average-compare > div .chart_column .chart_bg ul {
  width: calc(100% - 42px);
}
.chart-cont.total-average-compare > div .chart_column .chart_bg ul li > span {
  top: -11px;
  line-height: normal;
}

.page-myChildInfo .tab-cont-top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.page-myChildInfo .tab-cont-top.info {
  justify-content: space-between;
}
.page-myChildInfo .tab-cont-top > h3 {
  font-size: 22px;
  font-weight: 900;
}
.page-myChildInfo .tab-cont-top > ul {
  gap: 50px;
}
.page-myChildInfo .tab-cont-top > ul > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.page-myChildInfo .tab-cont-top > ul > li > p:nth-child(2) {
  font-size: 18px;
  font-weight: 700;
  color: #777777;
}
.page-myChildInfo .tab-cont-top > ul > li > p:nth-child(2) > span {
  font-size: 28px;
  color: #00ab93;
  vertical-align: bottom;
}
.page-myChildInfo .tab-cont-top button {
  display: inline-flex;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #333;
  background-color: #333;
  color: white;
}
.page-myChildInfo .list > .item:nth-child(1) {
  flex-basis: 280px;
}
.page-myChildInfo .list > .item:nth-child(3) {
  flex-direction: column;
}
.page-myChildInfo .page-section .tab-cont {
  background: none;
  border: none;
}
.page-myChildInfo .box {
  background-color: #f5f5f5;
}
.page-myChildInfo .child-study-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 20px;
  background-color: #f0faf9;
}
.page-myChildInfo .child-study-info > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-myChildInfo .child-study-info > div > p {
  font-size: 18px;
}
.page-myChildInfo .child-study-info > div > p > span {
  margin-right: 16px;
  font-size: 16px;
  color: #666666;
}
.page-myChildInfo .sec-child-study-sttus .tab-cont {
  margin-bottom: 100px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dddddd;
}

.page-gradeProduct {
  min-width: auto;
}
.page-gradeProduct .study-set:nth-child(1) {
  margin-bottom: 80px;
}
.page-gradeProduct .study-set-title {
  margin-bottom: 20px;
}
.page-gradeProduct .study-set-title > h3 {
  font-size: 24px;
  font-weight: 700;
  color: #121212;
  margin-bottom: 6px;
}
.page-gradeProduct .publisher-set-top {
  margin-bottom: 40px;
}
.page-gradeProduct .publisher-set-top .grade-select {
  display: inline-block;
  margin-right: 12px;
  cursor: pointer;
}
.page-gradeProduct .publisher-set-top .grade-select input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.page-gradeProduct .publisher-set-top .grade-select input[type=radio] + label {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #777777;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px 7px 16px;
  gap: 4px;
  border-radius: 17px;
  border: 1px solid #cccccc;
  background: #f5f5f5;
  font-size: 15px;
  color: #777777;
  cursor: pointer;
}
.page-gradeProduct .publisher-set-top .grade-select input[type=radio]:checked + label {
  border: 1px solid #121212;
  background: #fff;
  color: #121212;
}
.page-gradeProduct .publisher-set-top .grade-select input[type=radio]:checked + label .icon_check {
  background-image: url("/assets/renewal2024/img/icon/ico_select-green.png");
}
.page-gradeProduct .publisher-set-cont tr {
  border-bottom: 1px solid #dddddd;
}
.page-gradeProduct .publisher-set-cont tr td {
  padding: 0;
}
.page-gradeProduct .publisher-set-cont .tab {
  display: inline-flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 20px 20px 0px 0px;
  background: #0f3f71;
  mix-blend-mode: darken;
}
.page-gradeProduct .publisher-set-cont .tab > p {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.page-gradeProduct .textbook-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  padding: 20px;
  overflow-x: auto;
  height: 275px;
  overflow-y: hidden;
}
.page-gradeProduct .textbook-list.base-scrollbar::-webkit-scrollbar {
  height: 16px;
}
.page-gradeProduct .textbook-list > .textbook {
  position: relative;
  width: 120px;
  height: 161px;
  flex-shrink: 0;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s;
}
.page-gradeProduct .textbook-list > .textbook .textbook-radiobox {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-gradeProduct .textbook-list > .textbook .textbook-radiobox input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.page-gradeProduct .textbook-list > .textbook .textbook-radiobox .textbook-content {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.page-gradeProduct .textbook-list > .textbook .textbook-radiobox .textbook-content .check-icon {
  z-index: 10;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  pointer-events: none;
}
.page-gradeProduct .textbook-list > .textbook .textbook-radiobox input[type=radio]:checked + .textbook-content .textbook-title {
  color: #00ab93;
  font-weight: 700;
}
.page-gradeProduct .textbook-list > .textbook .textbook-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #666666;
}
.page-gradeProduct .textbook-list > .textbook .textbook-image img {
  height: 100%;
  pointer-events: none;
}
.page-gradeProduct .textbook-list > .textbook .textbook-title {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 2px 4px 4px 4px;
  color: #666666;
  transition: all 0.2s;
  font-size: 14px;
}
.page-gradeProduct .study-set-cont tr {
  border-bottom: 1px solid #dddddd;
}
.page-gradeProduct .study-set-cont .study-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.page-gradeProduct .study-set-cont .study-list > li {
  width: 50%;
  margin-bottom: 20px;
}

/* 팝업 */
.popup-childFindForm .base-modal-container.small {
  height: auto;
}
.popup-childFindForm .base-modal-footer {
  position: static;
}
.popup-childFindForm ul {
  margin: 30px 0;
  padding: 20px 0;
  border-top: 1px solid #121212;
  border-bottom: 1px solid #121212;
}
.popup-childFindForm ul > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popup-childFindForm ul > li:first-child {
  margin-bottom: 10px;
}
.popup-childFindForm ul > li > p:first-child {
  flex-basis: 150px;
  padding-left: 10px;
  font-weight: bold;
}
.popup-childFindForm ul > li > p:last-child {
  flex: 1;
}
.popup-childFindForm ul > li > p:last-child > input {
  width: 100%;
}
.popup-childFindForm .info-desc {
  display: flex;
  align-items: baseline;
}
.popup-childFindForm .info-desc > i {
  margin-top: 6px;
}

/*=================================
문제은행
=====================================*/
.test-bank .tab-cont {
  margin-bottom: 0;
}
.test-bank .cont-box > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.test-bank .board-top {
  margin-bottom: 10px;
}
.test-bank .board-top ul.guide-list {
  padding-bottom: 20px;
}
.test-bank .board-top ul.guide-list li {
  position: relative;
  padding-left: 19px;
  color: #666666;
}
.test-bank .board-top ul.guide-list li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  background: url("/assets/renewal2024/img/icon/ico_asterisk.png") no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
.test-bank .board-top ul.guide-list li:first-child {
  margin-bottom: 4px;
}
.test-bank .board-top ul.selectboxes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-bottom: 20px;
}
.test-bank .board-top ul.selectboxes .base-select {
  min-width: 0;
}
.test-bank .board-top ul.selectboxes .base-select select {
  width: 140px;
}
.test-bank .board-top ul.selectboxes .base-select select[name=searchCondition3] {
  width: 200px;
}
.test-bank .board-top .board-top-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.test-bank .board-top .board-top-filter > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.test-bank .board-top .board-top-filter > ul .base-select {
  min-width: 0;
}
.test-bank .board-top .board-top-filter > ul .base-select select {
  width: 140px;
}
.test-bank .board-top .board-top-filter > ul .base-select select[name=searchCondition3], .test-bank .board-top .board-top-filter > ul .base-select select.select-type-large {
  width: 200px;
}
.test-bank .board-cont {
  border-top: 2px solid #121212;
}
.test-bank .board-cont .filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
.test-bank .board-cont .filters .filter1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
}
.test-bank .board-cont .filters .filter1 .checkbox-primary {
  position: relative;
}
.test-bank .board-cont .filters .filter1 .checkbox-primary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 1px;
  height: 26px;
  background: #dddddd;
  transform: translateY(-50%);
}
.test-bank .board-cont .filters .filter1 #btnDeleteWrongNote {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 88px;
  height: 26px;
  background: transparent;
}
.test-bank .board-cont .filters .filter1 #btnDeleteWrongNote i.icon {
  width: 20px;
  height: 20px;
  background: url("/assets/renewal2024/img/icon/ico_close_black.png") no-repeat;
  background-size: 100%;
}
.test-bank .board-cont .filters .filter2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.test-bank .hide {
  display: none;
}
.test-bank .list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  margin-bottom: 10px;
  padding: 20px 30px;
  border: 1px solid #dddddd;
  background: #fff;
}
.test-bank .list .study-type > h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  background: url("/assets/renewal2024/img/sub/bg-paper.png") no-repeat 0 0;
  background-size: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #777777;
  text-align: center;
}
.test-bank .list .study-type > h3 > span {
  font-size: 15px;
  font-weight: 400;
  color: #777777;
}
.test-bank .list .study-type > h3.unitTest {
  background: url("/assets/renewal2024/img/sub/bg-paper2.png") no-repeat 0 0;
  background-size: 100%;
}
.test-bank .list .study-type > h3.quickCheck {
  background: url("/assets/renewal2024/img/sub/bg-paper3.png") no-repeat 0 0;
  background-size: 100%;
}
.test-bank .list .study-type > h3.qbank {
  background: url("/assets/renewal2024/img/sub/bg-paper4.png") no-repeat 0 0;
  background-size: 100%;
}
.test-bank .list > .item {
  padding: 0 !important;
  flex-basis: initial !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.test-bank .list > .item.study-info-box {
  justify-content: flex-start;
  flex: 1;
}
.test-bank .list > .item.study-info-box .study-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  margin-top: 14px;
}
.test-bank .list > .item.study-info-box .study-date .btn-outline {
  justify-content: space-between;
  width: 78px;
  height: 29px;
  padding: 4px 12px;
  border-radius: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M1.59416 10.5005C1.75663 10.5005 1.9191 10.438 2.04408 10.3151L6.39744 5.95052C6.64531 5.7026 6.64531 5.29844 6.39744 5.05052L2.042 0.685938C1.79413 0.438021 1.39212 0.438021 1.14425 0.685938C0.896376 0.933854 0.896376 1.33802 1.14425 1.58594L5.04977 5.50052L1.14425 9.4151C0.896376 9.66302 0.896376 10.0672 1.14425 10.3151C1.26922 10.4401 1.43169 10.5005 1.59416 10.5005Z' fill='%23121212'/%3E%3C/svg%3E") no-repeat calc(100% - 11px) 50%;
}
.test-bank .list .baro-check > a[name=baroCheckBtn] {
  width: 140px;
  height: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0;
  border-radius: 16px;
  border: 1px solid #00ab93;
  background: #fff;
  color: #00ab93;
}
.test-bank .list .baro-check > a[name=baroCheckBtn] > span {
  font-size: 15px;
}
.test-bank .list .study-point {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-basis: 120px !important;
  gap: 10px;
  width: 120px;
}
.test-bank .list .study-point > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background: #f5f5f5;
}
.test-bank .list .study-point > a > span:first-child {
  font-weight: 700;
  font-size: 20px;
  color: #00ab93;
}
.test-bank .list .study-point > a > span:last-child {
  font-size: 14px;
}
.test-bank .list .study-point > a i.icon {
  width: 16px;
  height: 16px;
  background: url("/assets/renewal2024/img/icon/ico_play_wrong_answer.png") no-repeat;
  background-size: 100%;
}
.test-bank .list .study-point > span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  white-space: nowrap;
}
.test-bank .list .item > a {
  width: 132px;
}
.test-bank .list .btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-basis: 140px;
  gap: 6px;
}
.test-bank .list .btn-box > a {
  width: 140px;
}
.test-bank .page-cont .page-section .board-cont:has(.no-data) {
  border-top: 0;
}
.test-bank .page-cont .page-section .board-cont .no-data {
  padding: 102.5px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.page-myExamStatus div.my-status {
  display: block;
}
.page-myExamStatus .box {
  height: 195px;
  flex-direction: column;
  gap: 5px;
  padding: 30px;
  border: 1px solid #dddddd;
  border-radius: 0;
}
.page-myExamStatus .box > p:nth-child(1) {
  font-size: 22px;
}
.page-myExamStatus .box span {
  font-size: 40px;
  vertical-align: baseline;
}
.page-myExamStatus .year-select,
.page-myExamStatus .month-select {
  background-color: transparent;
  border: none;
  min-width: 130px;
}
.page-myExamStatus .year-select select,
.page-myExamStatus .month-select select {
  font-size: 22px;
  font-weight: 700;
  color: #121212;
}
.page-myExamStatus .correct-rate-box {
  height: 195px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
  padding: 25px 30px;
  background: url("/assets/renewal2024/img/sub/navy_bg.png") no-repeat 0 0;
}
.page-myExamStatus .correct-rate-box > div.rate > p {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 38px;
}
.page-myExamStatus .correct-rate-box > div.rate > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #fff;
}
.page-myExamStatus .correct-rate-box > div.rate > div > strong {
  font-size: 18px;
}
.page-myExamStatus .correct-rate-box > div.rate > div:nth-child(1) {
  margin-bottom: 20px;
}
.page-myExamStatus .correct-rate-box > div.circle-chart {
  position: relative;
}
.page-myExamStatus .correct-rate-box > div.circle-chart .outer {
  width: 135px;
  height: 135px;
  padding: 15px;
  border-radius: 50%;
  border: 14px solid #fff;
}
.page-myExamStatus .correct-rate-box > div.circle-chart .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  margin: -14px;
  border-radius: 50%;
}
.page-myExamStatus .correct-rate-box > div.circle-chart .number {
  font-size: 22px;
  color: #66cdbe;
}
.page-myExamStatus .correct-rate-box > div.circle-chart .number > span {
  font-size: 40px;
  font-weight: 700;
}
.page-myExamStatus .correct-rate-box > div.circle-chart svg {
  position: absolute;
  top: 0;
  left: 0;
}
.page-myExamStatus .correct-rate-box > div.circle-chart circle.progress {
  fill: none;
  stroke-dasharray: 380;
  transform: rotate(90deg);
  transform-origin: center;
  transition: stroke-dashoffset 2s ease-out;
}
.page-myExamStatus .correct-rate-box > div.avg {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.page-myExamStatus .correct-rate-box > div.avg > p:nth-child(1) {
  width: 107px;
  margin-bottom: 7px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='24' viewBox='0 0 108 24' fill='none'%3E%3Cpath d='M106.597 22.2066C106.67 21.9932 106.706 21.73 106.699 21.5024C106.699 21.4669 106.699 21.4384 106.699 21.4028C106.699 21.353 106.677 21.3033 106.655 21.2535C106.575 21.0401 106.408 20.848 106.429 20.6346C106.83 20.4853 107.739 19.6246 107.441 19.0556C107.303 18.7924 106.837 18.4723 106.64 18.2518C106.371 17.9531 106.313 17.8677 106.327 17.4125C106.327 17.2133 106.349 16.9999 106.327 16.8079C106.306 16.5874 106.102 16.6443 106.226 16.3455C106.364 16.0112 106.611 16.0966 106.655 15.6485C106.655 15.5275 106.655 15.4066 106.655 15.2786C106.662 15.1861 106.706 15.115 106.779 15.0723C106.808 14.8874 106.844 14.7807 106.786 14.5744C106.735 14.3824 106.648 14.3326 106.56 14.1832C106.546 14.0907 106.524 13.9983 106.502 13.9058C106.444 13.8845 106.393 13.8631 106.335 13.8489C106.102 13.6284 105.913 13.351 105.687 13.1234C105.418 12.8389 104.916 12.7606 104.799 12.284C104.777 12.1774 104.777 11.8217 104.799 11.7364C104.857 11.5443 105.003 11.5656 105.083 11.402C105.163 11.2313 105.119 10.9682 105.185 10.7761C105.258 10.5556 105.36 10.3991 105.527 10.2853C105.687 10.1786 105.862 10.1786 105.993 10.1004C106.007 10.0933 106.007 10.079 106.022 10.0648C106.044 10.0435 106.065 10.0221 106.08 10.0008C106.087 9.98657 106.102 9.98657 106.109 9.97234C106.109 9.95812 106.124 9.951 106.124 9.93678C106.138 9.90121 106.153 9.85853 106.16 9.80874C106.182 9.70916 106.189 9.58824 106.189 9.4531C106.189 9.14013 106.153 8.78448 106.058 8.55687C106 8.42172 105.884 8.37193 105.869 8.21545C105.833 7.93804 105.971 7.95938 106.029 7.76733C106.102 7.53972 106.218 7.65352 106.16 7.33344C106.138 7.20541 105.913 6.93512 105.854 6.79997C105.592 6.16692 106.065 6.15269 106.488 5.8824C106.524 5.66901 106.342 5.46274 106.153 5.24935C106.109 5.19956 106.065 5.14977 106.022 5.09998C106.007 5.08575 105.993 5.06441 105.978 5.05019C105.934 5.0004 105.898 4.94349 105.862 4.8937C105.818 4.82969 105.789 4.75856 105.774 4.68743C105.731 4.46693 105.84 4.18952 105.803 3.96902C105.767 3.77697 105.607 3.63471 105.505 3.49245C105.221 3.07279 105.025 2.61045 104.945 2.07698C104.894 1.73556 104.908 1.4297 104.726 1.13096C104.617 0.988699 104.493 0.874892 104.355 0.77531C103.613 0.77531 102.769 0.761084 101.852 0.753972C101.779 0.753972 101.706 0.753972 101.633 0.753972C101.277 0.753972 100.906 0.753972 100.527 0.746859C100.483 0.746859 100.44 0.746859 100.396 0.746859C99.7265 0.746859 99.0133 0.732633 98.2782 0.72552C98.0308 0.72552 97.7688 0.72552 97.514 0.72552C97.2229 0.72552 96.9173 0.72552 96.6189 0.718407C96.597 0.718407 96.5752 0.718407 96.5534 0.718407C96.5024 0.718407 96.4587 0.718407 96.4078 0.718407C96.2841 0.718407 96.1531 0.718407 96.0294 0.718407C95.9347 0.718407 95.8401 0.718407 95.7455 0.718407C95.469 0.718407 95.1924 0.718407 94.9159 0.711294C94.8431 0.711294 94.7703 0.711294 94.6975 0.711294C93.4093 0.697068 92.0775 0.689955 90.702 0.675729C90.6656 0.675729 90.6292 0.675729 90.5928 0.675729C89.079 0.661503 61.6333 0.647278 60.0613 0.633052C59.9158 0.633052 59.7775 0.633052 59.6319 0.633052C59.6101 0.633052 59.581 0.633052 59.5592 0.633052C59.4136 0.633052 59.268 0.633052 59.1225 0.633052C58.6276 0.633052 58.1327 0.625939 57.6378 0.618826C57.5505 0.618826 57.4632 0.618826 57.3685 0.618826C57.2885 0.618826 57.2084 0.618826 57.1284 0.618826C56.9901 0.618826 56.8445 0.618826 56.7063 0.618826C56.568 0.618826 56.4297 0.618826 56.2841 0.618826C55.9494 0.618826 55.6073 0.618826 55.2725 0.611713C54.9014 0.611713 54.5229 0.611713 54.1517 0.6046C54.0935 0.6046 54.028 0.6046 53.9698 0.6046C53.7733 0.6046 53.5841 0.6046 53.3876 0.6046C52.9509 0.6046 52.5142 0.597487 52.0776 0.590374C48.606 0.561922 45.2437 0.526358 42.2307 0.505019C42.0269 0.505019 41.8231 0.505019 41.6193 0.505019C41.2773 0.505019 40.9352 0.505019 40.6004 0.497906C40.5641 0.497906 40.5277 0.497906 40.4913 0.497906C40.2657 0.497906 40.0473 0.497906 39.8217 0.497906C39.7926 0.497906 39.7635 0.497906 39.7344 0.497906C35.9499 0.462341 32.9587 0.433889 31.3794 0.426776C31.3285 0.426776 31.2776 0.426776 31.2266 0.426776C31.1902 0.426776 31.1538 0.426776 31.1174 0.426776C31.0956 0.426776 31.0665 0.426776 31.0447 0.426776C30.9501 0.426776 30.8627 0.426776 30.7899 0.426776C30.6153 0.426776 30.477 0.426776 30.3824 0.426776C30.3023 0.426776 30.2441 0.426776 30.215 0.426776C29.1961 0.426776 27.4494 0.234727 27.4494 0.234727H27.3475H26.8235H26.4305H26.0157H25.3316L23.3011 0.220501H23.2647L21.2851 0.206275L13.7526 0.163598H13.6798L10.1937 0.142259H9.07294L4.74264 0.0213388H4.25503L1.06007 0L1.03095 0.490793C1.03095 0.490793 1.03095 0.505019 1.03095 0.512132C1.15468 0.89623 1.68596 1.01715 1.97707 1.22343C2.07896 1.29456 2.20996 1.37991 2.33368 1.47238C2.40646 1.52217 2.47196 1.57907 2.53746 1.63598C2.55202 1.6502 2.57385 1.66443 2.58841 1.68577C2.65391 1.74978 2.71941 1.82091 2.77035 1.91338C2.81402 1.98451 2.83585 2.05564 2.85041 2.141C2.85041 2.16233 2.85041 2.18367 2.85041 2.20501C2.85041 2.29748 2.85041 2.38995 2.79946 2.48953C2.76308 2.57488 2.71941 2.64601 2.68302 2.72426C2.66846 2.74559 2.65391 2.77405 2.64663 2.79539C2.63207 2.82384 2.6248 2.8594 2.61024 2.88785C2.60296 2.91631 2.59569 2.94476 2.58841 2.97321C2.58841 3.00166 2.58113 3.03723 2.58113 3.07279C2.58113 3.08702 2.58113 3.09413 2.58113 3.10124C2.58113 3.15103 2.58113 3.20794 2.61024 3.27195C2.74852 3.69162 3.23613 3.73429 3.44719 4.08994C3.64369 4.42425 3.51997 4.7799 3.62186 5.1142C3.71647 5.40583 3.91297 5.44851 3.84747 5.8255C3.82564 5.93219 3.7383 6.06023 3.72375 6.21671C3.70191 6.38031 3.72375 6.58658 3.72375 6.75018C3.72375 7.32633 3.69463 7.81712 3.30163 8.20833C2.9523 8.55687 2.44285 8.84138 2.24635 9.39619C2.19541 9.54557 2.17357 9.75184 2.23907 9.8941C2.32641 10.079 2.46468 9.79452 2.52291 10.0861C2.58113 10.392 2.15902 10.6979 2.07896 10.9326C1.91885 11.3878 2.23179 11.4661 2.20268 11.8644C2.17357 12.2343 1.83151 12.4476 1.76601 12.8104C1.76601 12.8389 1.75146 12.8673 1.75146 12.9029C1.94796 12.9313 2.11535 12.8531 2.18813 13.102C2.25363 13.351 2.05713 13.5146 1.92613 13.6426C2.04985 13.8347 2.24635 14.1121 2.43557 14.2188C2.4938 14.6171 1.91157 14.9301 1.72962 15.1079C1.51129 15.3213 1.40212 15.7836 1.16923 15.933C1.02368 16.0255 0.841731 15.8974 0.674341 16.0326C0.47784 16.1962 0.536063 16.3029 0.51423 16.5518C0.477841 16.9786 0.499673 17.3698 0.718008 17.7112C0.892676 17.9744 1.13284 18.1024 1.26384 18.4083C1.41668 18.771 1.22746 19.1551 1.33662 19.4895C1.43851 19.8024 1.83151 19.6246 1.9334 20.0016C1.97707 20.1581 1.85335 20.343 1.9334 20.4995C1.94796 20.5279 1.98435 20.5493 1.9989 20.5777C2.00618 20.5848 2.02074 20.592 2.03529 20.5991C2.09352 20.6489 2.16629 20.6844 2.25363 20.7271C2.40646 20.784 2.5593 20.8267 2.63207 20.848C2.8868 20.9263 3.52725 20.9974 3.54908 21.4811C3.56363 21.9007 3.35986 21.794 3.19974 22.0074C2.85041 22.4627 3.11241 22.6405 3.4763 22.8397C3.70191 22.9606 4.05853 23.1455 4.22592 23.3802C4.26231 23.43 4.29142 23.4869 4.31325 23.5367C4.57525 23.5367 4.85181 23.5367 5.12836 23.5367C5.49953 23.5367 5.88526 23.5367 6.28554 23.5367C6.70765 23.5367 7.14432 23.5367 7.59554 23.5367C7.62466 23.5367 7.65377 23.5367 7.69016 23.5367C10.2519 23.5509 13.1849 23.5652 16.0742 23.5936C16.5109 23.5936 16.9403 23.6007 17.3769 23.6078C17.8864 23.6078 18.3885 23.6221 18.8907 23.6292C18.9125 23.6292 18.9271 23.6292 18.9489 23.6292C19.6258 23.6363 20.2953 23.6505 20.9503 23.6576C21.0522 23.6576 21.1468 23.6576 21.2415 23.6576C21.4671 23.6576 21.6927 23.6647 21.911 23.6719C21.9983 23.6719 22.0784 23.6719 22.1585 23.6719C22.3695 23.6719 22.5806 23.679 22.7843 23.6861C22.9226 23.6861 23.0536 23.6861 23.1919 23.6932C23.352 23.6932 23.5194 23.6932 23.6795 23.7003C23.796 23.7003 23.9124 23.7003 24.0289 23.7074C24.1962 23.7074 24.3564 23.7145 24.5165 23.7217C24.6402 23.7217 24.7639 23.7217 24.8876 23.7288C25.0259 23.7288 25.1715 23.7359 25.3097 23.743C25.4335 23.743 25.5572 23.743 25.6736 23.7501C25.8046 23.7501 25.9356 23.7572 26.0666 23.7643C26.1831 23.7643 26.2923 23.7643 26.4087 23.7786C26.5397 23.7786 26.6707 23.7857 26.7944 23.7928C26.889 23.7928 26.9909 23.7928 27.0855 23.7999C27.2165 23.7999 27.3403 23.807 27.464 23.8141C27.5513 23.8141 27.6386 23.8212 27.726 23.8283C27.8351 23.8283 27.9443 23.8355 28.0535 23.8426C28.1408 23.8426 28.2282 23.8497 28.3082 23.8568C28.4101 23.8568 28.5047 23.8639 28.5993 23.871C28.6721 23.871 28.7449 23.8781 28.8177 23.8853C28.9123 23.8853 28.9996 23.8995 29.0869 23.8995C29.1452 23.8995 29.2107 23.9066 29.2689 23.9137C29.3489 23.9137 29.4217 23.9279 29.5018 23.935C29.8002 23.9848 30.0986 23.9919 30.3969 23.9991C30.5352 23.9991 30.6808 23.9991 30.8191 23.9991C30.9209 24.0062 31.0083 23.9706 31.1102 23.9706C31.1538 23.9706 31.1975 23.9706 31.2412 23.9706C31.3358 23.9706 31.445 23.9848 31.5323 23.9706C31.5541 23.9706 31.5687 23.9493 31.5978 23.9493C31.6123 23.9493 31.6415 23.9493 31.656 23.9493C31.707 23.9493 31.7579 23.9493 31.8016 23.9493C31.8889 23.9493 31.9908 23.9493 32.0708 23.935C32.1509 23.9137 32.2382 23.935 32.3256 23.9208C32.3838 23.9066 32.4056 23.8924 32.4638 23.8924C32.5439 23.8924 32.624 23.8924 32.704 23.8924C32.8423 23.8924 33.0097 23.9208 33.148 23.8924C33.3153 23.8639 33.4827 23.8355 33.6501 23.8283C33.9194 23.8283 34.1887 23.8283 34.458 23.8283C34.5453 23.8283 34.6472 23.8355 34.7345 23.8283C34.851 23.807 34.9674 23.7857 35.0911 23.7786C35.2512 23.7643 35.4041 23.7501 35.5569 23.7501C35.6297 23.7501 35.7098 23.7501 35.7898 23.7501C35.9135 23.7501 36.0373 23.7217 36.161 23.7217C36.241 23.7217 36.3211 23.7217 36.3939 23.7217C36.685 23.7217 36.9688 23.7217 37.2599 23.7217C37.34 23.7217 37.4055 23.6932 37.4855 23.6932C37.5947 23.6932 37.7111 23.6648 37.8203 23.679C37.9368 23.6932 38.0459 23.6932 38.1624 23.6932H38.992C39.1376 23.6932 39.2977 23.7145 39.436 23.6932C39.5233 23.679 39.5815 23.6648 39.6762 23.6648C39.8435 23.6648 39.9745 23.6363 40.1419 23.6078C40.3457 23.5652 40.5204 23.5509 40.7314 23.5509C40.8624 23.5509 40.9934 23.5509 41.1244 23.5509C41.2409 23.5509 41.3501 23.5154 41.4738 23.5154C42.1725 23.5154 42.893 23.5083 43.6498 23.5012C43.6571 23.5012 43.6644 23.5012 43.679 23.5012C43.7736 23.5012 43.8536 23.5012 43.9482 23.5012C43.9773 23.5012 43.9992 23.5012 44.0283 23.5012C44.2248 23.5012 44.4359 23.5012 44.6396 23.5012C44.6542 23.5012 44.6615 23.5012 44.676 23.5012C44.9744 23.5012 45.2655 23.5012 45.5639 23.5012C45.6585 23.5012 45.7531 23.5012 45.8477 23.5012C46.1607 23.5012 46.4809 23.5012 46.8011 23.5012C46.8885 23.5012 46.9758 23.5012 47.0631 23.5012C48.5405 23.494 50.0762 23.4869 51.6627 23.4798C51.6773 23.4798 51.6918 23.4798 51.7064 23.4798C52.4342 23.4798 53.162 23.4727 53.9043 23.4656C53.9189 23.4656 53.9334 23.4656 53.9407 23.4656C54.2172 23.4656 54.4865 23.4656 54.7776 23.4656C57.5214 23.4514 86.2116 23.4371 88.9335 23.4229C88.9772 23.4229 89.0281 23.4229 89.0718 23.4229C90.6365 23.4158 92.1721 23.4087 93.6568 23.4016C93.766 23.4016 93.8679 23.4016 93.977 23.4016C99.0933 23.3731 103.555 23.3518 106.262 23.3376C106.313 22.9535 106.539 22.6049 106.648 22.2564L106.597 22.2066Z' fill='%23F3B3D1'/%3E%3C/svg%3E") no-repeat 50% 50%;
  font-weight: 700;
  text-align: center;
}
.page-myExamStatus .correct-rate-box > div.avg > p:nth-child(2) {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.page-myExamStatus .correct-rate-box > div.avg > p:nth-child(2) > span {
  font-size: 16px;
  font-weight: 400;
  color: #b3b3b3;
}
.page-myExamStatus .correct-rate-box > div.avg > a {
  display: flex;
  height: 44px;
  padding: 11px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #f04d69;
  background: #fff;
  color: #f04d69;
}

.page-makeMyExam #myTestBtn {
  margin-left: auto;
}

#myTest .base-modal-container {
  height: auto;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
#myTest .base-modal-body {
  height: 564px;
  overflow-y: scroll;
}
#myTest .base-table {
  border-top: 1px solid #dddddd;
}
#myTest .base-table td {
  padding: 20px;
}
#myTest .checkbox-warp {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 53px;
}
#myTest .checkbox-warp > div {
  min-width: 70px;
  text-align: left;
}
#myTest .base-checkbox-primary label {
  color: #121212;
}
#myTest .base-input {
  width: 100%;
}

.check-area {
  border: 1px solid #dddddd;
  margin: 16px 0;
  padding: 20px 30px;
  height: 18.75rem;
  overflow: hidden;
  overflow-y: scroll;
}
.check-area > ul {
  margin: 0;
}
.check-area > ul > li {
  padding-bottom: 20px;
}
.check-area > ul > li ul {
  margin: 10px 40px;
}

#myStudyRoomTestListModal .select-box-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 20px;
}
#myStudyRoomTestListModal .select-box-group .base-select {
  min-width: 140px;
}
#myStudyRoomTestListModal .select-box-group .base-select:nth-child(1) {
  min-width: 90px;
}
#myStudyRoomTestListModal .select-box-group .base-select:nth-child(2) {
  min-width: 90px;
}
#myStudyRoomTestListModal .description-box {
  display: flex;
}
#myStudyRoomTestListModal .description-box > div {
  padding: 16px 20px;
  margin-bottom: 20px;
}
#myStudyRoomTestListModal .description-box > div:nth-child(1) {
  flex-basis: 250px;
  background-color: #f0faf9;
  text-align: center;
}
#myStudyRoomTestListModal .description-box > div:nth-child(1) h4 {
  font-size: 22px;
  font-weight: 700;
  color: #121212;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #b3b3b3;
}
#myStudyRoomTestListModal .description-box > div:nth-child(2) {
  flex: 1;
  background-color: #f5f5f5;
}
#myStudyRoomTestListModal .description-box > div:nth-child(2) > p {
  white-space: pre-line;
}
#myStudyRoomTestListModal .chart-line-wrap {
  position: relative;
  width: 100%;
  overflow-x: scroll;
}
#myStudyRoomTestListModal .chart-line-wrap::-webkit-scrollbar {
  width: 8px;
  height: 16px;
}
#myStudyRoomTestListModal .chart-line-wrap::-webkit-scrollbar-track {
  background: #ebebeb;
}
#myStudyRoomTestListModal .chart-line-wrap::-webkit-scrollbar-thumb {
  background: #008976;
}
#myStudyRoomTestListModal .chart-line-wrap::-webkit-scrollbar-button {
  display: none;
}
#myStudyRoomTestListModal .chart-bg {
  position: relative;
  width: 100%;
  height: 465px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#myStudyRoomTestListModal .chart-bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 442px;
  background: url("/assets/renewal2024/img/sub/unit-test-bg-graph.png") no-repeat;
  transform: translateY(-50%);
}
@supports (-webkit-appearance: none) and (not (-ms-ime-align: auto)) {
  #myStudyRoomTestListModal .chart-bg > img,
  #myStudyRoomTestListModal .chart-bg p {
    z-index: 1 !important;
  }
}
#myStudyRoomTestListModal .chart-bg > p {
  margin-top: 10px;
  text-align: center;
  color: #fff;
}
#myStudyRoomTestListModal #baroChartLine {
  max-width: none;
  display: block;
}

.page-myWrongAnswerNoteList .cont-box > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.page-mathExamInfo .page-section-top {
  justify-content: flex-start !important;
  gap: 20px;
}
.page-mathExamInfo .cont-box > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.page-mathExamInfo .leval-test-info {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
.page-mathExamInfo .leval-test-info > div {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
}
.page-mathExamInfo table {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.page-mathExamInfo table th {
  padding: 20px 0;
  background-color: #f5f5f5;
  font-weight: 700;
}
.page-mathExamInfo table td {
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.page-mathExamInfo table tr:last-child > td {
  border-bottom: none;
}
.page-mathExamInfo .level-test-select > .base-select {
  margin-bottom: 10px;
}
.page-mathExamInfo .level-test-select > .base-select select {
  padding: 9px 16px;
}
.page-mathExamInfo .level-test-select-result {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #dddddd;
}
.page-mathExamInfo .level-test-select-result > div:nth-child(1) {
  height: 100%;
  border-right: 1px solid #dddddd;
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}
.page-mathExamInfo .level-test-select-result > div:nth-child(1) > button {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  border-radius: 22px;
  border: 1px solid #b3b3b3;
  background: #fff;
  color: #b3b3b3;
}
.page-mathExamInfo .level-test-select-result > div:nth-child(1) > button.active {
  border: 1px solid #121212;
  background: #121212;
  color: #fff;
}
.page-mathExamInfo .level-test-select-result > div:nth-child(2) {
  flex: 1;
  padding: 20px 0;
}
.page-mathExamInfo .level-test-select-result > div:nth-child(2) > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-mathExamInfo .level-test-select-result .result-btn-group > div {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.page-mathExamInfo .level-test-select-result .result-btn-group > div > a {
  width: calc(50% - 5px);
  max-width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-mathExamInfo .level-test-select-result .result-btn-group > div > a .icon_play {
  width: 20px;
  height: 20px;
}
.page-mathExamInfo .level-test-select-result .result-btn-group #btnReport {
  width: 100%;
  max-width: 410px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 10px;
}
.page-mathExamInfo .leval-award-img {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 16px;
}

/*=================================
내신 만점 / 과목 집중
=====================================*/
.select-group-wrap {
  margin-top: 82px;
}
.select-group-wrap > div {
  display: flex;
}
.select-group-wrap .select-group {
  margin-top: 4px;
}

.selected-item {
  min-width: 320px;
  margin-left: 40px;
  padding: 30px;
  background: url("/assets/renewal2024/img/sub/bg-mypage-head.png") no-repeat 0 0;
  background-size: 100%;
}
.selected-item > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 6px;
}
.selected-item > ul > li:first-child {
  width: 53px;
  background: url("/assets/renewal2024/img/sub/highlighter-s.png") no-repeat 0 0;
  background-size: 100% 24px;
  font-weight: 700;
  text-align: center;
}
.selected-item .btn-solid {
  width: 100%;
  margin-top: 20px;
  background-color: #121212;
  border-color: #121212;
}

.page-leadersPerfectScore .suggest-list {
  border-image-source: url("/assets/renewal2024/img/common/line-img.png");
  border-image-slice: 2;
  border-image-width: 2px;
  border-image-repeat: repeat;
}
.page-leadersPerfectScore .suggest-list > p {
  padding: 7px;
  text-align: center;
  background-color: #0e2b49;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}
.page-leadersPerfectScore .suggest-list > div {
  display: flex;
}
.page-leadersPerfectScore .suggest-list > div > a {
  display: block;
  width: 20%;
  padding: 2px 0;
  border-image-source: url("/assets/renewal2024/img/common/line-img.png");
  border-image-slice: 2;
  border-image-width: 0 2px 0 0;
  border-image-repeat: repeat;
}
.page-leadersPerfectScore .suggest-item {
  position: relative;
  padding: 32px 25px 0 30px;
  height: 314px;
  background: url("/assets/renewal2024/img/sub/perfectScore/bg_teacher.png") no-repeat 0 0;
}
.page-leadersPerfectScore .suggest-item > ul {
  height: 100%;
}
.page-leadersPerfectScore .suggest-item > ul > li > p.lecture-name {
  max-height: 136px;
  word-break: keep-all;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.page-leadersPerfectScore .suggest-item > ul > li.lecture-profile {
  position: absolute;
  top: 54px;
  right: 2px;
  bottom: 0;
  left: 35%;
  overflow: hidden;
}
.page-leadersPerfectScore .suggest-item > ul > li.lecture-profile img {
  width: auto;
  height: 100%;
}
.page-leadersPerfectScore .suggest-item > p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 76px;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.course-detail {
  width: 100%;
}
.course-detail .go-to-course {
  display: block;
  width: 140px;
  height: 46px;
  margin-bottom: 10px;
  padding: 7px 0 0 50px;
  background: url("/assets/renewal2024/img/sub/btn_curriculum.png") no-repeat 0 0;
  background-size: 100%;
  font-weight: 700;
}
.course-detail-info {
  height: 368px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: url("/assets/renewal2024/img/sub/paper-bg.png") no-repeat 0 0;
  background-size: 100%;
  border-image-source: url("/assets/renewal2024/img/common/line-img.png");
  border-image-slice: 2;
  border-image-width: 2px;
  border-image-repeat: repeat;
  overflow: hidden;
}
.course-detail-info > div {
  height: 100%;
}
.course-detail-info .course-info {
  width: 65%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 42px;
  padding: 30px 47px 30px;
  border-image-source: url("/assets/renewal2024/img/common/line-img.png");
  border-image-slice: 0 2 0 0;
  border-image-width: 2px;
  border-image-repeat: repeat;
}
.course-detail-info .course-info .lecture-thumb {
  position: relative;
  min-width: 267px;
  height: 100%;
}
.course-detail-info .course-info .lecture-thumb img {
  position: absolute;
}
.course-detail-info .course-info .lecture-thumb img[src*=noimage], .course-detail-info .course-info .lecture-thumb img[src*=noimage2], .course-detail-info .course-info .lecture-thumb img[src*="join.png"], .course-detail-info .course-info .lecture-thumb img[src*="join2.png"] {
  top: 50%;
  transform: translateY(-50%);
}
.course-detail-info .course-info .lecture-thumb img:not([src*=noimage]):not([src*=noimage2]):not([src*="join.png"]):not([src*="join2.png"]) {
  left: 50%;
  bottom: -28px;
  transform: translateX(-50%);
}
.course-detail-info .course-info > ul {
  flex: 1;
}
.course-detail-info .course-info > ul > li.label-group {
  margin-bottom: 11px;
}
.course-detail-info .course-info > ul > li.course-title {
  font-size: 28px;
  font-weight: 700;
  color: #121212;
  margin-bottom: 57px;
}
.course-detail-info .course-info > ul > li:nth-child(3) {
  margin-bottom: 22px;
}
.course-detail-info .course-info > ul > li:nth-child(3) > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}
.course-detail-info .course-info > ul > li:nth-child(3) > div > p {
  font-size: 14px;
}
.course-detail-info .course-info > ul > li:nth-child(3) > div > p:first-child {
  flex-basis: 55px;
  font-weight: 700;
}
.course-detail-info .course-info > ul > li.btn-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.course-detail-info .course-info > ul > li.btn-box > button, .course-detail-info .course-info > ul > li.btn-box > a {
  min-width: 140px;
}
.course-detail-info .course-desc {
  width: 35%;
  margin: 4px 2px 4px 0;
  overflow-y: auto;
}
.course-detail-info .course-desc::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
.course-detail-info .course-desc::-webkit-scrollbar-track {
  background: #ebebeb;
}
.course-detail-info .course-desc::-webkit-scrollbar-thumb {
  background: #008976;
}
.course-detail-info .course-desc::-webkit-scrollbar-button {
  display: none;
}
.course-detail-info .course-desc > div {
  margin: 60px 50px;
}
.course-detail-info .course-desc > div > ul {
  margin-bottom: 50px;
}
.course-detail-info .course-desc > div > ul > li:first-child {
  width: 91px;
  margin-bottom: 10px;
  background: url("/assets/renewal2024/img/sub/highlighter.png") no-repeat 0 0;
  background-size: 100% 24px;
  font-weight: 700;
  text-align: center;
}
.course-detail .learning-progress {
  display: flex;
  background: url("/assets/renewal2024/img/sub/bg-learning-progress.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.course-detail .learning-progress > div {
  position: relative;
  width: 50%;
  display: flex;
  gap: 40px;
  margin: 23px 0 26px;
  padding: 0 40px 0 30px;
}
.course-detail .learning-progress > div > h5 {
  position: absolute;
  color: #fff;
  font-weight: 700;
}
.course-detail .learning-progress > div > ul {
  margin-top: 8px;
  margin-left: 100px;
}
.course-detail .learning-progress > div.left {
  border-right: 1px dashed #999999;
}
.course-detail .learning-progress > div.left .progress-rate-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 12px;
}
.course-detail .learning-progress > div.left .progress-rate-text > p:last-child {
  padding: 2px 7px;
  border-radius: 4px;
  background-color: #121212;
  color: #b3b3b3;
}
.course-detail .learning-progress > div.left .progress-bar {
  overflow: hidden;
  position: relative;
  width: 469px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 20px;
  background: #f6f2e6;
}
.course-detail .learning-progress > div.left .progress-bar .now-progress-bar {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(95deg, #0eb7ac -1.16%, #0aabcc 57.63%, #883fff 116.42%);
}
.course-detail .learning-progress > div.right > a {
  align-self: center;
  margin-left: auto;
}

.page-ideaVod .banner {
  margin-bottom: 70px;
}
.page-ideaVod .page-head h3 {
  padding-left: 20px;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  background: url("/assets/renewal2024/img/icon/ico_special.png") no-repeat 0% 50%;
}
.page-ideaVod .search-wrap {
  justify-content: center;
  padding: 28px 40px;
  border-radius: 0;
  background: url("/assets/renewal2024/img/sub/search-bg.png") no-repeat 0% 0%;
  background-size: 100%;
}
.page-ideaVod .search-wrap input {
  min-width: 566px;
}
.page-ideaVod .base-table tbody > tr > td {
  padding: 16px 20px !important;
  vertical-align: middle !important;
}

.page-subjectConcentrationList .base-table tbody > tr > th:nth-child(3) {
  padding: 20px 0 20px 20px;
}
.page-subjectConcentrationList .base-table tbody > tr > td {
  padding: 20px 0 20px 20px;
}
.page-subjectConcentrationList .base-table tbody > tr > td:first-child {
  padding: 20px 20px 20px 0;
}
.page-subjectConcentrationList .base-table tbody > tr > td:nth-child(2) {
  vertical-align: top;
}
.page-subjectConcentrationList .base-table .lecture-thumb {
  border-radius: 20px;
  overflow: hidden;
  background: url("/assets/renewal2024/img/sub/lecture_thumb_bg.png") no-repeat 50% 50%;
  background-size: 100% 100%;
  height: 176px;
}
.page-subjectConcentrationList .base-table .lecture-thumb img {
  width: 164px;
  margin: 16px auto 0;
}
.page-subjectConcentrationList .base-table .btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
}
.page-subjectConcentrationList .base-table .btn-box > a {
  width: 100%;
}
.page-subjectConcentrationList .base-table .btn-box .icon_play {
  width: 20px;
  height: 20px;
}

.page-subjectConcentrationDetail .page-head {
  padding: 20px 0 130px;
}
.page-subjectConcentrationDetail .sub-container .page-cont .page-section-top {
  gap: 10px;
}
.page-subjectConcentrationDetail .tab-list > li {
  min-width: 160px;
  position: relative;
}
.page-subjectConcentrationDetail .tab-list > li > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  cursor: pointer;
}
.page-subjectConcentrationDetail .base-select {
  min-width: 268px;
}
.page-subjectConcentrationDetail .base-table {
  border-top: none;
}
.page-subjectConcentrationDetail .base-table .lesson-title {
  border-top: 2px solid #121212;
  border-bottom: 2px solid #121212;
}

/*수행평가*/
.page-referenceRoom .banner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 35px 0 40px;
  margin-bottom: 20px;
  background: url("/assets/renewal2024/img/sub/reference-room-bg.png") no-repeat 50% 50%;
  background-size: 100%;
}
.page-referenceRoom .banner-text {
  position: relative;
}
.page-referenceRoom .banner-text > p {
  font-size: 32px;
  color: #fff;
}
.page-referenceRoom .banner-text > p > span {
  color: #f5cd13;
}
.page-referenceRoom .banner-text > h2 {
  font-family: "GangwonEduPowerExtraBoldA";
  font-size: 80px;
  color: #fff;
}
.page-referenceRoom .banner-text > h2 > span {
  color: #f5cd13;
}
.page-referenceRoom .banner-text::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -35px;
  width: 38px;
  height: 48px;
  background: url("/assets/renewal2024/img/sub/reference-room-bg-obj01.png") no-repeat 0% 0%;
  background-size: 100%;
}
.page-referenceRoom .banner-img {
  position: relative;
}
.page-referenceRoom .banner-img > img {
  position: relative;
  z-index: 1;
}
.page-referenceRoom .banner-img::before {
  content: "";
  position: absolute;
  top: -22px;
  left: -60px;
  width: 55px;
  height: 37px;
  background: url("/assets/renewal2024/img/sub/reference-room-bg-obj02.png") no-repeat 0% 0%;
  background-size: 100%;
}
.page-referenceRoom .banner-img::after {
  content: "";
  position: absolute;
  top: -89px;
  right: -62px;
  width: 103px;
  height: 105px;
  background: url("/assets/renewal2024/img/sub/reference-room-bg-obj03.png") no-repeat 0% 0%;
  background-size: 100%;
}
.page-referenceRoom .banner-btn {
  min-width: 80px;
  margin-top: 24px;
  display: flex;
  width: 340px;
  height: 64px;
  padding: 0px 32px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  border-radius: 34px;
  background: var(--B, linear-gradient(95deg, #0eb7ac -1.16%, #0aabcc 57.63%, #883fff 116.42%));
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.page-referenceRoom .search-wrap {
  justify-content: center;
  padding: 28px 40px;
  border-radius: 0;
  background: url("/assets/renewal2024/img/sub/search-bg.png") no-repeat 0% 0%;
  background-size: 100%;
}
.page-referenceRoom .search-wrap input {
  min-width: 566px;
}
.page-referenceRoom .tab {
  position: absolute;
  top: -50px;
  width: 100%;
  max-width: 1280px;
}
.page-referenceRoom .tab-sub .tab_typeB {
  margin-bottom: 20px;
}
.page-referenceRoom .tab-sub .sub-tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  padding: 12px 40px;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #f5f5f5;
}
.page-referenceRoom .tab-sub .sub-tab > li {
  position: relative;
}
.page-referenceRoom .tab-sub .sub-tab > li > button {
  color: #777777;
}
.page-referenceRoom .tab-sub .sub-tab > li:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  right: -20px;
  width: 1px;
  height: 14px;
  background-color: #cccccc;
}
.page-referenceRoom .tab-sub .sub-tab > li.on > button {
  color: #121212;
  font-weight: 700;
}
.page-referenceRoom .search-result {
  margin-bottom: 12px;
  color: #666666;
}
.page-referenceRoom .search-result > span {
  font-size: 18px;
  font-weight: 700;
  color: #00ab93;
}
.page-referenceRoom .base-table td.count {
  color: #777777;
}
.page-referenceRoom .base-table .title {
  padding: 16px 20px;
  text-align: left;
}
.page-referenceRoom .base-table .title ul {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-referenceRoom .base-table .title ul > li {
  margin-right: 5px;
  font-size: 14px;
  color: #00ab93;
}
.page-referenceRoom .base-table .title ul > li.hashtag {
  position: relative;
}
.page-referenceRoom .base-table .title ul > li.hashtag::before {
  content: "#";
}

.reference-room {
  border-top: 2px solid #121212;
}
.reference-room .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 2px solid #dddddd;
}
.reference-room .title-box > h2 {
  font-weight: 700;
}
.reference-room .content-box {
  display: flex;
  justify-content: space-between;
  padding: 40px 20px;
  border-bottom: 2px solid #121212;
}
.reference-room .content-box > div {
  width: calc(50% - 10px);
}
.reference-room .view-slide-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.reference-room .view-slide-box .slider-nav-wrap {
  width: 120px;
}
.reference-room .view-slide-box .slider-nav-wrap .slick-track {
  counter-reset: section;
}
.reference-room .view-slide-box .slider-nav .slick-list {
  height: 100%;
  padding: 0 !important;
  overflow-y: auto;
}
.reference-room .view-slide-box .slider-nav .slick-track {
  transform: none !important;
}
.reference-room .view-slide-box .slider-nav .slick-slide {
  position: relative;
  margin-bottom: 10px;
  border-radius: 10px;
  border: 1px solid #dddddd;
  overflow: hidden;
  cursor: pointer;
  overflow: hidden;
}
.reference-room .view-slide-box .slider-nav .slick-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}
.reference-room .view-slide-box .slider-nav .slick-slide::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.reference-room .view-slide-box .slider-nav .slick-slide::after {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: #121212;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  color: #fff;
}
.reference-room .view-slide-box .slider-nav .slick-current {
  border-radius: 10px;
  border: 1px solid #121212;
}
.reference-room .view-slide-box .slider-nav .slick-current::before {
  opacity: 0;
}
.reference-room .view-slide-box .slider-for-wrap {
  position: relative;
  width: calc(100% - 120px);
  height: 100%;
  padding-left: 12px;
}
.reference-room .view-slide-box .slider-for {
  height: 100%;
}
.reference-room .view-slide-box .slider-for .slick-arrow {
  display: none !important;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 24px;
  height: 24px;
  top: inherit;
}
.reference-room .view-slide-box .slider-for .slick-prev {
  background: url(/assets/img/ico/ico-paging-left.png) no-repeat center/auto 12px;
  margin-left: -56px;
  z-index: 9;
}
.reference-room .view-slide-box .slider-for .slick-prev::before {
  content: "";
}
.reference-room .view-slide-box .slider-for .slick-next {
  background: url(/assets/img/ico/ico-paging-right.png) no-repeat center/auto 12px;
  right: 0;
  margin-left: 45px;
}
.reference-room .view-slide-box .slider-for .slick-next::before {
  content: "";
}
.reference-room .view-slide-box .slider-for .slick-list {
  top: 50%;
  transform: translateY(-50%);
  padding-right: 1px;
}
.reference-room .view-slide-box .slider-for .slick-slide {
  overflow: hidden;
}
.reference-room .view-slide-box .slider-for .slick-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  border: 1px solid #dddddd;
  border-radius: 16px;
  width: auto !important;
}
.reference-room .view-slide-box .pagingInfo {
  position: absolute;
  left: 50%;
  transform: translateX(calc(-50% + 60px));
  bottom: 0;
  padding: 0 15px;
  background: #919ba0;
  border-radius: 200px;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -1px;
  color: #ffffff;
}
.reference-room .view-slide-box.horizontal .slider-nav .slick-slide {
  width: 86px !important;
  height: 56px;
}
.reference-room .view-slide-box.horizontal .slider-for .slick-slide {
  height: 356px;
}
.reference-room .view-slide-box.horizontal .slider-for .slick-slide img {
  width: 100%;
  max-height: 356px;
}
.reference-room .view-slide-box.vertical .slider-nav .slick-slide {
  width: 80px !important;
  height: 106px;
}
.reference-room .view-slide-box.vertical .slider-for .slick-slide {
  height: 532px;
}
.reference-room .view-slide-box.vertical .slider-for .slick-slide img {
  max-height: 532px;
}
.reference-room .view-text-box .view-text-top > dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.reference-room .view-text-box .view-text-top > dl > dt {
  flex-basis: 80px;
  position: relative;
  padding-left: 10px;
  margin-right: 20px;
  font-weight: 700;
}
.reference-room .view-text-box .view-text-top > dl > dt::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #00ab93;
}
.reference-room .view-text-box .view-text-top > dl .ref-file {
  padding: 6px 135px 6px 16px;
  border-radius: 17px;
  background: #cceee9;
}
.reference-room .view-text-box .view-text-top > dl.hashtag {
  flex-wrap: wrap;
  margin-left: 100px;
}
.reference-room .view-text-box .view-text-top > dl.hashtag > dt {
  display: none;
}
.reference-room .view-text-box .view-text-top > dl.hashtag > dt::before {
  display: none;
}
.reference-room .view-text-box .view-text-top > dl.hashtag > dd {
  font-size: 14px;
  position: relative;
  margin-right: 5px;
  color: #00ab93;
}
.reference-room .view-text-box .view-text-top > dl.hashtag > dd::before {
  content: "#";
}
.reference-room .view-text-box .view-text-bottom {
  min-height: 200px;
  padding: 20px 30px;
  border-radius: 10px;
  background: #f5f5f5;
}
.reference-room .bottom-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
.reference-room .bottom-box > a {
  display: flex;
  width: 180px;
  height: 64px;
  padding: 0px 32px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  border-radius: 32px;
}

.lecture-list {
  display: flex;
  gap: 40px;
  padding: 20px 0;
  border-bottom: 1px solid #dddddd;
}
.lecture-list:first-child {
  border-top: 2px solid #121212;
}
.lecture-list-img {
  max-width: 280px;
  max-height: 158px;
  border-radius: 20px;
  background: linear-gradient(128deg, #eeeef0 45.95%, #e5e6e7 46.7%);
  overflow: hidden;
}
.lecture-list-img img {
  height: 100%;
}
.lecture-list-info {
  flex: 1;
}
.lecture-list .info-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.lecture-list .info-box .title {
  margin: 6px 0;
  font-size: 22px;
  font-weight: 700;
}
.lecture-list .desc-box {
  position: relative;
  width: 100%;
  height: auto;
  padding: 20px 40px 20px 20px;
  background: #f5f5f5;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.lecture-list .desc-box .more-tit {
  font-weight: 700;
}
.lecture-list .desc-box .more {
  display: none;
  padding-top: 30px;
}
.lecture-list .desc-box .more > p:not(:last-child) {
  margin-bottom: 30px;
}
.lecture-list .desc-box .btn-more {
  width: 18px;
  height: 18px;
  background: url("/assets/renewal2024/img/icon/ico_accordion_off.png") no-repeat 50% 50%;
  background-size: 100%;
}
.lecture-list .desc-box.opened .btn-more {
  background: url("/assets/renewal2024/img/icon/ico_accordion_on.png") no-repeat 50% 50%;
  background-size: 100%;
}

.page-performGuide .tab {
  position: absolute;
  top: -50px;
  width: 100%;
  max-width: 1280px;
}
.page-performGuide .page-section {
  display: none;
}
.page-performGuide .page-section.on {
  display: block;
}
.page-performGuide .sub-container .page-cont .page-section-top {
  display: block;
}
.page-performGuide .guide-tab-info {
  padding-top: 60px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='94' viewBox='0 0 34 94' fill='none'%3E%3Cpath d='M2 2L2 92H32' stroke='%23008976' stroke-width='3' stroke-linecap='round' stroke-dasharray='4 8'/%3E%3C/svg%3E") no-repeat 26px 0;
  background-size: 30px 90px;
}
.page-performGuide .guide-tab-info > ul {
  max-width: 1230px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 30px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 10px;
}
.page-performGuide .guide-tab-info-icon {
  margin-right: 16px;
}
.page-performGuide .guide-tab-info-title {
  flex-basis: 240px;
  flex-shrink: 0;
  margin-right: 60px;
  font-size: 20px;
  font-weight: 700;
}
.page-performGuide .guide-tab-info-desc {
  font-size: 18px;
}
.page-performGuide .guide-detail {
  margin-top: 80px;
}
.page-performGuide .guide-detail-section:last-child {
  padding-top: 60px;
  border-top: 1px dotted #b3b3b3;
}
.page-performGuide .guide-detail .horizontal-box {
  display: flex;
  gap: 200px;
}
.page-performGuide .guide-detail .horizontal-box > ul > li {
  position: relative;
  padding-left: 37px;
  font-size: 18px;
}
.page-performGuide .guide-detail .horizontal-box > ul > li:not(:last-child) {
  margin-bottom: 20px;
}
.page-performGuide .guide-detail .horizontal-box > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.54639 13.8435L6.39779 10.6938C5.90448 10.1968 5.29892 9.94824 4.58111 9.94824C3.86329 9.94824 3.24938 10.2054 2.73937 10.7196C2.24646 11.2167 2 11.8314 2 12.5639C2 13.2963 2.24646 13.911 2.73937 14.4081L7.35507 19.0623C7.975 19.6874 8.70544 20 9.54639 20C10.3873 20 11.1178 19.6874 11.7377 19.0623L21.2476 9.47295C21.7576 8.95868 22.0083 8.34394 21.9998 7.62874C21.9912 6.91355 21.7405 6.29881 21.2476 5.78454C20.7376 5.27027 20.1237 5.00883 19.4059 5.00021C18.688 4.9916 18.0741 5.24442 17.5641 5.75869L9.54639 13.8435Z' fill='%2300AB93'/%3E%3C/svg%3E") no-repeat 0 0;
  background-size: 100%;
}
.page-performGuide .guide-detail .vertical-box table {
  border-radius: 10px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #121212;
  overflow: hidden;
}
.page-performGuide .guide-detail .vertical-box table tr {
  border-bottom: 1px solid #dddddd;
}
.page-performGuide .guide-detail .vertical-box table th,
.page-performGuide .guide-detail .vertical-box table td {
  padding: 16px 20px;
  text-align: center;
}
.page-performGuide .guide-detail .vertical-box table th {
  font-weight: 700;
  color: #fff;
  background-color: #0e2b49;
}
.page-performGuide .guide-detail .vertical-box table td:nth-last-child(2) {
  text-align: left;
  padding: 16px 60px;
  background-color: #f0faf9;
}
.page-performGuide .guide-detail-title {
  position: relative;
  font-family: "GangwonEduPowerExtraBoldA";
  font-size: 28px;
  padding-left: 20px;
}
.page-performGuide .guide-detail-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #00ab93;
}
.page-performGuide .guide-detail-image {
  text-align: center;
}
.page-performGuide .download-box {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #121212;
}
.page-performGuide .download-box > ul {
  width: calc(50% - 10px);
}
.page-performGuide .download-box > ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-bottom: 1px dashed #dddddd;
}
.page-performGuide .download-box > ul > li > span {
  color: #666666;
}
.page-performGuide .download-box > ul > li > a {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  background: url("/assets/renewal2024/img/icon/ico_download.png") no-repeat 50% 50%;
  background-color: #292d37;
}

.perfect-score-box {
  padding: 30px 40px;
  border-radius: 10px;
  border: 2px solid #dddddd;
  background: url("/assets/renewal2024/img/common/bg_section_special_body.png") no-repeat 50% 50%;
  background-size: 100%;
}
.perfect-score-box:not(:last-child) {
  margin-bottom: 20px;
}
.perfect-score-box-tit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-bottom: 30px;
  font-size: 32px;
  font-weight: 700;
  background: url("/assets/renewal2024/img/sub/bg-perforation-line.png") no-repeat 0 100%;
  background-size: 100%;
}
.perfect-score-box-tit.korean {
  color: #f5cd13;
}
.perfect-score-box-tit.math {
  color: #7138eb;
}
.perfect-score-box-tit.eng {
  color: #0099ac;
}
.perfect-score-box-tit.science {
  color: #1698ed;
}
.perfect-score-box-tit.society {
  color: #70bd46;
}
.perfect-score-box-tit.art {
  color: #00ab93;
}
.perfect-score-box-tit.common {
  color: #00ab93;
}
.perfect-score-box-desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 30px 20px;
}
.perfect-score-box-desc:not(:last-child) {
  border-bottom: 1px dashed #b3b3b3;
}
.perfect-score-box-desc > li {
  font-size: 18px;
}
.perfect-score-box-desc > li:first-child {
  min-width: 130px;
  font-weight: 700;
}
.perfect-score-box-desc > li > ul {
  display: flex;
  gap: 65px;
  margin-top: 10px;
}
.perfect-score-box-desc > li > ul > li > p {
  color: #777777;
}

/*
    마이페이지
*/
.myInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 20px 14px 24px;
  background: url("/assets/renewal2024/img/sub/reference-room-bg.png") no-repeat 0 0;
}
.myInfo-contents {
  width: -webkit-fill-available;
  min-height: 250px;
  margin-left: 20px;
  width: calc(33.33333% - 20px);
}
.myInfo-contents:not(:first-child) {
  padding: 14px 20px;
  margin-left: 0px;
  background: url("/assets/renewal2024/img/sub/bg-mypage-head.png") no-repeat 0 0;
}
.myInfo-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.myInfo-title > p {
  font-size: 22px;
  font-weight: 900;
}
.myInfo-title > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.myInfo-btn {
  position: relative;
}
.myInfo-btn > span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -5px;
  right: -9px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #00ab93;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}
.myInfo-content-profile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  padding-bottom: 22px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #b3b3b3;
}
.myInfo-content-profile > div:first-child {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}
.myInfo-content-profile > div:last-child {
  width: -webkit-fill-available;
  color: #fff;
}
.myInfo-content-profile > div:last-child > h3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 9px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.myInfo-content-profile > div:last-child > h3 > span {
  font-size: 18px;
}
.myInfo-content-profile > div:last-child > p {
  color: #fff;
}
.myInfo-content-prod {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.myInfo-content-prod > div {
  font-weight: 700;
  color: #00ab93;
}
.myInfo-content-prod > p {
  font-size: 14px;
  font-weight: 400;
  color: #cccccc;
}
.myInfo-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.myInfo-progress > div {
  width: calc(33.33333% - 10px);
}
.myInfo-progress > div > p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 10px;
  margin-bottom: 10px;
  font-weight: 700;
  border-radius: 10px;
  background: #f5f5f5;
}
.myInfo-progress > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 22px;
}
.myInfo-progress > div > div > strong {
  font-size: 32px;
  font-weight: 700;
  color: #00ab93;
}
.myInfo-teacher {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.myInfo-teacher > p {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.myInfo-teacher > p > img {
  height: 100%;
}
.myInfo-teacher > div {
  flex: 1;
}
.myInfo-teacher > div > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  margin-bottom: 10px;
}
.myInfo-teacher > div > div .base-select {
  min-width: 172px;
}
.myInfo-teacher > div > div > a {
  flex-shrink: 0;
}
.myInfo-teacher > div > p, .myInfo-teacher > div > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  font-size: 14px;
}
.myInfo-teacher > div > p {
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 1px dashed #b3b3b3;
}
.myInfo-teacher > div > a > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #00ab93;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}
.myInfo .no-data {
  gap: 4px;
  margin-top: 14px;
}
.myInfo .no-data > img {
  border-radius: 50%;
}
.myInfo .no-data > p {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}

.page-myPage .page-section-top form {
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.page-myPage .page-section-top form > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.page-myPage .page-section-top > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.page-myPage .board-bottom {
  margin-top: 20px;
}
.page-myPage .checkbox-primary {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-myPage .pre-learning,
.page-myPage .learning-active,
.page-myPage .learning-completed {
  margin: 0 auto;
  font-size: 14px;
}
.page-myPage .base-table tbody > tr > td {
  padding: 16px 20px;
}

.detail-table {
  border-top: 2px solid #121212;
  border-bottom: 2px solid #121212;
}
.detail-table thead {
  border-bottom: 2px solid #dddddd;
}
.detail-table thead th {
  padding: 16px 20px;
}
.detail-table thead .board-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.detail-table thead .board-title > span {
  margin: 0;
}
.detail-table thead .board-title > p {
  margin-left: auto;
}
.detail-table thead .board-title > div {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 35px;
}
.detail-table tbody > tr {
  border-bottom: none;
}
.detail-table tbody > tr > td {
  padding: 16px 20px;
}
.detail-table tbody > tr > td > p {
  white-space: pre-line;
}
.detail-table tbody > tr > td.body {
  padding: 20px;
}
.detail-table tbody > tr > td.body > p {
  white-space: pre-line;
  max-width: 1000px;
}
.detail-table .answer > th {
  padding: 20px;
  vertical-align: baseline;
}
.detail-table .file {
  display: inline-flex;
  align-items: center;
  min-width: 328px;
  padding: 6px 16px;
  margin-top: 10px;
  border-radius: 17px;
  background-color: #cceee9;
}
.detail-table .file > a {
  font-size: 14px;
}
.detail-table .attach-file {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.detail-table .attach-file .download-btn {
  margin: 0;
}

.noteWrite ul,
.mypage-modal ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 75px;
  margin-bottom: 10px;
}
.noteWrite ul > li:nth-child(2),
.mypage-modal ul > li:nth-child(2) {
  flex: 1;
}
.noteWrite .base-textarea,
.mypage-modal .base-textarea {
  display: block;
  width: 100%;
}
.noteWrite .info-text,
.mypage-modal .info-text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 2px;
}
.noteWrite .info-text > p,
.mypage-modal .info-text > p {
  font-size: 14px;
  color: #999999;
}
.noteWrite .info-text > p > span,
.mypage-modal .info-text > p > span {
  color: #00ab93;
}
.noteWrite .reply-con > div:first-child,
.mypage-modal .reply-con > div:first-child {
  min-height: 124px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--gray-Gray-200, #ccc);
  white-space: pre-line;
}
.noteWrite .reply-con .info-text,
.mypage-modal .reply-con .info-text {
  gap: 10px;
}
.noteWrite #replyArea,
.mypage-modal #replyArea {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px dashed #dddddd;
}

.page-bbsHistLearningModify .base-table th,
.page-bbsHistLearningModify .base-table td {
  padding: 16px 20px;
  text-align: left;
}
.page-bbsHistLearningModify .base-input,
.page-bbsHistLearningModify .base-textarea {
  width: 100%;
}
.page-bbsHistLearningModify .file-attach {
  position: relative;
  width: 328px;
  margin-bottom: 2px;
}
.page-bbsHistLearningModify .file-attach .file-input {
  display: flex;
  width: 100%;
  padding: 9px 16px;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-Gray-200, #ccc);
  background: var(--gray-Gray-50, #f5f5f5);
}
.page-bbsHistLearningModify .file-attach > button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  text-align: right;
  padding: 9px 16px;
}
.page-bbsHistLearningModify .info-text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 2px;
}
.page-bbsHistLearningModify .info-text > p {
  font-size: 14px;
  color: #999999;
}
.page-bbsHistLearningModify .info-text > p > span {
  color: #00ab93;
}

.page-checkUserPassword .contents {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-checkUserPassword .contents > h2 {
  font-size: 28px;
  font-weight: 700;
  color: #121212;
  margin-bottom: 20px;
}
.page-checkUserPassword .contents > .description {
  margin-bottom: 40px;
  text-align: center;
}
.page-checkUserPassword .contents > .description > p {
  color: #666666;
}
.page-checkUserPassword .contents > .box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 610px;
  height: 205px;
  border-radius: 40px;
  background: #f5f5f5;
}
.page-checkUserPassword .contents > .box > .id-info {
  font-size: 18px;
  font-weight: 700;
  color: #121212;
  margin-bottom: 20px;
}
.page-checkUserPassword .contents > .box > .pw-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  margin-bottom: 10px;
}
.page-checkUserPassword .contents > .box > .pw-box input {
  min-width: 400px;
}
.page-checkUserPassword .contents > .box > .warning {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 400;
  color: #f04d69;
}

.page-updateUserInfoForm h2 {
  font-size: 28px;
  font-weight: 700;
  color: #000;
  margin-bottom: 40px;
}
.page-updateUserInfoForm .base-table {
  border-bottom: 2px solid #121212;
}
.page-updateUserInfoForm .base-table th,
.page-updateUserInfoForm .base-table td {
  text-align: left;
  padding: 20px;
}
.page-updateUserInfoForm .file-attach {
  position: relative;
  width: 328px;
  margin-bottom: 2px;
}
.page-updateUserInfoForm .file-attach .file-input {
  display: flex;
  width: 100%;
  padding: 9px 16px;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-Gray-200, #ccc);
  background: var(--gray-Gray-50, #f5f5f5);
}
.page-updateUserInfoForm .file-attach > button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  text-align: right;
  padding: 9px 16px;
}
.page-updateUserInfoForm .btn-wrap {
  margin-top: 40px;
  text-align: right;
}
.page-updateUserInfoForm .member-modify .radio-primary {
  margin-right: 10px;
}
.page-updateUserInfoForm .member-modify .school .base-input {
  width: 20%;
  display: inline-block;
}
.page-updateUserInfoForm .member-modify .school span {
  margin-left: 10px;
}
.page-updateUserInfoForm .member-modify .address > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  margin-bottom: 16px;
}
.page-updateUserInfoForm .member-modify .address .base-input {
  width: 530px;
}
.page-updateUserInfoForm .member-modify .phone > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.page-updateUserInfoForm .member-modify .phone .base-input {
  width: 170px;
}
.page-updateUserInfoForm .pw-modify .base-input {
  max-width: 260px;
}
.page-updateUserInfoForm .pw-modify .form > p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.page-updateUserInfoForm .withdraw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  margin-top: 40px;
  padding: 24px 40px;
  border-radius: 10px;
  background: #f5f5f5;
}
.page-updateUserInfoForm .withdraw > dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-updateUserInfoForm .withdraw > dl > dt {
  position: relative;
  margin-right: 60px;
  font-size: 22px;
  font-weight: 700;
  color: #00ab93;
}
.page-updateUserInfoForm .withdraw > dl > dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -60px;
  width: 1px;
  height: 50px;
  background-color: #b3b3b3;
  transform: translate(0, -50%);
}
.page-updateUserInfoForm .withdraw > dl > dd {
  margin-left: 60px;
}
.page-updateUserInfoForm .withdraw > dl > dd > p:first-child {
  font-size: 20px;
  font-weight: 700;
  color: #121212;
}
.page-updateUserInfoForm .withdraw > dl > dd > p:last-child {
  font-size: 14px;
}

.page-learningInformation .banner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding: 27px 50px;
  background: url("/assets/renewal2024/img/sub/learningInfo/head-bg.png") no-repeat 0 0;
  background-size: 100%;
  text-align: center;
}
.page-learningInformation .banner:has(.dataDownload) {
  min-height: 120px;
}
.page-learningInformation .section-banner {
  margin-bottom: 50px;
}
.page-learningInformation .tab-contents {
  display: none;
  padding-top: 0;
}
.page-learningInformation .tab-contents.show {
  display: block;
}
.page-learningInformation .page-section-top > form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.page-learningInformation .search-wrap .base-select {
  min-width: 140px;
}
.page-learningInformation .search-wrap .base-input {
  width: 100%;
}
.page-learningInformation .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 16px 5px 16px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #333333;
}

.best-opinion {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  padding: 40px;
  background: url("/assets/renewal2024/img/sub/learningInfo/best-opinion.png") no-repeat 50% 50%;
}
.best-opinion-user {
  min-width: 240px;
  text-align: center;
  background: url("/assets/renewal2024/img/sub/learningInfo/best-opinion2.png") no-repeat 0 0;
}
.best-opinion-user > p:first-child {
  padding: 9px 0 4px;
  font-size: 18px;
  font-weight: 700;
  color: #121212;
}
.best-opinion-user > p:last-child {
  padding: 6px 0 10px;
  font-size: 22px;
  font-weight: 400;
  color: #fff;
}
.best-opinion-text {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
  padding: 20px 30px;
  border-radius: 16px;
  background-color: #fff;
}
.best-opinion-text > p:first-child {
  position: relative;
  flex-shrink: 0;
  font-size: 22px;
  font-weight: 700;
  color: #0f3f71;
}
.best-opinion-text > p:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -29px;
  width: 1px;
  height: 100%;
  background-color: #dddddd;
  transform: translate(0, -50%);
}
.best-opinion-text > p:last-child {
  height: 92px;
  overflow: auto;
}
.best-opinion-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22' fill='none'%3E%3Cpath d='M1.19155 13.1112C-0.397183 12.1576 -0.397184 9.84242 1.19155 8.88878L16 -6.99382e-07L16 22L1.19155 13.1112Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%;
  transform: translate(-15px, -50%);
}

.page-debateDetail .page-section-top > div {
  display: flex;
  align-items: baseline;
  gap: 20px;
}
.page-debateDetail .page-section-top > div > h3 {
  font-size: 28px;
  font-weight: 700;
  color: #121212;
}
.page-debateDetail .last-best-user {
  align-items: center !important;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  border-radius: 8px;
  background-color: #0f3f71;
}
.page-debateDetail .last-best-user > p {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.page-debateDetail .last-best-user > p:first-child {
  padding: 6px 0px 6px 18px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.page-debateDetail .last-best-user > p:last-child {
  position: relative;
  padding: 16px 21px;
  border-radius: 8px;
  border: 3px solid #0f3f71;
  background-color: #fff;
  font-size: 18px;
}
.page-debateDetail .last-best-user > p:last-child::before {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  width: 11px;
  height: 50px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='50' viewBox='0 0 11 50' fill='none'%3E%3Cmask id='mask0_1982_18859' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='11' height='50'%3E%3Crect width='11' height='50' fill='%230F3F71'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1982_18859)'%3E%3Crect width='11' height='50' fill='%230F3F71'/%3E%3Cpath d='M2.68405 7.67125C1.5017 4.71537 3.67861 1.5 6.8622 1.5H12C14.4853 1.5 16.5 3.51472 16.5 6V44C16.5 46.4853 14.4853 48.5 12 48.5H6.8622C3.67861 48.5 1.5017 45.2846 2.68405 42.3287L8.50138 27.7854C9.21661 25.9973 9.21661 24.0027 8.50138 22.2146L2.68405 7.67125Z' fill='white' stroke='%230F3F71' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
}
.page-debateDetail .debate-title-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  padding: 18px 20px;
  background-color: #0e2b49;
}
.page-debateDetail .debate-title-area > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  padding: 4px 16px;
  border-radius: 15px;
  background: #0f3f71;
  color: #fff;
}
.page-debateDetail .debate-title-area > p {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.page-debateDetail .debate-cont {
  padding: 40px;
  border: 1px solid #dddddd;
}
.page-debateDetail .debate-cont.with-img {
  display: flex;
  border: 1px solid #dddddd;
}
.page-debateDetail .debate-cont.with-img .debate-img {
  margin-left: 20px;
}
.page-debateDetail .debate-cont.with-img .debate-img img {
  width: 400px;
}
.page-debateDetail .debate-txt p,
.page-debateDetail .debate-txt span {
  font-family: "Noto Sans KR", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.5px;
  color: #121212;
  overflow-x: hidden;
  word-break: keep-all;
}
.page-debateDetail .debate-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 30px;
}
.page-debateDetail .debate-btns > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(50% - 10px);
  height: 68px;
  padding: 0px 58px 0px 10px;
  border-radius: 32px;
  background-color: #fff;
}
.page-debateDetail .debate-btns > a > i {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-size: 100%;
  font-size: 0;
}
.page-debateDetail .debate-btns > a > p {
  flex: 1;
  font-size: 24px;
  font-weight: 700;
  color: #121212;
  text-align: center;
}
.page-debateDetail .debate-btns > a.debate-btn-O {
  border: 1px solid #00ab93;
}
.page-debateDetail .debate-btns > a.debate-btn-O > i {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 32C28.4183 32 32 28.4183 32 24C32 19.5817 28.4183 16 24 16C19.5817 16 16 19.5817 16 24C16 28.4183 19.5817 32 24 32ZM24 37C31.1797 37 37 31.1797 37 24C37 16.8203 31.1797 11 24 11C16.8203 11 11 16.8203 11 24C11 31.1797 16.8203 37 24 37Z' fill='%2300AB93'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.page-debateDetail .debate-btns > a.debate-btn-O > p {
  color: #00ab93;
}
.page-debateDetail .debate-btns > a.debate-btn-X {
  border: 1px solid #f04d69;
}
.page-debateDetail .debate-btns > a.debate-btn-X > i {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2145 14.1989C15.6401 14.1627 16.0785 14.3047 16.4043 14.6249L23.8229 21.9167L23.8232 21.9164L16.4047 14.6249C16.0789 14.3046 15.6403 14.1626 15.2145 14.1989ZM32.5246 13.8517C32.9503 13.8155 33.3887 13.9575 33.7144 14.2777C34.2997 14.853 34.2997 15.7857 33.7144 16.361L25.9425 24L33.7144 31.639C34.2997 32.2143 34.2997 33.1471 33.7144 33.7224C33.4527 33.9797 33.1182 34.1219 32.7761 34.1491C33.1184 34.122 33.453 33.9797 33.7149 33.7224C34.3002 33.1471 34.3002 32.2143 33.7149 31.639L25.943 24L33.7149 16.361C34.3002 15.7857 34.3002 14.8529 33.7149 14.2776C33.389 13.9573 32.9504 13.8154 32.5246 13.8517ZM23.8231 26.0836L23.8229 26.0834L16.4043 33.3752C16.1403 33.6347 15.8023 33.7771 15.457 33.8025C15.8024 33.7772 16.1406 33.6348 16.4047 33.3751L23.8231 26.0836ZM13.692 17.3117L20.4967 24L13.692 30.6883C12.7693 31.5952 12.7693 33.0717 13.692 33.9786C14.6065 34.8775 16.0833 34.8775 16.9979 33.9786L23.8234 27.2698L31.0021 34.3258C31.9167 35.2247 33.3935 35.2247 34.308 34.3258C35.2307 33.4189 35.2307 31.9424 34.308 31.0355L27.1501 24L34.308 16.9645C35.2307 16.0576 35.2307 14.5811 34.308 13.6742C33.3935 12.7753 31.9167 12.7753 31.0021 13.6742L23.8234 20.7302L16.9979 14.0214C16.0833 13.1225 14.6065 13.1225 13.692 14.0214C12.7693 14.9283 12.7693 16.4048 13.692 17.3117Z' fill='%23F04D69'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.page-debateDetail .debate-btns > a.debate-btn-X > p {
  color: #f04d69;
}
.page-debateDetail .debate-reply-write {
  padding: 40px;
  border: 1px solid #dddddd;
  border-top: none;
  background-color: #f5f5f5;
}
.page-debateDetail .debate-reply-write .debate-btn-O:hover {
  background-color: #00ab93;
}
.page-debateDetail .debate-reply-write .debate-btn-O:hover > i {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 32C28.4183 32 32 28.4183 32 24C32 19.5817 28.4183 16 24 16C19.5817 16 16 19.5817 16 24C16 28.4183 19.5817 32 24 32ZM24 37C31.1797 37 37 31.1797 37 24C37 16.8203 31.1797 11 24 11C16.8203 11 11 16.8203 11 24C11 31.1797 16.8203 37 24 37Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.page-debateDetail .debate-reply-write .debate-btn-O:hover > p {
  color: #fff;
}
.page-debateDetail .debate-reply-write .debate-btn-O.on {
  background-color: #00ab93;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='20' fill='white'/%3E%3Cpath d='M21.8967 24.5722L19.451 22.0809C18.9293 21.5494 18.3176 21.2917 17.6172 21.3092C16.9168 21.3267 16.305 21.6004 15.7833 22.1319C15.2616 22.6633 15 23.2865 15 24C15 24.7135 15.2616 25.3367 15.7833 25.8681L20.0871 30.2028C20.6088 30.7343 21.212 31.0007 21.8967 31.0007C22.5814 31.0007 23.1845 30.7343 23.7063 30.2028L32.2167 21.5334C32.7384 21.002 33 20.3788 33 19.6653C33 18.9518 32.7399 18.3286 32.2167 17.7972C31.6936 17.2657 31.0832 16.9993 30.3828 16.9993C29.6824 16.9993 29.0707 17.2643 28.549 17.7972L21.8967 24.5737V24.5722Z' fill='%2300AB93'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 48px 48px;
}
.page-debateDetail .debate-reply-write .debate-btn-O.on > i {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 32C28.4183 32 32 28.4183 32 24C32 19.5817 28.4183 16 24 16C19.5817 16 16 19.5817 16 24C16 28.4183 19.5817 32 24 32ZM24 37C31.1797 37 37 31.1797 37 24C37 16.8203 31.1797 11 24 11C16.8203 11 11 16.8203 11 24C11 31.1797 16.8203 37 24 37Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.page-debateDetail .debate-reply-write .debate-btn-O.on > p {
  color: #fff;
}
.page-debateDetail .debate-reply-write .debate-btn-X:hover {
  background-color: #f04d69;
}
.page-debateDetail .debate-reply-write .debate-btn-X:hover > i {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2145 14.1989C15.6401 14.1627 16.0785 14.3047 16.4043 14.6249L23.8229 21.9167L23.8232 21.9164L16.4047 14.6249C16.0789 14.3046 15.6403 14.1626 15.2145 14.1989ZM32.5246 13.8517C32.9503 13.8155 33.3887 13.9575 33.7144 14.2777C34.2997 14.853 34.2997 15.7857 33.7144 16.361L25.9425 24L33.7144 31.639C34.2997 32.2143 34.2997 33.1471 33.7144 33.7224C33.4527 33.9797 33.1182 34.1219 32.7761 34.1491C33.1184 34.122 33.453 33.9797 33.7149 33.7224C34.3002 33.1471 34.3002 32.2143 33.7149 31.639L25.943 24L33.7149 16.361C34.3002 15.7857 34.3002 14.8529 33.7149 14.2776C33.389 13.9573 32.9504 13.8154 32.5246 13.8517ZM23.8231 26.0836L23.8229 26.0834L16.4043 33.3752C16.1403 33.6347 15.8023 33.7771 15.457 33.8025C15.8024 33.7772 16.1406 33.6348 16.4047 33.3751L23.8231 26.0836ZM13.692 17.3117L20.4967 24L13.692 30.6883C12.7693 31.5952 12.7693 33.0717 13.692 33.9786C14.6065 34.8775 16.0833 34.8775 16.9979 33.9786L23.8234 27.2698L31.0021 34.3258C31.9167 35.2247 33.3935 35.2247 34.308 34.3258C35.2307 33.4189 35.2307 31.9424 34.308 31.0355L27.1501 24L34.308 16.9645C35.2307 16.0576 35.2307 14.5811 34.308 13.6742C33.3935 12.7753 31.9167 12.7753 31.0021 13.6742L23.8234 20.7302L16.9979 14.0214C16.0833 13.1225 14.6065 13.1225 13.692 14.0214C12.7693 14.9283 12.7693 16.4048 13.692 17.3117Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.page-debateDetail .debate-reply-write .debate-btn-X:hover > p {
  color: #fff;
}
.page-debateDetail .debate-reply-write .debate-btn-X.on {
  background-color: #f04d69;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='20' fill='white'/%3E%3Cpath d='M21.8967 24.5722L19.451 22.0809C18.9293 21.5494 18.3176 21.2917 17.6172 21.3092C16.9168 21.3267 16.305 21.6004 15.7833 22.1319C15.2616 22.6633 15 23.2865 15 24C15 24.7135 15.2616 25.3367 15.7833 25.8681L20.0871 30.2028C20.6088 30.7343 21.212 31.0007 21.8967 31.0007C22.5814 31.0007 23.1845 30.7343 23.7063 30.2028L32.2167 21.5334C32.7384 21.002 33 20.3788 33 19.6653C33 18.9518 32.7399 18.3286 32.2167 17.7972C31.6936 17.2657 31.0832 16.9993 30.3828 16.9993C29.6824 16.9993 29.0707 17.2643 28.549 17.7972L21.8967 24.5737V24.5722Z' fill='%23F04D69'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 48px 48px;
}
.page-debateDetail .debate-reply-write .debate-btn-X.on > i {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2145 14.1989C15.6401 14.1627 16.0785 14.3047 16.4043 14.6249L23.8229 21.9167L23.8232 21.9164L16.4047 14.6249C16.0789 14.3046 15.6403 14.1626 15.2145 14.1989ZM32.5246 13.8517C32.9503 13.8155 33.3887 13.9575 33.7144 14.2777C34.2997 14.853 34.2997 15.7857 33.7144 16.361L25.9425 24L33.7144 31.639C34.2997 32.2143 34.2997 33.1471 33.7144 33.7224C33.4527 33.9797 33.1182 34.1219 32.7761 34.1491C33.1184 34.122 33.453 33.9797 33.7149 33.7224C34.3002 33.1471 34.3002 32.2143 33.7149 31.639L25.943 24L33.7149 16.361C34.3002 15.7857 34.3002 14.8529 33.7149 14.2776C33.389 13.9573 32.9504 13.8154 32.5246 13.8517ZM23.8231 26.0836L23.8229 26.0834L16.4043 33.3752C16.1403 33.6347 15.8023 33.7771 15.457 33.8025C15.8024 33.7772 16.1406 33.6348 16.4047 33.3751L23.8231 26.0836ZM13.692 17.3117L20.4967 24L13.692 30.6883C12.7693 31.5952 12.7693 33.0717 13.692 33.9786C14.6065 34.8775 16.0833 34.8775 16.9979 33.9786L23.8234 27.2698L31.0021 34.3258C31.9167 35.2247 33.3935 35.2247 34.308 34.3258C35.2307 33.4189 35.2307 31.9424 34.308 31.0355L27.1501 24L34.308 16.9645C35.2307 16.0576 35.2307 14.5811 34.308 13.6742C33.3935 12.7753 31.9167 12.7753 31.0021 13.6742L23.8234 20.7302L16.9979 14.0214C16.0833 13.1225 14.6065 13.1225 13.692 14.0214C12.7693 14.9283 12.7693 16.4048 13.692 17.3117Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.page-debateDetail .debate-reply-write .debate-btn-X.on > p {
  color: #fff;
}
.page-debateDetail .debate-reply-write .textarea-wrap textarea {
  width: 100%;
  margin-top: 10px;
  resize: none;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #cccccc;
}
.page-debateDetail .debate-reply-write .textarea-wrap > p {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  text-align: right;
}
.page-debateDetail .debate-reply-write .btn-area {
  text-align: center;
  margin-top: 20px;
  padding: 0;
}
.page-debateDetail .debate-result {
  padding: 34px 40px 40px 40px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  border-top: none;
}
.page-debateDetail .debate-result-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.page-debateDetail .debate-result-top > p:first-child {
  padding: 0 20px;
  font-size: 22px;
  font-weight: 700;
  color: #121212;
  background: url("/assets/renewal2024/img/sub//highlighter-l.png") no-repeat 50% 50%;
}
.page-debateDetail .best-opinion {
  background: url("/assets/renewal2024/img/sub/learningInfo/best-opinion-white.png") no-repeat 50% 50%;
}
.page-debateDetail .best-opinion-text {
  background-color: #f5f5f5;
}
.page-debateDetail .best-opinion-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22' fill='none'%3E%3Cpath d='M1.19155 13.1112C-0.397183 12.1576 -0.397184 9.84242 1.19155 8.88878L16 -6.99382e-07L16 22L1.19155 13.1112Z' fill='%23F5F5F5'/%3E%3C/svg%3E") no-repeat 50% 50%;
  transform: translate(-15px, -50%);
}
.page-debateDetail .filter-tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
  height: 44px;
  padding: 0px 30px;
  border-radius: 10px;
  background: #f5f5f5;
}
.page-debateDetail .filter-tab > li {
  position: relative;
}
.page-debateDetail .filter-tab > li > a {
  color: #777777;
}
.page-debateDetail .filter-tab > li.on > a {
  color: #121212;
  font-weight: 700;
}
.page-debateDetail .filter-tab > li:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: -30px;
  height: 14px;
  width: 1px;
  background-color: #cccccc;
}
.page-debateDetail .debate-reply {
  border-top: 1px solid #121212;
  background-color: #fff;
  border-bottom: none;
  padding: 0;
}
.page-debateDetail .debate-reply ul {
  padding: 20px;
  border-bottom: 1px solid #dddddd;
}
.page-debateDetail .debate-reply ul > li:not(:last-child) {
  margin-bottom: 10px;
}
.page-debateDetail .debate-reply ul > li:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page-debateDetail .debate-reply ul > .user-info > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-debateDetail .debate-reply ul > .user-info > div > div:first-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.page-debateDetail .debate-reply ul > .user-info > div > div:first-child svg {
  vertical-align: bottom;
}
.page-debateDetail .debate-reply ul > .user-info .del-btn {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #333333;
}
.page-debateDetail .debate-reply ul > .user-info .del-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  background: url("/assets/renewal2024/img/icon/ico_close.png") no-repeat;
  background-size: 100%;
  transform: translate(-50%, -50%);
}
.page-debateDetail .debate-reply ul > li > button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #666666;
}
.page-debateDetail .debate-reply > .more-btn {
  padding: 11px 16px;
  border-bottom: 1px solid #dddddd;
  color: #666666;
  text-align: center;
}

.page-debate-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.page-debate .vote-result-chips {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.page-debate .vote-result-chips > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 30px;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.page-debate .vote-result-chips .vote-up {
  background-color: #00ab93;
}
.page-debate .vote-result-chips .vote-up.accent {
  font-weight: 700;
  border: 2px solid #00ab93;
  background-color: #008976;
}
.page-debate .vote-result-chips .vote-down {
  background-color: #f04d69;
}
.page-debate .vote-result-chips .vote-down.accent {
  font-weight: 700;
  border: 2px solid #f04d69;
  background-color: #bf0330;
}

.debate-data-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0 20px;
  padding: 20px 0 0 0;
  margin: 0;
  border-bottom: none;
  border-top: 2px solid #121212;
}
.debate-data-list > li {
  width: calc(25% - 20px);
  min-height: 415px;
  margin-bottom: 30px;
}
.debate-data-list > li > a {
  display: block;
  width: 100%;
}
.debate-data-list > li > a > p {
  margin-top: 16px;
}

.page-debateDataInfo .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 16px 5px 16px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #333333;
}

.school_select {
  margin-bottom: 50px;
}
.school_select > ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #cccccc;
  background: #f5f5f5;
  border-radius: 8px;
}
.school_select > ul > li {
  position: relative;
  width: 20%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #cccccc;
}
.school_select > ul > li:first-child {
  border-radius: 8px 0 0 8px;
}
.school_select > ul > li:last-child {
  border-right: none;
  border-radius: 0 8px 8px 0;
}
.school_select > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  color: #777777;
  text-align: center;
}
.school_select > ul > li > a > span {
  flex: 1;
}
.school_select > ul > li.on {
  background-color: #fff;
}
.school_select > ul > li.on > a {
  font-size: 16px;
  font-weight: 700;
  color: #121212;
}
.school_select .school_sub {
  display: none;
  position: absolute;
  width: 100%;
  top: 50px;
  border-radius: 8px;
  border: 1px solid #dddddd;
  background: #fff;
  padding: 16px;
  z-index: 3;
}
.school_select .school_sub > li > a {
  display: block;
  margin-bottom: 12px;
  width: 100%;
  color: #666666;
  text-align: left;
}
.school_select .school_sub > li:last-child > a {
  margin-bottom: 0;
}

.page-learningInformationNews .banner {
  justify-content: space-between;
}
.page-learningInformationNews .banner > p {
  text-align: left;
}

.page-history .banner {
  min-height: 80px;
}
.page-history .btn-today {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 64px;
  padding: 0px 20px;
  border-radius: 32px;
  border: 1px solid #121212;
  background: #fff;
  font-size: 18px;
}
.page-history .calendar-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 20px;
  padding: 0px 30px;
  border-radius: 32px;
  background: #f5f5f5;
}
.page-history .calendar-tab > button {
  display: block;
  width: 8.33333%;
  height: 64px;
  text-align: center;
  font-size: 18px;
  color: #666666;
  border: 6px solid #f5f5f5;
}
.page-history .calendar-tab > button.on {
  color: #fff;
  background: #00ab93;
  border-radius: 32px;
}
.page-history .calendar th,
.page-history .calendar td {
  border: 1px solid #dddddd;
}
.page-history .calendar th {
  height: 50px;
}
.page-history .calendar th:first-child {
  border-left: 1px solid transparent;
}
.page-history .calendar th:last-child {
  border-right: 1px solid transparent;
}
.page-history .calendar td {
  position: relative;
  vertical-align: top;
}
.page-history .calendar td:has(.disable) {
  background-color: #f5f5f5;
}
.page-history .calendar td:first-child {
  border-left: 1px solid transparent;
}
.page-history .calendar td:last-child {
  border-right: 1px solid transparent;
}
.page-history .calendar td:hover:not(:has(.disable)) {
  border: 1px solid #dddddd;
  height: 100%;
}
.page-history .calendar td:hover:not(:has(.disable)) .date {
  color: #7138eb;
}
.page-history .calendar td:hover:not(:has(.disable))::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #7138eb;
}
.page-history .calendar td > div {
  position: relative;
  display: flex;
  width: 183px;
  min-height: 346px;
  height: 100%;
  padding: 12px 16px 20px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.page-history .calendar td.today, .page-history .calendar td.selected-date {
  position: relative;
  background: #fff;
}
.page-history .calendar td.today::before, .page-history .calendar td.selected-date::before {
  display: block;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='9' viewBox='0 0 21 9' fill='none'%3E%3Cpath d='M12.6213 7.87868C11.4498 9.05025 9.55025 9.05025 8.37868 7.87868L0.500001 1.58893e-07L20.5 1.90735e-06L12.6213 7.87868Z' fill='%237138EB'/%3E%3C/svg%3E") no-repeat 0 0;
  background-size: 100%;
}
.page-history .calendar td.today::after, .page-history .calendar td.selected-date::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #7138eb;
}
.page-history .calendar td.today .date, .page-history .calendar td.selected-date .date {
  color: #7138eb;
}
.page-history .date {
  color: #666666;
}
.page-history .sunday {
  color: #f04d69;
}
.page-history .saturday {
  color: #1698ed;
}
.page-history a.image {
  z-index: 1;
}
.page-history .list {
  z-index: 1;
  display: block;
  width: 100%;
  border-bottom: none;
}
.page-history .list > li {
  padding: 10px 14px;
  border-radius: 10px;
  background: #f5f5f5;
  margin-bottom: 8px;
}
.page-history .list > li > a {
  display: block;
  width: 100%;
  height: 100%;
  color: #666666;
}
.page-history .list > li > a:hover {
  color: #121212;
}
.page-history .list > li.on {
  background-color: #f0faf9;
}
.page-history .list > li.on a {
  color: #121212;
}
.page-history .list > li:hover {
  background-color: #f0faf9;
  color: #121212;
}

.page-history-view .history-view-section .page-section-top {
  justify-content: flex-end;
}
.page-history-view .btn-arrow {
  display: inline-flex;
  width: 44px;
  height: 44px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--gray-Gray-150, #ddd);
  background: var(--gray-White, #fff);
}
.page-history-view .selected-date > div {
  position: relative;
}

.history-view {
  position: relative;
  height: -moz-fit-content !important;
  height: fit-content !important;
  border-radius: 10px;
}
.history-view::before {
  display: block;
  content: "";
  background-image: url("/assets/renewal2024/img/common/line-img.png");
  background-size: 100%;
  background-size: auto;
  background-repeat: round;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 10px;
}

.view {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 10px;
}
.view-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px;
  background-color: #0f3f71;
  border-radius: 10px 10px 0 0;
}
.view-title > h3 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.view-title > p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
}
.view-contents {
  padding: 40px;
  background: url("/assets/renewal2024/img/sub/paper-bg.png") 0 0;
  background-size: auto;
  border-image-source: url("/assets/renewal2024/img/common/line-img.png");
  border-image-slice: 2;
  border-image-width: 2px 0 0 0;
  border-image-repeat: repeat;
  border-radius: 0 0 10px 10px;
}
.view-contents > div:first-child {
  padding-bottom: 60px;
  background: url("/assets/renewal2024/img/sub/bg-perforation-line.png") no-repeat 0 100%;
  background-size: 100%;
  margin-bottom: 30px;
}
.view-contents span {
  width: 100%;
  font-family: "Noto Sans KR", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.5px;
  color: #121212;
  overflow-x: hidden;
  word-break: keep-all;
}

.page-schoolInfo .banner {
  justify-content: space-between;
}
.page-schoolInfo .banner > p {
  text-align: left;
}
.page-schoolInfo .page-section-top:has(.contents-desc) {
  margin-bottom: 20px;
  display: block;
}
.page-schoolInfo h4.contents-title {
  padding-left: 20px;
  font-family: GangwonEduPowerExtraBoldA;
  font-size: 28px;
  background: url("/assets/renewal2024/img/icon/ico_special.png") no-repeat 0% 30%;
}
.page-schoolInfo p.contents-desc {
  font-size: 18px;
}

.bbs-table-wrap {
  display: flex;
  gap: 20px;
}
.bbs-table-wrap .icon_triangle {
  align-self: center;
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.0693 13.6367L6.40011 21.7435C6.10776 21.9106 5.7763 21.9991 5.43871 22C5.10111 22.0009 4.76916 21.9143 4.47586 21.7488C4.18257 21.5833 3.93816 21.3446 3.76695 21.0565C3.59575 20.7685 3.50371 20.441 3.5 20.1068V3.8932C3.50371 3.55898 3.59575 3.23153 3.76695 2.94346C3.93816 2.65538 4.18257 2.41671 4.47586 2.25119C4.76916 2.08567 5.10111 1.99907 5.43871 2.00001C5.7763 2.00094 6.10776 2.08938 6.40011 2.25653L20.0693 10.3633C20.3534 10.534 20.5883 10.7742 20.7513 11.0609C20.9144 11.3476 21 11.671 21 12C21 12.329 20.9144 12.6524 20.7513 12.9391C20.5883 13.2258 20.3534 13.466 20.0693 13.6367Z' fill='%2300AB93'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

.bbs-table {
  width: calc(50% - 20px);
  border-radius: 10px;
  border: 1px solid #121212;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.bbs-table-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 16px 20px;
  background-color: #0e2b49;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.bbs-table-body {
  flex: 1;
}
.bbs-table-body table {
  width: 100%;
  height: 100%;
}
.bbs-table-body table th {
  padding: 16px 20px;
  background-color: #0e2b49;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.bbs-table-body table tr:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.bbs-table-body table td {
  padding: 16px 20px;
}
.bbs-table-body table td:first-child {
  text-align: center;
}
.bbs-table-body table td > ul {
  padding: 0 !important;
}
.bbs-table-body table td > p {
  position: relative;
  padding-left: 15px;
}
.bbs-table-body table td > p::before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 4px;
  border-radius: 50%;
  background-color: #121212;
}
.bbs-table-body > ul {
  padding: 24px;
}
.bbs-table-body > ul > li {
  margin-bottom: 4px;
  padding-left: 23px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.95467 11.5362L5.33084 8.9115C4.91975 8.4973 4.41512 8.2902 3.81694 8.2902C3.21876 8.2902 2.70717 8.50448 2.28216 8.93304C1.8714 9.34723 1.66602 9.85951 1.66602 10.4699C1.66602 11.0802 1.8714 11.5925 2.28216 12.0067L6.12857 15.8853C6.64518 16.4062 7.25388 16.6667 7.95467 16.6667C8.65546 16.6667 9.26416 16.4062 9.78077 15.8853L17.7057 7.89412C18.1307 7.46556 18.3396 6.95328 18.3325 6.35728C18.3254 5.76129 18.1164 5.24901 17.7057 4.82045C17.2807 4.39189 16.7691 4.17402 16.1709 4.16684C15.5727 4.15966 15.0611 4.37035 14.6361 4.79891L7.95467 11.5362Z' fill='%2300AB93'/%3E%3C/svg%3E") no-repeat 0% 0%;
}
.bbs-table-body > ul > li:last-child {
  margin-bottom: 0;
}
.bbs-table-body .info-list {
  padding: 24px;
}
.bbs-table-body .info-list > li {
  margin-bottom: 4px;
  padding-left: 26px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.95467 11.5362L5.33084 8.9115C4.91975 8.4973 4.41512 8.2902 3.81694 8.2902C3.21876 8.2902 2.70717 8.50448 2.28216 8.93304C1.8714 9.34723 1.66602 9.85951 1.66602 10.4699C1.66602 11.0802 1.8714 11.5925 2.28216 12.0067L6.12857 15.8853C6.64518 16.4062 7.25388 16.6667 7.95467 16.6667C8.65546 16.6667 9.26416 16.4062 9.78077 15.8853L17.7057 7.89412C18.1307 7.46556 18.3396 6.95328 18.3325 6.35728C18.3254 5.76129 18.1164 5.24901 17.7057 4.82045C17.2807 4.39189 16.7691 4.17402 16.1709 4.16684C15.5727 4.15966 15.0611 4.37035 14.6361 4.79891L7.95467 11.5362Z' fill='%2300AB93'/%3E%3C/svg%3E") no-repeat 0% 0%;
}
.bbs-table-body .info-list > li.gray {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.95467 11.5362L5.33084 8.9115C4.91975 8.49731 4.41512 8.29021 3.81694 8.29021C3.21876 8.29021 2.70717 8.50449 2.28216 8.93305C1.8714 9.34724 1.66602 9.85952 1.66602 10.4699C1.66602 11.0802 1.8714 11.5925 2.28216 12.0067L6.12857 15.8853C6.64518 16.4062 7.25388 16.6667 7.95467 16.6667C8.65546 16.6667 9.26416 16.4062 9.78077 15.8853L17.7057 7.89413C18.1307 7.46557 18.3396 6.95329 18.3325 6.35729C18.3254 5.76129 18.1164 5.24901 17.7057 4.82046C17.2807 4.3919 16.7691 4.17403 16.1709 4.16685C15.5727 4.15967 15.0611 4.37036 14.6361 4.79891L7.95467 11.5362Z' fill='%23777777'/%3E%3C/svg%3E") no-repeat 0% 0%;
}
.bbs-table-body .info-list > li:last-child {
  margin-bottom: 0;
}

.info-list_text > h6 {
  font-size: 18px;
  font-weight: 700;
  color: #121212;
  margin-bottom: 16px;
  padding-left: 37px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.54639 13.8435L6.39779 10.6938C5.90448 10.1968 5.29892 9.94824 4.58111 9.94824C3.86329 9.94824 3.24938 10.2054 2.73937 10.7196C2.24646 11.2167 2 11.8314 2 12.5639C2 13.2963 2.24646 13.911 2.73937 14.4081L7.35507 19.0623C7.975 19.6874 8.70544 20 9.54639 20C10.3873 20 11.1178 19.6874 11.7377 19.0623L21.2476 9.47295C21.7576 8.95868 22.0083 8.34394 21.9998 7.62874C21.9912 6.91355 21.7405 6.29881 21.2476 5.78454C20.7376 5.27027 20.1237 5.00883 19.4059 5.00021C18.688 4.9916 18.0741 5.24442 17.5641 5.75869L9.54639 13.8435Z' fill='%2300AB93'/%3E%3C/svg%3E") no-repeat 0% 0%;
}

.border-right {
  border-right: 1px solid #dddddd;
}

.align-left {
  text-align: left !important;
}

.align-center {
  text-align: center;
}

.page-schoolData .curriculum-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 73px 0 80px;
  border-bottom: 1px dotted #b3b3b3;
}
.page-schoolData .curriculum-info:last-child {
  border-bottom: none;
}
.page-schoolData .curriculum-info > h4 {
  width: 30%;
  margin-bottom: 0;
}
.page-schoolData .revision-subject {
  border-radius: 10px;
}
.page-schoolData .revision-subject-title {
  border-radius: 10px 10px 0 0;
  border: 1px solid #dddddd;
  border-bottom: none;
}
.page-schoolData .revision-subject-title > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 20px;
  border-bottom: 1px solid #dddddd;
}
.page-schoolData .revision-subject-title > div > h5 {
  position: relative;
  padding: 0 30px 0 48px;
  font-size: 20px;
  font-weight: 700;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='15.9993' cy='16' r='13.3333' fill='%23F3B3D1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0007 22.6667C14.0007 23.7712 14.8961 24.6667 16.0007 24.6667C17.1052 24.6667 18.0007 23.7712 18.0007 22.6667V18H22.6673C23.7719 18 24.6673 17.1046 24.6673 16C24.6673 14.8954 23.7719 14 22.6673 14H18.0007V9.33333C18.0007 8.22876 17.1052 7.33333 16.0007 7.33333C14.8961 7.33333 14.0007 8.22876 14.0007 9.33333V14H9.33398C8.22941 14 7.33398 14.8954 7.33398 16C7.33398 17.1046 8.22942 18 9.33399 18H14.0007V22.6667Z' fill='white'/%3E%3C/svg%3E") no-repeat 0 50%;
}
.page-schoolData .revision-subject-title > div > p {
  padding-left: 30px;
  border-left: 1px solid #dddddd;
  font-size: 18px;
}
.page-schoolData .revision-subject-title.history {
  border-radius: 10px;
  border-bottom: 1px solid #dddddd;
}
.page-schoolData .revision-subject-title.history > div:last-child {
  border-bottom: none;
}
.page-schoolData .free-study .bbs-table {
  border: none;
}

.video-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.video-container .video {
  width: calc(50% - 20px);
}
.video-container .video_top {
  display: inline-flex;
  width: 100%;
  padding: 14px 30px;
  align-items: center;
  border-radius: 20px 20px 0px 0px;
  background: #f04d69;
}
.video-container .video_top > p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}
.video-container .video_content {
  position: relative;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), lightgray 50%/cover no-repeat;
}
.video-container .video_content .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.video-container .video_content .video-bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M66.8977 45.4556L21.3337 72.4783C20.3592 73.0354 19.2543 73.3302 18.129 73.3333C17.0037 73.3364 15.8972 73.0478 14.9195 72.496C13.9419 71.9443 13.1272 71.1487 12.5565 70.1885C11.9858 69.2282 11.679 68.1368 11.6667 67.0227L11.6667 12.9773C11.679 11.8633 11.9858 10.7718 12.5565 9.81153C13.1272 8.85128 13.9419 8.05572 14.9195 7.50398C15.8972 6.95225 17.0037 6.66358 18.129 6.6667C19.2543 6.66982 20.3592 6.96461 21.3337 7.52176L66.8977 34.5444C67.8447 35.1132 68.6277 35.914 69.1711 36.8696C69.7145 37.8252 70 38.9034 70 40C70 41.0967 69.7145 42.1748 69.1711 43.1304C68.6277 44.086 67.8447 44.8868 66.8977 45.4556Z' fill='white'/%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.video-container .video_content .video-bg.play {
  opacity: 0;
  display: none;
}

.school-type-contents .bbs-table-wrap > div {
  width: calc(50% - 10px);
}
.school-type-contents .bbs-table-wrap > div .bbs-table {
  width: 100%;
}

.admissions-process > p {
  margin-bottom: 16px;
  padding-left: 37px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.54639 13.8435L6.39779 10.6938C5.90448 10.1968 5.29892 9.94824 4.58111 9.94824C3.86329 9.94824 3.24938 10.2054 2.73937 10.7196C2.24646 11.2167 2 11.8314 2 12.5639C2 13.2963 2.24646 13.911 2.73937 14.4081L7.35507 19.0623C7.975 19.6874 8.70544 20 9.54639 20C10.3873 20 11.1178 19.6874 11.7377 19.0623L21.2476 9.47295C21.7576 8.95868 22.0083 8.34394 21.9998 7.62874C21.9912 6.91355 21.7405 6.29881 21.2476 5.78454C20.7376 5.27027 20.1237 5.00883 19.4059 5.00021C18.688 4.9916 18.0741 5.24442 17.5641 5.75869L9.54639 13.8435Z' fill='%2300AB93'/%3E%3C/svg%3E") no-repeat 0% 0%;
  font-weight: 700;
}
.admissions-process > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.admissions-process > ul:not(:last-child) {
  margin-bottom: 16px;
}
.admissions-process > ul > li > i.icon_chevron {
  display: block;
  width: 16px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24' fill='none'%3E%3Cpath d='M3.02597 24.0012C3.4159 24.0012 3.80582 23.8512 4.10577 23.5562L14.5538 13.0813C15.1487 12.4862 15.1487 11.5163 14.5538 10.9213L4.10077 0.44625C3.50588 -0.14875 2.54106 -0.14875 1.94617 0.44625C1.35128 1.04125 1.35128 2.01125 1.94617 2.60625L11.3194 12.0013L1.94617 21.3962C1.35128 21.9912 1.35128 22.9613 1.94617 23.5562C2.24611 23.8562 2.63604 24.0012 3.02597 24.0012Z' fill='%2300AB93'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.admissions-process > ul > li.step {
  flex-basis: 120px;
}
.admissions-process > ul > li.step > p {
  padding: 4px;
  border-radius: 10px 10px 0 0;
  text-align: center;
}
.admissions-process > ul > li.step > p > span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
.admissions-process > ul > li.step > p:first-child {
  background-color: #00ab93;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.admissions-process > ul > li.step > p:last-child {
  border: 1px solid #008976;
  border-radius: 0 0 10px 10px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
  color: #008976;
}
.admissions-process > ul > li.step > p.single {
  border-radius: 10px;
}
.admissions-process > ul > li.detail {
  min-width: 302px;
  flex: 1;
  padding: 16px 18px;
  border-radius: 10px;
  text-align: center;
  background-color: #f0faf9;
}
.admissions-process > ul > li.detail > p:nth-child(1) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px dashed #777777;
}
.admissions-process > ul.content-center {
  justify-content: center;
}

.school-map {
  position: relative;
}
.school-map_marker {
  /*
      인천 Incheon 
      서울 Seoul
      경기 Gyeonggi
      대전 Daejeon 
      충북 Chungbuk
      세종 Sejong 
      강원 Gangwon 
      경북 Gyeongbuk
      대구 Daegu 
      울산 Ulsan 
      부산 Busan 
      경남 Gyeongnam
      제주 Jeju 
      전남 Jeonnam
      광주 Gwangju 
      전북 Jeonbuk 
      충남 Chungnam
  */
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cmask id='mask0_5293_27594' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5293_27594)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9559 36.4852C19.3055 36.6061 19.6412 36.6666 19.9631 36.6666C20.285 36.6666 20.6261 36.6061 20.9865 36.4852C21.347 36.3643 21.6682 36.1829 21.9502 35.9411C23.1594 34.8662 24.4329 33.6503 25.7707 32.2934C27.1086 30.9364 28.337 29.4719 29.4562 27.9C30.5753 26.328 31.5015 24.662 32.2348 22.902C32.968 21.1419 33.3346 19.3349 33.3346 17.4808C33.3346 13.189 31.9872 9.75808 29.2922 7.18815C26.597 4.61822 23.4936 3.33325 19.982 3.33325C16.4704 3.33325 13.3735 4.61822 10.6911 7.18815C8.00902 9.75808 6.66797 13.189 6.66797 17.4808C6.66797 19.3349 7.02816 21.1419 7.74853 22.902C8.4689 24.662 9.38866 26.328 10.5078 27.9C11.627 29.4719 12.8555 30.9364 14.1933 32.2934C15.5311 33.6503 16.8175 34.8662 18.0524 35.9411C18.3051 36.1829 18.6062 36.3643 18.9559 36.4852ZM20.0013 20.8333C22.3025 20.8333 24.168 18.9678 24.168 16.6666C24.168 14.3654 22.3025 12.4999 20.0013 12.4999C17.7001 12.4999 15.8346 14.3654 15.8346 16.6666C15.8346 18.9678 17.7001 20.8333 20.0013 20.8333Z' fill='%23F04D69'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
  cursor: pointer;
}
.school-map_marker.incheon {
  top: 233px;
  left: 173px;
}
.school-map_marker.seoul {
  top: 218px;
  left: 226px;
}
.school-map_marker.gyeonggi {
  top: 300px;
  left: 238px;
}
.school-map_marker.daejeon {
  top: 463px;
  left: 263px;
}
.school-map_marker.chungbuk {
  top: 384px;
  left: 303px;
}
.school-map_marker.sejong {
  top: 416px;
  left: 246px;
}
.school-map_marker.gangwon {
  top: 242px;
  left: 382px;
}
.school-map_marker.gyeongbuk {
  top: 440px;
  left: 448px;
}
.school-map_marker.daegu {
  top: 551px;
  left: 418px;
}
.school-map_marker.ulsan {
  top: 629px;
  left: 491px;
}
.school-map_marker.busan {
  top: 672px;
  left: 461px;
}
.school-map_marker.gyeongnam {
  top: 638px;
  left: 335px;
}
.school-map_marker.jeju {
  top: 892px;
  left: 95px;
}
.school-map_marker.jeonnam {
  top: 712px;
  left: 169px;
}
.school-map_marker.gwangju {
  top: 666px;
  left: 135px;
}
.school-map_marker.jeonbuk {
  top: 581px;
  left: 206px;
}
.school-map_marker.chungnam {
  top: 439px;
  left: 182px;
}

.school-caption {
  position: absolute;
  display: inline-flex;
  padding: 10px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 15px;
  border: 1px solid #dddddd;
  background: #fff;
  min-width: 100px;
  max-width: 195px;
  width: auto;
  z-index: 1000;
  pointer-events: none;
}
.school-caption > span:first-child {
  font-weight: 700;
}
.school-caption > span:last-child {
  text-align: center;
  font-size: 14px;
}

.school_tabs_detail .bbs-table-wrap {
  margin-top: 20px;
}
.school_tabs_detail .btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 40px;
}

/* 이용 가이드 */
.page-customer-guide {
  padding-bottom: 100px !important;
}
.page-customer-guide .page-head.customerService-bg {
  padding: 20px 0 120px !important;
}
.page-customer-guide .page-cont .page-section .guide-sub-tab {
  margin-bottom: 60px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content:not(:last-child) {
  margin-bottom: 80px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 20px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content .content-step {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content .content-step .step {
  display: flex;
  gap: 60px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content .content-step .step > div {
  width: 50%;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content.divider {
  width: 100%;
  height: 22px;
  background: url("/assets/renewal2024/img/sub/customer/line-w-scissors.png") right no-repeat;
  background-size: 100%;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content h3.content-title {
  font-weight: 700;
  font-size: 28px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content h4.content-title {
  font-weight: 700;
  font-size: 22px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content p.content-desc {
  font-size: 18px;
  color: #666666;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content ol.content-desc-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content ol.content-desc-list li {
  color: #666666;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content .content-caution > p {
  color: #00ab93;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content .step-title {
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 20px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content p.step-desc {
  color: #666666;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content ol.step-desc-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content ol.step-desc-list li {
  list-style: upper-alpha;
  color: #666666;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content ul.step-desc-list2 li {
  list-style-type: disc;
  color: #666666;
}
.page-customer-guide .page-cont .page-section .inner-tab-content .content li.flex-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
}
.page-customer-guide.learning-guide .page-cont .page-section .inner-tab-content.setting-publisher .content02 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 80px;
}
.page-customer-guide.learning-guide .page-cont .page-section .inner-tab-content.setting-publisher .content02 article {
  width: 50%;
}
.page-customer-guide.learning-guide .page-cont .page-section .inner-tab-content.today-study .content .flex-list .labels {
  display: inline-flex;
  gap: 3px;
}
.page-customer-guide.learning-guide .page-cont .page-section .inner-tab-content.today-study .content .flex-list .labels .label {
  display: inline-block;
  width: 50px;
  height: 26px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}
.page-customer-guide.learning-guide .page-cont .page-section .inner-tab-content.searching-class a.link-tab {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 16px;
  border-radius: 8px;
  border: 1px solid #00ab93;
  background: #fff;
  font-size: 15px;
  color: #00ab93;
}
.page-customer-guide.learning-guide .page-cont .page-section .inner-tab-content.searching-class a.link-tab > i.icon {
  width: 18px;
  height: 18px;
  background: url("/assets/renewal2024/img/icon/ico_guide_play.png") no-repeat;
  background-size: 100%;
}
.page-customer-guide.learning-window .page-cont .page-section .inner-tab-content.video-player i.btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/assets/renewal2024/img/icon/ico_plus_radius.png") no-repeat;
  background-size: 100%;
}
.page-customer-guide.learning-window .page-cont .page-section .inner-tab-content.class-list .content03 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 80px;
}
.page-customer-guide.learning-window .page-cont .page-section .inner-tab-content.class-list .content03 article {
  width: 50%;
}
.page-customer-guide.learning-window .page-cont .page-section .inner-tab-content.additional-service .content03 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 100px;
}
.page-customer-guide.learning-window .page-cont .page-section .inner-tab-content.additional-service .content03 article {
  width: 33.33%;
}
.page-customer-guide.homework-guide .page-cont .page-section .content {
  display: flex;
  gap: 80px;
}
.page-customer-guide.homework-guide .page-cont .page-section .content article {
  width: 50%;
}/*# sourceMappingURL=sub.css.map */