@charset "utf-8";

/* reset */
* {margin:0; padding:0; border: 0; box-sizing: border-box; -webkit-text-size-adjust:none;letter-spacing:-0.03em;}
body {background:var(--point-white); color:var(--black-color01); font-style:normal; font-size:max(13px, var(--title-15)); font-family:var(--font-type01); line-height: 1.4; letter-spacing:-0.03em; word-break: keep-all; text-wrap: pretty; overflow-wrap: anywhere;}
img {max-width: 100%; max-height: 100%;vertical-align: top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit;}
button {background-color:transparent;cursor:pointer}
a {color:inherit;text-decoration:none}
a:active, a:hover {text-decoration:none;}
:is(textarea, select, button):focus{outline: none;}
select{cursor: pointer;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
em{font-style:normal;}
table{width:100%;border-collapse:unset;table-layout:fixed; border-spacing: 0;}
table caption{display: none;}
form legend{display: none;}
input:focus{outline:none;}
legend{display: none;}
/* custom */

:root{
    --trans-color:transparent;
    --point-white:#fff;
    --point-color01:#0D2C9C;
	--point-color02:#0C1B34;
	--point-blue:#0051E8;
	--point-purple:#7C3AED;
	--point-pink:#EC4899;
	--point-orange:#F97316;
	--point-cyan:#008ACE;
	--point-green:#0D9C41;
	--point-yellow:#FB0;
	--point-blue-tint:#EFF5FF;
	--point-purple-tint:#F7F2FF;
	--point-pink-tint:#F7F2FF;
	--point-orange-tint:#FFF3EA;
	--point-cyan-tint:#E7F7FF;
	--point-green-tint:#EEFEF4;
	--point-yellow-tint:#FFF9E7;
	--border-color01:#ddd;
    --border-color02:#ccc;
	--border-color03:#eee;
    --black-color00:#000;
    --black-color01:#111;
    --black-color02:#222;
    --black-color03:#333;
    --black-color04:#444;
    --black-color05:#555;
    --black-color06:#666;
    --black-color07:#777;
    --black-color08:#888;
    --black-color09:#999;
    --black-color10:#aaa;
    --gray-bg01:#F5F5F5;
    --gray-bg02:#F8F8F8;
    --point-grad01:linear-gradient(90deg, #0051E8 0%, #7C3AED 100%);
	--point-grad02:linear-gradient(180deg, rgba(247, 242, 255, 0.00) 0%, #F7F2FF 100%);
	--point-grad03:linear-gradient(180deg, #FFF2F9 0%, #FFF 100%);
	--point-grad04:linear-gradient(108deg, #7C3AED 0%, #0051E8 100%);
	--point-grad05:linear-gradient(180deg, #FFF 0%, #E7F7FF 100%);
	--grad-blue:linear-gradient(135deg, #6596F1 0%, #0051E8 100%);
	--grad-purple:linear-gradient(135deg, #B088F4 0%, #7C3AED 100%);
	--grad-pink:linear-gradient(135deg, #FFB7DA 0%, #EC4899 100%);
	--grad-orange:linear-gradient(135deg, #FBAA72 0%, #F97316 100%);
	--grad-cyan:linear-gradient(135deg, #68D9FF 0%, #008ACE 100%);
	--grad-green:linear-gradient(135deg, #79DC9D 0%, #0D9C41 100%);
	--shadow-blue:0 0 clamp(10px, 2vw, 20px) 0 rgba(0, 81, 232, 0.2);
	--shadow-purple:0 0 clamp(10px, 2vw, 20px) 0 rgba(0, 81, 232, 0.2);
	--shadow-pink:0 0 clamp(10px, 2vw, 20px) 0 rgba(236, 72, 153, 0.2);
	--shadow-orange:0 0 clamp(10px, 2vw, 20px) 0 rgba(249, 115, 22, 0.2);
	--shadow-cyan:0 0 clamp(10px, 2vw, 20px) 0 rgba(0, 138, 206, 0.2);
	--shadow-green:0 0 clamp(10px, 2vw, 20px) 0 rgba(13, 156, 65, 0.2);
	--shadow-white:0 0 clamp(10px, 2vw, 20px) 0 rgba(255, 255, 255, 0.2);
    --font-type01:'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --font-type02:'Inter', 'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --filter-white:brightness(0) invert(1);
    --filter-black:brightness(0);
    --clip-poly01:polygon(50% 100%, 0 0, 100% 0);
    --clip-poly02:polygon(100% 0, 0 100%, 100% 100%);
    --clip-poly03:polygon(calc(50% - 1px) 0, calc(50% - 1px) calc(50% - 1px), 0 calc(50% - 1px), 0 calc(50% + 1px), calc(50% - 1px) calc(50% + 1px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 1px) calc(50% + 1px), 100% calc(50% + 1px), 100% calc(50% - 1px), calc(50% + 1px) calc(50% - 1px), calc(50% + 1px) 0);
    --shadow-01:0 0 clamp(5px, 1vw, 10px) 0 rgba(124, 58, 237, 0.10);
	--shadow-02:0 0 clamp(15px, 3vw, 30px) 0 rgba(12, 27, 52, 0.10);
    --radius-40:clamp(20px, 4vw, 40px);
    --radius-30:clamp(15px, 3vw, 30px);
    --radius-20:clamp(10px, 2vw, 20px);
    --radius-16:clamp(8px, 1.6vw, 16px);
    --radius-15:clamp(7.5px, 1.5vw, 15px);
    --radius-14:clamp(7px, 1.4vw, 14px);
    --radius-10:clamp(5px, 1vw, 10px);
    --radius-06:clamp(4px, 0.8vw, 6px);
    --radius-04:clamp(3px, 0.6vw, 4px);
    --text-70: clamp(2.438rem, 1.385rem + 4.68vw, 4.375rem); /* Min 39px, Max 70px */
    --text-69: clamp(2.438rem, 1.353rem + 4.82vw, 4.313rem); /* Min 39px, Max 69px */
    --text-68: clamp(2.375rem, 1.321rem + 4.68vw, 4.25rem);  /* Min 38px, Max 68px */
    --text-67: clamp(2.375rem, 1.289rem + 4.82vw, 4.188rem); /* Min 38px, Max 67px */
    --text-66: clamp(2.313rem, 1.258rem + 4.68vw, 4.125rem); /* Min 37px, Max 66px */
    --text-65: clamp(2.313rem, 1.226rem + 4.82vw, 4.063rem); /* Min 37px, Max 65px */
    --text-64: clamp(2.25rem, 1.194rem + 4.68vw, 4rem);      /* Min 36px, Max 64px */
    --text-63: clamp(2.25rem, 1.162rem + 4.82vw, 3.938rem);  /* Min 36px, Max 63px */
    --text-62: clamp(2.188rem, 1.13rem + 4.68vw, 3.875rem);  /* Min 35px, Max 62px */
    --text-61: clamp(2.188rem, 1.099rem + 4.82vw, 3.813rem); /* Min 35px, Max 61px */
    --text-60: clamp(2.125rem, 1.067rem + 4.68vw, 3.75rem);  /* Min 34px, Max 60px */
    --text-59: clamp(2.125rem, 1.035rem + 4.82vw, 3.688rem); /* Min 34px, Max 59px */
    --text-58: clamp(2.063rem, 1.003rem + 4.68vw, 3.625rem); /* Min 33px, Max 58px */
    --text-57: clamp(2.063rem, 0.971rem + 4.82vw, 3.563rem); /* Min 33px, Max 57px */
    --text-56: clamp(2rem, 0.939rem + 4.68vw, 3.5rem);        /* Min 32px, Max 56px */
    --text-55: clamp(2rem, 0.908rem + 4.82vw, 3.438rem);      /* Min 32px, Max 55px */
    --text-54: clamp(1.938rem, 0.876rem + 4.68vw, 3.375rem);  /* Min 31px, Max 54px */
    --text-53: clamp(1.938rem, 0.844rem + 4.82vw, 3.313rem);  /* Min 31px, Max 53px */
    --text-52: clamp(1.875rem, 0.812rem + 4.68vw, 3.25rem);   /* Min 30px, Max 52px */
    --text-51: clamp(1.875rem, 0.78rem + 4.82vw, 3.188rem);   /* Min 30px, Max 51px */
    --text-50: clamp(1.813rem, 0.748rem + 4.68vw, 3.125rem);  /* Min 29px, Max 50px */
    --text-49: clamp(1.813rem, 0.717rem + 4.82vw, 3.063rem);  /* Min 29px, Max 49px */
    --text-48: clamp(1.75rem, 0.685rem + 4.68vw, 3rem);       /* Min 28px, Max 48px */
    --text-47: clamp(1.75rem, 0.653rem + 4.82vw, 2.938rem);   /* Min 28px, Max 47px */
    --text-46: clamp(1.688rem, 0.621rem + 4.68vw, 2.875rem);  /* Min 27px, Max 46px */
    --text-45: clamp(1.688rem, 0.589rem + 4.82vw, 2.813rem);  /* Min 27px, Max 45px */
    --text-44: clamp(1.625rem, 0.557rem + 4.68vw, 2.75rem);   /* Min 26px, Max 44px */
    --text-43: clamp(1.625rem, 0.526rem + 4.82vw, 2.688rem);  /* Min 26px, Max 43px */
    --text-42: clamp(1.563rem, 0.494rem + 4.68vw, 2.625rem);  /* Min 25px, Max 42px */
    --text-41: clamp(1.563rem, 0.462rem + 4.82vw, 2.563rem);  /* Min 25px, Max 41px */
    --text-40: clamp(1.5rem, 0.43rem + 4.68vw, 2.5rem);       /* Min 24px, Max 40px */
    --text-39: clamp(1.5rem, 0.398rem + 4.82vw, 2.438rem);   /* Min 24px, Max 39px */
    --text-38: clamp(1.438rem, 0.366rem + 4.68vw, 2.375rem);  /* Min 23px, Max 38px */
    --text-37: clamp(1.438rem, 0.335rem + 4.82vw, 2.313rem);  /* Min 23px, Max 37px */
    --text-36: clamp(1.375rem, 0.303rem + 4.68vw, 2.25rem);   /* Min 22px, Max 36px */
    --text-35: clamp(1.375rem, 0.271rem + 4.82vw, 2.188rem);  /* Min 22px, Max 35px */
    --text-34: clamp(1.313rem, 0.239rem + 4.68vw, 2.125rem);  /* Min 21px, Max 34px */
    --text-33: clamp(1.313rem, 0.207rem + 4.82vw, 2.063rem);  /* Min 21px, Max 33px */
    --text-32: clamp(1.25rem, 0.175rem + 4.68vw, 2rem);       /* Min 20px, Max 32px */
    --text-31: clamp(1.25rem, 0.144rem + 4.82vw, 1.938rem);   /* Min 20px, Max 31px */
    --text-30: clamp(1.188rem, 0.112rem + 4.68vw, 1.875rem);  /* Min 19px, Max 30px */
    --text-29: clamp(1.188rem, 0.08rem + 4.82vw, 1.813rem);   /* Min 19px, Max 29px */
    --text-28: clamp(1.125rem, 0.048rem + 4.68vw, 1.75rem);   /* Min 18px, Max 28px */
    --text-27: clamp(1.125rem, 0.016rem + 4.82vw, 1.688rem);  /* Min 18px, Max 27px */
    --text-26: clamp(1.063rem, -0.016rem + 4.68vw, 1.625rem); /* Min 17px, Max 26px */
    --text-25: clamp(1.063rem, -0.048rem + 4.82vw, 1.563rem); /* Min 17px, Max 25px */
    --text-24: clamp(1rem, -0.08rem + 4.68vw, 1.5rem);        /* Min 16px, Max 24px */
    --text-23: clamp(1rem, -0.112rem + 4.82vw, 1.438rem);      /* Min 16px, Max 23px */
    --text-22: clamp(0.938rem, -0.144rem + 4.68vw, 1.375rem); /* Min 15px, Max 22px */
    --text-21: clamp(0.938rem, -0.175rem + 4.82vw, 1.313rem); /* Min 15px, Max 21px */
    --text-20: clamp(0.875rem, -0.207rem + 4.68vw, 1.25rem);  /* Min 14px, Max 20px */
    --text-19: clamp(0.875rem, -0.239rem + 4.82vw, 1.188rem); /* Min 14px, Max 19px */
    --text-18: clamp(0.875rem, -0.15rem + 4.46vw, 1.125rem);  /* Min 14px, Max 18px */
    --text-17: clamp(0.875rem, -0.061rem + 4.11vw, 1.063rem); /* Min 14px, Max 17px */
    --text-16: clamp(0.813rem, -0.093rem + 4.02vw, 1rem);      /* Min 13px, Max 16px */
    --text-15: clamp(0.813rem, -0.004rem + 3.66vw, 0.938rem); /* Min 13px, Max 15px */
    --text-14: clamp(0.813rem, 0.085rem + 3.21vw, 0.875rem);  /* Min 13px, Max 14px */
    --text-13: clamp(0.75rem, 0.036rem + 3.13vw, 0.813rem);   /* Min 12px, Max 13px */
    --text-12: clamp(0.688rem, 0.063rem + 2.77vw, 0.75rem);   /* Min 11px, Max 12px */
    --row-gap160:clamp(70px, 16vw, 160px);
    --row-gap155:clamp(70px, 15.5vw, 155px);
    --row-gap150:clamp(70px, 15vw, 150px);
    --row-gap145:clamp(70px, 14.5vw, 145px);
    --row-gap140:clamp(70px, 14vw, 140px);
    --row-gap135:clamp(70px, 13.5vw, 135px);
    --row-gap130:clamp(70px, 13vw, 130px);
    --row-gap125:clamp(70px, 12.5vw, 125px);
    --row-gap120:clamp(70px, 12vw, 120px);
    --row-gap115:clamp(70px, 11.5vw, 115px);
    --row-gap110:clamp(70px, 11vw, 110px);
    --row-gap105:clamp(70px, 10.5vw, 105px);
    --row-gap100:clamp(70px, 10vw, 100px);
    --row-gap95:clamp(70px, 9.5vw, 95px);
    --row-gap90:clamp(40px, 9vw, 90px);
    --row-gap85:clamp(40px, 8.5vw, 85px);
    --row-gap80:clamp(40px, 8vw, 80px);
    --row-gap75:clamp(40px, 7.5vw, 75px);
    --row-gap70:clamp(40px, 7vw, 70px);
    --row-gap65:clamp(40px, 6.5vw, 65px);
    --row-gap60:clamp(30px, 6vw, 60px);
    --row-gap55:clamp(30px, 5.5vw, 55px);
    --row-gap50:clamp(30px, 5vw, 50px);
    --row-gap45:clamp(25px, 4.5vw, 45px);
    --row-gap40:clamp(25px, 4vw, 40px);
    --row-gap35:clamp(20px, 3.5vw, 35px);
    --row-gap30:clamp(15px, 3vw, 30px);
    --row-gap25:clamp(15px, 2.5vw, 25px);
    --row-gap20:clamp(12px, 2vw, 20px);
    --row-gap15:clamp(10px, 1.5vw, 15px);
    --row-gap10:clamp(7px, 1vw, 10px);
    --col-gap60:clamp(15px, 3.2vw, 60px);
    --col-gap55:clamp(15px, 2.9vw, 55px);
    --col-gap50:clamp(15px, 2.7vw, 50px);
    --col-gap45:clamp(15px, 2.4vw, 45px);
    --col-gap40:clamp(15px, 2.1vw, 40px);
    --col-gap35:clamp(15px, 1.85vw, 35px);
    --col-gap30:clamp(15px, 1.6vw, 30px);
    --col-gap25:clamp(15px, 1.35vw, 25px);
    --col-gap20:clamp(15px, 1.1vw, 20px);
    --grid-array01:repeat(1, 1fr);
    --grid-array02:repeat(2, 1fr);
    --grid-array03:repeat(3, 1fr);
    --grid-array04:repeat(4, 1fr);
    --grid-array05:repeat(5, 1fr);
    --grid-array06:repeat(6, 1fr);
}