@charset "utf-8";

/* 
primary
secondary
wgray
gray
변경
 */
/* color palette ======================== */
:root {
  /* primary */
  --color-primary: #C51064;
  --color-primary0: #FFFFFF;
  --color-primary5: #FEE4EA;
  --color-primary10: #FCBACC;
  --color-primary20: #F98DAA;
  --color-primary30: #F65E88;
  --color-primary40: #F2396F;
  --color-primary50: #EE0D56;
  --color-primary60: #De0754;
  --color-primary70: #C51064;
  --color-primary80: #B4004E;
  --color-primary90: #990048;
  --color-primary100: #8c0243;
  /* secondary color */
  --color-secondary: #003675;
  --color-secondary0: #FFFFFF;
  --color-secondary5: #EDF1F5;
  --color-secondary10: #CDD7E4;
  --color-secondary20: #B4C4D6;
  --color-secondary30: #99B0CB;
  --color-secondary40: #2A5C96;
  --color-secondary50: #003675;
  --color-secondary60: #002B5E;
  --color-secondary70: #002046;
  --color-secondary80: #00162F;
  --color-secondary90: #000B17;
  --color-secondary100: #000000;
  /* postech-sub */
  --color-postech-sub: #7D7E82;
  --color-postech-sub5: #FAFBFF;
  --color-postech-sub10: #F5F6FB;
  --color-postech-sub20: #F0F2F6;
  --color-postech-sub30: #E7E8EC;
  --color-postech-sub40: #C5C6CA;
  --color-postech-sub50: #A7A8AC;
  --color-postech-sub60: #7D7E82;
  --color-postech-sub70: #696A6D;
  --color-postech-sub80: #494A4E;
  --color-postech-sub90: #28282B;

  /* silvergary */
  --color-silver0: #FFFFFF;
  --color-silver5: #FAFBFF;
  --color-silver10: #F5F6FB;
  --color-silver20: #F0F2F6;
  --color-silver30: #E7E8EC;
  --color-silver40: #C5C6CA;
  --color-silver50: #A7A8AC;
  --color-silver60: #7D7E82;
  --color-silver70: #696A6D;
  --color-silver80: #494A4E;
  --color-silver90: #28282B;
  --color-silver100: #161618;
    /* gray */
    --color-gray0: #FFFFFF;
    --color-gray5: #FCFAED;
    --color-gray10: #FCFBF0;
    --color-gray20: #F7F7EB;
    --color-gray30: #F2F2E6;
    --color-gray40: #E5E5D9;
    --color-gray50: #C2C2B7;
    --color-gray60: #A4A499;
    --color-gray70: #7A7A70;
    --color-gray80: #66665C;
    --color-gray90: #47473D;
    --color-gray100: #25251D;
  /* point */
  --color-point: #E71825;
  --color-point0: #FFFFFF;
  --color-point5: #FDF2F3;
  --color-point10: #FBD6D8;
  --color-point20: #F5A3A8;
  --color-point30: #F1747C;
  --color-point40: #EC4651;
  --color-point50: #E71825;
  --color-point60: #B9131E;
  --color-point70: #8B0E16;
  --color-point80: #5C0A0F;
  --color-point90: #2E0507;
  --color-point100: #000000;
  /* 오류 */
  --color-danger: #EB003B;
  --color-danger5: #FEECF0;
  --color-danger10: #FCD4DE;
  --color-danger20: #F799B1;
  --color-danger30: #F36689;
  --color-danger40: #EF3E5E;
  --color-danger50: #EB003B;
  --color-danger60: #D50136;
  --color-danger70: #8D0023;
  --color-danger80: #5E0018;
  --color-danger90: #2F000C;
  /* 경고, 주의 */
  --color-warning: #FFB724;
  --color-warning5: #FFF8E9;
  --color-warning10: #FFEAC1;
  --color-warning20: #FFE2A7;
  --color-warning30: #FFD47C;
  --color-warning40: #FFC550;
  --color-warning50: #FFB724;
  --color-warning60: #98690A;
  --color-warning70: #66490E;
  --color-warning80: #4D370B;
  --color-warning90: #332507;
  /* 성공, 완료 */
  --color-success: #008A1E;
  --color-success5: #EEF7F0;
  --color-success10: #CEE9D4;
  --color-success20: #B2DCBB;
  --color-success30: #8CCA99;
  --color-success40: #33A14B;
  --color-success50: #008A1E;
  --color-success60: #006E18;
  --color-success70: #005312;
  --color-success80: #00370C;
  --color-success90: #002207;
  /* 정보 제공, 강조 */
  --color-info: #2768FF;
  --color-info5: #E9F0FF;
  --color-info10: #D4E1FF;
  --color-info20: #A9C3FF;
  --color-info30: #7DA4FF;
  --color-info40: #5286FF;
  --color-info50: #2768FF;
  --color-info60: #1F53CC;
  --color-info70: #173E99;
  --color-info80: #0C1F4D;
  --color-info90: #040A1A;
  /* color palette  */
  --color-navy5: #F1F1F9;
  --color-navy10: #D3D5ED;
  --color-navy20: #A7AEDA;
  --color-navy30: #7B82C8;
  --color-navy40: #4F57B5;
  --color-navy50: #232EA3;
  --color-navy60: #1C25B2;
  --color-navy70: #151C62;
  --color-navy80: #0E1241;
  --color-navy90: #070921;

  --color-blue5: #F0F3FF;
  --color-blue10: #D2DCFE;
  --color-blue20: #A4B8FE;
  --color-blue30: #7795FD;
  --color-blue40: #4A71FC;
  --color-blue50: #1C4EFC;
  --color-blue60: #163ECA;
  --color-blue70: #112F97;
  --color-blue80: #0B1F65;
  --color-blue90: #061032;

  --color-royalBlue5: #EBF5FF;
  --color-royalBlue10: #C7E3FF;
  --color-royalBlue20: #8FC8FF;
  --color-royalBlue30: #56ACFF;
  --color-royalBlue40: #0D76AE;
  --color-royalBlue50: #0D76AE;
  --color-royalBlue60: #0A5AA6;
  --color-royalBlue70: #04407F;
  --color-royalBlue80: #002B55;
  --color-royalBlue90: #00152A;

  --color-skyBlue5: #F0F8FF;
  --color-skyBlue10: #D4F3FE;
  --color-skyBlue20: #A9E6FC;
  --color-skyBlue30: #7DDAFB;
  --color-skyBlue40: #52CDFA;
  --color-skyBlue50: #27C1F8;
  --color-skyBlue60: #1F9AC6;
  --color-skyBlue70: #177495;
  --color-skyBlue80: #0F4D63;
  --color-skyBlue90: #082732;

  --color-aqua5: #E7FDFD;
  --color-aqua10: #CEFBFB;
  --color-aqua20: #9CF6F6;
  --color-aqua30: #6BF2F2;
  --color-aqua40: #39EDED;
  --color-aqua50: #08E8E8;
  --color-aqua60: #06BABA;
  --color-aqua70: #058C8C;
  --color-aqua80: #035D5D;
  --color-aqua90: #022F2F;

  --color-teal5: #EDF8F8;
  --color-teal10: #CEEEED;
  --color-teal20: #9DD7D7;
  --color-teal30: #6DC3C3;
  --color-teal40: #3CAEAE;
  --color-teal50: #0B9B98;
  --color-teal60: #097C7C;
  --color-teal70: #075D5D;
  --color-teal80: #043E3E;
  --color-teal90: #021F1F;

  --color-green5: #EEF7EE;
  --color-green10: #CCE6CC;
  --color-green20: #99CC99;
  --color-green30: #66B366;
  --color-green40: #339933;
  --color-green50: #008000;
  --color-green60: #006600;
  --color-green70: #004D00;
  --color-green80: #003300;
  --color-green90: #001A00;

  --color-limeGreen5: #F3FCF3;
  --color-limeGreen10: #D6F5D6;
  --color-limeGreen20: #ADEBAD;
  --color-limeGreen30: #84E184;
  --color-limeGreen40: #5BD75B;
  --color-limeGreen50: #32CD32;
  --color-limeGreen60: #28A428;
  --color-limeGreen70: #1E7B1E;
  --color-limeGreen80: #145214;
  --color-limeGreen90: #0A290A;

  --color-lime5: #F7FFEA;
  --color-lime10: #EEFEDA;
  --color-lime20: #DCFFAB;
  --color-lime30: #CEFE83;
  --color-lime40: #BCF95D;
  --color-lime50: #A1F524;
  --color-lime60: #8BD013;
  --color-lime70: #6A9B16;
  --color-lime80: #476912;
  --color-lime90: #23570D;

  --color-olive5: #F8F8ED;
  --color-olive10: #EBEBCC;
  --color-olive20: #D6D699;
  --color-olive30: #C2C266;
  --color-olive40: #ADAD33;
  --color-olive50: #999900;
  --color-olive60: #7A7A00;
  --color-olive70: #5C5C00;
  --color-olive80: #3D3D00;
  --color-olive90: #1F1F00;

  --color-yellow5: #FFFBE5;
  --color-yellow10: #FFF4CC;
  --color-yellow20: #FFEE99;
  --color-yellow30: #FFE566;
  --color-yellow40: #FFD033;
  --color-yellow50: #FFD400;
  --color-yellow60: #CCA300;
  --color-yellow70: #A38200;
  --color-yellow80: #665200;
  --color-yellow90: #332900;

  --color-gold5: #F6EFDA;
  --color-gold10: #E9D6A2;
  --color-gold20: #DABB65;
  --color-gold30: #CCA01F;
  --color-gold40: #C48E00;
  --color-gold50: #BD7C00;
  --color-gold60: #BB7200;
  --color-gold70: #B86400;
  --color-gold80: #B35500;
  --color-gold90: #AB3B00;

  --color-saddleBrown5: #F8F2ED;
  --color-saddleBrown10: #ECDCCD;
  --color-saddleBrown20: #D9B99C;
  --color-saddleBrown30: #C6966A;
  --color-saddleBrown40: #B37439;
  --color-saddleBrown50: #A05107;
  --color-saddleBrown60: #804106;
  --color-saddleBrown70: #603104;
  --color-saddleBrown80: #402003;
  --color-saddleBrown90: #201001;

  --color-brown5: #F9F2F0;
  --color-brown10: #EED8D3;
  --color-brown20: #DCB0A7;
  --color-brown30: #CB897C;
  --color-brown40: #B96150;
  --color-brown50: #A83A24;
  --color-brown60: #862E1D;
  --color-brown70: #652316;
  --color-brown80: #43170E;
  --color-brown90: #220C07;

  --color-darkRed5: #FAEFF0;
  --color-darkRed10: #F1CED0;
  --color-darkRed20: #E39D9F;
  --color-darkRed30: #D56C6F;
  --color-darkRed40: #C73A3F;
  --color-darkRed50: #B9090F;
  --color-darkRed60: #94070C;
  --color-darkRed70: #6F0509;
  --color-darkRed80: #4A0306;
  --color-darkRed90: #250203;

  --color-red5: #FEF1F1;
  --color-red10: #FCCBCC;
  --color-red20: #F99999;
  --color-red30: #F56666;
  --color-red40: #F23B3B;
  --color-red50: #EE0000;
  --color-red60: #BE0000;
  --color-red70: #8F0000;
  --color-red80: #5F0000;
  --color-red90: #300000;

  --color-orange5: #FFF4F0;
  --color-orange10: #FFD4CC;
  --color-orange20: #FFB899;
  --color-orange30: #FF9C66;
  --color-orange40: #FF8033;
  --color-orange50: #FF6400;
  --color-orange60: #CC5000;
  --color-orange70: #993C00;
  --color-orange80: #662800;
  --color-orange90: #331400;

  --color-coral5: #FFF8F5;
  --color-coral10: #FFE6DC;
  --color-coral20: #FFCDB8;
  --color-coral30: #FFB495;
  --color-coral40: #FF9B71;
  --color-coral50: #FE8052;
  --color-coral60: #CB6642;
  --color-coral70: #984D31;
  --color-coral80: #663321;
  --color-coral90: #331A10;

  --color-salmon5: #FFF1F0;
  --color-salmon10: #FFE3E0;
  --color-salmon20: #FFCBC1;
  --color-salmon30: #FEACA3;
  --color-salmon40: #FE9184;
  --color-salmon50: #FD7565;
  --color-salmon60: #CA5E51;
  --color-salmon70: #97463D;
  --color-salmon80: #652F28;
  --color-salmon90: #321714;

  --color-hotPink5: #FFF5FC;
  --color-hotPink10: #FFE3F5;
  --color-hotPink20: #FFC4EC;
  --color-hotPink30: #FFAAE2;
  --color-hotPink40: #FF8DD9;
  --color-hotPink50: #FF6FCE;
  --color-hotPink60: #CC59A5;
  --color-hotPink70: #99437C;
  --color-hotPink80: #662C53;
  --color-hotPink90: #331629;

  --color-pink5: #FFF0F8;
  --color-pink10: #FFD0E9;
  --color-pink20: #FFA1D4;
  --color-pink30: #FF72BE;
  --color-pink40: #FF43A9;
  --color-pink50: #FF1493;
  --color-pink60: #CC1076;
  --color-pink70: #990C58;
  --color-pink80: #66083B;
  --color-pink90: #33041D;

  --color-fuchsia5: #FDF2FD;
  --color-fuchsia10: #F9D1F9;
  --color-fuchsia20: #F2A3F2;
  --color-fuchsia30: #EC75EC;
  --color-fuchsia40: #E547E5;
  --color-fuchsia50: #DF19DF;
  --color-fuchsia60: #B214B2;
  --color-fuchsia70: #8B0F8B;
  --color-fuchsia80: #590A59;
  --color-fuchsia90: #2D052D;

  --color-purple5: #F5EEF7;
  --color-purple10: #E1CCE6;
  --color-purple20: #C499CC;
  --color-purple30: #A666B3;
  --color-purple40: #893399;
  --color-purple50: #600080;
  --color-purple60: #4D0066;
  --color-purple70: #3A004D;
  --color-purple80: #260033;
  --color-purple90: #13001A;

  --color-blueViolet5: #F4EFFA;
  --color-blueViolet10: #DED1F1;
  --color-blueViolet20: #BDA2E3;
  --color-blueViolet30: #9B74D4;
  --color-blueViolet40: #7A45C6;
  --color-blueViolet50: #5917B8;
  --color-blueViolet60: #471293;
  --color-blueViolet70: #350E6E;
  --color-blueViolet80: #24094A;
  --color-blueViolet90: #120525;

  /* label */
  --color-badge-gold : #af9f86;
  --color-badge-gray : #999;
  /* table */
  --color-table-th : #f5f5f5;
  --color-table-main-bd : #999;
  --color-table-sub-bd : #e0e0e0;
  --color-table-main-txt : #000;
  --color-table-txt :#666;
}



