:root{
	--white: #fff;
	--black: #000;
	
	--one: 1px;
	--two: 2px;
	--thr: 3px;
	--fou: 4px;
	--fiv: 5px;
	--six: 6px;
	--sev: 7px;
	--eig: 8px;
	--nin: 9px;
	--ten: 10px;
	--te: 10px;
	--tw: 20px;
	--th: 30px;
	--fo: 40px;
	--fi: 50px;
	--si: 60px;
	--se: 70px;
	--ei: 80px;
	--ni: 90px;
	--hu: 100px;
}


* + h1, * + .h1_title,  * + h2, * + .h2_title,  * + h3, * + .h3_title{
    margin-top:var(--th);
}

 * + p, p + a{
    margin-top:20px;
 }
 

.max_container,
.default_container,
.min_container{
	padding:0 var(--tw);
	margin:0 auto;
	width:var(--phu);
	max-width: var(--phu);
} 

@media (min-width: 1240px) {
  .min_container {
    max-width: 1240px;
  }
}
@media (min-width: 1440px) {
  .default_container {
    max-width: 1440px;
  }
}
@media (min-width: 1640px) {
  .max_container {
    max-width: 1640px;
  }
}



/*color class*/
.white{
	color:var(--white);
}
.black{
	color:var(--black);
}

.bg_white{
	background-color:var(--white);
}
.bg_black{
	background-color:var(--black);
}



/*Display Class*/
.d_grid{
	display:grid;
}
.d_flex{
	display:flex;
}
.d_block{
	display:block;
}
.d_none{
	display:none;
}
.d_none_sm{
	display:none;
}



@media (min-width: 768px) {
	.d_none_sm{
		display:initial;
	}
}
@media (min-width: 992px) {
	.d_none_md{
		display:none;
	}	
}
@media (min-width: 1440px) {
	.d_none_md{
		display:initial;
	}	
	.d_none_xl{
		display:none;
	}
}

/*Position Class*/
.p_sta {
  position: static;
}

.p_rel {
  position: relative;
}

.p_abs {
  position: absolute;
}

.p_fix {
  position: fixed;
}

.p_sti {
  position: sticky;
}

/*Grid*/


.gc_2,.gc_3,.gc_4{
	grid-template-columns:auto;
}

@media (min-width: 992px) {
	.gc_3{
		grid-template-columns:repeat(3,1fr);
	}
	.gc_4{
		grid-template-columns:repeat(2,1fr);
	}
}
@media (min-width: 1200px) {
	.gc_2{
		grid-template-columns:repeat(2,1fr);
	}
}
@media (min-width: 1440px) {
	.gc_4{
		grid-template-columns:repeat(4,1fr);
	}
}

.gg_10{
	grid-gap:10px;
}
.gg_20{
	grid-gap:20px;
}
.gg_30{
	grid-gap:30px;
}
.gg_40{
	grid-gap:40px;
}
.gg_50{
	grid-gap:50px;
}



.gc_20{
	grid-template-columns:0.2fr 1fr;
}
.gc_30{
	grid-template-columns:0.3fr 1fr;
}
.gc_40{
	grid-template-columns:0.4fr 1fr;
}
.gc_50{
	grid-template-columns:0.5fr 1fr;
}
.gc_60{
	grid-template-columns:0.6fr 1fr;
}
.gc_70{
	grid-template-columns:0.7fr 1fr;
}
.gc_80{
	grid-template-columns:0.8fr 1fr;
}
.gc_90{
	grid-template-columns: 0.9fr 1fr;
}



.gcr_20{
	grid-template-columns: 1fr 0.2fr ;
}
.gcr_30{
	grid-template-columns: 1fr 0.3fr ;
}
.gcr_40{
	grid-template-columns: 1fr 0.4fr ;
}
.gcr_50{
	grid-template-columns: 1fr 0.5fr ;
}
.gcr_60{
	grid-template-columns: 1fr 0.6fr ;
}
.gcr_70{
	grid-template-columns: 1fr 0.7fr ;
}
.gcr_80{
	grid-template-columns: 1fr 0.8fr ;
}
.gcr_90{
	grid-template-columns: 1fr 0.9fr ;
}






