.w-50{
	width:50px;
}
.w-60{
	width:60px;
}
.w-70{
	width:70px;
}
.w-80{
	width:80px;
}
.w-90{
	width:90px;
}
.w-100{
	width:100px;
}
.w-110{
	width:110px;
}
.w-120{
	width:120px;
}
.w-130{
	width:130px;
}
.w-140{
	width:140px;
}
.w-150{
	width:150px;
}
.w-160{
	width:160px;
}
.w-170{
	width:170px;
}
.w-180{
	width:180px;
}
.w-190{
	width:190px;
}
.w-200{
	width:200px;
}

.w-210{
	width:210px;
}

.w-220{
	width:220px;
}

.w-230{
	width:230px;
}

.w-240{
	width:240px;
}

.w-250{
	width:250px;
}

.w-260{
	width:260px;
}

.w-270{
	width:270px;
}

.w-280{
	width:280px;
}

.w-290{
	width:290px;
}

.w-300{
	width:300px;
}


.max-w-50{
	max-width:50px;
}
.max-w-60{
	max-width:60px;
}
.max-w-70{
	max-width:70px;
}
.max-w-80{
	max-width:80px;
}
.max-w-90{
	max-width:90px;
}
.max-w-100{
	max-width:100px;
}
.max-w-110{
	max-width:110px;
}
.max-w-120{
	max-width:120px;
}
.max-w-130{
	max-width:130px;
}
.max-w-140{
	max-width:140px;
}
.max-w-150{
	max-width:150px;
}
.max-w-160{
	max-width:160px;
}
.max-w-170{
	max-width:170px;
}
.max-w-180{
	max-width:180px;
}
.max-w-190{
	max-width:190px;
}
.max-w-200{
	max-width:200px;
}

.max-w-210{
	max-width:210px;
}

.max-w-220{
	max-width:220px;
}

.max-w-230{
	max-width:230px;
}

.max-w-240{
	max-width:240px;
}

.max-w-250{
	max-width:250px;
}

.max-w-260{
	max-width:260px;
}

.max-w-270{
	max-width:270px;
}

.max-w-280{
	max-width:280px;
}

.max-w-290{
	max-width:290px;
}

.max-w-300{
	max-width:300px;
}


/* Height ------------------------------------------------------ */
.h10 {
	height:10px;
}
.h15 {
	height:15px;
}
.h20 {
	height:20px;
}
.h25 {
	height:25px;
}
.h30 {
	height:30px;
}
.h35 {
	height:35px;
}
.h40 {
	height:40px;
}
.h45 {
	height:45px;
}
.h50 {
	height:50px;
}
.p10 {
	padding:10px 0px;
}
.p15 {
	padding:15px 0px;
}
.m10 {
	margin:10px 0px;
}
.m15 {
	margin:15px 0px;
}


/* 스크롤바  얇기 */
/*스크롤바 스타일*/
*::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgb(97 97 97 / 30%);
    background-color: #ffffff;
}

*::-webkit-scrollbar
{
width: 9px;
height: 5px;
background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb
{
    background-color: #595959;
    border-radius: 5px;
}
 

@media screen and (hover: none) and (pointer: coarse) {
 *::-webkit-scrollbar{
	    display: none;
	}
}


/* 상단 메뉴 관련 */
.nav-underline a.nav-link:hover{
		color: crimson !important;
    text-decoration: none;
}

.topMenu_active0 , .topMenu_active1{
	color:orangered !important;
	font-weight: bold;
}

/* font-size-base */
.font-size-base {font-size : 12px;}
.font-size-m1 {font-size : 11px;}
.font-size-m2 {font-size : 10px;}
.font-size-m3 {font-size : 9px;}
.font-size-m3 {font-size : 8px;}
.font-size-p1 {font-size : 13px;}
.font-size-p2 {font-size : 14px;}
.font-size-p3 {font-size : 15px;}
.font-size-p4 {font-size : 16px;}
.font-size-p5 {font-size : 17px;}
.font-size-p6 {font-size : 18px;}
.font-size-p7 {font-size : 19px;}
.font-size-p8 {font-size : 20px;}

h1 , .h1{ font-size : 20px; /* font-weight: bold; */}
h2 , .h2{ font-size : 17px; /* font-weight: bold; */}
h3 , .h3{ font-size : 16px; /* font-weight: bold; */}
h4 , .h4{ font-size : 14px; /* font-weight: bold; */}
h5 , .h5{ font-size : 12px; /* font-weight: bold;*/}
h6 , .h6{ font-size : 9px; /* font-weight: bold;*/}


/* padding  */

.px-1px {
  padding-right: 1px;
  padding-left: 1px;
}

.px-2px {
  padding-right: 2px;
  padding-left: 2px;
}

.px-3px {
  padding-right: 3px;
  padding-left: 3px;
}

.px-4px {
  padding-right: 4px;
  padding-left: 4px;
}

.px-5px {
  padding-right: 5px;
  padding-left: 5px;
}

.px-6px {
  padding-right: 6px;
  padding-left: 6px;
}

.px-7px {
  padding-right: 7px;
  padding-left: 7px;
}

.px-8px {
  padding-right: 8px;
  padding-left: 8px;
}

.px-9px {
  padding-right: 9px;
  padding-left: 9px;
}
.px-10px {
  padding-right: 10px;
  padding-left: 10px;
}

.py-1px {
  padding-top: 3px;
  padding-bottom: 1px;
}

.py-2px {
  padding-top: 4px;
  padding-bottom: 2px;
}

.py-3px {
  padding-top: 5px;
  padding-bottom: 3px;
}

.py-4px {
  padding-top: 6px;
  padding-bottom: 4px;
}

.py-5px {
  padding-top: 7px;
  padding-bottom: 5px;
}

.py-6px {
  padding-top: 8px;
  padding-bottom: 6px;
}

.py-7px {
  padding-top: 9px;
  padding-bottom: 7px;
}

.py-8px {
  padding-top: 10px;
  padding-bottom: 8px;
}

.font-color-red{ 
	color: rgb(233, 27, 35);
}
.font-color-darkred{ 
	color: rgb(170, 60, 63);
}
.font-color-crimson{ 
	color: rgb(220, 20, 60); 
}
.font-color-orangered{ 
	color: orangered; 
}
.font-color-orange { 
	color: rgb(240, 150, 20);
}
.font-color-green{ 
	color: rgb(140, 195, 70); 
}
.font-color-lightgreen{ 
	color: rgb(160, 200, 80); 
}
.font-color-deepblue{ 
	color: rgb(0, 125, 180); 
}
.font-color-skyblue{ 
	color: rgb(100, 195, 245); 
}
.font-color-blue{ 
	color: rgb(52, 152, 219); 
}
.font-color-navy{ 
	color: rgb(50, 60, 70); 
}
.font-color-violet{ 
	color: rgb(85, 60, 125); 
}
.font-color-yellow{ 
	color: rgb(241, 196, 15); 
}
.font-color-darkgray{ 
	color: #666; 
}
.font-color-gray{ 
	color: #888; 
}
.font-color-lightgray{ 
	color: #ddd; 
}
.font-color-white{ 
	color: #fff; 
}
.font-color-light{
	color: #f5f5f5; 
}
.font-color-black{
	color: #333; 
}