@charset "UTF-8";
/* 
 - Tailwind 스타일의 클래스 모음
 - Margin, Padding, Gap, Font-size 등
*/



.font-light { font-weight: 300 !important; } 
.font-normal { font-weight: 400!important; } 
b, .font-bold { font-weight: 600 !important; } 
.font-700 { font-weight: 700 !important; } 
.font-bolder { font-weight: 800 !important; } 

.mx-auto{margin: 0 auto;}

.text-1 { font-size: 1.8rem !important; } 
.text-2 { font-size: 2rem; } 
.text-3 { font-size: 3rem; } 
.text-4 { font-size: 4rem; } 

.ls-n1 { letter-spacing: -.1rem; }
.ls-n2 { letter-spacing: -.2rem; }

.lh-1 { line-height: 1; } 
.lh-12 { line-height: 1.2; } 
.lh-13 { line-height: 1.3; } 
.lh-14 { line-height: 1.4; } 
.lh-15 { line-height: 1.5; } 
.lh-17 { line-height: 1.7; } 


.ml-1 { margin-left: 1rem; } 
.ml-2 { margin-left: 2rem; } 
.ml-3 { margin-left: 3rem; } 
.ml-4 { margin-left: 4rem; } 
.ml-5 { margin-left: 5rem; } 
.ml-6 { margin-left: 6rem; } 
.ml-7 { margin-left: 7rem; } 
.ml-8 { margin-left: 8rem; } 

.mr-1 { margin-right: 1rem; } 
.mr-2 { margin-right: 2rem; } 
.mr-3 { margin-right: 3rem; } 
.mr-4 { margin-right: 4rem; } 
.mr-5 { margin-right: 5rem; } 
.mr-6 { margin-right: 6rem; } 
.mr-7 { margin-right: 7rem; } 
.mr-8 { margin-right: 8rem; } 

.mt-0 { margin-top:0 !important; } 
.mt-05 { margin-top:.5rem; } 
.mt-1 { margin-top:1rem; } 
.mt-2 { margin-top:2rem; } 
.mt-3 { margin-top:3rem; } 
.mt-4 { margin-top:4rem; } 
.mt-5 { margin-top:5rem; } 
.mt-6 { margin-top:6rem; } 
.mt-7 { margin-top:7rem; } 
.mt-8 { margin-top:8rem; } 
.mt-9 { margin-top:9rem; } 
.mt-10 { margin-top:10rem; } 
.mt-11 { margin-top:11rem; } 
.mt-12 { margin-top:12rem; } 
.mt-13 { margin-top:13rem; } 
.mt-14 { margin-top:14rem; } 

.mb-0 { margin-bottom:0 !important; } 
.mb-1 { margin-bottom:1rem; } 
.mb-2 { margin-bottom:2rem; } 
.mb-3 { margin-bottom:3rem; } 
.mb-4 { margin-bottom:4rem; } 
.mb-5 { margin-bottom:5rem; } 
.mb-6 { margin-bottom:6rem; } 
.mb-7 { margin-bottom:7rem; } 
.mb-8 { margin-bottom:8rem; } 
.mb-9 { margin-bottom:9rem; } 
.mb-10 { margin-bottom:10rem; } 
.mb-11 { margin-bottom:11rem; } 
.mb-12 { margin-bottom:12rem; } 
.mb-13 { margin-bottom:13rem; } 
.mb-14 { margin-bottom:14rem; } 

.p-1 { padding: 1rem; } 
.p-2 { padding: 2rem; } 
.p-3 { padding: 3rem; } 
.p-4 { padding: 4rem; } 
.p-5 { padding: 5rem; } 
.pt-0 { padding-top:0 !important; } 
.pt-1 { padding-top:1rem; } 
.pt-2 { padding-top:2rem; } 
.pt-3 { padding-top:3rem; } 
.pt-4 { padding-top:4rem; } 
.pt-5 { padding-top:5rem; } 
.pt-6 { padding-top:6rem; } 
.pt-7 { padding-top:7rem; } 
.pt-8 { padding-top:8rem; } 
.pt-9 { padding-top:9rem; } 
.pt-10 { padding-top:10rem; } 
.pt-11 { padding-top:11rem; } 
.pt-12 { padding-top:12rem; } 
.pt-13 { padding-top:13rem; } 
.pt-14 { padding-top:14rem; } 

