@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
================================================================*/
@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;
}
@font-face {
  font-family: "GangwonEdu_OTFBoldA";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.wrap {
  position: relative;
}

.main-section-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.main-section-title > p {
  font-family: "GangwonEdu_OTFBoldA";
}
.main-section-title > h2 {
  font-family: "GangwonEduPowerExtraBoldA";
}

/*=====================================================
1. main section 01
1-1. 배너 슬라이드
1-2. 추천강좌 / 오늘의 역사
1-3. 강사진
1-4. 배너
=======================================================*/
.main-section01 {
  padding: 75px 0 0px;
  background: url("/assets/renewal2024/img/main/main-section01-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

/*===============
1-1. 배너 슬라이드 
최대 14개까지
=================*/
.main-banner {
  position: relative;
  margin-bottom: 20px;
}
.main-banner-inner {
  position: relative;
  display: flex;
  align-items: flex-end;
  z-index: 2;
}
.main-banner-pagination {
  position: inherit !important;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transform: translateZ(0);
}
.main-banner-pagination > li {
  display: flex !important;
  width: 57px;
  height: 26px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 13px 13px 0px 0px;
  background: #faa6a6;
  margin: 0 !important;
  padding: 0px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  opacity: 1;
}
.main-banner-pagination > li:nth-child(1) {
  background: #faa6a6;
}
.main-banner-pagination > li:nth-child(2) {
  background: #f3b693;
}
.main-banner-pagination > li:nth-child(3) {
  background: #f5d28c;
}
.main-banner-pagination > li:nth-child(4) {
  background: #c9e4a9;
}
.main-banner-pagination > li:nth-child(5) {
  background: #75ccd0;
}
.main-banner-pagination > li:nth-child(6) {
  background: #5c95df;
}
.main-banner-pagination > li:nth-child(7) {
  background: #997ff5;
}
.main-banner-pagination > li:nth-child(8) {
  background: #faa6a6;
}
.main-banner-pagination > li:nth-child(9) {
  background: #f3b693;
}
.main-banner-pagination > li:nth-child(10) {
  background: #f5d28c;
}
.main-banner-pagination > li:nth-child(11) {
  background: #c9e4a9;
}
.main-banner-pagination > li:nth-child(12) {
  background: #75ccd0;
}
.main-banner-pagination > li:nth-child(13) {
  background: #5c95df;
}
.main-banner-pagination > li:nth-child(14) {
  background: #997ff5;
}
.main-banner-pagination > li > span {
  display: block !important;
  width: 100%;
  height: 100%;
  padding: 0px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: none;
}
.main-banner-pagination > li.swiper-pagination-bullet-active {
  height: 38px;
  margin-top: -2px;
}
.main-banner-pagination .swiper-pagination-bullet:only-child {
  display: flex !important;
}
.main-banner-con {
  position: relative;
  min-height: 396px;
  margin-top: -2px;
  border-image-source: url("/assets/renewal2024/img/common/line-img.png");
  border-image-slice: 2;
  border-image-width: 2px;
  border-image-repeat: repeat;
  z-index: 3;
  display: flex;
}
.main-banner-con .banner {
  padding: 2px;
}
.main-banner-bg {
  position: absolute;
  width: 100%;
  height: 416px;
  top: 20px;
  left: 0;
  background: url("/assets/renewal2024/img/main/bg_main_banner2.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 1;
}
.main-banner .debate {
  min-width: 380px;
  flex-shrink: 0;
  border-image-source: url("/assets/renewal2024/img/common/line-img.png");
  border-image-slice: 2 2 2 0;
  border-image-width: 2px 2px 2px 0;
  border-image-repeat: repeat;
  background-color: #fff;
}
.main-banner .debate > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 2px 0px 0;
}
.main-banner .debate > a:first-child {
  width: calc(100% - 2px);
  height: calc(100% - 66px);
  margin-top: 2px;
}
.main-banner .debate > a.main-best-opinion {
  height: 62px;
  margin-bottom: 2px;
}
.main-banner .debate > a > p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
.main-banner .debate > a > p:first-child {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background-color: #121212;
}
.main-banner .debate > a > p:last-child {
  flex: 1;
  gap: 4px;
  padding: 0 16px;
  background-color: #dfe3eb;
  font-size: 18px;
}
.main-banner .swiper-container {
  width: 100%;
  min-width: 0;
}

/*===============
1-2. 추천강좌 / 오늘의 역사
=================*/
.main-subject {
  margin-bottom: 75px;
  display: flex;
  justify-content: space-between;
}
.main-subject-recommend {
  display: flex;
  margin-top: 50px;
}
.main-subject-recommend-title {
  margin-right: 40px;
}
.main-subject-recommend-title > p {
  margin-bottom: 12px;
  font-size: 20px;
  text-decoration: underline;
}
.main-subject-recommend-title > h2 {
  font-size: 44px;
  font-family: "GangwonEduPowerExtraBoldA";
}
.main-subject .curriculum-btn {
  display: block;
  width: 220px;
  height: 46px;
  padding-left: 46px;
  background: url("/assets/renewal2024/img/main/btn_curriculum.png") no-repeat 0 0;
  background-size: 100% 100%;
  font-weight: 700;
}
.main-subject .contents {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
}
.main-subject .poster {
  position: relative;
  width: 300px;
  height: 360px;
}
.main-subject .poster-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/renewal2024/img/main/memo_bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 1;
}
.main-subject .poster-con {
  position: relative;
  z-index: 3;
  padding: 40px 50px;
}
.main-subject .poster-con > h4 {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
}
.main-subject .poster-con > p {
  color: #666666;
  margin-bottom: 16px;
}
.main-subject .poster:nth-child(1) {
  margin-top: -50px;
}
.main-subject .poster:nth-child(1) > .poster-bg {
  transform: rotate(-5deg);
}
.main-subject .poster:nth-child(2) {
  margin-top: 54px;
}
.main-subject .poster:nth-child(2) > .poster-bg {
  transform: rotate(3deg);
}
.main-subject-history {
  width: 320px;
  height: 470px;
  margin-left: auto;
  background: url("/assets/renewal2024/img/main/history_bg.png") no-repeat 0 0;
  background-size: 100%;
}
.main-subject-history .history-silde {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
}
.main-subject-history .history-silde > a {
  font-size: 20px;
  text-decoration: underline;
  margin-bottom: 8px;
  padding-top: 122px;
}
.main-subject-history .history-silde .date-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 4px;
}
.main-subject-history .history-silde .date-btn > p {
  font-size: 80px;
  line-height: 120%;
}
.main-subject-history .history-silde .date-btn .next-btn {
  width: 42px;
  height: 42px;
  background-image: 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='M12.9728 23.4297C12.5829 23.4297 12.193 23.2869 11.893 23.0059L1.44495 13.0297C0.850057 12.4631 0.850057 11.5393 1.44495 10.9726L11.898 0.996411C12.4929 0.429744 13.4577 0.429744 14.0526 0.996411C14.6475 1.56308 14.6475 2.48689 14.0526 3.05355L4.67935 12.0012L14.0526 20.9488C14.6475 21.5155 14.6475 22.4393 14.0526 23.0059C13.7527 23.2917 13.3627 23.4297 12.9728 23.4297Z' fill='%23121212'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  background-color: #ebebeb;
  border-radius: 50%;
  transform: rotate(180deg);
}
.main-subject-history .history-silde .date-btn .prev-btn {
  width: 42px;
  height: 42px;
  background-image: 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='M12.9728 23.4297C12.5829 23.4297 12.193 23.2869 11.893 23.0059L1.44495 13.0297C0.850057 12.4631 0.850057 11.5393 1.44495 10.9726L11.898 0.996411C12.4929 0.429744 13.4577 0.429744 14.0526 0.996411C14.6475 1.56308 14.6475 2.48689 14.0526 3.05355L4.67935 12.0012L14.0526 20.9488C14.6475 21.5155 14.6475 22.4393 14.0526 23.0059C13.7527 23.2917 13.3627 23.4297 12.9728 23.4297Z' fill='%23121212'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  background-color: #ebebeb;
  border-radius: 50%;
}
.main-subject-history .history-silde .history-swiper p {
  margin: 0 20px 24px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main-subject-history .history-silde .history-swiper a {
  position: relative;
  display: block;
  height: 208px;
}
.main-subject-history .history-silde .history-swiper a img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-width: 320px;
  height: 128px;
  background-color: #ebebeb;
  object-fit: cover;
}
.main-subject-history .history-silde .swiper-container.history-swiper {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.main-subject-history .history-silde .swiper-pagination.history-swiper-pagination {
  bottom: -30px;
  left: 100%;
  right: 0;
  width: 320px;
  margin-left: -160px;
  transform: translate(-50%, 0);
}
.main-subject-history .history-silde .swiper-pagination.history-swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
}
.main-subject-history .history-silde .swiper-pagination.history-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  height: 12px;
  border-radius: 6px;
  background-color: #000;
}

