@charset "utf-8";

:root {
	--color1: #003d97; 
	--color2: #3e90d9; 
	--color3: #be1824; 
	--point1: #fc6562;   /* 포인트 컬러 - 주황 */
	--point2: #ff5544;   /* 포인트 컬러 - 빨강 */
 
	--gra1: linear-gradient(48deg, #003d97, #3e90d9);  /* 그라데이션 스타일 */ 
   
    --white1: #ffffff;
 
    --bg-gray1:#f9f9f9;    /* error 박스 등 연한 회색배경 */
    --border-color1: #dfdfdf;
    --border-color2: #d5d5d5;

    --outline-color:#b3ccff;
    --outline-offset:-2px;
 
    --space-sm:20px;
    --space-md:40px;
    --space-lg:60px;
    --space-xl:100px;

    --transition1: all 0.4s ease;


    --shadow-xs: 0px 1px 5px 0px #0000001f;
    --shadow-sm: 0px 5px 5px 0px #0000001f;
    --shadow-md: 0px 5px 15px 0px #0003;
    --shadow-lg: 0px 10px 24px 0px #00000014;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --ease-out: cubic-bezier(0,0,.2,1);
    --ease-in-out: cubic-bezier(.4,0,.2,1);
    --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;
    --animate-bounce: bounce 1s infinite;

}

 



.table-bordered												{display: table; width:100% ;  border:1px solid #ccc  ;   } 
.table-bordered th, .table-bordered td						{border:1px solid #ccc  ; line-height:160%;  }