/*
  ver 2.7
  최종 수정일 2026.03.16
*/


/* ==========================================
  display
========================================== */
.d-none{display: none !important;}
.d-block{display: block !important;}
.d-inline{display: inline !important;}
.d-inline-block{display: inline-block !important;}

.of-hidden{overflow: hidden !important;}
.of-auto{overflow: auto !important;}
.of-scroll{overflow: scroll !important;}
.of-x-hidden{overflow-x: hidden !important;}
.of-y-hidden{overflow-y: hidden !important;}
.of-y-auto{overflow-y: auto !important;}
.of-y-scroll{overflow-y: scroll !important;}



/* ==========================================
   flex
========================================== */
.flex{display: flex !important;}
.flex-col{flex-direction: column !important;}
.justify-center{justify-content: center !important;}
.justify-between{justify-content: space-between !important;}
.justify-around{justify-content: space-around !important;}
.justify-start{justify-content: flex-start !important;}
.justify-end{justify-content: flex-end !important;}
.items-center{align-items: center !important;}
.items-start{align-items: flex-start !important;}
.items-end{align-items: flex-end !important;}
.flex-wrap{flex-wrap: wrap !important;}
.grow-1{flex-grow: 1 !important;}
.shrink-0{flex-shrink: 0 !important;}
.basis-0{flex-basis: 0 !important;}

.gap-4{gap: 4px !important;}
.gap-5{gap: 5px !important;}
.gap-8{gap: 8px !important;}
.gap-10{gap: 10px !important;}
.gap-12{gap: 12px !important;}
.gap-15{gap: 15px !important;}
.gap-16{gap: 16px !important;}
.gap-20{gap: 20px !important;}
.gap-24{gap: 24px !important;}
.gap-25{gap: 25px !important;}
.gap-28{gap: 28px !important;}
.gap-30{gap: 30px !important;}
.gap-32{gap: 32px !important;}
.gap-35{gap: 35px !important;}
.gap-36{gap: 36px !important;}
.gap-40{gap: 40px !important;}
.gap-44{gap: 44px !important;}
.gap-45{gap: 45px !important;}
.gap-48{gap: 48px !important;}
.gap-50{gap: 50px !important;}
.gap-52{gap: 52px !important;}
.gap-55{gap: 55px !important;}
.gap-56{gap: 56px !important;}
.gap-60{gap: 60px !important;}
.gap-65{gap: 65px !important;}
.gap-70{gap: 70px !important;}
.gap-75{gap: 75px !important;}
.gap-80{gap: 80px !important;}
.gap-85{gap: 85px !important;}
.gap-90{gap: 90px !important;}
.gap-95{gap: 95px !important;}
.gap-100{gap: 100px !important;}
.gap-120{gap: 120px !important;}
.gap-150{gap: 150px !important;}
.gap-200{gap: 200px !important;}



/* ==========================================
  position
========================================== */
.pos-rel{position: relative !important;}
.pos-abs{position: absolute !important;}
.pos-cen{position: absolute !important; left: 50% !important; transform: translateX(-50%) !important;}

/* z-index */
.z-1{z-index: 1 !important;}
.z-2{z-index: 2 !important;}
.z-3{z-index: 3 !important;}



