/* default */
.clear{clear: both;}

/* space */
.no-margin{margin: 0 !important;}
.no-margin-top{margin-top: 0 !important}
.margin-auto{margin: auto;}

.no-padding{padding: 0 !important;}
.no-padding-top{padding-top: 0 !important;}
.no-padding-left{padding-left: 0 !important;}

/* padding */
.p-t-0{padding-top: 0 !important;}
.p-t-5{padding-top: 5px !important;}
.p-t-15{padding-top: 15px !important;}
.p-t-10{padding-top: 10px !important;}
.p-t-20{padding-top: 20px !important;}
.p-t-30{padding-top: 30px !important;}
.p-t-40{padding-top: 40px !important;}
.p-t-75{padding-top: 75px !important;}

.p-r-0{padding-right: 0 !important;}
.p-r-10{padding-right: 10px !important;}
.p-r-15{padding-right: 15px !important;}
.p-r-20{padding-right: 20px !important;}
.p-r-30{padding-right: 30px !important;}
.p-r-40{padding-right: 40px !important;}

.p-b-0{padding-bottom: 0 !important;}
.p-b-5{padding-bottom: 5px !important;}
.p-b-10{padding-bottom: 10px !important;}
.p-b-15{padding-bottom: 15px !important;}
.p-b-20{padding-bottom: 20px !important;}
.p-b-30{padding-bottom: 30px !important;}
.p-b-35{padding-bottom: 35px !important;}
.p-b-40{padding-bottom: 40px !important;}
.p-b-45{padding-bottom: 45px !important;}
.p-b-50{padding-bottom: 50px !important;}
.p-b-60{padding-bottom: 60px !important;}
.p-b-100{padding-bottom: 100px !important;}


.p-l-0{padding-left: 0 !important;}
.p-l-5{padding-left: 5px !important;}
.p-l-10{padding-left: 10px !important;}
.p-l-20{padding-left: 20px !important;}
.p-l-30{padding-left: 30px !important;}
.p-l-40{padding-left: 40px !important;}
.p-l-90{padding-left: 90px !important;}
.p-l-100{padding-left: 100px !important;}

/* Margin */
.m-auto{margin: auto;}

.m-t-0{margin-top: 0px !important;}
.m-t-5{margin-top: 5px !important;}
.m-t-10{margin-top: 10px !important;}
.m-t-15{margin-top: 15px !important;}
.m-t-20{margin-top: 20px !important;}
.m-t-25{margin-top: 25px !important;}
.m-t-30{margin-top: 30px !important;}
.m-t-35{margin-top: 35px !important;}
.m-t-40{margin-top: 40px !important;}
.m-t-50{margin-top: 50px !important;}
.m-t-55{margin-top: 55px !important;}
.m-t-60{margin-top: 60px !important;}
.m-t-70{margin-top: 70px !important;}
.m-t-100{margin-top: 100px !important;}

.m-r-0{margin-right: 0 !important;}
.m-r-5{margin-right: 5px !important;}
.m-r-10{margin-right: 10px !important;}
.m-r-15{margin-right: 15px !important;}
.m-r-20{margin-right: 20px !important;}
.m-r-25{margin-right: 25px !important;}
.m-r-30{margin-right: 30px !important;}
.m-r-35{margin-right: 35px !important;}
.m-r-40{margin-right: 40px !important;}
.m-r-45{margin-right: 45px !important;}
.m-r-50{margin-right: 50px !important;}


.m-b-0{margin-bottom: 0px !important;}
.m-b-5{margin-bottom: 5px !important;}
.m-b-10{margin-bottom: 10px !important;}
.m-b-15{margin-bottom: 15px !important;}
.m-b-20{margin-bottom: 20px !important;}
.m-b-25{margin-bottom: 25px !important;}
.m-b-30{margin-bottom: 30px !important;}
.m-b-40{margin-bottom: 40px !important;}
.m-b-50{margin-bottom: 50px !important;}
.m-b-60{margin-bottom: 60px !important;}
.m-b-70{margin-bottom: 70px !important;}

