@charset "utf-8";
/*==============================================

    ----------------------------------------------------------------
	* Date		:	2021-04-21
	* Modify		:   
	* Name		:	helper.css
	----------------------------------------------------------------
	
	- Description -

==============================================*/
/* margin */
.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.mt-60 {margin-top:60px !important;}
.mt-70 {margin-top:70px !important;}
.mt-80 {margin-top:80px !important;}
.mt-90 {margin-top:90px !important;}
.mt-100 {margin-top:100px !important;}

.mr-10 {margin-right:10px !important;}
.mr-20 {margin-right:20px !important;}
.mr-30 {margin-right:30px !important;}
.mr-40 {margin-right:40px !important;}
.mr-50 {margin-right:50px !important;}
.mr-60 {margin-right:60px !important;}
.mr-70 {margin-right:70px !important;}
.mr-80 {margin-right:80px !important;}
.mr-90 {margin-right:90px !important;}
.mr-100 {margin-right:100px !important;}

.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-60 {margin-bottom:60px !important;}
.mb-70 {margin-bottom:70px !important;}
.mb-80 {margin-bottom:80px !important;}
.mb-90 {margin-bottom:90px !important;}
.mb-100 {margin-bottom:100px !important;}

.ml-10 {margin-left:10px !important;}
.ml-20 {margin-left:20px !important;}
.ml-30 {margin-left:30px !important;}
.ml-40 {margin-left:40px !important;}
.ml-50 {margin-left:50px !important;}
.ml-60 {margin-left:60px !important;}
.ml-70 {margin-left:70px !important;}
.ml-80 {margin-left:80px !important;}
.ml-90 {margin-left:90px !important;}
.ml-100 {margin-left:100px !important;}

/* padding */
.pt-10 {padding-top:10px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pt-40 {padding-top:40px !important;}
.pt-50 {padding-top:50px !important;}
.pt-60 {padding-top:60px !important;}
.pt-70 {padding-top:70px !important;}
.pt-80 {padding-top:80px !important;}
.pt-90 {padding-top:90px !important;}
.pt-100 {padding-top:100px !important;}

.pr-10 {padding-right:10px !important;}
.pr-20 {padding-right:20px !important;}
.pr-30 {padding-right:30px !important;}
.pr-40 {padding-right:40px !important;}
.pr-50 {padding-right:50px !important;}
.pr-60 {padding-right:60px !important;}
.pr-70 {padding-right:70px !important;}
.pr-80 {padding-right:80px !important;}
.pr-90 {padding-right:90px !important;}
.pr-100 {padding-right:100px !important;}

.pb-10 {padding-bottom:10px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-40 {padding-bottom:40px !important;}
.pb-50 {padding-bottom:50px !important;}
.pb-60 {padding-bottom:60px !important;}
.pb-70 {padding-bottom:70px !important;}
.pb-80 {padding-bottom:80px !important;}
.pb-90 {padding-bottom:90px !important;}
.pb-100 {padding-bottom:100px !important;}

.pl-10 {padding-left:10px !important;}
.pl-20 {padding-left:20px !important;}
.pl-30 {padding-left:30px !important;}
.pl-40 {padding-left:40px !important;}
.pl-50 {padding-left:50px !important;}
.pl-60 {padding-left:60px !important;}
.pl-70 {padding-left:70px !important;}
.pl-80 {padding-left:80px !important;}
.pl-90 {padding-left:90px !important;}
.pl-100 {padding-left:100px !important;}

/* font */
.font-size-12 {font-size:12px !important;}
.font-size-14 {font-size:14px !important;}
.font-size-15 {font-size:15px !important;}
.font-size-16 {font-size:16px !important;}
.font-size-17 {font-size:17px !important;}
.font-size-18 {font-size:18px !important;}
.font-size-19 {font-size:19px !important;}
.font-size-20 {font-size:20px !important;}
.font-size-21 {font-size:21px !important;}
.font-size-22 {font-size:22px !important;}
.font-size-23 {font-size:23px !important;}
.font-size-24 {font-size:24px !important;}

/* align */
.align-left {text-align:left !important;}
.aligh-right {text-align:right !important;}
.align-center {text-align:center !important;}

.float-left {float:left !important;}
.float-right {float:right !important;}

.vertical-top {vertical-align:top !important;}
.vertical-middle {vertical-align:middle !important;}
.vertical-bottom {vertical-align:bottom !important;}

/* display */
.display-table {display:table; width:100%; height:100%;}
.display-table-cell {display:table-cell; width:100%; height:100%;}
.display-inline-block {display:inline-block !important;}

/* flex */
.flex {display:flex;justify-content: space-between;}
.flex-inline {display:inline-flex;}
.flex-direction-row {flex-direction:row;}
.flex-direction-column {flex-direction:column;}
.flex-wrap {flex-wrap:wrap;}
.flex-nowrap {flex-wrap:nowrap;}
.flex-justify-content-start {justify-content:flex-start;}
.flex-justify-content-end {justify-content:flex-end;}
.flex-justify-content-center {justify-content:center;}
.flex-justify-content-between {justify-content:space-between;}
.flex-justify-content-around {justify-content:space-around;}
.flex-align-content-start {align-content:flex-start;}
.flex-align-content-end {align-content:flex-end;}
.flex-align-content-center {align-content:center;}
.flex-align-content-between {align-content:space-between;}
.flex-align-content-around {align-content:space-around;}
.flex-align-items-start {align-items:flex-start;}
.flex-align-items-end {align-items:flex-end;}
.flex-align-items-center {align-items:center;}
.flex-align-items-baseline {align-items:baseline;}

@media screen and (min-width:769px){
	.flex-1 {flex:1;}
	.flex-2 {flex:2;}
	.flex-3 {flex:3;}
	.flex-4 {flex:4;}
	.flex-5 {flex:5;}
}

@media screen and (max-width:768px){
	.m-flex-1 {flex:1;}
	.m-flex-2 {flex:2;}
	.m-flex-3 {flex:3;}
	.m-flex-4 {flex:4;}
	.m-flex-5 {flex:5;}

	.m-flex {display:flex;}
	.m-flex-inline {display:inline-flex;}
	.m-flex-direction-row {flex-direction:row;}
	.m-flex-direction-column {flex-direction:column;}
	.m-flex-wrap {flex-wrap:wrap;}
	.m-flex-nowrap {flex-wrap:nowrap;}
	.m-flex-justify-content-start {justify-content:flex-start;}
	.m-flex-justify-content-end {justify-content:flex-end;}
	.m-flex-justify-content-center {justify-content:center;}
	.m-flex-justify-content-between {justify-content:space-between;}
	.m-flex-justify-content-around {justify-content:space-around;}
	.m-flex-align-content-start {align-content:flex-start;}
	.m-flex-align-content-end {align-content:flex-end;}
	.m-flex-align-content-center {align-content:center;}
	.m-flex-align-content-between {align-content:space-between;}
	.m-flex-align-content-around {align-content:space-around;}
	.m-flex-align-items-start {align-items:flex-start;}
	.m-flex-align-items-end {align-items:flex-end;}
	.m-flex-align-items-center {align-items:center;}
	.m-flex-align-items-baseline {align-items:baseline;}

}