/* ==========================================
  Spacing
========================================== */
.m0{margin: 0 !important;}
.mx-auto{margin-left: auto !important; margin-right: auto !important;}
.mb0{margin-bottom: 0 !important;}
.mb4{margin-bottom: 4px !important;}
.mb5{margin-bottom: 5px !important;}
.mb8{margin-bottom: 8px !important;}
.mb10{margin-bottom: 10px !important;}
.mb12{margin-bottom: 12px !important;}
.mb15{margin-bottom: 15px !important;}
.mb16{margin-bottom: 16px !important;}
.mb20{margin-bottom: 20px !important;}
.mb24{margin-bottom: 24px !important;}
.mb25{margin-bottom: 25px !important;}
.mb28{margin-bottom: 28px !important;}
.mb30{margin-bottom: 30px !important;}
.mb32{margin-bottom: 32px !important;}
.mb35{margin-bottom: 35px !important;}
.mb36{margin-bottom: 36px !important;}
.mb40{margin-bottom: 40px !important;}
.mb44{margin-bottom: 44px !important;}
.mb45{margin-bottom: 45px !important;}
.mb48{margin-bottom: 48px !important;}
.mb50{margin-bottom: 50px !important;}
.mb52{margin-bottom: 52px !important;}
.mb55{margin-bottom: 55px !important;}
.mb56{margin-bottom: 56px !important;}
.mb60{margin-bottom: 60px !important;}
.mb65{margin-bottom: 65px !important;}
.mb70{margin-bottom: 70px !important;}
.mb75{margin-bottom: 75px !important;}
.mb80{margin-bottom: 80px !important;}
.mb85{margin-bottom: 85px !important;}
.mb90{margin-bottom: 90px !important;}
.mb95{margin-bottom: 95px !important;}
.mb100{margin-bottom: 100px !important;}
.mb120{margin-bottom: 120px !important;}
.mb150{margin-bottom: 150px !important;}
.mb200{margin-bottom: 200px !important;}

.mt0{margin-top: 0 !important;}
.mt4{margin-top: 4px !important;}
.mt5{margin-top: 5px !important;}
.mt8{margin-top: 8px !important;}
.mt10{margin-top: 10px !important;}
.mt12{margin-top: 12px !important;}
.mt15{margin-top: 15px !important;}
.mt16{margin-top: 16px !important;}
.mt20{margin-top: 20px !important;}
.mt24{margin-top: 24px !important;}
.mt25{margin-top: 25px !important;}
.mt28{margin-top: 28px !important;}
.mt30{margin-top: 30px !important;}
.mt32{margin-top: 32px !important;}
.mt35{margin-top: 35px !important;}
.mt36{margin-top: 36px !important;}
.mt40{margin-top: 40px !important;}
.mt44{margin-top: 44px !important;}
.mt45{margin-top: 45px !important;}
.mt48{margin-top: 48px !important;}
.mt50{margin-top: 50px !important;}
.mt52{margin-top: 52px !important;}
.mt55{margin-top: 55px !important;}
.mt56{margin-top: 56px !important;}
.mt60{margin-top: 60px !important;}
.mt65{margin-top: 65px !important;}
.mt70{margin-top: 70px !important;}
.mt75{margin-top: 75px !important;}
.mt80{margin-top: 80px !important;}
.mt85{margin-top: 85px !important;}
.mt90{margin-top: 90px !important;}
.mt95{margin-top: 95px !important;}
.mt100{margin-top: 100px !important;}
.mt120{margin-top: 120px !important;}
.mt150{margin-top: 150px !important;}
.mt200{margin-top: 200px !important;}

.mr0{margin-right: 0 !important;}
.mr4{margin-right: 4px !important;}
.mr5{margin-right: 5px !important;}
.mr8{margin-right: 8px !important;}
.mr10{margin-right: 10px !important;}
.mr12{margin-right: 12px !important;}
.mr15{margin-right: 15px !important;}
.mr16{margin-right: 16px !important;}
.mr20{margin-right: 20px !important;}
.mr24{margin-right: 24px !important;}
.mr25{margin-right: 25px !important;}
.mr28{margin-right: 28px !important;}
.mr30{margin-right: 30px !important;}
.mr32{margin-right: 32px !important;}
.mr35{margin-right: 35px !important;}
.mr36{margin-right: 36px !important;}
.mr40{margin-right: 40px !important;}
.mr44{margin-right: 44px !important;}
.mr45{margin-right: 45px !important;}
.mr48{margin-right: 48px !important;}
.mr50{margin-right: 50px !important;}
.mr52{margin-right: 52px !important;}
.mr55{margin-right: 55px !important;}
.mr56{margin-right: 56px !important;}
.mr60{margin-right: 60px !important;}
.mr65{margin-right: 65px !important;}
.mr70{margin-right: 70px !important;}
.mr75{margin-right: 75px !important;}
.mr80{margin-right: 80px !important;}
.mr85{margin-right: 85px !important;}
.mr90{margin-right: 90px !important;}
.mr95{margin-right: 95px !important;}
.mr100{margin-right: 100px !important;}

