:root {
	/* color */
	--white : #fff;
	--catskillWhite : #fdfefe;
	--black : #000;
	--gray : #f5f7f9;
	--gray98 : #fafafa;
	--lightGray : #f6f8fa;
	--whiteGray : #f5f6f7;
	--moreWhiteGray : #fbfcfd;
	--mdGray : #dadada; 
	--darkGray : #333;
	--Dimgray: #616d73;
	--atomic : #3a4950;
	--logoRed : #e64d2c;
	--ocher : #c5a044;
	--blackGrey : #23292c;
}

/* bg color */
.bgWhite {background-color: var(--white);}
.bgBlack {background-color: var(--black);}
.bgGray {background-color: var(--gray);}
.bgGray98 {background-color: var(--gray98);}
.bgLightGray {background-color: var(--lightGray);}
.bgWhiteGray {background-color: var(--whiteGray);}
.bgMoreWhiteGray {background-color: var(--moreWhiteGray);}
.bgMdGray {background-color: var(--mdGray);}
.bgDimgray {background-color: var(--Dimgray);}
.bgDarkGray {background-color: var(--darkGray);}
.bgAtomic {background-color: var(--atomic);}
.bgRed {background-color: var(--logoRed);}/* ±×·¡ÇÁ ¶§¹®¿¡ Ãß°¡Çß¾î¿ä */
.bgOcher {background-color: var(--ocher);}/* ±×·¡ÇÁ ¶§¹®¿¡ Ãß°¡Çß¾î¿ä */
.bgBlackGrey {background-color: var(--blackGrey);} /*Æ÷Àå»ç¾ç*/

/* font color */
.fcWhite {color: var(--white);}
.fcRed {color: var(--logoRed);}
.fcAtomic {color: var(--atomic);}
.fcADarkGray {color: var(--darkGray);}

/* margin, padding */
.mt15 {margin-top: 15px;}
.mt22 {margin-top: 22px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt60 {margin-top: 60px;}
.mt120 {margin-top: 120px;}

.mb0 {margin-bottom: 0 !important;}
.mb15 {margin-bottom: 15px;}
.mb22 {margin-bottom: 22px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb60 {margin-bottom: 60px;}
.mb90{margin-bottom : 90px;}
.mb100 {margin-bottom: 100px;}
.mb110{margin-bottom : 110px;}
.mb120{margin-bottom : 120px;}


.p0 {padding: 0 !important;}
.pt0 {padding-top: 0;}
.pb0 {padding-bottom: 0 !important;}
.pbt70 {padding: 70px 0;}

@media screen and (max-width: 1440px) {
	
	.mt15 {margin-top: 1.04vw;}
	.mt22 {margin-top: 1.53vw;}
	.mt30 {margin-top: 2.08vw;}
	.mt40 {margin-top: 2.78vw;}
	.mt60 {margin-top: 4.17vw;}
	.mt120 {margin-top: 8.33vw;}

	.mb15 {margin-bottom: 1.04vw;}
	.mb22 {margin-bottom: 1.53vw;}
	.mb30 {margin-bottom: 2.08vw;}
	.mb40 {margin-bottom: 2.78vw;}
	.mb60 {margin-bottom: 4.17vw;}
	.mb90 {margin-bottom: 6.25vw;}
	.mb100 {margin-bottom: 6.94vw;}
	.mb110{margin-bottom : 7.638vw;}
	.mb120{margin-bottom : 8.33vw;}
	

}
@media screen and (max-width: 768px) { 
	.mb60 {margin-bottom: 4.17vw;}
	.mb30 {margin-bottom: 5.56vw;}
}