@charset "utf-8";

/* ── Margin Bottom ── */
.mb00 { margin-bottom: 0px !important; }
.mb01 { margin-bottom: 1px !important; }
.mb02 { margin-bottom: 2px !important; }
.mb03 { margin-bottom: 3px !important; }
.mb04 { margin-bottom: 4px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb06 { margin-bottom: 6px !important; }
.mb07 { margin-bottom: 7px !important; }
.mb08 { margin-bottom: 8px !important; }
.mb09 { margin-bottom: 9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb11 { margin-bottom: 11px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb13 { margin-bottom: 13px !important; }
.mb14 { margin-bottom: 14px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb17 { margin-bottom: 17px !important; }
.mb18 { margin-bottom: 18px !important; }
.mb19 { margin-bottom: 19px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb21 { margin-bottom: 21px !important; }
.mb22 { margin-bottom: 22px !important; }
.mb23 { margin-bottom: 23px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb26 { margin-bottom: 26px !important; }
.mb27 { margin-bottom: 27px !important; }
.mb28 { margin-bottom: 28px !important; }
.mb29 { margin-bottom: 29px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb31 { margin-bottom: 31px !important; }
.mb32 { margin-bottom: 32px !important; }
.mb33 { margin-bottom: 33px !important; }
.mb34 { margin-bottom: 34px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb36 { margin-bottom: 36px !important; }
.mb37 { margin-bottom: 37px !important; }
.mb38 { margin-bottom: 38px !important; }
.mb39 { margin-bottom: 39px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb41 { margin-bottom: 41px !important; }
.mb42 { margin-bottom: 42px !important; }
.mb43 { margin-bottom: 43px !important; }
.mb44 { margin-bottom: 44px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb46 { margin-bottom: 46px !important; }
.mb47 { margin-bottom: 47px !important; }
.mb48 { margin-bottom: 48px !important; }
.mb49 { margin-bottom: 49px !important; }
.mb50 { margin-bottom: 50px !important; }

/* ── Margin Top ── */
.mt00 { margin-top: 0px !important; }
.mt01 { margin-top: 1px !important; }
.mt02 { margin-top: 2px !important; }
.mt03 { margin-top: 3px !important; }
.mt04 { margin-top: 4px !important; }
.mt05 { margin-top: 5px !important; }
.mt06 { margin-top: 6px !important; }
.mt07 { margin-top: 7px !important; }
.mt08 { margin-top: 8px !important; }
.mt09 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt11 { margin-top: 11px !important; }
.mt12 { margin-top: 12px !important; }
.mt13 { margin-top: 13px !important; }
.mt14 { margin-top: 14px !important; }
.mt15 { margin-top: 15px !important; }
.mt16 { margin-top: 16px !important; }
.mt17 { margin-top: 17px !important; }
.mt18 { margin-top: 18px !important; }
.mt19 { margin-top: 19px !important; }
.mt20 { margin-top: 20px !important; }
.mt21 { margin-top: 21px !important; }
.mt22 { margin-top: 22px !important; }
.mt23 { margin-top: 23px !important; }
.mt24 { margin-top: 24px !important; }
.mt25 { margin-top: 25px !important; }
.mt26 { margin-top: 26px !important; }
.mt27 { margin-top: 27px !important; }
.mt28 { margin-top: 28px !important; }
.mt29 { margin-top: 29px !important; }
.mt30 { margin-top: 30px !important; }
.mt31 { margin-top: 31px !important; }
.mt32 { margin-top: 32px !important; }
.mt33 { margin-top: 33px !important; }
.mt34 { margin-top: 34px !important; }
.mt35 { margin-top: 35px !important; }
.mt36 { margin-top: 36px !important; }
.mt37 { margin-top: 37px !important; }
.mt38 { margin-top: 38px !important; }
.mt39 { margin-top: 39px !important; }
.mt40 { margin-top: 40px !important; }
.mt41 { margin-top: 41px !important; }
.mt42 { margin-top: 42px !important; }
.mt43 { margin-top: 43px !important; }
.mt44 { margin-top: 44px !important; }
.mt45 { margin-top: 45px !important; }
.mt46 { margin-top: 46px !important; }
.mt47 { margin-top: 47px !important; }
.mt48 { margin-top: 48px !important; }
.mt49 { margin-top: 49px !important; }
.mt50 { margin-top: 50px !important; }

/* ── Margin Left ── */
.ml00 { margin-left: 0px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.mla  { margin-left: auto !important; }

/* ── Margin Right ── */
.mr00 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mra  { margin-right: auto !important; }

/* ── Padding Bottom ── */
.pb00 { padding-bottom: 0px !important; }
.pb01 { padding-bottom: 1px !important; }
.pb02 { padding-bottom: 2px !important; }
.pb03 { padding-bottom: 3px !important; }
.pb04 { padding-bottom: 4px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb06 { padding-bottom: 6px !important; }
.pb07 { padding-bottom: 7px !important; }
.pb08 { padding-bottom: 8px !important; }
.pb09 { padding-bottom: 9px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb11 { padding-bottom: 11px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb13 { padding-bottom: 13px !important; }
.pb14 { padding-bottom: 14px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb17 { padding-bottom: 17px !important; }
.pb18 { padding-bottom: 18px !important; }
.pb19 { padding-bottom: 19px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb21 { padding-bottom: 21px !important; }
.pb22 { padding-bottom: 22px !important; }
.pb23 { padding-bottom: 23px !important; }
.pb24 { padding-bottom: 24px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb26 { padding-bottom: 26px !important; }
.pb27 { padding-bottom: 27px !important; }
.pb28 { padding-bottom: 28px !important; }
.pb29 { padding-bottom: 29px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb31 { padding-bottom: 31px !important; }
.pb32 { padding-bottom: 32px !important; }
.pb33 { padding-bottom: 33px !important; }
.pb34 { padding-bottom: 34px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb36 { padding-bottom: 36px !important; }
.pb37 { padding-bottom: 37px !important; }
.pb38 { padding-bottom: 38px !important; }
.pb39 { padding-bottom: 39px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb41 { padding-bottom: 41px !important; }
.pb42 { padding-bottom: 42px !important; }
.pb43 { padding-bottom: 43px !important; }
.pb44 { padding-bottom: 44px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb46 { padding-bottom: 46px !important; }
.pb47 { padding-bottom: 47px !important; }
.pb48 { padding-bottom: 48px !important; }
.pb49 { padding-bottom: 49px !important; }
.pb50 { padding-bottom: 50px !important; }

/* ── Padding Top ── */
.pt00 { padding-top: 0px !important; }
.pt01 { padding-top: 1px !important; }
.pt02 { padding-top: 2px !important; }
.pt03 { padding-top: 3px !important; }
.pt04 { padding-top: 4px !important; }
.pt05 { padding-top: 5px !important; }
.pt06 { padding-top: 6px !important; }
.pt07 { padding-top: 7px !important; }
.pt08 { padding-top: 8px !important; }
.pt09 { padding-top: 9px !important; }
.pt10 { padding-top: 10px !important; }
.pt11 { padding-top: 11px !important; }
.pt12 { padding-top: 12px !important; }
.pt13 { padding-top: 13px !important; }
.pt14 { padding-top: 14px !important; }
.pt15 { padding-top: 15px !important; }
.pt16 { padding-top: 16px !important; }
.pt17 { padding-top: 17px !important; }
.pt18 { padding-top: 18px !important; }
.pt19 { padding-top: 19px !important; }
.pt20 { padding-top: 20px !important; }
.pt21 { padding-top: 21px !important; }
.pt22 { padding-top: 22px !important; }
.pt23 { padding-top: 23px !important; }
.pt24 { padding-top: 24px !important; }
.pt25 { padding-top: 25px !important; }
.pt26 { padding-top: 26px !important; }
.pt27 { padding-top: 27px !important; }
.pt28 { padding-top: 28px !important; }
.pt29 { padding-top: 29px !important; }
.pt30 { padding-top: 30px !important; }
.pt31 { padding-top: 31px !important; }
.pt32 { padding-top: 32px !important; }
.pt33 { padding-top: 33px !important; }
.pt34 { padding-top: 34px !important; }
.pt35 { padding-top: 35px !important; }
.pt36 { padding-top: 36px !important; }
.pt37 { padding-top: 37px !important; }
.pt38 { padding-top: 38px !important; }
.pt39 { padding-top: 39px !important; }
.pt40 { padding-top: 40px !important; }
.pt41 { padding-top: 41px !important; }
.pt42 { padding-top: 42px !important; }
.pt43 { padding-top: 43px !important; }
.pt44 { padding-top: 44px !important; }
.pt45 { padding-top: 45px !important; }
.pt46 { padding-top: 46px !important; }
.pt47 { padding-top: 47px !important; }
.pt48 { padding-top: 48px !important; }
.pt49 { padding-top: 49px !important; }
.pt50 { padding-top: 50px !important; }

/* ── Padding Left ── */
.pl00 { padding-left: 0px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }

/* ── Padding Right ── */
.pr00 { padding-right: 0px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }

/* ── Width (%) ── */
.w00  { width: 0% !important; }
.w01  { width: 1% !important; }
.w02  { width: 2% !important; }
.w03  { width: 3% !important; }
.w04  { width: 4% !important; }
.w05  { width: 5% !important; }
.w06  { width: 6% !important; }
.w07  { width: 7% !important; }
.w08  { width: 8% !important; }
.w09  { width: 9% !important; }
.w10  { width: 10% !important; }
.w11  { width: 11% !important; }
.w12  { width: 12% !important; }
.w13  { width: 13% !important; }
.w14  { width: 14% !important; }
.w15  { width: 15% !important; }
.w16  { width: 16% !important; }
.w17  { width: 17% !important; }
.w18  { width: 18% !important; }
.w19  { width: 19% !important; }
.w20  { width: 20% !important; }
.w21  { width: 21% !important; }
.w22  { width: 22% !important; }
.w23  { width: 23% !important; }
.w24  { width: 24% !important; }
.w25  { width: 25% !important; }
.w26  { width: 26% !important; }
.w27  { width: 27% !important; }
.w28  { width: 28% !important; }
.w29  { width: 29% !important; }
.w30  { width: 30% !important; }
.w31  { width: 31% !important; }
.w32  { width: 32% !important; }
.w33  { width: 33.3% !important; }
.w34  { width: 34% !important; }
.w35  { width: 35% !important; }
.w36  { width: 36% !important; }
.w37  { width: 37% !important; }
.w38  { width: 38% !important; }
.w39  { width: 39% !important; }
.w40  { width: 40% !important; }
.w41  { width: 41% !important; }
.w42  { width: 42% !important; }
.w43  { width: 43% !important; }
.w44  { width: 44% !important; }
.w45  { width: 45% !important; }
.w46  { width: 46% !important; }
.w47  { width: 47% !important; }
.w48  { width: 48% !important; }
.w49  { width: 49% !important; }
.w50  { width: 50% !important; }
.w51  { width: 51% !important; }
.w52  { width: 52% !important; }
.w53  { width: 53% !important; }
.w54  { width: 54% !important; }
.w55  { width: 55% !important; }
.w56  { width: 56% !important; }
.w57  { width: 57% !important; }
.w58  { width: 58% !important; }
.w59  { width: 59% !important; }
.w60  { width: 60% !important; }
.w61  { width: 61% !important; }
.w62  { width: 62% !important; }
.w63  { width: 63% !important; }
.w64  { width: 64% !important; }
.w65  { width: 65% !important; }
.w66  { width: 66.6% !important; }
.w67  { width: 67% !important; }
.w68  { width: 68% !important; }
.w69  { width: 69% !important; }
.w70  { width: 70% !important; }
.w71  { width: 71% !important; }
.w72  { width: 72% !important; }
.w73  { width: 73% !important; }
.w74  { width: 74% !important; }
.w75  { width: 75% !important; }
.w76  { width: 76% !important; }
.w77  { width: 77% !important; }
.w78  { width: 78% !important; }
.w79  { width: 79% !important; }
.w80  { width: 80% !important; }
.w81  { width: 81% !important; }
.w82  { width: 82% !important; }
.w83  { width: 83% !important; }
.w84  { width: 84% !important; }
.w85  { width: 85% !important; }
.w86  { width: 86% !important; }
.w87  { width: 87% !important; }
.w88  { width: 88% !important; }
.w89  { width: 89% !important; }
.w90  { width: 90% !important; }
.w91  { width: 91% !important; }
.w92  { width: 92% !important; }
.w93  { width: 93% !important; }
.w94  { width: 94% !important; }
.w95  { width: 95% !important; }
.w96  { width: 96% !important; }
.w97  { width: 97% !important; }
.w98  { width: 98% !important; }
.w99  { width: 99% !important; }
.w100  { width: 100% !important; }
.wAuto { width: auto !important; }

/* ── Width (px) ── */
.w10px { width: 10px; }
.w15px { width: 15px; }
.w20px { width: 20px; }
.w25px { width: 25px; }
.w30px { width: 30px; }
.w35px { width: 35px; }
.w40px { width: 40px; }
.w45px { width: 45px; }
.w50px { width: 50px; }
.w55px { width: 55px; }
.w60px { width: 60px; }
.w65px { width: 65px; }
.w70px { width: 70px; }
.w75px { width: 75px; }
.w80px { width: 80px; }
.w85px { width: 85px; }
.w90px { width: 90px; }
.w95px { width: 95px; }
.w100px { width: 100px; }
.w105px { width: 105px; }
.w110px { width: 110px; }
.w115px { width: 115px; }
.w120px { width: 120px; }
.w125px { width: 125px; }
.w130px { width: 130px; }
.w135px { width: 135px; }
.w140px { width: 140px; }
.w145px { width: 145px; }
.w150px { width: 150px; }
.w155px { width: 155px; }
.w160px { width: 160px; }
.w165px { width: 165px; }
.w170px { width: 170px; }
.w175px { width: 175px; }
.w180px { width: 180px; }
.w185px { width: 185px; }
.w190px { width: 190px; }
.w195px { width: 195px; }
.w200px { width: 200px; }
.w205px { width: 205px; }
.w210px { width: 210px; }
.w215px { width: 215px; }
.w220px { width: 220px; }
.w225px { width: 225px; }
.w230px { width: 230px; }
.w235px { width: 235px; }
.w240px { width: 240px; }
.w245px { width: 245px; }
.w250px { width: 250px; }
.w255px { width: 255px; }
.w260px { width: 260px; }
.w265px { width: 265px; }
.w270px { width: 270px; }
.w275px { width: 275px; }
.w280px { width: 280px; }
.w285px { width: 285px; }
.w290px { width: 290px; }
.w295px { width: 295px; }
.w300px { width: 300px; }
.w305px { width: 305px; }
.w310px { width: 310px; }
.w315px { width: 315px; }
.w320px { width: 320px; }
.w325px { width: 325px; }
.w330px { width: 330px; }
.w335px { width: 335px; }
.w340px { width: 340px; }
.w345px { width: 345px; }
.w350px { width: 350px; }
.w355px { width: 355px; }
.w360px { width: 360px; }
.w365px { width: 365px; }
.w370px { width: 370px; }
.w375px { width: 375px; }
.w380px { width: 380px; }
.w385px { width: 385px; }
.w390px { width: 390px; }
.w395px { width: 395px; }
.w400px { width: 400px; }
.w405px { width: 405px; }
.w410px { width: 410px; }
.w415px { width: 415px; }
.w420px { width: 420px; }
.w425px { width: 425px; }
.w430px { width: 430px; }
.w435px { width: 435px; }
.w440px { width: 440px; }
.w445px { width: 445px; }
.w450px { width: 450px; }
.w455px { width: 455px; }
.w460px { width: 460px; }
.w465px { width: 465px; }
.w470px { width: 470px; }
.w475px { width: 475px; }
.w480px { width: 480px; }
.w485px { width: 485px; }
.w490px { width: 490px; }
.w495px { width: 495px; }
.w500px { width: 500px; }
.w505px { width: 505px; }
.w510px { width: 510px; }
.w515px { width: 515px; }
.w520px { width: 520px; }
.w525px { width: 525px; }
.w530px { width: 530px; }
.w535px { width: 535px; }
.w540px { width: 540px; }
.w545px { width: 545px; }
.w550px { width: 550px; }
.w555px { width: 555px; }
.w560px { width: 560px; }
.w565px { width: 565px; }
.w570px { width: 570px; }
.w575px { width: 575px; }
.w580px { width: 580px; }
.w585px { width: 585px; }
.w590px { width: 590px; }
.w595px { width: 595px; }
.w600px { width: 600px; }
.w605px { width: 605px; }
.w610px { width: 610px; }
.w615px { width: 615px; }
.w620px { width: 620px; }
.w625px { width: 625px; }
.w630px { width: 630px; }
.w635px { width: 635px; }
.w640px { width: 640px; }
.w645px { width: 645px; }
.w650px { width: 650px; }
.w655px { width: 655px; }
.w660px { width: 660px; }
.w665px { width: 665px; }
.w670px { width: 670px; }
.w675px { width: 675px; }
.w680px { width: 680px; }
.w685px { width: 685px; }
.w690px { width: 690px; }
.w695px { width: 695px; }
.w700px { width: 700px; }
.w705px { width: 705px; }
.w710px { width: 710px; }
.w715px { width: 715px; }
.w720px { width: 720px; }
.w725px { width: 725px; }
.w730px { width: 730px; }
.w735px { width: 735px; }
.w740px { width: 740px; }
.w745px { width: 745px; }
.w750px { width: 750px; }
.w755px { width: 755px; }
.w760px { width: 760px; }
.w765px { width: 765px; }
.w770px { width: 770px; }
.w775px { width: 775px; }
.w780px { width: 780px; }
.w785px { width: 785px; }
.w790px { width: 790px; }
.w795px { width: 795px; }
.w800px { width: 800px; }
.w805px { width: 805px; }
.w810px { width: 810px; }
.w815px { width: 815px; }
.w820px { width: 820px; }
.w825px { width: 825px; }
.w830px { width: 830px; }
.w835px { width: 835px; }
.w840px { width: 840px; }
.w845px { width: 845px; }
.w850px { width: 850px; }
.w855px { width: 855px; }
.w860px { width: 860px; }
.w865px { width: 865px; }
.w870px { width: 870px; }
.w875px { width: 875px; }
.w880px { width: 880px; }
.w885px { width: 885px; }
.w890px { width: 890px; }
.w895px { width: 895px; }
.w900px { width: 900px; }
.w905px { width: 905px; }
.w910px { width: 910px; }
.w915px { width: 915px; }
.w920px { width: 920px; }
.w925px { width: 925px; }
.w930px { width: 930px; }
.w935px { width: 935px; }
.w940px { width: 940px; }
.w945px { width: 945px; }
.w950px { width: 950px; }
.w955px { width: 955px; }
.w960px { width: 960px; }
.w965px { width: 965px; }
.w970px { width: 970px; }
.w975px { width: 975px; }
.w980px { width: 980px; }
.w985px { width: 985px; }
.w990px { width: 990px; }
.w995px { width: 995px; }
.w1000px { width: 1000px; }

/* ── Height (px) ── */
.h10px { height: 10px !important; }
.h20px { height: 20px !important; }
.h30px { height: 30px !important; }
.h50px { height: 50px !important; }
.h100px { height: 100px !important; }
.h200px { height: 200px !important; }
.h300px { height: 300px !important; }
.h100p  { height: 100%; }

/* ── Font Size (rem) ── */
.fs01 { font-size: 0.1rem !important; }
.fs02 { font-size: 0.2rem !important; }
.fs03 { font-size: 0.3rem !important; }
.fs04 { font-size: 0.4rem !important; }
.fs05 { font-size: 0.5rem !important; }
.fs06 { font-size: 0.6rem !important; }
.fs07 { font-size: 0.7rem !important; }
.fs08 { font-size: 0.8rem !important; }
.fs09 { font-size: 0.9rem !important; }
.fs10 { font-size: 1.0rem !important; }
.fs11 { font-size: 1.1rem !important; }
.fs12 { font-size: 1.2rem !important; }
.fs13 { font-size: 1.3rem !important; }
.fs14 { font-size: 1.4rem !important; }
.fs15 { font-size: 1.5rem !important; }
.fs16 { font-size: 1.6rem !important; }
.fs17 { font-size: 1.7rem !important; }
.fs18 { font-size: 1.8rem !important; }
.fs19 { font-size: 1.9rem !important; }
.fs20 { font-size: 2.0rem !important; }
.fs21 { font-size: 2.1rem !important; }
.fs22 { font-size: 2.2rem !important; }
.fs23 { font-size: 2.3rem !important; }
.fs24 { font-size: 2.4rem !important; }
.fs25 { font-size: 2.5rem !important; }
.fs26 { font-size: 2.6rem !important; }
.fs27 { font-size: 2.7rem !important; }
.fs28 { font-size: 2.8rem !important; }
.fs29 { font-size: 2.9rem !important; }
.fs30 { font-size: 3.0rem !important; }
.fs31 { font-size: 3.1rem !important; }
.fs32 { font-size: 3.2rem !important; }
.fs33 { font-size: 3.3rem !important; }
.fs34 { font-size: 3.4rem !important; }
.fs35 { font-size: 3.5rem !important; }
.fs36 { font-size: 3.6rem !important; }
.fs37 { font-size: 3.7rem !important; }
.fs38 { font-size: 3.8rem !important; }
.fs39 { font-size: 3.9rem !important; }
.fs40 { font-size: 4.0rem !important; }

/* ── Line Height ── */
.lh06 { line-height: 0.6em !important; }
.lh07 { line-height: 0.7em !important; }
.lh08 { line-height: 0.8em !important; }
.lh09 { line-height: 0.9em !important; }
.lh10 { line-height: 1.0em !important; }
.lh11 { line-height: 1.1em !important; }
.lh12 { line-height: 1.2em !important; }
.lh13 { line-height: 1.3em !important; }
.lh14 { line-height: 1.4em !important; }
.lh15 { line-height: 1.5em !important; }
.lh16 { line-height: 1.6em !important; }
.lh17 { line-height: 1.7em !important; }
.lh18 { line-height: 1.8em !important; }
.lh19 { line-height: 1.9em !important; }
.lh20 { line-height: 2.0em !important; }


/* ── Text Align ── */
.tl { text-align: left   !important; }
.tc { text-align: center !important; }
.tr { text-align: right  !important; }

/* ── Vertical Align ── */
.vt { vertical-align: top    !important; }
.vm { vertical-align: middle !important; }
.vb { vertical-align: bottom !important; }

/* ── Float ── */
.fl { float: left  !important; }
.fr { float: right !important; }

/* ── Display ── */
.dispNone      { display: none         !important; }
.dispBlk       { display: block        !important; }
.dispInlineBlk { display: inline-block !important; }
.blk           { display: block        !important; }

/* ── Flex ── */
.flexCommon01 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.flexCommon01.flexCenter  { justify-content: center; }
.flexCommon01.flexRight   { justify-content: flex-end; }
.flexCommon01.flexBetween { justify-content: space-between; }
.flexCommon01.flexMiddle  { align-items: center; }
.flexCommon01.flexBottom  { align-items: flex-end; }
.flexCommon01.flexReverse { flex-direction: row-reverse; }
.flexCommon01.flexNorap   { flex-wrap: nowrap; }

.flexCommon02 {
  position: relative;
  display: flex;
  flex-direction: column;
}

/* ── Card Layout ── */
.cardType { display: flex; flex-direction: column; }
.flexible  { flex-grow: 1; }
.mtAuto    { margin-top: auto !important; }

/* ── Flex Break ── */
.flexBreak { flex-basis: 100%; height: 0; }

/* ── Overflow / Other ── */
.ofH        { overflow: hidden !important; }
.wsNowrap   { white-space: nowrap; }
.ofEllipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.b          { font-weight: bold; }
.cP         { cursor: pointer; }
.ls0        { letter-spacing: 0px !important; }
.tUl        { text-decoration: underline !important; }

/* ── Clearfix ── */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* ── Responsive Display ── */
@media screen and (max-width: 767px)  { .dispNonePU  { display: none  !important; } }
@media screen and (max-width: 767px)  { .dispBlockPU { display: block !important; } }
@media screen and (min-width: 768px)  { .dispNonePO  { display: none  !important; } }
@media screen and (min-width: 768px)  { .dispBlockPO { display: block !important; } }
@media screen and (min-width: 1251px) { .dispNoneP   { display: none  !important; } }
@media screen and (min-width: 1251px) { .dispBlockP  { display: block !important; } }
@media screen and (max-width: 959px)  { .dispNoneTU  { display: none  !important; } }
@media screen and (max-width: 959px)  { .dispBlockTU { display: block !important; } }
@media screen and (min-width: 960px)  { .dispNoneTO  { display: none  !important; } }
@media screen and (min-width: 960px)  { .dispBlockTO { display: block !important; } }
@media screen and (max-width: 1250px) { .dispNoneS   { display: none  !important; } }
@media screen and (max-width: 1250px) { .dispBlockS  { display: block !important; } }

/* ── Responsive Spacing ── */
@media screen and (max-width: 767px) {
  .mb20pu { margin-bottom: 20px !important; }
  .mb30pu { margin-bottom: 30px !important; }
  .mt20pu { margin-top:    20px !important; }
  .pt20pu { padding-top:   20px !important; }
  .pb20pu { padding-bottom:20px !important; }
  .w100pu { width: 100% !important; }
  .tcPU   { text-align: center !important; }
  .tlPU   { text-align: left   !important; }
}
@media screen and (min-width: 768px) {
  .mb20po { margin-bottom: 20px !important; }
  .mb30po { margin-bottom: 30px !important; }
  .mt20po { margin-top:    20px !important; }
  .w50po  { width: 50% !important; }
  .tcPO   { text-align: center !important; }
}