/* spacing  ====================*/
:root{
  --spacing-0 : 0rem;
  --spacing-1 : 0.125rem;
  --spacing-2 : 0.25rem;
  --spacing-3 : 0.5rem;
  --spacing-4 : 0.75rem;
  --spacing-5 : 1rem;
  --spacing-6 : 1.25rem;
  --spacing-7 : 1.5rem;
  --spacing-8 : 2rem;
  --spacing-9 : 2.5rem;
  --spacing-10 : 3rem;
  
  --layout-gap-24 : 1.5rem;
  --layout-gap-32 : 2rem;
  --layout-gap-40 : 2.5rem;
  --layout-gap-64 : 4rem;
  --layout-gap-80 : 5rem;
}

/* spacing  ====================*/
:root {
  --icon-xxs : 0.75rem;
  --icon-xs : 1rem;
  --icon-sm : 1.25rem;
  --icon-r : 1.5rem;
  --icon-md : 2rem;
  --icon-lg : 3rem;
}

/* font  ====================*/

:root {
  --font-bold: 700;
  --font-regular: 400;
  --display-lg :4.125rem;
  --display-md :3.125rem;
  --display-sm :2.5rem;
  --heading-lg : 3.125rem;
  --heading-md : 2.5rem;
  --heading-sm : 2rem;
  --title-xxl :2rem;
  --title-xl :1.563rem;
  --title-lg :1.313rem;
  --title-md :1.188rem;
  --title-sm :1.063rem;
  --title-xs :0.938rem;
  --body-lg : 1.188rem;
  --body-md : 1.063rem;
  --body-sm : 0.938rem;
  --detail-lg : 1.063rem;
  --detail-md : 0.938rem;
  --detail-sm : 0.813rem;
  --label-lg:1.188rem;
  --label-md:1.063rem;
  --label-sm:0.938rem;
  --label-xs:0.813rem;
  --label-xxs:0.65rem;
  --links-lg:1.188rem;
  --links-md:1.063rem;
  --links-sm:0.938rem;
  --links-xs:0.875rem;
  --links-xxs:0.75rem;
}