/*===============
1-3. 강사진
=================*/
.main-teachers-title {
  margin-bottom: 20px;
}
.main-teachers-title > h2 {
  font-size: 44px;
  font-family: "GangwonEduPowerExtraBoldA";
}
.main-teachers-title > p {
  font-size: 20px;
}
.main-teachers-top {
  margin-bottom: 33px;
}
.main-teachers-top .main-section-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.main-teachers .subject-btns {
  width: auto;
  position: initial;
  transform: translateX(0);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.main-teachers .swiper-pagination-bullet.subject-btn {
  width: auto;
  height: auto;
  opacity: 1;
  margin: 0;
  display: inline-flex;
  padding: 8px 24px;
  align-items: center;
  gap: 12px;
  border-radius: 28px;
  border: 1px solid #cccccc;
  background-color: #fff;
}
.main-teachers .swiper-pagination-bullet.subject-btn.hide {
  display: none;
}
.main-teachers .swiper-pagination-bullet.subject-btn.swiper-pagination-bullet-active {
  color: #fff;
  background-color: #121212;
  border-color: #121212;
}
.main-teachers .subject-more-btn {
  margin-left: 16px;
  margin-right: auto;
}
.main-teachers .subject-more-btn > img {
  max-width: 42px;
}
.main-teachers .slide-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-left: auto;
}
.main-teachers .slide-btn button {
  position: initial;
  margin-top: 0;
}
.main-teachers .slide-btn button::after {
  display: none;
  content: "";
}
.main-teachers .slide-btn .next-btn {
  width: 42px;
  height: 42px;
  background-image: 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='M12.9728 23.4297C12.5829 23.4297 12.193 23.2869 11.893 23.0059L1.44495 13.0297C0.850057 12.4631 0.850057 11.5393 1.44495 10.9726L11.898 0.996411C12.4929 0.429744 13.4577 0.429744 14.0526 0.996411C14.6475 1.56308 14.6475 2.48689 14.0526 3.05355L4.67935 12.0012L14.0526 20.9488C14.6475 21.5155 14.6475 22.4393 14.0526 23.0059C13.7527 23.2917 13.3627 23.4297 12.9728 23.4297Z' fill='%23121212'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  background-color: transparent;
  border-radius: 50%;
  transform: rotate(180deg);
}
.main-teachers .slide-btn .prev-btn {
  width: 42px;
  height: 42px;
  background-image: 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='M12.9728 23.4297C12.5829 23.4297 12.193 23.2869 11.893 23.0059L1.44495 13.0297C0.850057 12.4631 0.850057 11.5393 1.44495 10.9726L11.898 0.996411C12.4929 0.429744 13.4577 0.429744 14.0526 0.996411C14.6475 1.56308 14.6475 2.48689 14.0526 3.05355L4.67935 12.0012L14.0526 20.9488C14.6475 21.5155 14.6475 22.4393 14.0526 23.0059C13.7527 23.2917 13.3627 23.4297 12.9728 23.4297Z' fill='%23121212'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  background-color: transparent;
  border-radius: 50%;
}
.main-teachers .contents {
  position: relative;
}
.main-teachers .contents .dummy-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 643px;
  border-image-source: url("/assets/renewal2024/img/common/line-img-light.png");
  border-image-slice: 2 0 0 0;
  border-image-width: 2px 0 0 0;
  border-image-repeat: repeat;
  pointer-events: none;
}
.main-teachers .contents .dummy-grid-inner {
  max-width: 1280px;
  margin: 0 auto;
}
.main-teachers .contents .dummy-grid-inner > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.main-teachers .contents .dummy-grid-inner > ul > li {
  width: 253px;
  height: 643px;
  border-image-source: url("/assets/renewal2024/img/common/line-img-light.png");
  border-image-slice: 0 2 0 0;
  border-image-width: 0 2px 0 0;
  border-image-repeat: repeat;
}
.main-teachers .contents .dummy-grid-inner > ul > li:first-child {
  border-image-source: url("/assets/renewal2024/img/common/line-img-light.png");
  border-image-slice: 0 2 0 2;
  border-image-width: 0 2px 0 2px;
  border-image-repeat: repeat;
}
.main-teachers .contents .dummy-grid::after {
  content: "";
  border-image-source: url("/assets/renewal2024/img/common/line-img-light.png");
  border-image-slice: 2 0 0 0;
  border-image-width: 2px 0 0 0;
  border-image-repeat: repeat;
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: 2px;
}
.main-teachers .contents .teachers {
  position: relative;
  height: 643px;
}
.main-teachers .contents .teachers-inner {
  max-width: 1280px;
  margin: 0 auto;
}
.main-teachers .contents .teachers-con {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px;
  margin: 0 7px;
}
.main-teachers .contents .teachers-con li {
  position: relative;
  width: 253px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 2px;
}
.main-teachers .contents .teachers-con li .subject {
  height: 48px;
  padding: 8px;
  font-family: "GangwonEdu_OTFBoldA";
  font-size: 26px;
  opacity: 1;
}
.main-teachers .swiper-container {
  width: 100%;
  min-width: 0;
}