.pb-0 { padding-bottom:0 !important; } 
.pb-1 { padding-bottom:1rem; } 
.pb-2 { padding-bottom:2rem; } 
.pb-3 { padding-bottom:3rem; } 
.pb-4 { padding-bottom:4rem; } 
.pb-5 { padding-bottom:5rem; } 
.pb-6 { padding-bottom:6rem; } 
.pb-7 { padding-bottom:7rem; } 
.pb-8 { padding-bottom:8rem; } 
.pb-9 { padding-bottom:9rem; } 
.pb-10 { padding-bottom:10rem; } 
.pb-11 { padding-bottom:11rem; } 
.pb-12 { padding-bottom:12rem; } 
.pb-13 { padding-bottom:13rem; } 
.pb-14 { padding-bottom:14rem; } 

.pl-0 { padding-left:0 !important; } 
.pl-1 { padding-left:1rem; } 
.pl-2 { padding-left:2rem; } 
.pl-3 { padding-left:3rem; } 
.pl-4 { padding-left:4rem; } 
.pl-5 { padding-left:5rem; } 
.pl-6 { padding-left:6rem; } 
.pl-7 { padding-left:7rem; } 
.pl-8 { padding-left:8rem; } 
.pl-9 { padding-left:9rem; } 
.pl-10 { padding-left:10rem; } 

.pr-0 { padding-right:0 !important; } 
.pr-1 { padding-right:1rem; } 
.pr-2 { padding-right:2rem; } 
.pr-3 { padding-right:3rem; } 
.pr-4 { padding-right:4rem; } 
.pr-5 { padding-right:5rem; } 
.pr-6 { padding-right:6rem; } 
.pr-7 { padding-right:7rem; } 
.pr-8 { padding-right:8rem; } 
.pr-9 { padding-right:9rem; } 
.pr-10 { padding-right:10rem; } 

.gap-1 { gap: 1rem; } 
.gap-2 { gap: 2rem; } 
.gap-3 { gap: 3rem; } 
.gap-4 { gap: 4rem; } 
.gap-5 { gap: 5rem; } 
.gap-6 { gap: 6rem; } 
.gap-7 { gap: 7rem; } 
.gap-8 { gap: 8rem; } 
.gap-9 { gap: 9rem; } 
.gap-10 { gap: 10rem; } 

.rounded-1 { border-radius: 1rem; }
.rounded-2 { border-radius: 2rem; }
.rounded-3 { border-radius: 3rem; }
.rounded-4 { border-radius: 4rem; }
.rounded-5 { border-radius: 5rem; }
.rounded-full { border-radius: 50%; }

.relative{ position : relative;}
.absolute{ position : absolute;}

.flex { display: flex; } 
.grid { display: grid; } 
.block { display: block; } 
.inline-block{display: inline-block;}
.inline-flex{display: inline-flex;}

.flex-wrap { flex-wrap: wrap; } 
.flex-nowrap { flex-wrap: nowrap; } 

.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }

.pl-center { place-content: center; } 
.pl-start{place-content: start;}
.pl-end{place-content: end;}

.flex-1 { flex: 1; } 
.flex-col { flex-direction: column; } 
.flex-row { flex-direction: row; } 

.text-left { text-align: left; } 
.text-center { text-align: center; } 
.text-right { text-align: right; } 

.items-center { align-items: center; } 
.items-start { align-items: flex-start; } 
.items-end { align-items: flex-end; } 

.justify-center { justify-content: center !important; } 
.justify-between { justify-content: space-between !important; } 
.justify-start { justify-content: start !important; } 
.justify-end { justify-content: flex-end !important; } 

.h-full { height: 100%; } 
.w-full { width: 100%; } 
.w-half { width: 50%; } 


.overflow-hidden { overflow: hidden; }