/*Flex*/
.d_flex{
	display: flex;
}
.flex_center{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.flex_between{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.ais{
	align-items:start;
}
.aic{
	align-items:center;
}
.aie{
	align-items:end;
}

.jcc{
	justify-content:center;
}
.jcfs{
	justify-content: flex-start;
}
.jcfe{
	justify-content: flex-end;
}
.jcsb{
	justify-content: space-between;
}
.jcsa{
	justify-content: space-around;
}
.jcse{
	justify-content: space-evenly;
}

.fdc{
	flex-direction:column;
}
.fdc_sm{
	flex-direction:column;
}

@media (min-width: 768px) {
	.fdc_sm{
		flex-direction: initial;
	}
	.fdc_md{
		flex-direction:column;
	}
}
@media (min-width: 1200px) {
	.fdc_md{
		flex-direction: initial;
	}
}
@media (min-width: 1440px) {
	
}


.f_nowrap {
  flex-wrap: nowrap;
}

.f_wrap {
  flex-wrap: wrap;
}

.f_wrapr{
  flex-wrap: wrap-reverse;
}
.fl_col{
	flex-direction:column;
}

.w_100{
	width:100%;
}


/*font*/

.fw_normal{
	font-weight:normal;
}
.fw_bold{
	font-weight:bold;
}
.fw_200{
	font-weight:200;
}
.fw_300{
	font-weight:300;
}
.fw_400{
	font-weight:400;
}
.fw_500{
	font-weight:500;
}
.fw_600{
	font-weight:600;
}
.fw_700{
	font-weight:700;
}






/*Padding*/



.p_1 { padding: 1px; }
.p_2 { padding: 2px; }
.p_3 { padding: 3px; }
.p_4 { padding: 4px; }
.p_5 { padding: 5px; }
.p_6 { padding: 6px; }
.p_7 { padding: 7px; }
.p_8 { padding: 8px; }
.p_9 { padding: 9px; }
.p_10 { padding: 10px; }

.p_15 { padding: 15px; }
.p_20 { padding: 20px; }
.p_25 { padding: 25px; }
.p_30 { padding: 30px; }
.p_35 { padding: 35px; }
.p_40 { padding: 40px; }
.p_45 { padding: 45px; }
.p_50 { padding: 50px; }
.p_55 { padding: 55px; }
.p_60 { padding: 60px; }
.p_65 { padding: 65px; }
.p_70 { padding: 70px; }
.p_75 { padding: 75px; }
.p_80 { padding: 80px; }
.p_85 { padding: 85px; }
.p_90 { padding: 90px; }
.p_95 { padding: 95px; }
.p_100 { padding: 100px; }


/* Padding-top from 1 to 10 (increment by 1) */
.pt_1 { padding-top: 1px; }
.pt_2 { padding-top: 2px; }
.pt_3 { padding-top: 3px; }
.pt_4 { padding-top: 4px; }
.pt_5 { padding-top: 5px; }
.pt_6 { padding-top: 6px; }
.pt_7 { padding-top: 7px; }
.pt_8 { padding-top: 8px; }
.pt_9 { padding-top: 9px; }
.pt_10 { padding-top: 10px; }

/* Padding-top from 15 to 100 (increment by 5) */
.pt_15 { padding-top: 15px; }
.pt_20 { padding-top: 20px; }
.pt_25 { padding-top: 25px; }
.pt_30 { padding-top: 30px; }
.pt_35 { padding-top: 35px; }
.pt_40 { padding-top: 40px; }
.pt_45 { padding-top: 45px; }
.pt_50 { padding-top: 50px; }
.pt_55 { padding-top: 55px; }
.pt_60 { padding-top: 60px; }
.pt_65 { padding-top: 65px; }
.pt_70 { padding-top: 70px; }
.pt_75 { padding-top: 75px; }
.pt_80 { padding-top: 80px; }
.pt_85 { padding-top: 85px; }
.pt_90 { padding-top: 90px; }
.pt_95 { padding-top: 95px; }
.pt_100 { padding-top: 100px; }

/* Padding-bottom from 1 to 10 (increment by 1) */
.pb_1 { padding-bottom: 1px; }
.pb_2 { padding-bottom: 2px; }
.pb_3 { padding-bottom: 3px; }
.pb_4 { padding-bottom: 4px; }
.pb_5 { padding-bottom: 5px; }
.pb_6 { padding-bottom: 6px; }
.pb_7 { padding-bottom: 7px; }
.pb_8 { padding-bottom: 8px; }
.pb_9 { padding-bottom: 9px; }
.pb_10 { padding-bottom: 10px; }

/* Padding-bottom from 15 to 100 (increment by 5) */
.pb_15 { padding-bottom: 15px; }
.pb_20 { padding-bottom: 20px; }
.pb_25 { padding-bottom: 25px; }
.pb_30 { padding-bottom: 30px; }
.pb_35 { padding-bottom: 35px; }
.pb_40 { padding-bottom: 40px; }
.pb_45 { padding-bottom: 45px; }
.pb_50 { padding-bottom: 50px; }
.pb_55 { padding-bottom: 55px; }
.pb_60 { padding-bottom: 60px; }
.pb_65 { padding-bottom: 65px; }
.pb_70 { padding-bottom: 70px; }
.pb_75 { padding-bottom: 75px; }
.pb_80 { padding-bottom: 80px; }
.pb_85 { padding-bottom: 85px; }
.pb_90 { padding-bottom: 90px; }
.pb_95 { padding-bottom: 95px; }
.pb_100 { padding-bottom: 100px; }


.pl_1 { padding-left: 1px; }
.pl_2 { padding-left: 2px; }
.pl_3 { padding-left: 3px; }
.pl_4 { padding-left: 4px; }
.pl_5 { padding-left: 5px; }
.pl_6 { padding-left: 6px; }
.pl_7 { padding-left: 7px; }
.pl_8 { padding-left: 8px; }
.pl_9 { padding-left: 9px; }
.pl_10 { padding-left: 10px; }

/* Padding-left from 15 to 100 (increment by 5) */
.pl_15 { padding-left: 15px; }
.pl_20 { padding-left: 20px; }
.pl_25 { padding-left: 25px; }
.pl_30 { padding-left: 30px; }
.pl_35 { padding-left: 35px; }
.pl_40 { padding-left: 40px; }
.pl_45 { padding-left: 45px; }
.pl_50 { padding-left: 50px; }
.pl_55 { padding-left: 55px; }
.pl_60 { padding-left: 60px; }
.pl_65 { padding-left: 65px; }
.pl_70 { padding-left: 70px; }
.pl_75 { padding-left: 75px; }
.pl_80 { padding-left: 80px; }
.pl_85 { padding-left: 85px; }
.pl_90 { padding-left: 90px; }
.pl_95 { padding-left: 95px; }
.pl_100 { padding-left: 100px; }

/* Padding-right from 1 to 10 (increment by 1) */
.pr_1 { padding-right: 1px; }
.pr_2 { padding-right: 2px; }
.pr_3 { padding-right: 3px; }
.pr_4 { padding-right: 4px; }
.pr_5 { padding-right: 5px; }
.pr_6 { padding-right: 6px; }
.pr_7 { padding-right: 7px; }
.pr_8 { padding-right: 8px; }
.pr_9 { padding-right: 9px; }
.pr_10 { padding-right: 10px; }

/* Padding-right from 15 to 100 (increment by 5) */
.pr_15 { padding-right: 15px; }
.pr_20 { padding-right: 20px; }
.pr_25 { padding-right: 25px; }
.pr_30 { padding-right: 30px; }
.pr_35 { padding-right: 35px; }
.pr_40 { padding-right: 40px; }
.pr_45 { padding-right: 45px; }
.pr_50 { padding-right: 50px; }
.pr_55 { padding-right: 55px; }
.pr_60 { padding-right: 60px; }
.pr_65 { padding-right: 65px; }
.pr_70 { padding-right: 70px; }
.pr_75 { padding-right: 75px; }
.pr_80 { padding-right: 80px; }
.pr_85 { padding-right: 85px; }
.pr_90 { padding-right: 90px; }
.pr_95 { padding-right: 95px; }
.pr_100 { padding-right: 100px; }





/* Padding-left and padding-right from 1 to 10 (increment by 1) */
.px_1 { padding-left: 1px; padding-right: 1px; }
.px_2 { padding-left: 2px; padding-right: 2px; }
.px_3 { padding-left: 3px; padding-right: 3px; }
.px_4 { padding-left: 4px; padding-right: 4px; }
.px_5 { padding-left: 5px; padding-right: 5px; }
.px_6 { padding-left: 6px; padding-right: 6px; }
.px_7 { padding-left: 7px; padding-right: 7px; }
.px_8 { padding-left: 8px; padding-right: 8px; }
.px_9 { padding-left: 9px; padding-right: 9px; }
.px_10 { padding-left: 10px; padding-right: 10px; }

/* Padding-left and padding-right from 15 to 100 (increment by 5) */
.px_15 { padding-left: 15px; padding-right: 15px; }
.px_20 { padding-left: 20px; padding-right: 20px; }
.px_25 { padding-left: 25px; padding-right: 25px; }
.px_30 { padding-left: 30px; padding-right: 30px; }
.px_35 { padding-left: 35px; padding-right: 35px; }
.px_40 { padding-left: 40px; padding-right: 40px; }
.px_45 { padding-left: 45px; padding-right: 45px; }
.px_50 { padding-left: 50px; padding-right: 50px; }
.px_55 { padding-left: 55px; padding-right: 55px; }
.px_60 { padding-left: 60px; padding-right: 60px; }
.px_65 { padding-left: 65px; padding-right: 65px; }
.px_70 { padding-left: 70px; padding-right: 70px; }
.px_75 { padding-left: 75px; padding-right: 75px; }
.px_80 { padding-left: 80px; padding-right: 80px; }
.px_85 { padding-left: 85px; padding-right: 85px; }
.px_90 { padding-left: 90px; padding-right: 90px; }
.px_95 { padding-left: 95px; padding-right: 95px; }
.px_100 { padding-left: 100px; padding-right: 100px; }

/* Padding-top and padding-bottom from 1 to 10 (increment by 1) */
.py_1 { padding-top: 1px; padding-bottom: 1px; }
.py_2 { padding-top: 2px; padding-bottom: 2px; }
.py_3 { padding-top: 3px; padding-bottom: 3px; }
.py_4 { padding-top: 4px; padding-bottom: 4px; }
.py_5 { padding-top: 5px; padding-bottom: 5px; }
.py_6 { padding-top: 6px; padding-bottom: 6px; }
.py_7 { padding-top: 7px; padding-bottom: 7px; }
.py_8 { padding-top: 8px; padding-bottom: 8px; }
.py_9 { padding-top: 9px; padding-bottom: 9px; }
.py_10 { padding-top: 10px; padding-bottom: 10px; }

/* Padding-top and padding-bottom from 15 to 100 (increment by 5) */
.py_15 { padding-top: 15px; padding-bottom: 15px; }
.py_20 { padding-top: 20px; padding-bottom: 20px; }
.py_25 { padding-top: 25px; padding-bottom: 25px; }
.py_30 { padding-top: 30px; padding-bottom: 30px; }
.py_35 { padding-top: 35px; padding-bottom: 35px; }
.py_40 { padding-top: 40px; padding-bottom: 40px; }
.py_45 { padding-top: 45px; padding-bottom: 45px; }
.py_50 { padding-top: 50px; padding-bottom: 50px; }
.py_55 { padding-top: 55px; padding-bottom: 55px; }
.py_60 { padding-top: 60px; padding-bottom: 60px; }
.py_65 { padding-top: 65px; padding-bottom: 65px; }
.py_70 { padding-top: 70px; padding-bottom: 70px; }
.py_75 { padding-top: 75px; padding-bottom: 75px; }
.py_80 { padding-top: 80px; padding-bottom: 80px; }
.py_85 { padding-top: 85px; padding-bottom: 85px; }
.py_90 { padding-top: 90px; padding-bottom: 90px; }
.py_95 { padding-top: 95px; padding-bottom: 95px; }
.py_100 { padding-top: 100px; padding-bottom: 100px; }



/*Margin Class Name */
.m_0{
	margin:0;
}
.m_1 { margin: 1px; }
.m_2 { margin: 2px; }
.m_3 { margin: 3px; }
.m_4 { margin: 4px; }
.m_5 { margin: 5px; }
.m_6 { margin: 6px; }
.m_7 { margin: 7px; }
.m_8 { margin: 8px; }
.m_9 { margin: 9px; }
.m_10 { margin: 10px; }
.m_15 { margin: 15px; }
.m_20 { margin: 20px; }
.m_25 { margin: 25px; }
.m_30 { margin: 30px; }
.m_35 { margin: 35px; }
.m_40 { margin: 40px; }
.m_45 { margin: 45px; }
.m_50 { margin: 50px; }
.m_55 { margin: 55px; }
.m_60 { margin: 60px; }
.m_65 { margin: 65px; }
.m_70 { margin: 70px; }
.m_75 { margin: 75px; }
.m_80 { margin: 80px; }
.m_85 { margin: 85px; }
.m_90 { margin: 90px; }
.m_95 { margin: 95px; }
.m_100 { margin: 100px; }


/* Margin-top classes */
.mt_0 { margin-top: 0; }
.mt_1 { margin-top: 1px; }
.mt_2 { margin-top: 2px; }
.mt_3 { margin-top: 3px; }
.mt_4 { margin-top: 4px; }
.mt_5 { margin-top: 5px; }
.mt_6 { margin-top: 6px; }
.mt_7 { margin-top: 7px; }
.mt_8 { margin-top: 8px; }
.mt_9 { margin-top: 9px; }
.mt_10 { margin-top: 10px; }
.mt_15 { margin-top: 15px; }
.mt_20 { margin-top: 20px; }
.mt_25 { margin-top: 25px; }
.mt_30 { margin-top: 30px; }
.mt_35 { margin-top: 35px; }
.mt_40 { margin-top: 40px; }
.mt_45 { margin-top: 45px; }
.mt_50 { margin-top: 50px; }
.mt_55 { margin-top: 55px; }
.mt_60 { margin-top: 60px; }
.mt_65 { margin-top: 65px; }
.mt_70 { margin-top: 70px; }
.mt_75 { margin-top: 75px; }
.mt_80 { margin-top: 80px; }
.mt_85 { margin-top: 85px; }
.mt_90 { margin-top: 90px; }
.mt_95 { margin-top: 95px; }
.mt_100 { margin-top: 100px; }

/* Margin-bottom classes */
.mb_0 { margin-bottom: 0; }
.mb_1 { margin-bottom: 1px; }
.mb_2 { margin-bottom: 2px; }
.mb_3 { margin-bottom: 3px; }
.mb_4 { margin-bottom: 4px; }
.mb_5 { margin-bottom: 5px; }
.mb_6 { margin-bottom: 6px; }
.mb_7 { margin-bottom: 7px; }
.mb_8 { margin-bottom: 8px; }
.mb_9 { margin-bottom: 9px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }
.mb_35 { margin-bottom: 35px; }
.mb_40 { margin-bottom: 40px; }
.mb_45 { margin-bottom: 45px; }
.mb_50 { margin-bottom: 50px; }
.mb_55 { margin-bottom: 55px; }
.mb_60 { margin-bottom: 60px; }
.mb_65 { margin-bottom: 65px; }
.mb_70 { margin-bottom: 70px; }
.mb_75 { margin-bottom: 75px; }
.mb_80 { margin-bottom: 80px; }
.mb_85 { margin-bottom: 85px; }
.mb_90 { margin-bottom: 90px; }
.mb_95 { margin-bottom: 95px; }
.mb_100 { margin-bottom: 100px; }


.mr_0 { margin-right: 0; }
.mr_1 { margin-right: 1px; }
.mr_2 { margin-right: 2px; }
.mr_3 { margin-right: 3px; }
.mr_4 { margin-right: 4px; }
.mr_5 { margin-right: 5px; }
.mr_6 { margin-right: 6px; }
.mr_7 { margin-right: 7px; }
.mr_8 { margin-right: 8px; }
.mr_9 { margin-right: 9px; }
.mr_10 { margin-right: 10px; }
.mr_15 { margin-right: 15px; }
.mr_20 { margin-right: 20px; }
.mr_25 { margin-right: 25px; }
.mr_30 { margin-right: 30px; }
.mr_35 { margin-right: 35px; }
.mr_40 { margin-right: 40px; }
.mr_45 { margin-right: 45px; }
.mr_50 { margin-right: 50px; }
.mr_55 { margin-right: 55px; }
.mr_60 { margin-right: 60px; }
.mr_65 { margin-right: 65px; }
.mr_70 { margin-right: 70px; }
.mr_75 { margin-right: 75px; }
.mr_80 { margin-right: 80px; }
.mr_85 { margin-right: 85px; }
.mr_90 { margin-right: 90px; }
.mr_95 { margin-right: 95px; }
.mr_100 { margin-right: 100px; }


.ml_0 { margin-left: 0; }
.ml_1 { margin-left: 1px; }
.ml_2 { margin-left: 2px; }
.ml_3 { margin-left: 3px; }
.ml_4 { margin-left: 4px; }
.ml_5 { margin-left: 5px; }
.ml_6 { margin-left: 6px; }
.ml_7 { margin-left: 7px; }
.ml_8 { margin-left: 8px; }
.ml_9 { margin-left: 9px; }
.ml_10 { margin-left: 10px; }
.ml_15 { margin-left: 15px; }
.ml_20 { margin-left: 20px; }
.ml_25 { margin-left: 25px; }
.ml_30 { margin-left: 30px; }
.ml_35 { margin-left: 35px; }
.ml_40 { margin-left: 40px; }
.ml_45 { margin-left: 45px; }
.ml_50 { margin-left: 50px; }
.ml_55 { margin-left: 55px; }
.ml_60 { margin-left: 60px; }
.ml_65 { margin-left: 65px; }
.ml_70 { margin-left: 70px; }
.ml_75 { margin-left: 75px; }
.ml_80 { margin-left: 80px; }
.ml_85 { margin-left: 85px; }
.ml_90 { margin-left: 90px; }
.ml_95 { margin-left: 95px; }
.ml_100 { margin-left: 100px; }


.mx_0 { margin-left: 0; margin-right: 0; }
.mx_1 { margin-left: 1px; margin-right: 1px; }
.mx_2 { margin-left: 2px; margin-right: 2px; }
.mx_3 { margin-left: 3px; margin-right: 3px; }
.mx_4 { margin-left: 4px; margin-right: 4px; }
.mx_5 { margin-left: 5px; margin-right: 5px; }
.mx_6 { margin-left: 6px; margin-right: 6px; }
.mx_7 { margin-left: 7px; margin-right: 7px; }
.mx_8 { margin-left: 8px; margin-right: 8px; }
.mx_9 { margin-left: 9px; margin-right: 9px; }
.mx_10 { margin-left: 10px; margin-right: 10px; }
.mx_15 { margin-left: 15px; margin-right: 15px; }
.mx_20 { margin-left: 20px; margin-right: 20px; }
.mx_25 { margin-left: 25px; margin-right: 25px; }
.mx_30 { margin-left: 30px; margin-right: 30px; }
.mx_35 { margin-left: 35px; margin-right: 35px; }
.mx_40 { margin-left: 40px; margin-right: 40px; }
.mx_45 { margin-left: 45px; margin-right: 45px; }
.mx_50 { margin-left: 50px; margin-right: 50px; }
.mx_55 { margin-left: 55px; margin-right: 55px; }
.mx_60 { margin-left: 60px; margin-right: 60px; }
.mx_65 { margin-left: 65px; margin-right: 65px; }
.mx_70 { margin-left: 70px; margin-right: 70px; }
.mx_75 { margin-left: 75px; margin-right: 75px; }
.mx_80 { margin-left: 80px; margin-right: 80px; }
.mx_85 { margin-left: 85px; margin-right: 85px; }
.mx_90 { margin-left: 90px; margin-right: 90px; }
.mx_95 { margin-left: 95px; margin-right: 95px; }
.mx_100 { margin-left: 100px; margin-right: 100px; }

.my_0 { margin-top: 0; margin-bottom: 0; }
.my_1 { margin-top: 1px; margin-bottom: 1px; }
.my_2 { margin-top: 2px; margin-bottom: 2px; }
.my_3 { margin-top: 3px; margin-bottom: 3px; }
.my_4 { margin-top: 4px; margin-bottom: 4px; }
.my_5 { margin-top: 5px; margin-bottom: 5px; }
.my_6 { margin-top: 6px; margin-bottom: 6px; }
.my_7 { margin-top: 7px; margin-bottom: 7px; }
.my_8 { margin-top: 8px; margin-bottom: 8px; }
.my_9 { margin-top: 9px; margin-bottom: 9px; }
.my_10 { margin-top: 10px; margin-bottom: 10px; }
.my_15 { margin-top: 15px; margin-bottom: 15px; }
.my_20 { margin-top: 20px; margin-bottom: 20px; }
.my_25 { margin-top: 25px; margin-bottom: 25px; }
.my_30 { margin-top: 30px; margin-bottom: 30px; }
.my_35 { margin-top: 35px; margin-bottom: 35px; }
.my_40 { margin-top: 40px; margin-bottom: 40px; }
.my_45 { margin-top: 45px; margin-bottom: 45px; }
.my_50 { margin-top: 50px; margin-bottom: 50px; }
.my_55 { margin-top: 55px; margin-bottom: 55px; }
.my_60 { margin-top: 60px; margin-bottom: 60px; }
.my_65 { margin-top: 65px; margin-bottom: 65px; }
.my_70 { margin-top: 70px; margin-bottom: 70px; }
.my_75 { margin-top: 75px; margin-bottom: 75px; }
.my_80 { margin-top: 80px; margin-bottom: 80px; }
.my_85 { margin-top: 85px; margin-bottom: 85px; }
.my_90 { margin-top: 90px; margin-bottom: 90px; }
.my_95 { margin-top: 95px; margin-bottom: 95px; }
.my_100 { margin-top: 100px; margin-bottom: 100px; }


/*Common Class*/
.sec_padd{
	padding:var(--fo) 0;	
}
@media (min-width: 992px) {
	.sec_padd{
		padding:var(--si) 0;	
	}
}
@media (min-width: 1200px) {
	.sec_padd{
		padding:var(--ei) 0;	
	}
}
@media (min-width: 1440px) {
	.sec_padd{
		padding:var(--hu) 0;	
	}
}

/* line clamp */
.lc_1{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow : hidden;
}
.lc_2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow : hidden;
}
.lc_3{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow : hidden;
}
.lc_4{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow : hidden;
}
.lc_5{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow : hidden;
}



/*align*/
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}
.tal{
	text-align:left;
}
.div_c{
	margin:0 auto;
}