/* ========================================================================================================================= */
/* 작성 : 2026-06-29 12:00:00  - devel1223
/* 수정 : 2026-06-29 12:00:00  - devel1223
/* 제목 : css - common_custom  - 공용_커스텀
/* ========================================================================================================================= */


/* 디스플레이  */
.st-dp-fx { /* FLEX */
	display: flex;
}
.st-dp-fx-jc_sb { /* FLEX-SB */
	justify-content: space-between;
}
.st-dp-fx-jc_fe { /* FLEX-FE */
	justify-content: flex-end;
}
.st-dp-fx-ai_ct {  /* FLEX-AI_CT */
	align-items: center;
}

/* 정렬 */
.st-ta-l { /* 좌 */
	text-align: left;
}
.st-ta-c { /* 중 */
	text-align: center;
}
.st-ta-r { /* 우 */
	text-align: right;
}

/* 가로크기  */
.st-wd-80px { /* 80px */
	width: 80px;
}
.st-wd-90px { /* 90px */
	width: 90px;
}

/* 세로크기  */
.st-hg-200px { /* 200px */
	height: 200px;
}

/* 마진 */
.st-mt-1px { /* 상-1px */
	margin-top: 1px;
}
.st-mt-2px { /* 상-2px */
	margin-top: 2px;
}
.st-mt-5px { /* 상-5px */
	margin-top: 5px;
}
.st-mt-10px { /* 상-10px */
	margin-top: 10px;
}
.st-mr-2px { /* 우-2px */
	margin-right: 2px;
}
.st-mb-10px { /* 하-10px */
	margin-bottom: 10px;
}
.st-ml-2px { /* 좌-2px */
	margin-left: 2px;
}
.st-ml-5px { /*좌-5px */
	margin-left: 5px;
}
.st-ml-16px { /*좌-16px */
	margin-left: 16px;
}
.st-ml-30px { /*좌-30px */
	margin-left: 30px;
}

/* 배경 */
.st-bc-main { /* 메인 */
	background-color: var(--color-main);
}
.st-bc-main-250 { /* 메인-250 */
	background-color: var(--color-main-250);
}
.st-bc-tr { /* 투명 */
	background-color: transparent;
}
.st-bc-wt { /* 화이트 */
	background-color: white;
}
.st-bc-rd { /* 레드 */
	background-color: red;
}
.st-bc-gl { /* 그린 */
	background-color: green;
}
.st-bc-bl { /* 블루 */
	background-color: blue;
}
.st-bc-bl-250 { /* 블루-250 */
	background-color: rgb(250, 250, 255);
}
.st-bc-dr { /* 다크레드 */
	background-color: darkred;
}
.st-bc-nv { /* 네이비 */
	background-color: navy;
}
.st-bc-pl { /* 퍼플 */
	background-color: purple;
}
.st-bc-gr { /* 그레이 */
	background-color: gray;
}
.st-bc-gr-225 { /* 그레이-225 */
	background-color: rgb(225, 225, 225);
}
.st-bc-gr-235 { /* 그레이-245 */
	background-color: rgb(235, 235, 235);
}
.st-bc-gr-245 { /* 그레이-245 */
	background-color: rgb(245, 245, 245);
}
.st-bc-gr-250 { /* 그레이-250 */
	background-color: rgb(250, 250, 250);
}

/* 문자 */
.st-cl-main { /* 메인 */
	color: var(--color-main);
}
.st-cl-wt { /* 화이트 */
	color: white;
}
.st-cl-rd { /* 레드 */
	color: red;
}
.st-cl-gl { /* 그린 */
	color: green;
}
.st-cl-bl { /* 블루 */
	color: blue;
}
.st-cl-nv { /* 네이비 */
	color: navy;
}
.st-cl-pl { /* 퍼플 */
	color: purple;
}
.st-cl-gr { /* 그레이 */
	color: gray;
}
.st-cl-gr-55 { /* 그레이-55 */
	color: rgb( 55,  55,  55);
}
.st-cl-gr105 { /* 그레이-105 */
	color: rgb(105, 105, 105);
}

/* 테두리 */
.st-bd-main { /* 메인 */
	border: 1px solid var(--color-main);
}
.st-bd-rd { /* 레드 */
	border: 1px solid red;
}
.st-bd-gl { /* 그린 */
	border: 1px solid green;
}
.st-bd-dr { /* 다크레드 */
	border: 1px solid darkred;
}
.st-bd-nv { /* 네이비 */
	border: 1px solid navy;
}
.st-bd-pl { /* 퍼플 */
	border: 1px solid purple;
}
.st-bd-gr { /* 그레이 */
	border: 1px solid gray;
}
.st-bd-gr-155 { /* 그레이-155 */
	border: 1px solid var(--color-gray-155);
}

/* 문자두께 */
.st-fw-400 { /* 문자두께-400 */
	font-weight: 400;
}
.st-fw-500 { /* 문자두께-500 */
	font-weight: 500;
}

/* 포커스 */
.st-focus:focus {  /* 각자료-값(포커스) */
	border: 1px solid var(--color-main);
	outline: none;
}

/* 공용 */
.st-hidden {  /* 안보임 */
	display: none;
}