@charset "utf-8";

body { display: flex; flex-direction: column; min-height: 100vh; } 

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css"); /*pretendard*/



:root { /*root*/
 --base0: #000000; /**/
 --base1: #2d2d2d; /**/
 --base2: #444444; /**/
 --base3: #666666; /**/
 --base4: #8c8c8c; /**/
 --base5: #a4a4a4; /**/
 --base6: #b2b2b2; /**/
 --base7: #c4c4c4; /**/
 --base8: #e0e0e0; /**/
 --base9: #f4f4f4; /**/
 --base10: #ffffff; /**/
 --primary: #4AC200 !important; /**/ } 


body { color: #000; display: flex; flex-direction: column; min-height: 100vh; } 
body * { font-family: "Pretendard"; } 
input[type=text]::placeholder, input[type=password]::placeholder, textarea::placeholder { width: 100%; color: var(--Colors-Grey-Color-Light-Base5, #A4A4A4); } 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; background-color: white !important; transition: background-color 9999s ease-in-out 0s !important; } 
button { border: 0; background-color: unset; } 
strong { font-weight: 700; } 
input,textarea { border-radius: 0; -webkit-appearance: none; appearance: none; } 


/* FONT */
.Montserrat { font-family: "Montserrat", sans-serif;}
.rashi { font-family: "Noto Rashi Hebrew", serif;}

/* FONT WEIGHT */
.text-weight-lighter { font-weight: 300; } 
.text-weight-regular { font-weight: 400; } 
.text-weight-medium { font-weight: 500; } 
.text-weight-semibold { font-weight: 600; } 
.text-weight-bold { font-weight: 700; } 


/* FONT SIZE */
.t12 { font-size: 12px; line-height: 16px; } 
.t13 { font-size: 13px; line-height: 18px; } 
.t14 { font-size: 14px; line-height: 20px; } 
.t15 { font-size: 15px; line-height: 22px; } 
.t16 { font-size: 16px; line-height: 24px; } 
.t18 { font-size: 18px; line-height: 26px; } 
.t20 { font-size: 20px; line-height: 28px; } 
.t24 { font-size: 24px; line-height: 32px; } 
.t28 { font-size: 26px; line-height: 34px; } 
.t32 { font-size: 32px; line-height: 36px; } 
.t40 { font-size: 40px; line-height: 40px; } 
.t48 { font-size: 48px; line-height: 56px; } 
.t50 { font-size: 50px; line-height: 63px; } 

/* TEXT-ALIGN */
.text-center { text-align: center; } 
.text-right { text-align: right; } 
.text-no-wrap { white-space: nowrap; } 
.text-through { text-decoration: line-through; } 
.ellipsis-2-lines { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

/* TEXT COLOR */
.text-primary { color: var( --primary) !important; } 
.text-base0 { color: var(--base0); } 
.text-base1 { color: var(--base1); } 
.text-base2 { color: var(--base2); } 
.text-base3 { color: var(--base3); } 
.text-base4 { color: var(--base4); } 
.text-base5 { color: var(--base5); } 
.text-base6 { color: var(--base6); } 
.text-base7 { color: var(--base7); } 
.text-base8 { color: var(--base8); } 
.text-base9 { color: var(--base9); } 
.text-base10 { color: var(--base10); } 

/* BACKGROUND COLOR */
.bg-red { background: var(--red) !important; } 
.bg-primary { background: var(--primary) !important; } 
.bg-secondary { background: var(--secondary) !important; } 
.bg-base0 { background: var(--base0) !important; } 
.bg-base1 { background: var(--base1) !important; } 
.bg-base2 { background: var(--base2) !important; } 
.bg-base3 { background: var(--base3) !important; } 
.bg-base4 { background: var(--base4) !important; } 
.bg-base5 { background: var(--base5) !important; } 
.bg-base6 { background: var(--base6) !important; } 
.bg-base7 { background: var(--base7) !important; } 
.bg-base8 { background: var(--base8) !important; } 
.bg-base9 { background: var(--base9) !important; } 
.bg-base10 { background: var(--base10) !important; } 

/* POSITION */
.relative { position: relative; } 
.absolute { position: absolute; } 
.absolute-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.absolute-top-right { position: absolute; top: 0; right: 0; } 
.fixed { position: fixed; } 
.sticky { position: sticky; } 

/* DISPLAY */
.flex { display: flex; } 
.block { display: block; } 
.hidden { display: none; } 
.mobile { display: none; } 
.pc { display: flex; } 


/* FLEX */
.wrap { flex-wrap: wrap; } 
.grow-1 { flex-grow: 1; } 
.column { display: flex; flex-direction: column; flex-wrap: nowrap; } 
.items-start { align-items: flex-start; } 
.items-center { align-items: center; } 
.items-end { align-items: flex-end; } 
.justify-end { justify-content: flex-end; } 
.justify-center { justify-content: center; } 
.justify-between { justify-content: space-between; } 
.flex-start { display: flex; align-items: flex-start; justify-content: flex-start; } 
.flex-center { display: flex; align-items: center; justify-content: center; } 
.flex-end { display: flex; align-items: flex-end; justify-content: flex-end; } 
.start-center { display: flex; align-items: flex-start; justify-content: center; } 
.start-between { display: flex; align-items: flex-start; justify-content: space-between; } 
.center-between { display: flex; align-items: center; justify-content: space-between; } 
.center-start { display: flex; align-items: center; justify-content: flex-start; } 
.center-end { display: flex; align-items: center; justify-content: flex-end; } 
.end-between { display: flex; align-items: flex-end; justify-content: space-between; } 

/* ROW-GAP */
.row-2 { display: flex; flex-direction: column; gap: 2px; } 
.row-4 { display: flex; flex-direction: column; gap: 4px; } 
.row-6 { display: flex; flex-direction: column; gap: 6px; } 
.row-8 { display: flex; flex-direction: column; gap: 8px; } 
.row-12 { display: flex; flex-direction: column; gap: 12px; } 
.row-14 { display: flex; flex-direction: column; gap: 14px; } 
.row-16 { display: flex; flex-direction: column; gap: 16px; } 
.row-20 { display: flex; flex-direction: column; gap: 20px; } 
.row-24 { display: flex; flex-direction: column; gap: 24px; } 
.row-28 { display: flex; flex-direction: column; gap: 28px; } 
.row-32 { display: flex; flex-direction: column; gap: 32px; } 
.row-40 { display: flex; flex-direction: column; gap: 40px; } 
.row-44 { display: flex; flex-direction: column; gap: 44px; } 
.row-52 { display: flex; flex-direction: column; gap: 52px; } 
.row-60 { display: flex; flex-direction: column; gap: 60px; } 
.row-64 { display: flex; flex-direction: column; gap: 64px; } 
.row-80 { display: flex; flex-direction: column; gap: 80px; } 
.row-100 { display: flex; flex-direction: column; gap: 100px; } 
.row-120 { display: flex; flex-direction: column; gap: 120px; } 


/* COLUMN-GAP */
.column-2 { display: flex; gap: 2px; } 
.column-4 { display: flex; gap: 4px; } 
.column-8 { display: flex; gap: 8px; } 
.column-12 { display: flex; gap: 12px; } 
.column-16 { display: flex; gap: 16px; } 
.column-20 { display: flex; gap: 20px; } 
.column-28 { display: flex; gap: 28px; } 
.column-32 { display: flex; gap: 32px; } 
.column-60 { display: flex; gap: 60px; } 
.column-80 { display: flex; gap: 80px; } 


/* BORDER */
.border { border: 1px solid var(--base8); } 
.rounded-xs { border-radius: 4px; } 
.rounded-sm { border-radius: 8px; } 
.rounded-md { border-radius: 16px; } 
.rounded-lg { border-radius: 20px; } 
.rounded-xl { border-radius: 32px; } 
.rounded-circle { border-radius: 50%; } 
.rounded-pill { border-radius: 200px; } 
.no-radius { border-radius: 0; } 
.no-border { border: 0 !important; } 

/* WIDTH */
.full-width { width: 100%; } 
.full-height { height: 100%; } 
.fit { width: 100%; height: 100%; } 

/* IMAGE */
.object-cover { object-fit: cover; aspect-ratio: 1; object-position: center; } 
.overflow-hidden { overflow: hidden; } 
.pointer { cursor: pointer; } 

/* SPACE */
.mt-auto { margin-top: auto; } 
.mx-auto { margin-left: auto; margin-right: auto; } 

/* LAYOUT */
.container { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } 




/* 상단레이아웃 */
#header {z-index: 2; width: 100%; transition: .25s;}
#header .bg-base0 { padding: 10px; } 
#header .center-between { height: 100px; padding: 0 120px; } 
#header .t15:hover { text-decoration: underline; } 
#header .absolute { display: none; padding: 24px 28px; border: 1px solid var(--Colors-Grey-Color-Light-Base8, #E0E0E0); left: 50%; transform: translate(-50%); z-index: 2; } 
#header .t13 { margin-bottom: 12px; white-space: nowrap; } 
#header .bg-base8 { min-width: 1px; height: 12px; } 




/* 하단레이아웃 */
#footer { padding: 60px 56px; } 
#footer .bg-base8 { min-height: 1px; } 
#footer .bg-base7 { min-width: 1px; height: 12px; }