/*===============
1-4. 배너
=================*/
.package-banner {
  position: relative;
  top: -200px;
  height: 350px;
  padding-top: 100px;
  background: url("/assets/renewal2024/img/main/section_package.png") no-repeat 0 0;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 1;
}
.package-banner-item {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  transform: rotate(-4deg);
}
.package-banner-item > li {
  width: 33.33333%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 25px;
  background: url("/assets/renewal2024/img/main/dotLine.png") no-repeat 100% center;
}
.package-banner-item > li:last-child {
  background: none;
}
.package-banner-item > li .item-text {
  color: #fff;
}
.package-banner-item > li .item-text > span {
  font-size: 18px;
}
.package-banner-item > li .item-text > p {
  margin-top: 8px;
  font-size: 32px;
  font-family: "GangwonEduPowerExtraBoldA";
  color: #fff;
}
.package-banner-item > li > img {
  animation: rotate10Ani 0.5s linear 1s infinite alternate;
}

@keyframes rotate10Ani {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
/*=====================================================
  2. 푸르넷 소개 1 (why 푸르넷)
=======================================================*/
.main-section02 {
  position: relative;
  margin-top: -345px;
  padding: 175px 0 121px;
  background: url("/assets/renewal2024/img/main/main-section02-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  background-color: 252, 251, 248, 0.6;
  z-index: 1;
}
.main-section02 .main-section-title {
  text-align: center;
  font-size: 68px;
  margin-bottom: 20px;
}
.main-section02 .contents01 {
  max-width: 1000px;
  margin: 0 auto;
}
.main-section02 .contents01 > li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 27px;
  margin-bottom: 20px;
}
.main-section02 .contents01 > li > img {
  max-width: 80px;
}
.main-section02 .contents01 > li > p {
  position: relative;
  padding: 8px 80px;
  border-radius: 40px;
  color: #fff;
  font-size: 32px;
}
.main-section02 .contents01 > li > p > strong {
  margin-left: 12px;
  font-size: 40px;
  vertical-align: bottom;
}
.main-section02 .contents01 > li > p::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 7px;
  width: 25px;
  height: 20px;
  background-size: 100%;
}
.main-section02 .contents01 > li:nth-child(1) > p {
  background-color: #1ed077;
}
.main-section02 .contents01 > li:nth-child(1) > p::before {
  left: -7px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20' fill='none'%3E%3Cpath d='M2.54912 17.5693C-0.141042 17.2049 -0.886539 14.5293 1.20722 12.7532L14.9475 1.09745C17.0413 -0.678667 20.404 -0.223203 21.0004 1.91728L24.9142 15.9642C25.5106 18.1047 22.8934 20.3249 20.2033 19.9605L2.54912 17.5693Z' fill='%231ED077'/%3E%3C/svg%3E") no-repeat 0 0;
}
.main-section02 .contents01 > li:nth-child(2) {
  justify-content: flex-end;
}
.main-section02 .contents01 > li:nth-child(2) > p {
  background-color: #f04d69;
}
.main-section02 .contents01 > li:nth-child(2) > p::before {
  right: -7px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20' fill='none'%3E%3Cpath d='M22.4508 17.5693C25.141 17.2049 25.8865 14.5293 23.7927 12.7532L10.0524 1.09745C7.95864 -0.678667 4.59594 -0.223203 3.99955 1.91728L0.0857105 15.9642C-0.510685 18.1047 2.10652 20.3249 4.79667 19.9605L22.4508 17.5693Z' fill='%23F04D69'/%3E%3C/svg%3E") no-repeat 0 0;
}
.main-section02 .contents01 > li:nth-child(3) {
  margin-left: 80px;
}
.main-section02 .contents01 > li:nth-child(3) > p {
  background-color: #7138eb;
}
.main-section02 .contents01 > li:nth-child(3) > p::before {
  left: -7px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20' fill='none'%3E%3Cpath d='M2.54912 17.5693C-0.141042 17.2049 -0.886539 14.5293 1.20722 12.7532L14.9475 1.09745C17.0413 -0.678667 20.404 -0.223203 21.0004 1.91728L24.9142 15.9642C25.5106 18.1047 22.8934 20.3249 20.2033 19.9605L2.54912 17.5693Z' fill='%237138EB'/%3E%3C/svg%3E") no-repeat 0 0;
}
.main-section02 .dot {
  width: 12px;
  margin: 40px auto 20px;
  text-align: center;
}
.main-section02 .contents02-title {
  text-align: center;
  margin-bottom: 28px;
}
.main-section02 .contents02-title > h3 {
  font-size: 40px;
}
.main-section02 .contents02-title > p {
  font-size: 24px;
}
.main-section02 .contents02 > div:nth-child(2) {
  display: flex;
}
.main-section02 .contents02 > div:nth-child(2) > a {
  display: block;
  position: relative;
  margin-right: -25px;
}
.main-section02 .contents02 > div:nth-child(2) > a:nth-child(1) {
  z-index: 4;
}
.main-section02 .contents02 > div:nth-child(2) > a:nth-child(2) {
  z-index: 3;
}
.main-section02 .contents02 > div:nth-child(2) > a:nth-child(3) {
  z-index: 2;
}
.main-section02 .contents02 > div:nth-child(2) > a:nth-child(4) {
  z-index: 1;
}
.main-section02 .contents02 > div:nth-child(2) > a:nth-child(even) {
  margin-top: 15px;
}

