/***** S:: 변수 *****/
:root{


	/**** !! 코딩시 지우지 말 것 !! ****/

	/* 컬러 */
	--basic:#777777;
	--main:#DA291C;
	--sub: #414042;
	--sub2: #999999;
	--sub3: #D1CCBD;
	--sub4: #00A43D;
	--white:#FFFFFF;
	--black:#222222;
	--grayBg:#F1F1F1;
	--blackBg:#000000;
	--border:#DDDDDD;
	--note-note01:#f6ebd2;
	--note-note02:#f3dfe4;
	--note-note03:#e8daed;
	--note-note04:#f7e0cb;
	--note-note05:#cbebf7;
	--point-pink:#F8B5C4;
	

	/* 폰트 */
	--kor: 'Pretendard', 'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif;
	--eng: 'SavetheChildren','Pretendard', 'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif;
	--redbell: 'HakgyoansimAllimjang','Pretendard', 'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif;
	--icon: "Material Symbols Outlined";

	/**** !! 코딩시 지우지 말 것 !! ****/


	/* 높이 */
	--vh: 100%;

	--borderR5:5px;
	--borderR15:15px;
	--borderR30:30px;

}
/***** E:: 변수 *****/

/***** S:: AJAX 로딩 오버레이 *****/
.ajax-loading-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 99999999999;
}
.ajax-loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 44px;
	margin: -22px 0 0 -22px;
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: ajax-spin 0.7s linear infinite;
}
@keyframes ajax-spin {
	to { transform: rotate(360deg); }
}
/***** E:: AJAX 로딩 오버레이 *****/







/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){



}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){






}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/***** S:: 변수 *****/
:root{
	--borderR15:10px;
	--borderR30:20px;
}
/***** E:: 변수 *****/



}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){





}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}