/* 
  ver 2.1
  최종 수정일 2026.02.11
*/


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

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


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


/* Spacing */
.m0{margin: 0 !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;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !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;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !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;}

.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;}

.p0{padding: 0 !important;}
.pt50{padding-top: 50px !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;}

.pb50{padding-bottom: 50px !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;}



/* 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 */
.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;}

.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;}

.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;}

.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;}