@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

*{font-style: normal;}
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--font-type01); line-height: 1.4; word-break: keep-all; text-wrap: pretty; overflow-wrap: anywhere; letter-spacing: -0.03em;}
h1, h2, h3, h4, h5, h6, dt, dd{letter-spacing: -0.03em;}
img, picture, video, canvas, svg { display: block; max-width: 100%; max-height: 100%;}
input, select, button{font-family:inherit;}
:where(input, select, button, textarea):focus{outline: none;}
select, button{cursor: pointer;}
table{width: 100%;}
:root{
    --trans-color:transparent;
    --point-white:#fff;
    --point-color01:#1A2B50;
    --point-color02:#2B55AE;
    --point-color03:#131C2F;
    --point-color04:#F4F8FD;
    --point-color05:#EFF8FF;
    --point-color06:#002147;
    --point-color07:#ED7B1C;
    --point-color08:rgb(26 43 80 / 20%);
    --point-color09:#14306B;
    --point-color10:#AE2B2B;
    --point-color11:#D5E2FF;
    --point-color12:rgb(8 28 62 / 60%);
    --point-color13:rgb(43 85 174 / 10%);
    --point-color14:#156642;
	--border-color01:#ddd;
    --border-color02:#ccc;
	--border-color03:#eee;
	--border-color04:#D9D9D9;
    --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;
    --black-color11:#1C1C1C;
    --black-color12:#171717;
    --gray-bg01:#F5F5F5;
    --gray-bg02:#F8F8F8;
    --gray-bg03:#FAFAFA;
    --gray-bg04:#EDE9E2;
    --point-grad01:radial-gradient(38.71% 77.02% at 50% 50%, #324670 0%, #162445 100%), #25365C;
    --point-grad02:linear-gradient(97deg, #324670 5%, #162445 95%), linear-gradient(0deg, #1A2B50 0%, #1A2B50 100%), linear-gradient(180deg, #324670 0%, #162445 100%);
    --point-grad03:linear-gradient(0deg, #F4F8FD 0%, #FFF 60%);
    --point-grad04:linear-gradient(180deg, #324670 0%, #162445 100%);
    --point-grad05:linear-gradient(270deg, #F5F7FC 0%, #F4F8FD 100%);
    --point-grad06:linear-gradient(90deg, rgba(43, 85, 174, 0.00) -25%, #2B55AE 100%);
    --point-grad07:linear-gradient(0deg, #FFF 40%, #F4F8FD 100%);
    --point-grad08:linear-gradient(0deg, #F4F8FD 0%, #FFF 60%), linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(180deg, #F4F8FD 0%, #FFF 60%);
    --point-grad09:linear-gradient(180deg, #FFF 0%, #EFF8FF 63.74%), #D9D9D9;
    --point-grad10:radial-gradient(56.93% 113.28% at 50% 43.13%, #5B6E94 0%, #162445 100%), linear-gradient(180deg, #FFF 0%, #EFF8FF 63.74%);
    --font-type01:'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --font-type02:'Tenor Sans', 'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --font-type03:'Nanum Pen Script', 'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --filter-white:brightness(0) invert(1);
    --filter-black:brightness(0);
    --filter-point02:brightness(0) saturate(100%) invert(28%) sepia(81%) saturate(874%) hue-rotate(188deg) brightness(96%) contrast(90%);
    --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);
    --clip-poly04:polygon(53% 100%, 100% 48%, 53% 0, 53% 15%, 0 15%, 0 85%, 53% 85%);
    --shadow-01:clamp(3px, 0.6vw, 9px) 3px clamp(10px, 1vw, 17px) 0 rgba(0, 0, 0, 0.10);
    --shadow-02:0 0 clamp(25px, 5vw, 50px) rgba(0, 0, 0, 0.10);
    --shadow-03:0 0 clamp(5px, 1vw, 10px) rgba(0, 0, 0, 0.05);
    --shadow-04:clamp(4px, 0.8vw, 8px) clamp(1.5px, 0.3vw, 3px) clamp(8.5px, 1.7vw, 17px) rgb(0 0 0 / 10%);
    --shadow-05:0 clamp(5px, 1vw, 10px) clamp(10px, 2vw, 20px) rgba(26, 43, 80, 0.20);
    --shadow-06:clamp(4px, 0.8vw, 8px) clamp(1.5px, 0.3vw, 3px) clamp(8.5px, 1.7vw, 17px) rgb(0 0 0 / 20%);
    --shadow-07:0 0 clamp(15px, 3vw, 30px) rgb(0 0 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-05:clamp(4px, 0.7vw, 5px);
    --radius-04:clamp(3px, 0.6vw, 4px);
    --text-90:clamp(50px, 9vw, 90px);
    --text-80:clamp(45px, 8vw, 80px);
    --text-70:clamp(39px, 7vw, 70px);
    --text-69:clamp(39px, 6.9vw, 69px);
    --text-68:clamp(38px, 6.8vw, 68px);
    --text-67:clamp(38px, 6.7vw, 67px);
    --text-66:clamp(37px, 6.6vw, 66px);
    --text-65:clamp(37px, 6.5vw, 65px);
    --text-64:clamp(36px, 6.4vw, 64px);
    --text-63:clamp(36px, 6.3vw, 63px);
    --text-62:clamp(35px, 6.2vw, 62px);
    --text-61:clamp(35px, 6.1vw, 61px);
    --text-60:clamp(34px, 6vw, 60px);
    --text-59:clamp(34px, 5.9vw, 59px);
    --text-58:clamp(33px, 5.8vw, 58px);
    --text-57:clamp(33px, 5.7vw, 57px);
    --text-56:clamp(32px, 5.6vw, 56px);
    --text-55:clamp(32px, 5.5vw, 55px);
    --text-54:clamp(31px, 5.4vw, 54px);
    --text-53:clamp(31px, 5.3vw, 53px);
    --text-52:clamp(30px, 5.2vw, 52px);
    --text-51:clamp(30px, 5.1vw, 51px);
    --text-50:clamp(29px, 5vw, 50px);
    --text-49:clamp(29px, 4.9vw, 49px);
    --text-48:clamp(28px, 4.8vw, 48px);
    --text-47:clamp(28px, 4.7vw, 47px);
    --text-46:clamp(27px, 4.6vw, 46px);
    --text-45:clamp(27px, 4.5vw, 45px);
    --text-44:clamp(26px, 4.4vw, 44px);
    --text-43:clamp(26px, 4.3vw, 43px);
    --text-42:clamp(25px, 4.2vw, 42px);
    --text-41:clamp(25px, 4.1vw, 41px);
    --text-40:clamp(24px, 4vw, 40px);
    --text-39:clamp(24px, 3.9vw, 39px);
    --text-38:clamp(23px, 3.8vw, 38px);
    --text-37:clamp(23px, 3.7vw, 37px);
    --text-36:clamp(22px, 3.6vw, 36px);
    --text-35:clamp(22px, 3.5vw, 35px);
    --text-34:clamp(21px, 3.4vw, 34px);
    --text-33:clamp(21px, 3.3vw, 33px);
    --text-32:clamp(20px, 3.2vw, 32px);
    --text-31:clamp(20px, 3.1vw, 31px);
    --text-30:clamp(19px, 3vw, 30px);
    --text-29:clamp(19px, 2.9vw, 29px);
    --text-28:clamp(18px, 2.8vw, 28px);
    --text-27:clamp(18px, 2.7vw, 27px);
    --text-26:clamp(17px, 2.6vw, 26px);
    --text-25:clamp(17px, 2.5vw, 25px);
    --text-24:clamp(16px, 2.4vw, 24px);
    --text-23:clamp(16px, 2.3vw, 23px);
    --text-22:clamp(15px, 2.2vw, 22px);
    --text-21:clamp(15px, 2.1vw, 21px);
    --text-20:clamp(14px, 2vw, 20px);
    --text-19:clamp(14px, 1.9vw, 19px);
    --text-18:clamp(14px, 1.8vw, 18px);
    --text-17:clamp(14px, 1.7vw, 17px);
    --text-16:clamp(13px, 1.6vw, 16px);
    --text-15:clamp(13px, 1.5vw, 15px);
    --text-14:clamp(13px, 1.4vw, 14px);
    --text-13:clamp(12px, 1.3vw, 13px);
    --text-12:clamp(11px, 1.2vw, 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);
}
@media (max-width:860px){
    :root{
        --grid-array04:repeat(3, 1fr);
        --grid-array05:repeat(3, 1fr);
        --grid-array06:repeat(3, 1fr);
    }
}
@media (max-width:640px){
    :root{
        --grid-array03:repeat(2, 1fr);
        --grid-array04:repeat(2, 1fr);
        --grid-array05:repeat(2, 1fr);
        --grid-array06:repeat(2, 1fr);
    }
}
@media (max-width:479px){
    :root{
        --grid-array02:repeat(1, 1fr);
        --grid-array03:repeat(1, 1fr);
        --grid-array04:repeat(1, 1fr);
        --grid-array05:repeat(1, 1fr);
        --grid-array06:repeat(1, 1fr);
    }
}