/* flex */
.flex{display:flex;}
.flex-between{justify-content: space-between; }   /*   ¾ç³¡À¸·Î ¹èºå */
.justify-between{justify-content: space-between;}
.justify-end{justify-content: flex-end;}                   /*  ¿ìÃøÁ¤·Ä */
.items-center{align-items: center;}

/*  border */
.border-r{border-right-width: 1px;}

/* margin */
.m-12{margin:12px;}	
.mt-1{margin-top: 0.25rem;}  /* 4px */
.mt-2{margin-top: 0.5rem;}   /*	8px */
.mt-3{margin-top: 0.75rem;}  /* 12px */
.mt-4 {margin-top: 1rem;}    /* 16px */
.mt-5 {margin-top: 1.25rem;} /* 20px */
.mt-6 {margin-top: 1.5rem;} /* 24px */
.mt-7 {margin-top: 1.75rem;} /* 28px */
.mt-12{margin-top: 3rem;}    /* 48px */
.mt-32{margin-top: 8rem;}    /* 	128px */

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

.mb-1{margin-bottom: 0.25rem;} /*  4px */
.mb-2{	margin-bottom: 0.5rem;} /* 8px */
.mb-3{margin-bottom: 0.75rem;} /* 12px */
.mb-4{margin-bottom: 1rem;}    /* 16px */
.mb-5{margin-bottom: 1.25rem;} /* 20px */
.mb-6{margin-bottom: 1.5rem;}  /* 24px */
.mb-7{margin-bottom: 1.75rem;} /* 28px */

.ml-1{margin-left: 1rem;}
.ml-2{margin-left:2rem;}
.ml-100{margin-left:100px;}

.mlr-40{margin-right:40px; margin-left:40px; }
.mlr-100{margin-right:100px; margin-left:100px; }


/* padding */
.pt-1{padding-top: 0.25rem;} /* 4px */
.pt-2{padding-top: 0.5rem;} /* 8px */
.pt-3{padding-top: 0.75rem;} /* 12px */
.pt-4{padding-top: 1rem;} /* 16px */
.pt-5{padding-top: 1.25rem;} /* 20px */
.pt-6{padding-top: 1.5rem;} /* 24px */

.pb-1{padding-bottom: 0.25rem;}
.pb-2{padding-bottom: 0.5rem;} /* 8px */
.pb-3{padding-bottom: 0.75rem;} /* 12px */
.pb-4{padding-bottom: 1rem;} /* 16px */
.pb-5{padding-bottom: 1.25rem;} /* 20px */
.pb-6{padding-bottom: 1.5rem;} /* 24px */


.p-10{padding: 2.5rem;}/* 40px */

.p-2{padding: 0.5rem;	}           /*  8px */}
.p-12{padding:12px; }
.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: 1.5rem;}  /* 	24px */
.pr-7{padding-right: 1.75rem;}/* 28px */
.pr-8{padding-right: 2rem;}/* 32px */

.py-1{padding-top: 0.25rem;padding-bottom: 0.25rem;}   /*  4px  */
.py-2{padding-top: 0.5rem; padding-bottom: 0.5rem;}     /*    8px */
.py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} /*  12px */
.py-4{padding-top: 1rem; padding-bottom: 1rem;}	/* 16px */
.py-5{padding-top: 1.25rem; padding-bottom: 1.25rem;}/* 20px */
.py-6{padding-top: 1.5rem; padding-bottom: 1.5rem;}/* 24px */
.py-7{padding-top: 1.75rem; padding-bottom: 1.75rem;}/* 28px */
.py-8{padding-top: 2rem; padding-bottom: 2rem;}/* 32px */
.py-9{padding-top: 2.25rem; padding-bottom: 2.25rem;}/* 36px */
.py-10{padding-top: 2.5rem; padding-bottom: 2.5rem;}/* 40px */
.py-11{padding-top: 2.75rem; padding-bottom: 2.75rem;}/* 44px */
.py-12{padding-top: 3rem; padding-bottom: 3rem;	}      /*  48px */
.py-32{padding-top: 8rem; padding-bottom: 8rem;	}      /* 128px */

.pl-2{padding-left: 0.5rem;}   /*  8px */
.pl-5{padding-left: 1.25rem;}  /* 20px */
.pl-8{padding-left: 2rem;}     /* 32px */
.pl-11{padding-left: 2.75rem;} /* 44px */

.px-8{padding-left: 2rem; padding-right: 2rem;} /* 32px */

/* block  */
.block {display: block; }
.inline-block{display: inline-block;}

/* width  */
.w-full{width: 100%;}
.w-44{width: 11rem;	}  /* 176px */
.w-52{width: 13rem;	} /* 208px *
.w-100 {width:100px;}
.w-120 {width:120px;}
.w-160 {width:160px;}
.w-200 {width:200px;}
.w-500 {width:500px;}
.w-700 {width:700px;  }

/* font Á¤·Ä */
.text-center{text-align:center;}
.text-right{text-align:right;}

/* font  ±½±â */
.font-medium{font-weight: 500;}
.font-semibold{font-weight: 600;}
.font-bold{font-weight: 700;}

/* font-size */
.text-xs{font-size: 0.75rem; line-height: 1rem;} /* 12px */
.text-sm {font-size: 0.875rem; line-height: 1.25rem;} /* 14px */
.text-lg {font-size: 1.125rem;line-height: 1.75rem;}/* 18px */
.text-xl{font-size: 1.25rem; line-height: 1.75rem;}/* 20px */
.text-2xl{font-size: 1.5rem;  line-height: 2rem;}     /* 24px */
.text-3xl{font-size: 1.875rem; line-height: 2.25rem;} /* 30px */
.text-4xl{font-size: 2.25rem; line-height: 2.5rem;}   /* 36px */


/*  font-color */
.text-red-700{--tw-text-opacity: 1;color: rgba(185, 28, 28, var(--tw-text-opacity));	}

/* ¹è°æ»ö  */
.bg-gray-100{--tw-bg-opacity: 1; background-color: rgba(243, 244, 246, var(--tw-bg-opacity));}

/* Hover  */
.hover-bg-white:hover{background-color:#fff;}

/* display-none */
.display-none{display:none;}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0;}  /*  ½ºÆ®¸°¸®´õ´Â ÀÐÀ¸³ª È­¸é»ó º¸ÀÌÁö ¾ÊÀ½*/