/*=====================================================
  3. 푸르넷 소개 2 (특강)

=======================================================*/
.main-section03 {
  background: url("/assets/renewal2024/img/main/main-section04-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.main-section03 .contents > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px;
  border-image-source: url("/assets/renewal2024/img/common/line-img-light.png");
  border-image-slice: 2 0 0 0;
  border-image-width: 2px 0 0 0;
  border-image-repeat: repeat;
}
.main-section03 .contents > ul:first-child {
  border: none;
}
.main-section03 .contents > ul li {
  flex-grow: 1;
  flex-basis: 423px;
  min-height: 397px;
  height: 397px;
  border-image-source: url("/assets/renewal2024/img/common/line-img-light.png");
  border-image-slice: 0 0 0 2;
  border-image-width: 0 0 0 2px;
  border-image-repeat: repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
}
.main-section03 .contents > ul li img {
  height: -webkit-fill-available;
  object-fit: contain;
}
.main-section03 .contents > ul li:nth-child(n+2):nth-child(-n+4) {
  min-width: 423px;
}
.main-section03 .contents .empty-box > li {
  padding: 50px 0;
  height: 0;
  min-height: 0;
}
.main-section03-title {
  margin-left: 15%;
}

/*=====================================================
  4. 푸르넷 소개 3 (공부습관)

=======================================================*/
.main-section04 {
  position: relative;
  padding: 75px 0 38px;
  background: url("/assets/renewal2024/img/main/main-section05-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.main-section04 .main-section-title {
  text-align: center;
  margin-bottom: 20px;
}
.main-section04 .main-section-title > h2 {
  font-size: 68px;
  color: #fff;
}
.main-section04 .main-section-title > h2 > span {
  color: #fac932;
}
.main-section04 .contents {
  padding: 31px 20px 45px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1280' height='9' viewBox='0 0 1280 9' fill='none'%3E%3Cpath d='M1168.51 6.69283C1167.56 7.16389 1164.05 6.8263 1163.37 7.34445C1161.28 7.05397 1158.73 7.02257 1157.29 6.63003C1152.74 6.57507 1148.12 6.43376 1144.15 6.95191C1143.22 6.77919 1142.56 6.66143 1141.9 6.54367C1140.96 7.03827 1137.31 6.65358 1136.89 7.12463C1129.17 6.65358 1121.98 6.57507 1114.97 7.47007C1111.4 7.45437 1107.6 7.43081 1103.81 7.40726C1102.5 7.12463 1101.27 6.8263 1098.58 6.95191C1096.38 7.34445 1094.16 7.737 1091.57 8.2002C1087.28 7.49362 1081.36 7.95682 1077.14 7.2738C1075.45 7.00687 1074.64 7.58783 1072.52 7.47007C1068.59 7.26595 1064.63 7.80765 1060.06 7.2738C1056.8 6.88911 1051.46 7.12463 1047.06 7.10893C1043.23 7.09323 1041.12 6.35525 1036.53 6.31599C1030.68 6.95191 1023.99 7.43866 1017.09 6.54367C1008.75 7.94897 999.78 7.7684 988.207 6.48086C982.888 6.23749 977.258 6.60648 971.939 6.02551C969.225 5.72718 965.74 6.27674 962.622 6.43376C957.964 6.66928 958.056 6.72424 953.471 6.23749C947.033 6.67713 942.521 6.45731 936.487 5.37389C931.976 5.69578 927.391 6.42591 922.164 6.04122C916.79 5.64867 911.361 5.65652 905.859 5.61727C900.486 5.57802 895.094 5.55446 889.261 5.52306C887.336 5.97056 884.493 6.29244 880.238 6.48086C873.342 5.62512 863.677 6.52797 854.488 5.79784C852.893 6.15898 850.215 6.47301 845.777 6.72424C842.127 6.67713 837.084 6.68498 831.948 6.33955C827.51 6.04122 822.228 6.4102 817.588 5.8842C815.937 5.69578 813.278 5.82924 811.224 5.82139C809.922 6.04907 808.766 6.26104 807.501 6.48086C803.998 6.49656 800.697 6.44161 797.084 6.14328C789.216 5.49166 788.06 5.58587 776.891 5.97841C774.452 6.06477 771.847 5.96271 769.885 5.95486C766.199 6.42591 762.916 6.842 759.431 7.2895C757.047 7.2738 754.278 7.2581 751.618 7.25024C751.196 6.99117 750.83 6.77919 750.481 6.56722C740.192 7.24239 729.903 6.61433 719.615 6.81845C718.514 7.2738 714.644 6.90481 713.929 7.64279C709.436 6.8106 705.181 6.96761 700.889 7.46222C697.056 7.08538 693.406 6.73209 689.61 6.3631C686.602 6.71639 683.081 6.54367 679.725 6.51227C678.221 6.17468 675.91 5.97841 676.992 5.54661C672.884 5.20903 669.858 5.59372 666.758 5.76644C664.796 5.87635 664.154 6.48871 661.549 6.43376C656.891 6.33955 652.838 6.98332 647.996 6.75564C646.144 6.66928 644.603 6.55937 643.484 6.32385C631.637 7.31305 619.514 6.86555 608.308 6.88125C603.796 6.48086 603.704 5.50736 600.348 5.12267C598.789 4.9421 597.139 4.58096 594.479 4.62807C592.095 5.82139 588.574 6.83415 581.201 7.08538C577.056 6.79751 573.461 6.77919 570.417 7.03042C568.858 7.06967 568.62 6.70069 567.446 6.66143C565.905 6.61433 564.291 6.63788 561.889 6.62218C558.459 7.72129 551.251 7.47792 545.419 7.98037C542.925 7.86261 542.191 7.3209 540.064 7.10108C540.119 6.70854 540.192 6.35525 540.247 5.99411C538.45 5.78999 536.708 5.59372 534.635 5.35819C531.004 5.83709 527.079 5.92345 523.136 5.31109C516.038 6.19823 508.537 6.17468 499.715 5.61727C498.377 5.73503 495.992 5.95486 492.801 6.24534C486.089 6.11972 478.257 6.33955 469.913 5.93916C463.879 6.51227 456.396 6.84985 447.592 6.70854C446.932 6.51227 445.923 6.20608 445.392 6.04907C442.127 5.9313 439.981 5.8999 438.441 6.30814C436.882 6.30029 435.286 6.30814 433.727 6.27674C421.256 5.98626 408.876 6.3788 396.46 6.46516C388.885 6.52012 382.081 5.69578 373.608 6.03336C368.454 6.76349 362.494 6.98332 356.735 5.8685C354.901 6.45731 350.536 5.95486 348.757 6.53582C346.483 6.68498 346.006 6.06477 343.842 6.15113C342.173 6.22179 341.073 6.02551 339.752 5.83709C338.652 5.68008 336.561 5.63297 335.405 5.83709C332.599 6.35525 328.271 6.23749 326.62 6.00196C320.898 5.19333 317.01 5.9313 312.425 6.3474C310.096 6.33955 308.757 5.76644 305.786 5.9313C303.035 6.08047 300.596 5.19333 298.285 5.58587C296.139 5.95486 294.415 5.41315 292.508 5.75859C289.812 6.23749 287.574 5.60157 285.062 5.4681C284.071 5.58587 283.062 5.70363 281.65 5.86065C279.376 5.50736 276.607 5.28754 272.517 5.48381C271.893 5.62512 270.683 5.8999 269.784 6.10402C268.519 6.10402 267.767 6.13543 267.29 6.08047C264.245 5.74288 261.256 5.38175 258.156 5.02061C252.874 4.74583 248.143 5.05201 244.2 5.61727C241.54 5.56231 240.898 5.16977 239.174 4.91855C236.423 4.76938 233.507 4.75368 230.518 5.24043C227.088 4.67517 223.2 4.54956 219.422 5.09912C217.294 5.20903 217.074 4.71442 215.277 4.73013C213.388 4.74583 211.462 4.74583 209.573 4.69872C203.814 4.57311 198.074 4.76938 192.26 4.29833C186.483 3.82728 180.137 4.39254 174.195 4.58096C165.685 4.84789 165.465 5.00491 157.579 4.43965C154.718 4.23552 153.03 4.78508 150.279 4.54171C146.538 4.21197 142.136 4.29048 138.12 4C134.745 3.74877 131.316 4.29048 127.868 4.4475C122.732 4.67517 117.707 4.99705 112.59 5.25613C111.71 5.30324 110.408 5.32679 109.802 5.24043C103.64 4.36114 97.6246 4.99705 91.7374 5.33464C90.2518 5.421 88.4361 5.60157 87.4458 5.4681C83.741 4.9892 80.5132 5.03631 76.4967 5.3896C74.1858 5.59372 70.8845 5.421 68.0418 5.37389C63.6035 5.30324 59.4953 5.39745 56.194 6.03336C51.7557 6.00981 47.3357 5.98626 42.8974 5.96271C36.8084 7.02257 29.4173 6.49656 22.4847 6.58292C19.8988 6.81845 17.2761 7.06182 14.6351 7.3052C10.5819 6.99902 6.76717 6.70854 2.73233 6.40235C1.98038 6.10402 1.08171 5.75859 -0.000366211 5.32679C3.09913 4.9892 0.953325 4.12561 5.28161 3.65456C11.2789 4.00785 17.2394 2.50049 25.2724 3.29342C30.5361 2.97939 36.7534 2.83808 43.0074 2.72031C47.8309 2.63395 52.7461 2.98724 57.5512 2.46124C60.1739 2.17075 62.1913 2.99509 66.0977 2.79097C70.6828 2.1472 76.0015 1.26006 83.1725 2.1629C88.5828 1.93523 94.2316 1.80962 99.2935 1.42493C101.916 1.2208 104.154 1.39352 106.244 1.23651C107.547 1.49558 108.647 1.71541 109.839 1.95878C113.085 2.17075 117.304 1.77036 120.146 2.45338C124.236 2.1158 128.033 1.56624 132.911 1.77036C133.516 1.79391 134.415 1.83317 134.764 1.77036C141.549 0.655544 149.601 1.29931 157.964 1.1423C159.853 0.734052 162.696 0.317958 167.317 0.200195C170.509 1.18155 177.771 0.679096 183.585 1.31501C186.116 1.1423 188.94 0.859665 193.085 1.15015C199.578 1.61335 206.345 2.24926 213.92 1.52699C215.754 1.35427 219.055 1.40922 221.898 1.73896C224.906 2.0844 229.142 2.09225 232.572 1.77821C236.112 1.45633 238.716 1.62905 241.852 1.96663C245.098 2.31992 248.326 2.64966 252.801 2.1315C255.204 1.85672 260.229 1.73896 262.375 2.49264C265.162 2.39843 266.611 2.06869 269.051 2.1158C273.452 2.21001 277.909 2.21001 282.329 2.19431C285.923 2.18646 289.335 2.26496 293.113 1.95093C298.01 1.55054 303.108 2.24926 308.097 2.44553C315.708 2.75172 317.579 2.94799 322.751 2.38273C325.208 2.1158 327.336 2.06869 329.738 2.10795C331.792 2.13935 333.333 2.02944 334.8 1.74681C343.438 2.46909 352.113 2.99509 361.815 2.30422C364.676 2.1001 368.583 2.18646 371.389 2.68891C373.516 2.48479 375.534 2.21001 378.193 2.36703C386.153 2.83808 386.098 2.76742 392.957 2.53974C397.762 2.38273 402.842 2.31207 407.537 2.70461C410.802 2.97939 413.883 3.0265 417.184 2.73601C420.467 2.44553 423.714 2.43768 425.896 3.0265C427.803 2.86163 431.618 2.82237 432.902 2.94014C434.736 2.75957 437.102 2.72816 438.716 2.38273C440.99 2.6418 442.659 2.81452 445.96 2.55545C454.36 1.88812 454.562 1.98233 461.971 2.49264C467.95 2.90873 478.294 3.0893 483.594 2.72816C486.767 2.50834 489.738 2.66536 492.783 2.6261C494.984 2.5947 496.066 3.18351 498.597 3.01079C499.147 2.97154 499.77 2.96369 500.284 2.91658C503.934 2.579 508.189 2.52404 511.508 2.03729C512.517 2.15505 512.15 2.35132 512.187 2.51619C514.498 3.0893 519.486 2.26496 520.66 3.15996C523.558 3.03435 525.337 2.70461 528.143 2.75957C529.922 2.79882 530.82 2.13935 533.278 2.1001C536.854 2.1001 539.11 2.63395 542.668 2.83022C545.621 2.48479 550.756 2.69676 552.92 1.85672C555.066 1.86457 556.974 1.88027 558.863 1.88812C559.945 2.10795 561.027 2.31992 562.145 2.54759C565.19 2.75172 568.069 2.70461 570.857 2.28852C573.351 2.54759 575.919 2.81452 579.092 3.14426C581.751 2.68891 584.612 2.1629 588.996 2.04514C590.371 2.28852 591.875 2.5633 593.489 2.86163C596.075 2.61825 598.422 2.39058 600.807 2.1629C601.32 2.25711 601.999 2.38273 602.787 2.52404C606.987 2.23356 611.187 1.84102 615.552 2.49264C616.689 2.66536 618.523 2.64966 619.972 2.50834C626.263 1.90383 631.618 2.31207 637.175 3.06575C640.587 2.79097 644.475 2.38273 648.326 3.0422C652.214 2.22571 655.405 3.67811 659.257 3.16781C660.651 2.93229 662.045 2.69676 663.438 2.46124C665.804 2.40628 668.482 2.68891 670.499 2.23356C676.24 2.48479 680.256 3.38763 686.822 3.5054C690.123 3.01079 694.929 3.5054 699.22 3.35623C700.504 3.61531 701.586 3.82728 702.87 4.08636C703.475 4 704.117 3.91364 704.777 3.81943C705.658 3.92934 706.575 4.0471 708.097 4.24337C712.994 3.15996 719.725 3.54465 725.979 3.5211C727.959 3.105 730.82 3.0736 733.535 2.78312C737.625 4.11776 745.327 4.18842 752.81 4.61236C756.24 4.4789 759.266 3.93719 761.889 3.35623C765.282 3.37193 768.454 3.39548 771.059 3.40334C777.129 2.80667 782.815 2.31207 789.381 2.42983C794.626 2.52404 799.413 1.89598 804.823 2.1315C807.446 2.24926 810.087 2.20216 812.563 2.53189C816.139 3.01864 820.229 3.19136 824.429 2.71246C826.19 2.50834 828.097 2.68106 829.931 2.6418C834.131 2.54759 838.349 2.90088 842.622 2.38273C845.245 2.06869 848.656 2.60255 851.004 2.81452C855.075 3.19136 858.138 3.20706 861.971 2.82237C865.603 2.46124 872.187 2.42198 876.735 2.51619C880.495 2.5947 884.328 2.5633 888.124 2.5947C891.15 2.61825 894.415 2.46909 896.139 3.0736C901.274 2.58685 900.009 1.58979 902.925 0.969577C905.768 0.843964 908.464 0.317958 913.544 0.7105C913.672 0.757605 914.589 1.06379 914.773 1.13444C918.807 1.47203 920.862 1.19725 922.897 0.977428C923.521 1.01668 924.328 1.02453 924.585 1.09519C927.207 1.84887 931.792 1.95093 935.662 2.0844C940.706 2.25711 945.548 2.46909 950.206 2.86948C951.563 2.98724 953.177 3.00294 954.663 2.86948C961.137 2.28067 966.969 2.64966 973.37 3.31698C974.562 3.28557 976.102 2.98724 978.285 3.06575C980.431 3.14426 982.705 3.105 984.924 3.11285C987.143 3.12071 989.381 3.105 991.563 3.15996C993.966 3.22277 996.882 2.96369 998.698 3.37193C1000.92 3.86653 1002.93 3.15211 1003.91 3.33268C1005.87 3.70167 1007.98 3.56035 1010.05 3.60746C1012.16 3.65456 1013.37 4.16487 1015.81 4.00785C1018.14 4.00785 1018.45 3.5054 1020.27 3.35623C1023.37 3.37193 1026.48 3.38763 1029.18 3.40334C1031.95 3.13641 1034.31 2.90873 1036.81 2.67321C1041.08 3.28557 1046.2 3.03435 1051.04 3.12071C1056.03 2.31207 1059.22 3.105 1062.76 3.59176C1063.49 3.69382 1064.1 3.81943 1064.91 3.95289C1068.81 3.45829 1073.65 3.64671 1077.71 3.26987C1078.46 3.19921 1079.85 3.19921 1080.48 3.28557C1084.91 3.90579 1090.07 3.5839 1094.73 3.72522C1096.01 3.49755 1097.17 3.29342 1098.78 3.00294C1103.09 3.15996 1107.82 2.87733 1112.66 3.39548C1115.34 3.67811 1120.6 3.75662 1122.73 3.44259C1127.23 2.78312 1130.23 3.49755 1133.72 3.59176C1137.83 3.70167 1143.86 3.83513 1146.56 3.54465C1148.89 3.29342 1151.53 3.15211 1153.71 2.90873C1155.78 2.67321 1157.8 2.71246 1159.71 2.58685C1162.6 2.39843 1164.51 3.12856 1167.85 2.70461C1169.78 2.46124 1173.39 2.68891 1176.23 2.70461C1181.73 2.72031 1187.12 2.75957 1192.65 2.46909C1197.54 2.21786 1202.79 2.44553 1208.11 2.24926C1213.7 2.03729 1220.45 1.88812 1226.26 2.58685C1227.64 2.75172 1229.97 2.63395 1232.85 2.6418C1234.24 2.34347 1236.11 1.94308 1237.65 1.61335C1242 1.49558 1244 2.13935 1247.17 2.29637C1254.78 2.53974 1262.25 1.6997 1270.61 2.25711C1272.65 2.69676 1277.23 2.70461 1280 3.39548C1279.91 3.95289 1279.8 4.59666 1279.69 5.31109C1278.77 5.53091 1276.15 5.31894 1275.25 5.75073C1272.15 5.73503 1269 5.71933 1265.84 5.70363C1262.36 5.68793 1258.6 5.50736 1255.48 5.69578C1252.73 5.86065 1249.63 5.84494 1247.08 6.19823C1244.93 6.49656 1242.2 6.26104 1239.74 6.26889C1235.65 6.28459 1231.54 6.23749 1227.53 6.21393C1225.66 5.77429 1222.81 5.71148 1220.25 5.39745C1216.76 5.69578 1212.98 5.92345 1208.62 5.70363C1207.43 5.97056 1206.22 6.24534 1205.3 6.44946C1198.35 6.4102 1191.78 6.15898 1185.77 6.40235C1179.88 6.63788 1174.19 6.57507 1168.44 6.62218L1168.51 6.69283Z' fill='white'/%3E%3C/svg%3E") no-repeat 0 0;
  background-size: 100%;
}
.main-section04 .contents > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 82px;
}
.main-section04 .contents-description {
  flex-shrink: 0;
}
.main-section04 .contents-description > p:first-child {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
.main-section04 .contents-description > p:last-child {
  font-size: 18px;
  color: #fff;
}
.main-section04 .pencli-line {
  display: flex;
  align-items: flex-start;
}
.main-section04 .pencli-line.active .pencli-line-img {
  animation: pencliAni 0.7s linear;
  width: auto;
}
.main-section04::before {
  display: block;
  content: "";
  position: absolute;
  top: -20px;
  width: 100%;
  height: 133px;
  background: url("/assets/renewal2024/img/main/bg_section_bluel_top.png") no-repeat 0 0;
  background-size: contain;
}

@keyframes pencliAni {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
/*=====================================================
  5. 과정안내 

=======================================================*/
.main-section05 {
  position: relative;
  padding: 104px 0;
  background: url("/assets/renewal2024/img/main/main-section06-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.main-section05-obj {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.main-section05-obj > div {
  position: absolute;
}
.main-section05-obj > div.flower {
  top: 80px;
  left: 200px;
  width: 240px;
}
.main-section05-obj > div.heart {
  top: 50%;
  right: 100px;
  width: 270px;
}
.main-section05-obj > div.hand {
  bottom: 0;
  left: 50px;
  width: 320px;
}
.main-section05 .main-section-inner {
  position: relative;
  z-index: 2;
}
.main-section05 .main-section-title {
  height: 520px;
  margin-bottom: 70px;
  text-align: center;
  background: url("/assets/renewal2024/img/main/main-section06-title-bg.png") no-repeat center center;
  background-size: contain;
}
.main-section05 .main-section-title > p {
  font-size: 40px;
}
.main-section05 .main-section-title > h2 {
  font-size: 56px;
}
.main-section05 .main-section-title > h2 > span {
  display: block;
  color: #00ab93;
}
.main-section05 .contents > ul {
  display: flex;
  gap: 12px;
}
.main-section05 .contents > ul > li {
  position: relative;
  width: 232px;
  height: 152px;
  background-color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #7138eb;
}
.main-section05 .contents > ul > li > h4 {
  font-size: 20px;
  font-weight: 700;
  color: #7138eb;
}
.main-section05 .contents > ul > li > p {
  color: #666666;
}
.main-section05 .contents > ul > li::after {
  display: block;
  content: "";
  border-right: 1px solid;
}

/*=====================================================
  6. 수상내역

=======================================================*/
.main-section06 {
  position: relative;
  padding: 75px 0 160px;
  background: url("/assets/renewal2024/img/main/main-section07-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  overflow: hidden;
}
.main-section06 .bg-confetti {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transform: scale(0.5);
  background: url("/assets/renewal2024/img/main/awards_confetti.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.main-section06 .main-section-title {
  text-align: center;
  margin-bottom: 20px;
}
.main-section06 .main-section-title > p {
  width: 480px;
  height: 116px;
  margin: 0 auto;
  background: url("/assets/renewal2024/img/main/main-section-7-title_p.png") no-repeat center center;
  background-size: 100%;
  font-size: 0;
  color: transparent;
}
.main-section06 .main-section-title > h2 {
  width: 898px;
  height: 90px;
  margin: 0 auto;
  text-align: center;
  font-family: GangwonEduPowerExtraBoldA;
  font-size: 0;
  color: transparent;
  background: url("/assets/renewal2024/img/main/main-section-7-title_h2.png") no-repeat center center;
  background-size: 100%;
}
.main-section06 .award-list {
  height: 280px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(25% - 16px), 1fr));
  gap: 16px;
  padding: 0 40px;
  border: 2px solid #000;
  border-image-source: url("/assets/renewal2024/img/common/line-img.png");
  border-image-slice: 2;
  border-image-width: 2px;
  border-image-repeat: repeat;
  background: #fff;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2);
}
.main-section06 .award-list > li {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.main-section06 .award-image {
  height: 99px;
  margin-bottom: 16px;
}
.main-section06 .awards {
  color: #666666;
}
.main-section06 .award-name {
  font-size: 22px;
  font-weight: 700;
}

/*=====================================================
  8. 연간 커리큘럼 모달
.base-modal => 추후 common 이동
=======================================================*/
.year-curriculum-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.year-curriculum-modal .base-modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.year-curriculum-modal .base-modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 1280px;
  max-height: 554px;
  transform: translate(-50%, -50%);
  border-radius: 40px;
  border: 2px solid #000;
  background-color: #fff;
  box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.16);
}
.year-curriculum-modal .base-modal-close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  width: 56px;
  height: 56px;
  background: url("/assets/renewal2024/img/icon/ico_modal_close.png") no-repeat 0 0;
  background-size: 100%;
  font-size: 0;
}
.year-curriculum-modal .base-modal-body {
  padding: 40px;
}
.year-curriculum-modal .base-modal-body > p {
  margin-bottom: 20px;
  color: #666666;
}
.year-curriculum-modal .curriculum thead {
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  background: #f5f5f5;
}
.year-curriculum-modal .curriculum tbody > tr {
  border-bottom: 1px solid #dddddd;
}
.year-curriculum-modal .curriculum tbody > tr > td {
  border-right: 1px dashed #dddddd;
  height: 60px;
}
.year-curriculum-modal .curriculum tbody > tr > td:last-child {
  border-right: none;
}
.year-curriculum-modal .curriculum td {
  width: 100px;
  padding: 8px 0;
  text-align: center;
}
.year-curriculum-modal .month-label > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 32px;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #00ab93;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.year-curriculum-modal .month-label.active > button {
  background-color: #7138eb;
}

/*=====================================================
  9. 플로팅 배너 
  scrollY 0 hidden 
  스크롤 시작시 visible
  right: 10px, bottom: 30px 위치 고정
  footer와 겹치지 않게
=======================================================*/
@media (min-width: 801px) {
  .main-floating {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 9;
    opacity: 1;
    transition: all 0.5s ease-in;
  }
  .main-floating.move {
    bottom: 320px;
  }
  .main-floating.show {
    opacity: 1;
  }
}
.main-floating-custom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.main-floating-custom.hide {
  display: none;
}
.main-floating .close-banner-btn {
  align-self: flex-end;
}

.visible {
  visibility: visible;
  z-index: 99999;
  opacity: 1;
}

.main-floating-banner {
  max-width: 100px;
  position: relative;
}
.main-floating-banner > a {
  display: block;
  width: 100%;
  height: 100%;
}
.main-floating-banner img {
  border-radius: 20px 0px 0px 20px;
  width: 100%;
}

.quick-move-top-btn {
  margin: 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.quick-move-top-btn > img {
  width: 100%;
}/*# sourceMappingURL=main.css.map */