.ml0{margin-left: 0 !important;}
.ml4{margin-left: 4px !important;}
.ml5{margin-left: 5px !important;}
.ml8{margin-left: 8px !important;}
.ml10{margin-left: 10px !important;}
.ml12{margin-left: 12px !important;}
.ml15{margin-left: 15px !important;}
.ml16{margin-left: 16px !important;}
.ml20{margin-left: 20px !important;}
.ml24{margin-left: 24px !important;}
.ml25{margin-left: 25px !important;}
.ml28{margin-left: 28px !important;}
.ml30{margin-left: 30px !important;}
.ml32{margin-left: 32px !important;}
.ml35{margin-left: 35px !important;}
.ml36{margin-left: 36px !important;}
.ml40{margin-left: 40px !important;}
.ml44{margin-left: 44px !important;}
.ml45{margin-left: 45px !important;}
.ml48{margin-left: 48px !important;}
.ml50{margin-left: 50px !important;}
.ml52{margin-left: 52px !important;}
.ml55{margin-left: 55px !important;}
.ml56{margin-left: 56px !important;}
.ml60{margin-left: 60px !important;}
.ml65{margin-left: 65px !important;}
.ml70{margin-left: 70px !important;}
.ml75{margin-left: 75px !important;}
.ml80{margin-left: 80px !important;}
.ml85{margin-left: 85px !important;}
.ml90{margin-left: 90px !important;}
.ml95{margin-left: 95px !important;}
.ml100{margin-left: 100px !important;}