.m-l-0{margin-left: 0px !important;}
.m-l-5{margin-left: 5px !important;}
.m-l-10{margin-left: 10px !important;}
.m-l-15{margin-left: 15px !important;}
.m-l-20{margin-left: 20px !important;}
.m-l-25{margin-left: 25px !important;}
.m-l-30{margin-left: 30px !important;}
.m-l-35{margin-left: 35px !important;}
.m-l-40{margin-left: 40px !important;}
.m-l-45{margin-left: 45px !important;}
.m-l-50{margin-left: 50px !important;}
.m-l-60{margin-left: 60px !important;}
.m-l-70{margin-left: 70px !important;}
.m-l-80{margin-left: 80px !important;}


/* display */
.no-visible{display: none !important;}
.block{display: block !important;}
.inline-block{display: inline-block !important;}
.table{display: table;}
.table-cell{display: table-cell;} 

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

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

/* color */
.color-white{color: #fff;}
.color-black{color: #000;}

/* Font */
.bold{font-weight: bold !important;}

/* Cursor */
.cursor-pointer{cursor: pointer !important;}
.cursor-unset{cursor: unset !important;}
.cursor-default{cursor: default !important;}

/* width */
.full-width{width: 100% !important;}
.max-width-100{max-width: 100% !important;}

/* height */
.full-height{height: 100% !important;}
/* select.form-control{height: auto !important;} */

/* Text */
.no-decoration{text-decoration: none;}

/* Text-color */
.color-white{color: white !important;}
.color-black{color: #000 !important;}

/* align */
.text-justify{text-align: justify;}
.text-left{text-align: left;}
.text-center{text-align: center !important;}
.text-right{text-align: right;}
.vertical-top{vertical-align: top;}
.vertical-middle{vertical-align: middle;}


/* border */
.no-border{border: none !important;}
.no-radius{border-radius: 0;}

.no-shadow{box-shadow: none !important;}

.circle{border-radius: 100% !important;}



/* responsive */
/* 
	문법 .className - max||min - width {}
 */


@media screen and (min-width: 576px){
	.no-visible-min-576{display: none !important;}
}

@media screen and (min-width: 768px){
	.no-visible-min-768{display: none !important;}
	
	.m-t-10-min-768{margin-top: 10px;}
	
	.p-t-10-min-768{padding-top: 10px;}
		
}

@media screen and (min-width: 992px){
	.text-center-min-992{text-align: center;}
	
	.no-visible-min-992{display: none;}
	
	.m-t-15-min-992{margin-top: 15px !important; }
}
@media screen and (min-width: 1200px){
	
	.text-left-min-1200{text-align: left !important;}
	.text-center-min-1200{text-align: center !important;}
	
	.no-visible-min-1200{display: none !important;}
	
}


@media screen and (max-width: 480px){
	.text-center-max-480{text-align: center !important;}
	
	.m-t-10-max-480{margin-top: 10px !important;}
	.m-t-20-max-480{margin-top: 20px !important;}
}
@media screen and (max-width: 575px){
			
	.full-width-max-575{width: 100%;}
	
	.no-visible-max-575{display: none !important;}
	
	.m-t-10-max-575{margin-top: 10px !important;}
	.m-t-20-max-575{margin-top: 20px !important;}
	
}
@media screen and (max-width: 767px){
	.text-left-max-767{text-align: left !important;}
	.text-center-max-767{text-align: center !important;}
	
	.full-width-max-767{width: 100%;}
		
	.no-visible-max-767{display: none;}
	
	.m-t-10-max-767{margin-top: 10px !important;}
	.m-t-20-max-767{margin-top: 20px !important;}
}
@media screen and (max-width: 991px){
	.text-left-max-991{text-align: left !important;}
	.text-center-max-991{text-align: center !important;}
	

	.no-visible-max-991{display: none !important;}
		
		
	.p-b-0-max-991{padding-bottom: 0 !important}
		
	.m-t-10-max-991{margin-top: 10px !important;}
	.m-t-20-max-991{margin-top: 20px !important;}
	
	
}

@media screen and (max-width: 1199px){
	.m-t-10-max-1199{margin-top: 10px;}
	.m-t-20-max-1199{margin-top: 20px;}
	
	
	.no-visible-max-1199{display: none !important;}
}