@charset "utf-8";

:root {
	--color1: #a61660; 
	--color2: #0f4e8c; 
	--color3: #ee9bc6;  /* 연한 핑크 */
	--color4: #192f56;   /* 남색 */
	--color5: #f9f3fa;   /* 연한 핑크 */
 
	--point1: #d50d74;   /* 포인트 컬러 - 주황 */
	--point2: #dc3545;   /* 포인트 컬러 - 빨강 */
 
	--gra1:linear-gradient(135deg, #0f4e8c 0%,#a61660 100%);  /* 그라데이션 스타일 */ 
   
    --white1: #ffffff;
   
    --bg-gray1:#f9f9f9;    /* error 박스 등 연한 회색배경 */
    --border-color1: #dfdfdf;
    --border-color2: #d5d5d5;

    --bbs-border-color1: #555;
    --bbs-border-color2: #888;
    --bbs-border-width1: 2px; 
    --bbs-border-width2: 1px;
    --bbs-bgcolor1: #f5f5f5;


    --transition1: all 0.3s ease;

    --header-height: 90px;
    --sub-visual-height: 300px;
    --main-radius-size: 100px;

    --font-size-base:18px; 
    --font-size-layout:18px; 
    --font-family-base:  "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;  
    --font-family-brand: 'Paperlogy';


    --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;

}

 @media (max-width: 1400px) {
      :root { 
        --main-radius-size: 70px;
      }   
}
 @media (max-width: 1024px) {
      :root { 
        --header-height: 60px; /* 모바일 헤더 높이에 맞게 */
        --font-size-base:17px; 
        --font-size-layout:17px; 
        --main-radius-size: 50px;
      }   
}



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