.p0{padding: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt8{padding-top: 8px !important;}
.pt10{padding-top: 10px !important;}
.pt12{padding-top: 12px !important;}
.pt15{padding-top: 15px !important;}
.pt16{padding-top: 16px !important;}
.pt20{padding-top: 20px !important;}
.pt24{padding-top: 24px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt32{padding-top: 32px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}
.pt55{padding-top: 55px !important;}
.pt60{padding-top: 60px !important;}
.pt70{padding-top: 70px !important;}
.pt80{padding-top: 80px !important;}
.pt100{padding-top: 100px !important;}
.pt120{padding-top: 120px !important;}
.pt150{padding-top: 150px !important;}
.pt200{padding-top: 200px !important;}

.pb5{padding-bottom: 5px !important;}
.pb8{padding-bottom: 8px !important;}
.pb10{padding-bottom: 10px !important;}
.pb12{padding-bottom: 12px !important;}
.pb15{padding-bottom: 15px !important;}
.pb16{padding-bottom: 16px !important;}
.pb20{padding-bottom: 20px !important;}
.pb24{padding-bottom: 24px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb32{padding-bottom: 32px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}
.pb55{padding-bottom: 55px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px !important;}
.pb100{padding-bottom: 100px !important;}
.pb120{padding-bottom: 120px !important;}
.pb150{padding-bottom: 150px !important;}
.pb200{padding-bottom: 200px !important;}


/* vw 직접 지정 */
.mt-1vw  { margin-top: 1vw !important; }
.mt-2vw  { margin-top: 2vw !important; }
.mt-3vw  { margin-top: 3vw !important; }
.mt-4vw  { margin-top: 4vw !important; }
.mt-5vw  { margin-top: 5vw !important; }
.mt-6vw  { margin-top: 6vw !important; }
.mt-7vw  { margin-top: 7vw !important; }
.mt-8vw  { margin-top: 8vw !important; }
.mt-9vw  { margin-top: 9vw !important; }
.mt-10vw { margin-top: 10vw !important; }
.mt-11vw { margin-top: 11vw !important; }
.mt-12vw { margin-top: 12vw !important; }
.mt-13vw { margin-top: 13vw !important; }
.mt-14vw { margin-top: 14vw !important; }
.mt-15vw { margin-top: 15vw !important; }
.mt-16vw { margin-top: 16vw !important; }
.mt-17vw { margin-top: 17vw !important; }
.mt-18vw { margin-top: 18vw !important; }
.mt-19vw { margin-top: 19vw !important; }
.mt-20vw { margin-top: 20vw !important; }

.mb-1vw  { margin-bottom: 1vw !important; }
.mb-2vw  { margin-bottom: 2vw !important; }
.mb-3vw  { margin-bottom: 3vw !important; }
.mb-4vw  { margin-bottom: 4vw !important; }
.mb-5vw  { margin-bottom: 5vw !important; }
.mb-6vw  { margin-bottom: 6vw !important; }
.mb-7vw  { margin-bottom: 7vw !important; }
.mb-8vw  { margin-bottom: 8vw !important; }
.mb-9vw  { margin-bottom: 9vw !important; }
.mb-10vw { margin-bottom: 10vw !important; }
.mb-11vw { margin-bottom: 11vw !important; }
.mb-12vw { margin-bottom: 12vw !important; }
.mb-13vw { margin-bottom: 13vw !important; }
.mb-14vw { margin-bottom: 14vw !important; }
.mb-15vw { margin-bottom: 15vw !important; }
.mb-16vw { margin-bottom: 16vw !important; }
.mb-17vw { margin-bottom: 17vw !important; }
.mb-18vw { margin-bottom: 18vw !important; }
.mb-19vw { margin-bottom: 19vw !important; }
.mb-20vw { margin-bottom: 20vw !important; }

.pt-1vw  { padding-top: 1vw !important; }
.pt-2vw  { padding-top: 2vw !important; }
.pt-3vw  { padding-top: 3vw !important; }
.pt-4vw  { padding-top: 4vw !important; }
.pt-5vw  { padding-top: 5vw !important; }
.pt-6vw  { padding-top: 6vw !important; }
.pt-7vw  { padding-top: 7vw !important; }
.pt-8vw  { padding-top: 8vw !important; }
.pt-9vw  { padding-top: 9vw !important; }
.pt-10vw { padding-top: 10vw !important; }
.pt-11vw { padding-top: 11vw !important; }
.pt-12vw { padding-top: 12vw !important; }
.pt-13vw { padding-top: 13vw !important; }
.pt-14vw { padding-top: 14vw !important; }
.pt-15vw { padding-top: 15vw !important; }
.pt-16vw { padding-top: 16vw !important; }
.pt-17vw { padding-top: 17vw !important; }
.pt-18vw { padding-top: 18vw !important; }
.pt-19vw { padding-top: 19vw !important; }
.pt-20vw { padding-top: 20vw !important; }

.pb-1vw  { padding-bottom: 1vw !important; }
.pb-2vw  { padding-bottom: 2vw !important; }
.pb-3vw  { padding-bottom: 3vw !important; }
.pb-4vw  { padding-bottom: 4vw !important; }
.pb-5vw  { padding-bottom: 5vw !important; }
.pb-6vw  { padding-bottom: 6vw !important; }
.pb-7vw  { padding-bottom: 7vw !important; }
.pb-8vw  { padding-bottom: 8vw !important; }
.pb-9vw  { padding-bottom: 9vw !important; }
.pb-10vw { padding-bottom: 10vw !important; }
.pb-11vw { padding-bottom: 11vw !important; }
.pb-12vw { padding-bottom: 12vw !important; }
.pb-13vw { padding-bottom: 13vw !important; }
.pb-14vw { padding-bottom: 14vw !important; }
.pb-15vw { padding-bottom: 15vw !important; }
.pb-16vw { padding-bottom: 16vw !important; }
.pb-17vw { padding-bottom: 17vw !important; }
.pb-18vw { padding-bottom: 18vw !important; }
.pb-19vw { padding-bottom: 19vw !important; }
.pb-20vw { padding-bottom: 20vw !important; }


/* vw (모바일, 360px 기준) */
.mt-vw-8  { margin-top: 2.28vw !important; }
.mt-vw-10 { margin-top: 2.85vw !important; }
.mt-vw-12 { margin-top: 3.4vw !important; }
.mt-vw-15 { margin-top: 4.3vw !important; }
.mt-vw-16 { margin-top: 4.56vw !important; }
.mt-vw-20 { margin-top: 5.7vw !important; }
.mt-vw-24 { margin-top: 6.84vw !important; }
.mt-vw-25 { margin-top: 7.1vw !important; }
.mt-vw-26 { margin-top: 7.4vw !important; }
.mt-vw-30 { margin-top: 8.5vw !important; }
.mt-vw-32 { margin-top: 9.12vw !important; }
.mt-vw-35 { margin-top: 10vw !important; }
.mt-vw-40 { margin-top: 11.4vw !important; }
.mt-vw-44 { margin-top: 12.5vw !important; }
.mt-vw-45 { margin-top: 12.8vw !important; }
.mt-vw-48 { margin-top: 13.7vw !important; }
.mt-vw-50 { margin-top: 14.3vw !important; }
.mt-vw-60 { margin-top: 17.1vw !important; }

.mb-vw-8  { margin-bottom: 2.28vw !important; }
.mb-vw-10 { margin-bottom: 2.85vw !important; }
.mb-vw-12 { margin-bottom: 3.4vw !important; }
.mb-vw-15 { margin-bottom: 4.3vw !important; }
.mb-vw-16 { margin-bottom: 4.56vw !important; }
.mb-vw-20 { margin-bottom: 5.7vw !important; }
.mb-vw-24 { margin-bottom: 6.84vw !important; }
.mb-vw-25 { margin-bottom: 7.1vw !important; }
.mb-vw-26 { margin-bottom: 7.4vw !important; }
.mb-vw-30 { margin-bottom: 8.5vw !important; }
.mb-vw-32 { margin-bottom: 9.12vw !important; }
.mb-vw-35 { margin-bottom: 10vw !important; }
.mb-vw-40 { margin-bottom: 11.4vw !important; }
.mb-vw-44 { margin-bottom: 12.5vw !important; }
.mb-vw-45 { margin-bottom: 12.8vw !important; }
.mb-vw-48 { margin-bottom: 13.7vw !important; }
.mb-vw-50 { margin-bottom: 14.3vw !important; }
.mb-vw-60 { margin-bottom: 17.1vw !important; }

.pt-vw-8  { padding-top: 2.28vw !important; }
.pt-vw-10 { padding-top: 2.85vw !important; }
.pt-vw-12 { padding-top: 3.4vw !important; }
.pt-vw-15 { padding-top: 4.3vw !important; }
.pt-vw-16 { padding-top: 4.56vw !important; }
.pt-vw-20 { padding-top: 5.7vw !important; }
.pt-vw-24 { padding-top: 6.84vw !important; }
.pt-vw-25 { padding-top: 7.1vw !important; }
.pt-vw-26 { padding-top: 7.4vw !important; }
.pt-vw-30 { padding-top: 8.5vw !important; }
.pt-vw-32 { padding-top: 9.12vw !important; }
.pt-vw-35 { padding-top: 10vw !important; }
.pt-vw-40 { padding-top: 11.4vw !important; }
.pt-vw-44 { padding-top: 12.5vw !important; }
.pt-vw-45 { padding-top: 12.8vw !important; }
.pt-vw-48 { padding-top: 13.7vw !important; }
.pt-vw-50 { padding-top: 14.3vw !important; }
.pt-vw-60 { padding-top: 17.1vw !important; }

.pb-vw-8  { padding-bottom: 2.28vw !important; }
.pb-vw-10 { padding-bottom: 2.85vw !important; }
.pb-vw-12 { padding-bottom: 3.4vw !important; }
.pb-vw-15 { padding-bottom: 4.3vw !important; }
.pb-vw-16 { padding-bottom: 4.56vw !important; }
.pb-vw-20 { padding-bottom: 5.7vw !important; }
.pb-vw-24 { padding-bottom: 6.84vw !important; }
.pb-vw-25 { padding-bottom: 7.1vw !important; }
.pb-vw-26 { padding-bottom: 7.4vw !important; }
.pb-vw-30 { padding-bottom: 8.5vw !important; }
.pb-vw-32 { padding-bottom: 9.12vw !important; }
.pb-vw-35 { padding-bottom: 10vw !important; }
.pb-vw-40 { padding-bottom: 11.4vw !important; }
.pb-vw-44 { padding-bottom: 12.5vw !important; }
.pb-vw-45 { padding-bottom: 12.8vw !important; }
.pb-vw-48 { padding-bottom: 13.7vw !important; }
.pb-vw-50 { padding-bottom: 14.3vw !important; }
.pb-vw-60 { padding-bottom: 17.1vw !important; }



/* ==========================================
  border
========================================== */
.bd0 {border:0 !important;}
.bt0 {border-top:0 !important;}
.br0 {border-right:0 !important;}
.bb0 {border-bottom:0 !important;}
.bl0 {border-left:0 !important;}



/* ==========================================
  size
========================================== */
.w-1\/5  {width:20% !important;}
.w-1\/4  {width:25% !important;}
.w-1\/3  {width:33.333% !important;}
.w-1\/2  {width:50% !important;}
.w-2\/3  {width:66.666% !important;}
.w-3\/4  {width:75% !important;}
.w-4\/5  {width:80% !important;}
.w-17\/20 {width:85% !important;}
.w-9\/10 {width:90% !important;}
.w-19\/20 {width:95% !important;}
.w-full  {width:100% !important;}
.h-full  {height:100% !important;}

.w15 {width:15px !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w550 {width:550px !important;}
.w600 {width:600px !important;}
.w650 {width:650px !important;}
.w700 {width:700px !important;}
.w750 {width:750px !important;}
.w800 {width:800px !important;}
.w850 {width:850px !important;}
.w900 {width:900px !important;}
.w950 {width:950px !important;}
.w1000 {width:1000px !important;}

.h15 {height:15px !important;}
.h20 {height:20px !important;}
.h25 {height:25px !important;}
.h30 {height:30px !important;}
.h35 {height:35px !important;}
.h40 {height:40px !important;}
.h45 {height:45px !important;}
.h50 {height:50px !important;}
.h100 {height:100px !important;}
.h120 {height:120px !important;}
.h150 {height:150px !important;}
.h200 {height:200px !important;}
.h250 {height:250px !important;}
.h300 {height:300px !important;}
.h350 {height:350px !important;}
.h400 {height:400px !important;}
.h450 {height:450px !important;}
.h500 {height:500px !important;}
.h550 {height:550px !important;}
.h600 {height:600px !important;}
.h650 {height:650px !important;}
.h700 {height:700px !important;}
.h750 {height:750px !important;}
.h800 {height:800px !important;}
.h850 {height:850px !important;}
.h900 {height:900px !important;}
.h950 {height:950px !important;}
.h1000 {height:1000px !important;}

.mw100 {max-width:100px !important;}
.mw150 {max-width:150px !important;}
.mw200 {max-width:200px !important;}
.mw250 {max-width:250px !important;}
.mw300 {max-width:300px !important;}
.mw350 {max-width:350px !important;}
.mw400 {max-width:400px !important;}
.mw450 {max-width:450px !important;}
.mw500 {max-width:500px !important;}
.mw550 {max-width:550px !important;}
.mw600 {max-width:600px !important;}
.mw650 {max-width:650px !important;}
.mw700 {max-width:700px !important;}
.mw750 {max-width:750px !important;}
.mw800 {max-width:800px !important;}
.mw850 {max-width:850px !important;}
.mw900 {max-width:900px !important;}
.mw950 {max-width:950px !important;}
.mw1000 {max-width:1000px !important;}
.mw1080 {max-width:1080px !important;}
.mw1100 {max-width:1100px !important;}
.mw1200 {max-width:1200px !important;}

.mh100 {max-height:100px !important;}
.mh150 {max-height:150px !important;}
.mh200 {max-height:200px !important;}
.mh250 {max-height:250px !important;}
.mh300 {max-height:300px !important;}
.mh350 {max-height:350px !important;}
.mh400 {max-height:400px !important;}
.mh450 {max-height:450px !important;}
.mh500 {max-height:500px !important;}
.mh550 {max-height:550px !important;}
.mh600 {max-height:600px !important;}
.mh650 {max-height:650px !important;}
.mh700 {max-height:700px !important;}
.mh750 {max-height:750px !important;}
.mh800 {max-height:800px !important;}
.mh850 {max-height:850px !important;}
.mh900 {max-height:900px !important;}
.mh950 {max-height:950px !important;}
.mh1000 {max-height:1000px !important;}



/* ==========================================
  text
========================================== */
.fz-8{font-size: 8px !important;}
.fz-10{font-size: 10px !important;}
.fz-12{font-size: 12px !important;}
.fz-13{font-size: 13px !important;}
.fz-14{font-size: 14px !important;}
.fz-15{font-size: 15px !important;}
.fz-16{font-size: 16px !important;}
.fz-17{font-size: 17px !important;}
.fz-18{font-size: 18px !important;}
.fz-20{font-size: 20px !important;}
.fz-22{font-size: 22px !important;}
.fz-24{font-size: 24px !important;}
.fz-26{font-size: 26px !important;}
.fz-28{font-size: 28px !important;}
.fz-30{font-size: 30px !important;}
.fz-32{font-size: 32px !important;}
.fz-36{font-size: 36px !important;}
.fz-40{font-size: 40px !important;}
.fz-42{font-size: 42px !important;}
.fz-45{font-size: 45px !important;}
.fz-50{font-size: 50px !important;}
.fz-52{font-size: 52px !important;}
.fz-54{font-size: 54px !important;}
.fz-55{font-size: 55px !important;}
.fz-56{font-size: 56px !important;}
.fz-58{font-size: 58px !important;}
.fz-60{font-size: 60px !important;}
.fz-62{font-size: 62px !important;}
.fz-64{font-size: 64px !important;}
.fz-65{font-size: 65px !important;}
.fz-66{font-size: 66px !important;}
.fz-68{font-size: 68px !important;}
.fz-70{font-size: 70px !important;}
.fz-72{font-size: 72px !important;}
.fz-74{font-size: 74px !important;}
.fz-75{font-size: 75px !important;}
.fz-76{font-size: 76px !important;}
.fz-78{font-size: 78px !important;}
.fz-80{font-size: 80px !important;}

/* Font Size - vw (모바일, 360px 기준) */
.fz-vw-10 {font-size: 2.85vw !important;}
.fz-vw-12 {font-size: 3.4vw !important;}
.fz-vw-13 {font-size: 3.7vw !important;}
.fz-vw-14 {font-size: 4vw !important;}
.fz-vw-15 {font-size: 4.3vw !important;}
.fz-vw-16 {font-size: 4.56vw !important;}
.fz-vw-17 {font-size: 4.8vw !important;}
.fz-vw-18 {font-size: 5.1vw !important;}
.fz-vw-20 {font-size: 5.7vw !important;}
.fz-vw-23 {font-size: 6.5vw !important;}
.fz-vw-24 {font-size: 6.84vw !important;}
.fz-vw-25 {font-size: 7.1vw !important;}
.fz-vw-28 {font-size: 8vw !important;}
.fz-vw-30 {font-size: 8.5vw !important;}
.fz-vw-35 {font-size: 10vw !important;}
.fz-vw-37 {font-size: 10.5vw !important;}
.fz-vw-40 {font-size: 11.4vw !important;}
.fz-vw-43 {font-size: 12.2vw !important;}
.fz-vw-58 {font-size: 16.5vw !important;}
.fz-vw-60 {font-size: 17.1vw !important;}

/* Font Size - vw 직접 지정 */
.fz-1vw  { font-size: 1vw !important; }
.fz-2vw  { font-size: 2vw !important; }
.fz-3vw  { font-size: 3vw !important; }
.fz-4vw  { font-size: 4vw !important; }
.fz-5vw  { font-size: 5vw !important; }
.fz-6vw  { font-size: 6vw !important; }
.fz-7vw  { font-size: 7vw !important; }
.fz-8vw  { font-size: 8vw !important; }
.fz-9vw  { font-size: 9vw !important; }
.fz-10vw { font-size: 10vw !important; }
.fz-11vw { font-size: 11vw !important; }
.fz-12vw { font-size: 12vw !important; }
.fz-13vw { font-size: 13vw !important; }
.fz-14vw { font-size: 14vw !important; }
.fz-15vw { font-size: 15vw !important; }
.fz-16vw { font-size: 16vw !important; }
.fz-17vw { font-size: 17vw !important; }
.fz-18vw { font-size: 18vw !important; }
.fz-19vw { font-size: 19vw !important; }
.fz-20vw { font-size: 20vw !important; }

.ta-c{text-align: center !important;}
.ta-l{text-align: left !important;}
.ta-r{text-align: right !important;}
.fw-l{font-weight: 300 !important;}
.fw-n{font-weight: 400 !important;}
.fw-m{font-weight: 500 !important;}
.fw-sb{font-weight: 600 !important;}
.fw-b{font-weight: 700 !important;}
.fw-exb{font-weight: 900 !important;}

.lh-1 {line-height: 1 !important;}
.lh-1-2em {line-height: 1.2em !important;}
.lh-1-3em {line-height: 1.3em !important;}
.lh-1-4em {line-height: 1.4em !important;}
.lh-1-5em {line-height: 1.5em !important;}
.lh-1-7em {line-height: 1.7em !important;}

.clamp-1{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.clamp-2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.clamp-3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.clamp-4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.clamp-5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}

.wb-ka{word-break: keep-all !important;}
.wb-all{word-break: break-all !important;}
.ws-nowrap{white-space: nowrap !important;}
.ws-pre{white-space: pre-wrap !important;}



/* ==========================================
  color variables
========================================== */
:root {
  --color-w: #fff;
  --color-bk: #000;
  --color-g10: #eee;
  --color-g15: #e5e5e5;
  --color-g20: #ddd;
  --color-g25: #ccc;
  --color-g30: #bbb;
  --color-g35: #aaa;
  --color-g40: #999;
  --color-g45: #909090;
  --color-g50: #888;
  --color-g55: #777;
  --color-g60: #666;
  --color-g65: #5c5c5c;
  --color-g70: #555;
  --color-g75: #4c4c4c;
  --color-g80: #444;
  --color-g85: #3c3c3c;
  --color-g90: #333;
  --color-g95: #222;
}

/* text color */
.txc-w{color: var(--color-w) !important;}
.txc-bk{color: var(--color-bk) !important;}
.txc-g10{color: var(--color-g10) !important;}
.txc-g15{color: var(--color-g15) !important;}
.txc-g20{color: var(--color-g20) !important;}
.txc-g25{color: var(--color-g25) !important;}
.txc-g30{color: var(--color-g30) !important;}
.txc-g35{color: var(--color-g35) !important;}
.txc-g40{color: var(--color-g40) !important;}
.txc-g45{color: var(--color-g45) !important;}
.txc-g50{color: var(--color-g50) !important;}
.txc-g55{color: var(--color-g55) !important;}
.txc-g60{color: var(--color-g60) !important;}
.txc-g65{color: var(--color-g65) !important;}
.txc-g70{color: var(--color-g70) !important;}
.txc-g75{color: var(--color-g75) !important;}
.txc-g80{color: var(--color-g80) !important;}
.txc-g85{color: var(--color-g85) !important;}
.txc-g90{color: var(--color-g90) !important;}
.txc-g95{color: var(--color-g95) !important;}

/* background color */
.bgc-w{background-color: var(--color-w) !important;}
.bgc-bk{background-color: var(--color-bk) !important;}
.bgc-g10{background-color: var(--color-g10) !important;}
.bgc-g15{background-color: var(--color-g15) !important;}
.bgc-g20{background-color: var(--color-g20) !important;}
.bgc-g25{background-color: var(--color-g25) !important;}
.bgc-g30{background-color: var(--color-g30) !important;}
.bgc-g35{background-color: var(--color-g35) !important;}
.bgc-g40{background-color: var(--color-g40) !important;}
.bgc-g45{background-color: var(--color-g45) !important;}
.bgc-g50{background-color: var(--color-g50) !important;}
.bgc-g55{background-color: var(--color-g55) !important;}
.bgc-g60{background-color: var(--color-g60) !important;}
.bgc-g65{background-color: var(--color-g65) !important;}
.bgc-g70{background-color: var(--color-g70) !important;}
.bgc-g75{background-color: var(--color-g75) !important;}
.bgc-g80{background-color: var(--color-g80) !important;}
.bgc-g85{background-color: var(--color-g85) !important;}
.bgc-g90{background-color: var(--color-g90) !important;}
.bgc-g95{background-color: var(--color-g95) !important;}