{"version":3,"sources":["_button.scss","../common/mixins/_utils.scss","../common/mixins/_breakpoints.scss","_tab.scss","_table.scss","_text_list.scss","_modal.scss","_help_panel.scss","../common/mixins/_icons.scss","_accordion.scss","_spinner.scss","_contextual_help.scss","_tooltip.scss","_file_upload.scss","_coach_mark.scss","_disclosure.scss","_skip_link.scss","_masthead.scss","_header.scss","_main_menu.scss","_footer.scss","_identifier.scss","_side_navigation.scss","_structured_list.scss","_critical_alerts.scss","_in_page_navigation.scss","_carousel.scss","_pagination.scss","_breadcrumb.scss","_step_indicator.scss","_badge.scss","_tag.scss","_form_layout.scss","_input.scss","_select.scss","_form_check.scss","_form_chip.scss","_switch.scss","_calendar.scss","_resize.scss","_language_switcher.scss"],"names":[],"mappings":"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AAED;EFlFD;EACA,gBAFqB;;AEsFpB;EACC;EACA;;AAGF;EACC;;AAGD;EACC;;AACA;EACC;EACA;EACA;;ADnGF;ECgGC;IAKE;;;AAGF;EFhED;EACA;EACA;EACA;EACA;EE8DE;;AACA;EFpDF;EACA;;AEyDC;EACC;EACA;;AACA;EACC;EACA;;AAID;EACC;EACA;EACA;;AAKD;EACC;;AAKE;EACC;;AAGF;EACC;;AAGA;EACC;EACA;;AAID;EACC;EACA;;AAQL;EACC;EACA;;AACA;EFvJF,UADmB;EAGnB,QEsJyB;EFrJzB,MEqJgC;EFzIhC;EE2IG;EACA;EACA;EACA;;AAID;EACC;;AACA;EFnKH,UADmB;EAInB,MEiK0B;EACtB;;AAKF;EACC;EACA;;AACA;EACC;;;AAOL;EACC;;;AAGD;EACC;EACA;;AACA;EFxKA,SADsB;EAEtB,aEwKwC;EFvKxC,iBAHkD;EAIlD,gBEsK2B;;;ADzM3B;ECgNC;IACC;;EAMC;IACC;IACA;IACA;;EAED;IACC;IACA;;EACA;IACC;IACA;;EACA;IACC;;;AAaN;EA9NA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AFuJC;EEyDD;IA9NA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;ACnCD;AA2BA;EAxBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EAQA;;AAIE;AAAA;EAEC;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AF3CJ;EEoCG;IASE;;;AAKF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AF1DJ;EEkDG;AAAA;IAUE;;;AAQL;EACC;EACA;;AACA;EACC;;;AFxEF;EE+EA;IACC;IACA;;EACA;IACC;;EAGD;IACC;;EACA;AAAA;IAEC;;;AAWH;EAxFA;EACA;EACA;EACA;EACA;EACA;EACA;;;AHoKC;EGlFD;IAxFA;IACA;IACA;IACA;IACA;IACA;IACA;;;;ACtBD;AA8BA;EA3BC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EASA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AHxCD;EGoCA;IAME;;;AAED;EJhCD,UADmB;EAEnB,KIgCwB;EJ9BxB,MI8B+B;;AAE9B;EACC;EACA;;AACA;EACC;EACA;EACA;;AHrDH;EGkDE;IAKE;;;AAED;EACC;;AACA;EACC;EACA;EACA;;AH9DL;EG2DI;IAKE;;;AAML;EACC;;AAKA;EJjDF;EANC,OIyDkB;EJxDlB,QIwDkB;EAChB;EACA;EACA;EACA;EACA;;AAMD;EACC;;AAIH;EACC;;AACA;EACC;;AACA;EJvEF;EANC,OI+EkB;EJ9ElB,QI8EkB;EAChB;EACA;EACA;EACA;EACA;;AAMD;EJnGF,UADmB;EAEnB,KImGyB;EJjGzB,MIiGgC;;AAE9B;EACC;;;AAWH;EA1GA;EACA;EACA;;;AJiKC;EIzDD;IA1GA;IACA;IACA;;;;ACzBD;AAoEA;EAjEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EAaA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ELkDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AC1HA;EIiED;IL2DE;;;AKpDD;EACC;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AAKF;ELvEA,SADsB;EAEtB,aKuE2B;ELtE3B,iBAHkD;EAIlD,gBAJmE;EK0ElE;EACA;EACA;EACA;EACA;EACA;;AAIC;EACC,WA3ES;;AA0EV;EACC,WA3ES;;AA0EV;EACC,WA3ES;;AA8EX;ELtFD,SADsB;EAEtB,aKsF4B;ELrF5B,iBAHkD;EAIlD,gBKoFyC;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAED;ELtIF;EACA,gBKsI2B;;AAG1B;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;ELzDF;EACA;EACA;EACA;EACA,oBKsDqB;EAClB;EACA;;AAGF;ELvHD,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBKqH4B;EAC1B;EACA;EACA;EACA;;ALFF;EACC;;AAXD;EACC;EACA;;AAED;EACC;;AKSC;EACC;;AAED;ELjIF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBK+H6B;EAC1B;;AACA;EACC;;AAIH;ELzID,SADsB;EAEtB,aKyI4B;ELxI5B,iBKwIyC;ELvIzC,gBAJmE;EK4IjE;EACA;;AACA;EACC;;AAED;EACC;;AAGF;ELxKD,UADmB;EAEnB,KKwKwB;ELrKxB,OKqKmE;EACjE;;AAKF;EACC;;AACM;EACL;EACS;EACT;EACA;;AAED;AAAA;EAEC;;AAEK;EACI;EACT;EACA;EACA;EACA;EACA;;AAEK;EACI;;AAKR;EACF;EACA;EACA;EACA;EACA;;AAEM;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;ELtMP,SADsB;EAEtB,aKsMqC;ELrMrC,iBKqMkD;ELpMlD,gBAJmE;EKyMxD;EACT;;AACS;EACI;;AAGR;EACI;EACA;;ALtFX;EACC;;AAXD;EACC;EACA;;AAED;EACC;;AK8FM;EACL;EACA;;AAEK;EACI;;AAGT;EACC;;AACA;EACC;;AAKF;EACC;;;AAMJ;AJ1QC;EI+QE;IACC;IACA;IACA;IACA;;EACA;IACC;;EACA;IACC;;EAGF;IACC;;EAED;IACC;IACA;;EAEC;IACC;;EAIH;IACC;;EAGD;IACC;IACA;;EAMH;IACC;;EAEA;IACC;IACA;IACA;;EACA;ILpSF,OKqSmB;ILpSnB,QKoSmB;;;AAWpB;EAvSA;EACA;EACA;EACA;EACA;EACA;EACA;;ALsHA;EACC;;AAX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;AAED;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;;AAIH;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAED;EACC;;AAMH;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;;AAYJ;EA9HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ARiKC;EQ5CD;IA9HA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;APtBA;EOkJA;IACC;IACA;IACA;;;ACxJF;AAoBA;EAjBC;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EToBA,SADsB;EAEtB,aSZuC;ETavC,iBSb0B;ETc1B,gBAJmE;ESTnE;ETVA,USWsB;ETVtB,KSUoC;ETRpC,MSQ2C;EAC3C;EACA;EACA;EACA;EACA;EACA;;AR7BA;EQiBD;IAeE;;;AAED;EACC;EACA;EACA;EACA;EACA;EAEC;EACA;EAED;;;AAIF;EAEC;EAEA;;AACA;EACC;EACA;EACA;;;AAIF;EACC;IAAO;;EACP;IAAK;;;AASL;EA9DA;EACA;EACA;EACA;;;AT2KC;EShHD;IA9DA;IACA;IACA;IACA;;;;ACfD;AA+BA;EAzBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EVOA,SADsB;EAEtB,aUD0B;EVE1B,iBAHkD;EAIlD,gBAJmE;EUEnE;;AACA;EACC;;AAED;EVLA,SADsB;EAEtB,aUK2B;EVJ3B,iBAHkD;EAIlD,gBAJmE;EUQlE;;AACA;EVRD,SADsB;EAEtB,aUQ2B;EVP3B,iBAHkD;EAIlD,gBAJmE;EUWjE;EACA;;AACA;EACC;;AAED;EACC;;AAED;EACC;;AAIH;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EV3CD;EANC,OUmDiB;EVlDjB,QUkDiB;EAChB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EVMD;EACA;EACA;EACA;EACA,oBUToB;EAClB;EACA;EACA;;AAED;EVxDD,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBUsD4B;EAC1B;EACA;EACA;EACA;;AAED;EVnFD,UADmB;EAEnB,KUmFwB;EVhFxB,OUgF0E;;AAIzE;EACC;EACA;;AACA;EACC;;AAKF;EV9CA;EACA;;AU+CC;EACC;EACA;;AAKF;EACC;EACA;;AACA;EACC;;AAKF;EACC;EACA;;AACA;EACC;;AAKF;EACC;EACA;;AACA;EACC;EACA;EACA;;;AAYH;EAzIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AV8JC;EU7BD;IAzIA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;ATzBA;ESkKC;IACC;IACA;IACA;;EACA;IACC;;EAGD;IACC;;EAED;IACC;;;ACjLJ;AAqBA;EAlBC;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EASA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACC;EACA;;AACD;EACC;;AAED;EACC;EACA;EXXD;EANC,OWmBgB;EXlBhB,QWkBgB;EAChB;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAID;EACC;;AAKD;EACC;EACA;EACA;;AAGA;EACC;;AAID;EACC;;AAKF;EACC;;AAGA;EACC;;;AAUH;EA9FA;EACA;EACA;EACA;EACA;;;AX0KC;EWhFD;IA9FA;IACA;IACA;IACA;IACA;;;;AVbA;EU8GA;IACC;;;AAIF;EACC;IACC;IXtDA;IACA;;EWuDA;IACC;;EAED;IACC;;;AC9HH;AAuCA;EApCI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EZEH,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBYK6B;EAC1B;EACA;;AAEA;EACI;EACA;EACA;;AX/CP;EW4CG;IAMQ;;;AAKJ;EACI;EACA;;AXzDX;EWuDO;IAIQ;IACA;;;AAMZ;EZlCH,SADsB;EAEtB,aYkC0D;EZjC1D,iBYiC6C;EZhC7C,gBYgCgC;EACzB;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AX5EX;EW0EO;IAIQ;;;AAGR;EZgBP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AYrBO;EACI;;AAIR;EZzDH,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBYuDiC;EAC1B;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;;AAGR;EZrEP,SADsB;EAEtB,aYqEkD;EZpElD,iBAHkD;EAIlD,gBYmEqC;EAC1B;EACA;;AACA;EACI;EACA;EACA;EACA;;AX7Gf;EWyGW;IAOQ;IACA;;;AAGJ;EACI;EACA;;AACA;EACI;;AAIZ;EZ5FX,SADsB;EAEtB,aY4FwC;EZ3FxC,iBAHkD;EAIlD,gBAJmE;EY+FpD;;AACA;EACI;;AAEJ;EACI;EZ3CnB;EACA;EACA;EACA;EACA,oBYwCqC;;AXpIrC;EWkIe;IAKQ;;;AAGR;EACI;EACA;EACA;;AAEJ;ELhJf;EPsBC,OY2H2C;EZ1H3C,QY0H2C;EL/I5C;EAEC;EAED;;AK4ImB;ELrInB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AKwHkB;ELxInB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AN5BD;EWyJe;IAEQ;IACA;;EACA;IACI;IACA;IACA;;;AAKhB;EZrIX,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBAJmE;EYwIpD;EACA;EACA;EACA;EACA;EACA;;AACA;EZlJf;EYoJmB;ELhLnB;EPsBC,OY2J2C;EZ1J3C,QY0J2C;EL/K5C;EAEC;EAED;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AKyJM;EZzKP,UADmB;EAEnB,KYyKgC;EZtKhC,OYsKuC;;;AAUpC;EA3KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AZyJF;EYSE;IA3KA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;ACjCJ;AA4BA;EAzBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EAUA;;AAEA;EACE;EACA;;AAGF;AAAA;EAGE;EACA;;AAGF;Eb/BD,UADmB;EAEnB,Ka+ByB;Eb5BzB,Oa4BgC;EbZhC,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBaU6B;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACD;EACA;EACA;EACA;Eb/BF;EANC,OawCoB;EbvCpB,QauCoB;EbjDrB,UADmB;EAEnB,KaiD2B;Eb9C3B,Oa8CqC;EAChC;EACH;EACA;EACA;EACA;EACA;EACA;;AAGC;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EbpDH,SADsB;EAEtB,aaoDmD;EbnDnD,iBamD+B;EblD/B,gBAJmE;EauD9D;EACA;EACA;EACA;;AACA;Eb1DL,SADsB;EAEtB,aa0DiC;EbzDjC,iBAHkD;EAIlD,gBAJmE;Ea6D5D;;AACA;Eb7DP,SADsB;EAEtB,aa6DmC;Eb5DnC,iBAHkD;EAIlD,gBAJmE;EagE1D;;AACA;EACE;EACA;;AAKR;EbvEH,SADsB;EAEtB,aauE+B;EbtE/B,iBasE4C;EbrE5C,gBAJmE;Ea0E9D;;;AAUJ;EApGA;EACA;EACA;EACA;EACA;;;AboKA;EapEA;IApGA;IACA;IACA;IACA;IACA;;;;AZnBD;EY4HG;IACE;IACA;;EACA;IbnHL,UADmB;IAEnB,KamH6B;IbhH7B,OagHyC;IAClC;IACA;;EAIJ;IACE;;;AC1IN;AAwBA;EArBI;EACA;EACA;EACA;EACA;EACA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A;EACA;EACA;EACA;;AUqHG;EV5HH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AU6HD;AAGE;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMD;EACC;;AAMD;EACC;;;AAWH;EAzKA;EACA;EACA;EACA;EACA;;AAuKC;EACC;;AAIC;EV/LH;EPsBC,OiB0KqB;EjBzKrB,QiByKqB;EV9LtB;EAIA;;AU8LG;EACC;;;AjBbH;EiBAD;IAzKA;IACA;IACA;IACA;IACA;;EAuKC;IACC;;EAIC;IV/LH;IPsBC,OiB0KqB;IjBzKrB,QiByKqB;IV9LtB;IAIA;;EU8LG;IACC;;;;AhB3KJ;EgBuLG;IACC;;EAMJ;IACC;;EAIG;IACC;;EAMH;AAAA;AAAA;AAAA;AAAA;AAAA;IAMC;;EAED;IACC;IACA;;;AhB3NH;EgBoOC;IACC;IACA;IACA;;EAIA;IACC;;EAGA;IACC;;EAED;IAEC;;EAGF;IACC;;;AhB1QH;EgBoRE;IACC;;EAED;IACC;;;AC3RJ;AACA;AAkEA;EA/DC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAUA;EACA;EACA;EACA;EACA;;AAEA;ElB1CA,SADsB;EAEtB,aAFiC;EAGjC,iBkByC2B;ElBxC3B,gBAJmE;EkB6ClE;;AAEA;ElB9CD,SADsB;EAEtB,akB8C6C;ElB7C7C,iBkB6C4B;ElB5C5B,gBAJmE;EkBiDjE;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EAEC;EACA;;AAED;EAEC;ElBlEH;;AkBqEE;ElBpFF,UADmB;EAGnB,QkBmFyB;ElBlFzB,MkBkFgC;ElB5E/B,OkB6EkB;ElB5ElB,QkB4EqB;EACnB;EA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M;EX9aN;EPsBC,OOvBqB;EPwBrB,QOxBqB;EAGtB;EAIA;;AW8aM;AAAA;EACC;;AAUP;EACC;;;AlBxQA;EkBwND;IA3WA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EA2VG;IXtZH;IPsBC,OkBiYqB;IlBhYrB,QkBgYqB;IXrZtB;IAIA;;EWoZI;IACC;;EAUD;IXraJ;IPsBC,OkBgZsB;IlB/YtB,QkB+YsB;IXpavB;IAIA;;EWwaM;IX9aN;IPsBC,OOvBqB;IPwBrB,QOxBqB;IAGtB;IAIA;;EW8aM;AAAA;IACC;;EAUP;IACC;;;;AAKF;AAyGA;EAtGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAQA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AACA;EACC;;AAID;EACC;;AAIF;ElBpjBA,SADsB;EAEtB,akBojBwC;ElBnjBxC,iBAHkD;EAIlD,gBkBkjB2B;ElBzkB3B,UADmB;EAEnB,KkBykBuB;ElBtkBvB,OkBskB8B;EAC7B;EACA;EACA;;AAEA;ElB3jBD,SADsB;EAEtB,akB2jByC;ElB1jBzC,iBAHkD;EAIlD,gBkByjB4B;EAC1B;EACA;EACA;;AAEA;ElBjkBF,SADsB;EAEtB,aAFiC;EAGjC,iBkBgkB6B;ElB/jB7B,gBAJmE;;AkBokBhE;ElBnkBH,SADsB;EAEtB,akBmkB8B;ElBlkB9B,iBAHkD;EAIlD,gBAJmE;;AkBskB/D;ElBrkBJ,SADsB;EAEtB,akBqkB+B;ElBpkB/B,iBAHkD;EAIlD,gBAJmE;;AkBwkB9D;EACC;;AACA;ElB9kBN;EkBglBO;EACA;EACA;EACA;;AAOL;ElBrlBF,SkBslB4B;ElBrlB5B,akBqlB8C;ElBplB9C,iBAHkD;EAIlD,gBAJmE;EkBwlBhE;;AACA;EACC;;AAIF;ElB7lBF,SADsB;EAEtB,aAFiC;EAGjC,iBkB4lB6B;ElB3lB7B,gBAJmE;EkBgmBhE;;AACA;ElBhmBH,SkBimByB;ElBhmBzB,akBgmBsC;ElB/lBtC,iBkB+lB8C;ElB9lB9C,gBkB8lBsD;EAClD;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;;AAMJ;ElBvnBD,SADsB;EAEtB,akBunByC;ElBtnBzC,iBAHkD;EAIlD,gBkBqnB4B;EAC1B;EACA;EACA;;AAGA;EACC;EACA;EACA;;AACA;ElBloBH,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBkBgoB8B;EAC1B;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAED;ElB/oBJ,SADsB;EAEtB,akB+oB+B;ElB9oB/B,iBAHkD;EAIlD,gBAJmE;EkBkpB9D;EACA;EACA;EACA;EACA;;AACA;EAEC;EACA;;AAED;ElB3rBL;EACA,gBAFqB;EkB8rBf;;AAED;EACC;EACA;;AAIH;ElBrqBH,SADsB;EAEtB,akBqqB2C;ElBpqB3C,iBAHkD;EAIlD,gBkBmqB8B;EAC1B;EACA;;AACA;EACC;;AACA;EACC;;AAED;ElB9qBL,SADsB;EAEtB,akB8qBgC;ElB7qBhC,iBAHkD;EAIlD,gBAJmE;EkBirB7D;EACA;EACA;EACA;EACA;;AAED;ElBtrBL,SADsB;EAEtB,akBsrBgC;ElBrrBhC,iBAHkD;EAIlD,gBAJmE;EkByrB7D;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;;AAGA;ElB3sBP;EO5BA;EPsBC,OkBmtBgC;ElBltBhC,QkBktBgC;EXvuBjC;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EWutBQ;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAKJ;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;ElBhuBN,SADsB;EAEtB,akBguB8C;ElB/tB9C,iBAHkD;EAIlD,gBkB8tBiC;EAC1B;EACA;;AAED;EACC;EACA;EACA;;AAED;ElB1uBN,SADsB;EAEtB,akB0uBiC;ElBzuBjC,iBAHkD;EAIlD,gBAJmE;EkB6uB5D;EACA;EACA;EACA;;AACA;EACC;;AAED;ElBnxBP;EACA,gBAFqB;;AkBuxBd;EACC;;AAED;EACC;;AAED;EACC;EACA;EACA;;AAGA;ElBvwBR;EO5BA;EPsBC,OkB+wBiC;ElB9wBjC,QkB8wBiC;EXnyBlC;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EWmxBS;EACA;EACA;;AAML;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;ElBxxBL,SADsB;EAEtB,akBwxBoD;ElBvxBpD,iBkBuxBgC;ElBtxBhC,gBAJmE;EkB2xB7D;EACA;EACA;;AAED;EACC;;AACA;EACC;EACA;EACA;;AAED;ElBryBN,SADsB;EAEtB,akBqyB8C;ElBpyB9C,iBAHkD;EAIlD,gBkBmyBiC;EAC1B;;AACA;ElBxyBP,SADsB;EAEtB,akBwyBkC;ElBvyBlC,iBAHkD;EAIlD,gBAJmE;EkB2yB3D;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;;AAKJ;EACC;EACA;;AAMJ;ElBr0BF,SADsB;EAEtB,akBq0B0C;ElBp0B1C,iBAHkD;EAIlD,gBkBm0B6B;EAC1B;EACA;;AAIF;ElBh2BD,UADmB;EAEnB,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jB;;;AoBGD;EACC;;AnB1BD;EmByBA;IAGE;IACA;;;;AAUF;EACC;;AACA;EACC;;;ApB6ID;EoBhJD;IACC;;EACA;IACC;;;;AC7CH;AA2CA;EAxCC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EASA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;AAGA;EACC;;AACA;ErBxBF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBAJmE;EqB2BhE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;;AAED;ErBxEH;EACA,gBAFqB;;AqB4ElB;EACC;EACA;;AAID;ErBtDH;EqBwDI;EdpFJ;EPsBC,OqB+D4B;ErB9D5B,QqB8D4B;EdnF7B;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EcmEI;EACA;EACA;EACA;;AAED;EACC;;AACA;EACC;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;AACA;ErBtFJ;;AqByFI;EACC;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AAED;ErB1GH,SADsB;EAEtB,aqB0G2C;ErBzG3C,iBAHkD;EAIlD,gBqBwG8B;EAC1B;EACA;EACA;;AAED;ErBhHH,SADsB;EAEtB,aqBgH+D;ErB/G/D,iBqB+G2C;ErB9G3C,gBqB8G8B;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;ErB/HJ;EO5BA;EPsBC,OOvBqB;EPwBrB,QOxBqB;EAGtB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ec2IK;;AAED;ErBhKJ;EACA,gBAFqB;;AqBoKjB;EACC;;AAED;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;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CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EtBlPF;EACA;EACA;EACA;EACA,oBsB+OqB;;AAEnB;EtB7SF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBAJmE;;AsBoTjE;EtBnTF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBAJmE;EsBsThE;EACA;EACA;;AACA;EACC;EACA;EACA;;AAEC;EACC;EtBnUN;EsBqUM;EACA;EACA;EACA;;AAML;EACC;;AAED;EACC;EACA;;AAIF;EACC;EACA;;AAGC;EACC;;;ArB7WH;EqBsXA;IACC;IAEA;;EAEA;IACC;;;ArBvYF;EqB8YA;IACC;;EAEA;AAAA;IAEC;;EAGD;IACC;IACA;;EACA;IACC;IACA;;EAED;IACC;IACA;;EAGF;IACC;IACA;IACA;IACA;;EAED;IACC;;EACA;IACC;;EAED;IACC;IACA;;EAGF;IACC;;EAED;IACC;IACA;;EAMD;IAEC;IACA;IACA;;EAEA;IACC;;EAED;IACC;;EAED;IACC;IACA;IACA;;EACA;IACC;;EAED;IACC;;EAOD;IACC;;;AAWJ;EAjYA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA0XG;EACC;;AAED;EACC;;AAQA;EfvfJ;EPsBC,OsBke6B;EtBje7B,QsBie6B;Eftf9B;EAIA;;;APkLC;EsB6SD;IAjYA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EA0XG;IACC;;EAED;IACC;;EAQA;IfvfJ;IPsBC,OsBke6B;ItBje7B,QsBie6B;Iftf9B;IAIA;;;;AgBRD;AAsDA;EAlDI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACH;EACG;EACA;EACA;EACA;EvBFH,SADsB;EAEtB,auBsB0C;EvBrB1C,iBAHkD;EAIlD,gBuBoB6B;EAC1B;EACA;EACA;EACA;EACA;;AACA;EvB7BH,SADsB;EAEtB,auB6BiC;EvB5BjC,iBAHkD;EAIlD,gBAJmE;EuBgC5D;EACA;EACA;EACA;EACA;EACN;;AAEE;EvBtCH,SADsB;EAEtB,auBsCiC;EvBrCjC,iBAHkD;EAIlD,gBAJmE;EuByC5D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AtB/EP;EsBsEG;IAWD;;;AAEK;EACA;EvBzDP;EANC,OuBiEsB;EvBhEtB,QuBgEsB;EAChB;EACA;EACA;;AAEA;EAjDJ,kBAHmB;;AAKnB;EhBhCH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AgBkEM;EApDJ,kBAHmB;;AAKnB;EhBhCH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AgBqEM;EAvDJ,kBAHmB;;AAKnB;EhBhCH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AgByEE;EACI;EACA;EvBfP;EACA;EACA;EACA;EACA,oBuBYyB;;;AtBxGzB;EsB8GG;IACI;;EACA;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;EACA;IvBvGV,OuBwG8B;IvBvG9B,QuBuG8B;;;AAY5B;EA9GA;EACA;EACA;EACH;EACG;EACA;EACA;EACA;;;AvBqJF;EuB9CE;IA9GA;IACA;IACA;IACH;IACG;IACA;IACA;IACA;;;;ACrCJ;AAkCA;EA9BC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAUA;ExBvBA,UwBwBuB;ExBvBvB,KwBuBkC;ExBpBlC,OwBoBoF;ExBJpF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBwBE2B;EAC1B;EACA;EACA;EACA;;AACA;EACC;;AAED;ExBbD,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBwBW4B;EAC1B;;AACA;EACC;;AAED;EACC;EACA;EACA;;AAID;ExB1BF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBwBwB6B;EAC1B;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;;AAED;EACC;EACA;EACA;;AAKJ;ExBvDD,SADsB;EAEtB,awBuDyC;ExBtDzC,iBAHkD;EAIlD,gBwBqD4B;EAC1B;;AACA;EACC;;AAED;EACC;EACA;;;AASF;EACC;;;AAYD;EAlGD;EACA;EACA;EACA;EACA;EACA;EACA;;AAiGG;EACC;;AAKA;EACC;EACA;;AACA;EACC;;AAED;EACC;;AAED;EACC;EACA;;AAMH;EACC;;;AxBqCH;EwBlEA;IAlGD;IACA;IACA;IACA;IACA;IACA;IACA;;EAiGG;IACC;;EAKA;IACC;IACA;;EACA;IACC;;EAED;IACC;;EAED;IACC;IACA;;EAMH;IACC;;;;AAQL;EAEE;IACC;;EAGA;IACC;;EAGF;IACC;;;AAIH;EAEE;IACC;;;AvB5KF;EuBoLC;IACC;;EAED;IACC;IACA;IACA;;EACA;IACC;;EAGD;IACC;;;ACnMJ;AAIA;EzB+BC,SADsB;EAEtB,ayB/B4C;EzBgC5C,iByBhC6B;EzBiC7B,gBAJmE;EyB5BhE;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EzBmBP,SADsB;EAEtB,ayBnBkD;EzBoBlD,iByBpBqC;EzBqBrC,gBAJmE;EyBhBxD;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACZ;;AAIA;AAAA;EzBjBH,UyBmByB;EzBlBzB,KyBkBmC;EzBjBnC,QyBiByC;EzBhBzC,MyBgB+C;EzBf/C,OyBeqD;EAC9C;;AAEJ;EACI;EACA;;;AAIR;EzBRC,SADsB;EAEtB,ayBQ0C;EzBP1C,iByBO6B;EzBN7B,gBAJmE;EyBWhE;EACA;;AACA;EzBvBF,OyBwBsB;EzBvBtB,QyBuBsB;EACtB;EACM;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACN;EACA;EACA;EACA;EACA;EACA;;AACM;EACI;;;AAKZ;EzBpCC,SADsB;EAEtB,ayBoC0C;EzBnC1C,iByBmC6B;EzBlC7B,gBAJmE;EyBuChE;;;AAGJ;EzBzCC,SADsB;EAEtB,ayByC2C;EzBxC3C,iByBwC8B;EzBvC9B,gBAJmE;EAVlE,OyBsDkB;EzBrDlB,QyBqDkB;EACnB;EACG;EACA;EACA;;AACA;EzBrDH;EO5BA;EPsBC,OOvBqB;EPwBrB,QOxBqB;EAGtB;EAIA;EkB8EO;;AAEP;EACC;;;AAKE;ElB/EH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AkB8EG;ElBrFH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AkBoFG;ElB3FH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AkB2FG;AAAA;ElBlGH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AkB8FG;AAAA;EACI;;AAEJ;AAAA;EACI;;AAEJ;AAAA;EACI;EACA;;AACA;AAAA;EACI;;;AAIZ;EACI;;AACA;EACI;;;AAGR;EACI;;AACA;EACI;;;AAUL;EACC;;AAGA;EACC;;AAOH;EACC;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;AAKH;EACC;EACA;EACA;;AACA;EACC;;AAED;EACC;;AAMD;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;EACC;;AACA;AAAA;EACC;;;AzBfF;EyBrCC;IACC;;EAGA;IACC;;EAOH;IACC;;EACA;IACC;;EAGF;IACC;IACA;IACA;IACA;;EACA;IACC;;EAKH;IACC;IACA;IACA;;EACA;IACC;;EAED;IACC;;EAMD;AAAA;IACC;;EAED;AAAA;IACC;;EAED;AAAA;IACC;;EACA;AAAA;IACC;;;;AxBtMH;EwBgNO;IACI;;EAGA;IACI;;;ACxNhB;AA4BA;EAXI;EACA;EACA;EACA;EACA;EACA;EACA;EApBA;EACA;EACA;EACA;EACA;EACA;;AzBL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6NE;ExBtNF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AwB2MC;ExB3NF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AwBgNC;ExBhOF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AP2JA;E+BuBD;IApMA;IACA;IACA;IACA;;EAoMC;AAAA;IAEC;;EAIA;IxBxNF;IPsBC,O+BmM2B;I/BlM3B,Q+BkM2B;IxBvN5B;IAIA;IAOA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EwB0ME;IxB9NF;IPsBC,O+ByM2B;I/BxM3B,Q+BwM2B;IxB7N5B;IAEC;IAED;;EwB6NE;IxBtNF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EwB2MC;IxB3NF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EwBgNC;IxBhOF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;AwBuNF;AACA;E/BpNC,SADsB;EAEtB,a+BoN0B;E/BnN1B,iBAHkD;EAIlD,gBAJmE;E+BuNnE;;AACA;E/BvNA,SADsB;EAEtB,a+BuNwC;E/BtNxC,iBAHkD;EAIlD,gB+BqN0B;;AACzB;EACC;;AAID;EACC;;AAKA;E/B/OD,O+BgPkB;E/B/OlB,Q+B+OkB;;;AAKpB;EACC;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAGF;EACC;EACA;EACA;EACA;;;A9BxRD;E8BgSE;IACC;;AAKH;EACA;IACC;IACA;;EAIC;IACC;;EACA;IACC;IACA;IACA;;;ACrTL;AAoFA;EAnBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAhDA;EAIE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAKF;EAYA;EACA;EACA;;A/BnDA;E+BqCA;IAmBC;;;AAfC;EAQF;EACA;EACA;;A/BnDA;E+ByCE;IAeD;;;AAfC;EAQF;EACA;EACA;;A/BnDA;E+ByCE;IAeD;;;AAfC;EAQF;EACA;EACA;;A/BnDA;E+ByCE;IAeD;;;AAfC;EAQF;EACA;EACA;EAEC;;A/BrDD;E+ByCE;IAeD;;;AA6BD;EAEC;EACA;EACA;EhCyHD;EgCvHC;EACA;EACA;EACA;EACA;;AAED;EAEC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AAED;EACC;;AAGF;EACC;EACA;EACA;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EhC9CA;EACA;EACA;EACA;EACA,oBgC2CmB;;;AAInB;EACC;EACA;EACA;EACA;EACA;EACA;;;AAID;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKH;EhChIC,SADsB;EAEtB,agCgIqC;EhC/HrC,iBAHkD;EAIlD,gBgC8HyB;EACzB;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EhC1IA,SADsB;EAEtB,agC2I0B;EhC1I1B,iBgC0IuC;EhCzIvC,gBAJmE;EgC8InE;EACA;EACA;EACA;;A/BhLA;E+BqKD;IAaE;;;AAED;EACC;;;AAKA;EACC;;;AAMH;EhCjKC,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBAJmE;EgCoKnE;;AACA;EACC;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;;AAKH;AACA;EACC;EAEA;EACA;EACA;;AACA;EACC;EACA;;AAED;EhCjNA,UADmB;EAEnB,KgCiNuB;EhC9MvB,OgC8MgC;EAC/B;;AAGM;EACI;;;AhC1DX;AgC6EA;;AATA;EA/KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EhCsIA;;AgC+BA;EACC;EACA;;AAID;EACC;;;AhCjEA;EADD;AgCgEA;;EATA;IA/KA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IhCsIA;;EgC+BA;IACC;IACA;;EAID;IACC;;;;AC3PF;AAqFA;EAjCC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAvCA;EAKE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAIF;EAkCA;EACA;EACA;EACA;EACA;EACA;;AhC1EA;EgCmCA;IAyCC;;;AApCC;EA6BF;EACA;EACA;EACA;EACA;EACA;;AhC1EA;EgCwCE;IAoCD;;;AApCC;EA6BF;EACA;EACA;EACA;EACA;EACA;;AhC1EA;EgCwCE;IAoCD;;;AApCC;EA6BF;EACA;EACA;EACA;EACA;EACA;;AhC1EA;EgCwCE;IAoCD;;;AAUD;EACC;EACA;E1B5ED;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E0B8DA;EjCwHD;EiCtHC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAED;EACC;EACA;;AAED;E1BpGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E0BsFA;EACA;EACA;;;AAKD;EACC;EACA;;;AAOD;EAjFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EjCiJA;EOtMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E0B2GA;;AACA;E1B5HD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E0B8GC;;;AjC6CD;EiCrDD;IAjFA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IjCiJA;IOtMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;I0B2GA;;EACA;I1B5HD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;I0B8GC;;;;AAKH;AA2CA;EAjBC;EACA;EACA;EACA;EAiBA;EACA;EAIE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIF;E1B1LA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E0B4KD;EACA;EACA;EACA;EACA;EACA;;AACA;EA/BA;EACA;EACA;EACA;;AhClLA;EgC8MA;IAvBC;;;AA2BC;EAnCF;EACA;EACA;EACA;;AhClLA;EgCkNE;IA3BD;;;AA2BC;EAnCF;EACA;EACA;EACA;;AhClLA;EgCkNE;IA3BD;;;AA2BC;EAnCF;EACA;EACA;EACA;EAEC;;AhCpLD;EgCkNE;IA3BD;;;AAgCD;EACC;;AAED;EACC;;;AAOD;EAzDA;EACA;EACA;EACA;E1BhKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E0ByMA;;AACA;EACC;;AAED;EACC;;;AjCnDD;EiC2CD;IAzDA;IACA;IACA;IACA;I1BhKA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;I0ByMA;;EACA;IACC;;EAED;IACC;;;;AC7OH;AACA;AAAA;ElCmGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AkCvGD;EACC;;;AAED;EACC;EACA;;AACA;EACC;;;AAIF;ElCmBC,SADsB;EAEtB,aAFiC;EAGjC,iBkCpB0B;ElCqB1B,gBAJmE;EkChBnE;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;EpC5H1B,MoC4HiC;EpC3GjC,SADsB;EAEtB,aoC2G8B;EpC1G9B,iBoC0G2C;EpCzG3C,gBAJmE;EAVlE,OoC2Ee;EpC1Ef,QoC0Ee;EAChB;EA6CI;EACA;EACA;EACA;;AACA;EpCvHJ;EO5BA;EPsBC,OoCqFwB;EpCpFxB,QoCoFwB;E7BzGzB;EAIA;E6BsGA;E7B/FA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E6BoIK;;AAOF;EACC;;AACA;EA1DJ;EA4DK;;AACA;E7BvJL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E6BkJM;;AAQH;EACC;;AACA;EACC;EACA;;AACA;EACC;;;AAaN;EA7HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ApC2GC;EoCSD;IA7HA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;AC/ED;AA8CA;EA3CC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAUA;EACA;EACA;EACA;;AACA;ErCvCA,UADmB;EAEnB,KqCuCuB;ErCrCvB,MqCqCkC;EACjC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;ErC9BD,SADsB;EAEtB,aqC8B4B;ErC7B5B,iBqC6ByC;ErC5BzC,gBAJmE;EqCiCjE;EACA;EACA;EACA;;AACA;ErCpCF,SADsB;EAEtB,aqCoC6B;ErCnC7B,iBqCmC0C;ErClC1C,gBAJmE;EAVlE,OqCiDkB;ErChDlB,QqCgDkB;EAChB;EACA;EACA;EACA;;AACA;ErChDH;EO5BA;EPsBC,OqCwDqB;ErCvDrB,QqCuDqB;E9B5EtB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E8B4DI;;AAGA;EACC;;AAIH;ErCvDF,SADsB;EAEtB,aqCuD6B;ErCtD7B,iBqCsD0C;ErCrD1C,gBAJmE;EqC0DhE;;AACA;ErC1D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","file":"component.css","sourcesContent":["/* 버튼 / 링크 */\n//사이즈 정의\n@mixin button-size-variable() {\n\t//변수 배열 설정\n\t$button-size: (\n\t\txsmall: (\n\t\t\tsize-height: var(--krds-size-height-5),\n\t\t\tpadding-x: var(--krds-padding-4),\n\t\t\tpadding-y: 0,\n\t\t\tgap: var(--krds-gap-1),\n\t\t\tradius: var(--krds-radius-small3),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-small),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-small),\n\t\t\tfont-weight: var(--krds-font-weight-regular),\n\t\t),\n\t\tsmall: (\n\t\t\tsize-height: var(--krds-size-height-6),\n\t\t\tpadding-x: var(--krds-padding-5),\n\t\t\tpadding-y: 0,\n\t\t\tgap: var(--krds-gap-1),\n\t\t\tradius: var(--krds-radius-medium1),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-small),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-small),\n\t\t\tfont-weight: var(--krds-font-weight-regular),\n\t\t),\n\t\tmedium: (\n\t\t\tsize-height: var(--krds-size-height-7),\n\t\t\tpadding-x: var(--krds-padding-6),\n\t\t\tpadding-y: 0,\n\t\t\tgap: var(--krds-gap-2),\n\t\t\tradius: var(--krds-radius-medium2),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-medium),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-medium),\n\t\t\tfont-weight: var(--krds-font-weight-regular),\n\t\t),\n\t\tlarge: (\n\t\t\tsize-height: var(--krds-size-height-8),\n\t\t\tpadding-x: var(--krds-padding-7),\n\t\t\tpadding-y: 0,\n\t\t\tgap: var(--krds-gap-2),\n\t\t\tradius: var(--krds-radius-medium3),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-large),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-large),\n\t\t\tfont-weight: var(--krds-font-weight-regular),\n\t\t),\n\t\txlarge: (\n\t\t\tsize-height: var(--krds-size-height-9),\n\t\t\tpadding-x: var(--krds-padding-8),\n\t\t\tpadding-y: 0,\n\t\t\tgap: var(--krds-gap-2),\n\t\t\tradius: var(--krds-radius-medium4),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-large),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-large),\n\t\t\tfont-weight: var(--krds-font-weight-regular),\n\t\t),\n\t) !default;\n\n\t//css variable 생성\n\t@each $size, $types in $button-size {\n\t\t@each $type, $value in $types {\n\t\t\t//css variable 생성\n\t\t\t--krds-button--#{$type}-#{$size}: #{$value};\n\t\t}\n\t}\n\n\t//class 정의\n\t& {\n\t\t@include btn-size(large);\n\t\t& {\n\t\t\t@each $size, $types in $button-size {\n\t\t\t\t&.#{$size} {\n\t\t\t\t\t@include btn-size(#{$size});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//컬러 정의\n@mixin button-color-variable($mode) {\n\t//변수 배열 정의\n\t$button-color-variable: (\n\t\tprimary: (\n\t\t\tfill: var(--krds-#{$mode}-color-button-primary-fill),\n\t\t\tfill-hover: var(--krds-#{$mode}-color-button-primary-fill-hover),\n\t\t\tfill-pressed: var(--krds-#{$mode}-color-button-primary-fill-pressed),\n\t\t\tfill-disabled: var(--krds-#{$mode}-color-button-disabled-fill),\n\t\t\tborder: var(--krds-#{$mode}-color-button-primary-fill),\n\t\t\tborder-disabled: var(--krds-#{$mode}-color-button-disabled-border),\n\t\t\ttext: var(--krds-#{$mode}-color-text-inverse-static),\n\t\t\ttext-disabled: var(--krds-#{$mode}-color-text-disabled-on),\n\t\t),\n\t\tsecondary: (\n\t\t\tfill: var(--krds-#{$mode}-color-button-secondary-fill),\n\t\t\tfill-hover: var(--krds-#{$mode}-color-button-secondary-fill-hover),\n\t\t\tfill-pressed: var(--krds-#{$mode}-color-button-secondary-fill-pressed),\n\t\t\tfill-disabled: var(--krds-#{$mode}-color-button-disabled-fill),\n\t\t\tborder: var(--krds-#{$mode}-color-button-secondary-border),\n\t\t\tborder-disabled: var(--krds-#{$mode}-color-button-disabled-border),\n\t\t\ttext: var(--krds-#{$mode}-color-text-primary),\n\t\t\ttext-disabled: var(--krds-#{$mode}-color-text-disabled-on),\n\t\t),\n\t\ttertiary: (\n\t\t\tfill: var(--krds-#{$mode}-color-button-tertiary-fill),\n\t\t\tfill-hover: var(--krds-#{$mode}-color-button-tertiary-fill-hover),\n\t\t\tfill-pressed: var(--krds-#{$mode}-color-button-tertiary-fill-pressed),\n\t\t\tfill-disabled: var(--krds-#{$mode}-color-button-disabled-fill),\n\t\t\tborder: var(--krds-#{$mode}-color-button-tertiary-border),\n\t\t\tborder-disabled: var(--krds-#{$mode}-color-button-disabled-border),\n\t\t\ttext: var(--krds-#{$mode}-color-text-basic),\n\t\t\ttext-disabled: var(--krds-#{$mode}-color-text-disabled-on),\n\t\t),\n\t\ttext: (\n\t\t\tfill: var(--krds-#{$mode}-color-button-text-fill),\n\t\t\tfill-hover: var(--krds-#{$mode}-color-button-text-fill-hover),\n\t\t\tfill-pressed: var(--krds-#{$mode}-color-button-text-fill-pressed),\n\t\t\tfill-disabled: var(--krds-#{$mode}-color-button-text-fill),\n\t\t\tborder: var(--krds-#{$mode}-color-button-text-border),\n\t\t\tborder-disabled: var(--krds-#{$mode}-color-border-transparency),\n\t\t\ttext: var(--krds-#{$mode}-color-text-basic),\n\t\t\ttext-disabled: var(--krds-#{$mode}-color-text-disabled),\n\t\t),\n\t\tlink: (\n\t\t\tfill: var(--krds-#{$mode}-color-button-text-fill),\n\t\t\tfill-hover: var(--krds-#{$mode}-color-button-text-fill),\n\t\t\tfill-pressed: var(--krds-#{$mode}-color-button-text-fill),\n\t\t\tfill-disabled: var(--krds-#{$mode}-color-button-text-fill),\n\t\t\tborder: var(--krds-#{$mode}-color-button-text-border),\n\t\t\tborder-disabled: var(--krds-#{$mode}-color-border-transparency),\n\t\t\ttext: var(--krds-#{$mode}-color-link-default),\n\t\t\ttext-disabled: var(--krds-#{$mode}-color-text-disabled),\n\t\t),\n\t) !default;\n\n\t//css variable 생성\n\t@each $color, $types in $button-color-variable {\n\t\t@each $type, $value in $types {\n\t\t\t--krds-button--color-#{$color}-#{$type}: #{$value};\n\t\t}\n\t}\n\n\t//class 생성\n\t& {\n\t\t@include btn-color(primary);\n\n\t\t& {\n\t\t\t//컬러 별 class\n\t\t\t@each $color, $types in $button-color-variable {\n\t\t\t\t&.#{$color} {\n\t\t\t\t\t@include btn-color(#{$color});\n\t\t\t\t\t&:not(.icon) {\n\t\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\t\t@include btn-color-icon(#{$color});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\t@include btn-color-hover(#{$color});\n\t\t\t\t\t}\n\t\t\t\t\t&:active,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\t@include btn-color-pressed(#{$color});\n\t\t\t\t\t}\n\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.disabled {\n\t\t\t\t\t\t@include btn-color-disabled(#{$color});\n\t\t\t\t\t\t&:not(.icon) {\n\t\t\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-button--color-#{$color}-text-disabled);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t@include btn-color-disabled(#{$color});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* icon 버튼 사이즈 */\n$button-icon-size: (\n\txsmall: var(--krds-size-height-2),\n\tsmall: var(--krds-size-height-3),\n\tmedium: var(--krds-size-height-4),\n\tlarge: var(--krds-size-height-5),\n\txlarge: var(--krds-size-height-6),\n) !default;\n\n//text버튼은 높이와 좌우 padding값이 달라 재정의 함\n@mixin btn-text-variable() {\n\t//text버튼은 높이와 좌우 padding값이 달라 재정의 함\n\t--krds-button--size-height-xsmall: var(--krds-size-height-3);\n\t--krds-button--padding-x-xsmall: var(--krds-padding-1);\n\t--krds-button--padding-y-xsmall: var(--krds-number-0);\n\t--krds-button--size-height-small: var(--krds-size-height-4);\n\t--krds-button--padding-x-small: var(--krds-padding-1);\n\t--krds-button--padding-y-small: var(--krds-number-0);\n\t--krds-button--size-height-medium: var(--krds-size-height-5);\n\t--krds-button--padding-x-medium: var(--krds-padding-1);\n\t--krds-button--padding-y-medium: var(--krds-number-2);\n\t--krds-button--size-height-large: var(--krds-size-height-6);\n\t--krds-button--padding-x-large: var(--krds-padding-1);\n\t--krds-button--padding-y-large: 0.5rem;\n\t--krds-button--size-height-xlarge: var(--krds-size-height-7);\n\t--krds-button--padding-x-xlarge: var(--krds-padding-1);\n\t--krds-button--padding-y-xlarge: 0.9rem;\n}\n//link버튼은 font size와 좌우 padding값이 달라 재정의 함\n@mixin btn-link-variable() {\n\t--krds-button--pc-font-size-xsmall: var(--krds-pc-font-size-label-small);\n\t--krds-button--mobile-font-size-xsmall: var(--krds-mobile-font-size-label-small);\n\t--krds-button--padding-x-xsmall: var(--krds-padding-1);\n\t--krds-button--pc-font-size-small: var(--krds-pc-font-size-label-small);\n\t--krds-button--mobile-font-size-small: var(--krds-mobile-font-size-label-small);\n\t--krds-button--padding-x-small: var(--krds-padding-1);\n\t--krds-button--pc-font-size-medium: var(--krds-pc-font-size-label-medium);\n\t--krds-button--mobile-font-size-medium: var(--krds-mobile-font-size-label-medium);\n\t--krds-button--padding-x-medium: var(--krds-padding-1);\n\t--krds-button--pc-font-size-large: var(--krds-pc-font-size-label-large);\n\t--krds-button--mobile-font-size-large: var(--krds-mobile-font-size-label-large);\n\t--krds-button--padding-x-large: var(--krds-padding-1);\n\t--krds-button--pc-font-size-xlarge: var(--krds-pc-font-size-label-large);\n\t--krds-button--mobile-font-size-xlarge: var(--krds-mobile-font-size-label-large);\n\t--krds-button--padding-x-xlarge: var(--krds-padding-1);\n}\n\n//컬러별 variable\n@mixin btn-color($color) {\n\tbackground-color: var(--krds-button--color-#{$color}-fill);\n\tborder-color: var(--krds-button--color-#{$color}-border);\n\tcolor: var(--krds-button--color-#{$color}-text);\n}\n@mixin btn-color-hover($color) {\n\tbackground-color: var(--krds-button--color-#{$color}-fill-hover);\n}\n@mixin btn-color-pressed($color) {\n\tbackground-color: var(--krds-button--color-#{$color}-fill-pressed);\n}\n@mixin btn-color-disabled($color) {\n\tbackground-color: var(--krds-button--color-#{$color}-fill-disabled);\n\tborder-color: var(--krds-button--color-#{$color}-border-disabled);\n\tcolor: var(--krds-button--color-#{$color}-text-disabled);\n}\n@mixin btn-color-icon($color) {\n\tbackground-color: var(--krds-button--color-#{$color}-text);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-btn {\n\t@include button-size-variable();\n}\n.krds-btn {\n\t@include button-color-variable(#{$mode-setting});\n\n\t& {\n\t\t//기본버튼: primary large\n\t\t@include flex-layout($d: inline-flex, $ai: center, $jc: center);\n\t\twidth: auto;\n\t\tborder-style: solid;\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t\ttransition: var(--krds-transition-base);\n\t\t@include border-size-mode(#{$mode-setting});\n\t}\n\n\t.svg-icon {\n\t\t@include btn-color-icon(primary);\n\t\ttransition: var(--krds-transition-base);\n\t}\n\t&:hover {\n\t\t@include btn-color-hover(primary);\n\t}\n\t&:active,\n\t&:focus {\n\t\t@include btn-color-pressed(primary);\n\t}\n\t&[disabled],\n\t&.disabled {\n\t\t@include btn-color-disabled(primary);\n\t\tcursor: default;\n\t\t&:hover {\n\t\t\t@include btn-color-disabled(primary);\n\t\t}\n\t}\n\n\t&.text { //높이를 가짐\n\t\t@include btn-text-variable();\n\n\t\t//large 사이즈 기준 기본 세팅수정\n\t\tdisplay: inline-block;\n\t\theight: auto !important;\n\t\tpadding: var(--krds-button--padding-y-large) var(--krds-button--padding-x-large);\n\t\ttext-align: left;\n\t\twhite-space: normal;\n\t\t&.xsmall {\n\t\t\tmin-height: var(--krds-button--size-height-xsmall);\n\t\t\tpadding: var(--krds-button--padding-y-xsmall) var(--krds-button--padding-x-xsmall);\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.3rem;\n\t\t\t}\n\t\t}\n\t\t&.small {\n\t\t\tpadding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.3rem;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\tpadding: var(--krds-button--padding-y-medium) var(--krds-button--padding-x-medium);\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.4rem;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\tpadding: var(--krds-button--padding-y-large) var(--krds-button--padding-x-large);\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.5rem;\n\t\t\t}\n\t\t}\n\t\t&.xlarge {\n\t\t\tpadding: var(--krds-button--padding-y-xlarge) var(--krds-button--padding-x-xlarge);\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.6rem;\n\t\t\t}\n\t\t}\n\t\t&.h-auto {\n\t\t\theight: auto;\n\t\t\tpadding: var(--krds-padding-1) !important;\n\t\t}\n\t\t.svg-icon {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-bottom: -0.5rem;\n\t\t}\n\t}\n\t&.link { //링크인 경우 (텍스트 버튼과 비슷해보이지만 높이값 없음)\n\t\t@include btn-link-variable();\n\t\t//large 사이즈 기준 기본 세팅수정\n\t\tdisplay: inline-block;\n\t\theight: auto !important;\n\t\tpadding: 0 var(--krds-button--padding-x-large);\n\t\tfont-size: var(--krds-button--pc-font-size-large);\n\t\ttext-align: left;\n\t\twhite-space: normal;\n\t\t@include size-medium {\n\t\t\tfont-size: var(--krds-button--mobile-font-size-large);\n\t\t}\n\t\t&.xsmall {\n\t\t\tpadding: 0 var(--krds-button--padding-x-xsmall);\n\t\t\tfont-size: var(--krds-button--pc-font-size-xsmall);\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-button--mobile-font-size-xsmall);\n\t\t\t}\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.3rem;\n\t\t\t}\n\t\t}\n\t\t&.small {\n\t\t\tpadding: 0 var(--krds-button--padding-x-small);\n\t\t\tfont-size: var(--krds-button--pc-font-size-small);\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-button--mobile-font-size-small);\n\t\t\t}\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.3rem;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\tpadding: 0 var(--krds-button--padding-x-medium);\n\t\t\tfont-size: var(--krds-button--pc-font-size-medium);\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-button--mobile-font-size-medium);\n\t\t\t}\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.4rem;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\tpadding: 0 var(--krds-button--padding-x-large);\n\t\t\tfont-size: var(--krds-button--pc-font-size-large);\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-button--mobile-font-size-large);\n\t\t\t}\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.5rem;\n\t\t\t}\n\t\t}\n\t\t&.xlarge {\n\t\t\tpadding: 0 var(--krds-button--padding-x-xlarge);\n\t\t\tfont-size: var(--krds-button--pc-font-size-xlarge);\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-button--mobile-font-size-xlarge);\n\t\t\t}\n\t\t\t.svg-icon {\n\t\t\t\tmargin-bottom: -0.6rem;\n\t\t\t}\n\t\t}\n\t\t&.basic {\n\t\t\t$color: var(--krds-#{$mode-setting}-color-text-basic);\n\t\t\tcolor: $color;\n\t\t\t.svg-icon {\n\t\t\t\tbackground-color: $color;\n\t\t\t}\n\t\t\t&.pure {\n\t\t\t\t&:hover,\n\t\t\t\t&:active,\n\t\t\t\t&:focus,\n\t\t\t\t&:visited {\n\t\t\t\t\tcolor: $color;\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\tbackground-color: $color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:hover {\n\t\t\t$color: var(--krds-#{$mode-setting}-color-link-hover);\n\t\t\tcolor: $color;\n\t\t\t.svg-icon {\n\t\t\t\tbackground-color: $color;\n\t\t\t}\n\t\t}\n\t\t&:active,\n\t\t&:focus {\n\t\t\t$color: var(--krds-#{$mode-setting}-color-link-pressed);\n\t\t\tcolor: $color;\n\t\t\t.svg-icon {\n\t\t\t\tbackground-color: $color;\n\t\t\t}\n\t\t}\n\t\t&:visited {\n\t\t\t$color: var(--krds-#{$mode-setting}-color-link-visited);\n\t\t\tcolor: $color;\n\t\t\ttext-decoration: none;\n\t\t\t.svg-icon {\n\t\t\t\tbackground-color: $color;\n\t\t\t}\n\t\t}\n\t\t&.pure {\n\t\t\t&:hover,\n\t\t\t&:active,\n\t\t\t&:focus,\n\t\t\t&:visited {\n\t\t\t\t$color: var(--krds-button--color-link-text);\n\t\t\t\tcolor: $color;\n\t\t\t\t.svg-icon {\n\t\t\t\t\tbackground-color: $color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.underline {\n\t\t\t&.hidden-underline {\n\t\t\t\ttext-decoration-color: var(--krds-#{$mode-setting}-color-border-transparency);\n\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t}\n\t\t}\n\t\t&:hover,\n\t\t&:active,\n\t\t&:focus,\n\t\t&:visited {\n\t\t\t.underline {\n\t\t\t\t&.hidden-underline {\n\t\t\t\t\ttext-decoration-color: inherit;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.svg-icon {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-bottom: -0.5rem;\n\t\t}\n\t}\n\n\t/* icon 버튼 (텍스트 없음) */\n\t&.icon {\n\t\t@each $size, $value in $button-icon-size {\n\t\t\t--krds-button--icon-size-#{$size}: #{$value};\n\t\t}\n\n\t\t//기본 세팅\n\t\t@include square(var(--krds-button--icon-size-medium));\n\t\tpadding: 0 !important;\n\t\tbackground-color: transparent;\n\t\tborder-color: var(--krds-#{$mode-setting}-color-border-transparency);\n\t\tcolor: inherit;\n\t\tborder: 0;\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbackground-color: inherit;\n\t\t}\n\n\t\t& {\n\t\t\t@each $size, $value in $button-icon-size {\n\t\t\t\t&.#{$size} {\n\t\t\t\t\t@include square(var(--krds-button--icon-size-#{$size}));\n\t\t\t\t\t//icon size\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\t@include square(100%);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.svg-icon {\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-text-basic);\n\t\t}\n\t\t&.pure {\n\t\t\t.svg-icon {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\t\t//새로고침, 토글 등 보더 아이콘 버튼 형태\n\t\t&.border {\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-background-white);\n\t\t\tborder: 0.1rem solid var(--krds-#{$mode-setting}-color-border-gray);\n\t\t\tborder-radius: var(--krds-radius-max);\n\n\t\t\t//icon size 1.6rem\n\t\t\t&.large {\n\t\t\t\t.svg-icon {\n\t\t\t\t\t@include square(var(--krds-icon--size-xsmall));\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.xlarge {\n\t\t\t\t.svg-icon {\n\t\t\t\t\t@include square(var(--krds-icon--size-xlarge));\n\t\t\t\t}\n\t\t\t}\n\t\t\t&[disabled],\n\t\t\t&.disabled {\n\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-button-disabled-fill);\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-btn {\n\t\t@include border-size-mode(#{$mode-setting});\n\t\t@include button-color-variable(#{$mode-setting});\n\n\n\t\t&.text {\n\t\t\t//class명 검토\n\t\t\t&.ico-filter {\n\t\t\t\t.num {\n\t\t\t\t\tcolor: var(--krds-#{$mode-setting}-color-text-basic-inverse);\n\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-element-primary);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.link {\n\t\t\t&.basic {\n\t\t\t\t$color: var(--krds-#{$mode-setting}-color-text-basic);\n\t\t\t\tcolor: $color;\n\t\t\t\t&:not(.icon) {\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\tbackground-color: $color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&.pure {\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:visited {\n\t\t\t\t\t\tcolor: $color;\n\t\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\t\tbackground-color: $color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:hover {\n\t\t\t\t$color: var(--krds-#{$mode-setting}-color-link-hover);\n\t\t\t\tcolor: $color;\n\t\t\t\t&:not(.icon) {\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\tbackground-color: $color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:active,\n\t\t\t&:focus {\n\t\t\t\t$color: var(--krds-#{$mode-setting}-color-link-pressed);\n\t\t\t\tcolor: $color;\n\t\t\t\t&:not(.icon) {\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\tbackground-color: $color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:visited {\n\t\t\t\t$color: var(--krds-#{$mode-setting}-color-link-visited);\n\t\t\t\tcolor: $color;\n\t\t\t\t&:not(.icon) {\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\tbackground-color: $color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.pure {\n\t\t\t\t&:hover,\n\t\t\t\t&:active,\n\t\t\t\t&:focus,\n\t\t\t\t&:visited {\n\t\t\t\t\t$color: var(--krds-button--color-link-text);\n\t\t\t\t\tcolor: $color;\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\tbackground-color: $color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.underline {\n\t\t\t\t&.hidden-underline {\n\t\t\t\t\ttext-decoration-color: var(--krds-#{$mode-setting}-color-border-transparency);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:hover,\n\t\t\t&:active,\n\t\t\t&:focus,\n\t\t\t&:visited {\n\t\t\t\t.underline {\n\t\t\t\t\t&.hidden-underline {\n\t\t\t\t\t\ttext-decoration-color: inherit;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t/* icon 버튼 (텍스트 없음) */\n\t\t&.icon {\n\t\t\tbackground-color: transparent;\n\t\t\tborder-color: var(--krds-#{$mode-setting}-color-border-transparency);\n\n\t\t\t.svg-icon {\n\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-text-basic);\n\t\t\t}\n\t\t\t//새로고침, 토글 등 보더 아이콘 버튼 형태\n\t\t\t&.border {\n\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-background-white);\n\t\t\t\tborder-color: var(--krds-#{$mode-setting}-color-border-gray);\n\n\t\t\t\t&[disabled],\n\t\t\t\t&.disabled {\n\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-button-disabled-fill);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t}\n}\n\n/* **** button area **** */\n.btn-wrap {\n\twidth: 100%;\n}","//focus color\n//추후삭제\n@mixin focus($offset: -.4rem, $color: var(--krds-light-color-border-primary), $alpha: .8) {\n\tbox-shadow: var(--krds-box-shadow-outline-inset);\n\toutline-offset: $offset;\n}\n\n//flex 확대 축소\n@mixin flex-size($shrink, $grow) {\n\tflex-shrink: $shrink;\n\tflex-grow: $grow;\n}\n\n//position\n@mixin position($p: absolute, $t: null, $b: null, $l: null, $r: null) {\n\tposition: $p;\n\ttop: $t;\n\tbottom: $b;\n\tleft: $l;\n\tright: $r;\n}\n\n//square rectangle\n@mixin square($w, $h: $w) {\n  width: $w;\n  height: $h;\n}\n\n//pseudo element setting\n@mixin pseudo($c:null) {\n\tcontent: \"\"+$c+\"\";\n}\n\n//flex layout\n@mixin flex-layout($d: flex, $ai: flex-start, $jc: flex-start, $fd: row) {\n\tdisplay: $d;\n\talign-items: $ai;\n\tjustify-content: $jc;\n\tflex-direction: $fd;\n}\n\n//group contents\n@mixin group-wrap() {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n\tposition: relative;\n\twidth: 100%;\n}\n@mixin group() {\n\tflex: 1 1 auto;\n\tposition: relative;\n\twidth: 1%;\n\tmin-width: 0;\n}\n\n//flex item equal width\n@mixin equal-width() {\n\tflex: 1 1 0px;\n\tmin-width: 0;\n}\n\n//position 중앙 정렬\n@mixin position-center($type: both) {\n\t//좌우중앙\n\t@if ($type == 'x') {\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%)\n\t}\n\t//상하중앙\n\t@else if ($type == 'y') {\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t}\n\t//상하좌우중앙\n\t@else if ($type == 'both') {\n\t\tleft: 50%;\n\t\ttop: 50%;\n\t\ttransform: translateX(-50%) translateY(-50%);\n\t}\n}\n\n//transform 기준점 중앙 정렬\n@mixin transform-origin($x: 50%, $y: 50%) {\n\ttransform-origin: $x $y;\n}\n\n\n// **** text attr **** //\n//text ellipsis\n@mixin ellipsis($line) {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\t-webkit-box-orient: vertical;\n\t-webkit-line-clamp: $line;\n}\n\n//sr-only\n@mixin sr-only {\n\tposition: absolute !important;\n\twidth: 1px !important;\n\theight: 1px !important;\n\tpadding: 0 !important;\n\tmargin: -1px !important;\n\toverflow: hidden !important;\n\tclip: rect(0, 0, 0, 0) !important;\n\twhite-space: nowrap !important;\n\tborder: 0 !important;\n}\n\n//reset text : popover/tooltip\n@mixin reset-text {\n\tfont-size: var(--krds-pc-font-size-body-medium);\n\tfont-style: normal;\n\tfont-weight: var(--krds-font-weight-regular);\n\tline-height: var(--krds-line-height-base);\n\ttext-align: left;\n\ttext-decoration: none;\n\ttext-shadow: none;\n\ttext-transform: none;\n\tletter-spacing: normal;\n\t//word-break: normal;\n\twhite-space: normal;\n\tword-spacing: normal;\n\tline-break: auto;\n\t@include size-medium {\n\t\tfont-size: var(--krds-mobile-font-size-body-medium);\n\t}\n}\n\n//css animation visibility\n@mixin visibility($v) {\n\t@if ($v == hidden) {\n\t\tvisibility: hidden;\n\t\tz-index: -1;\n\t\topacity: 0;\n\t}\n\t@else if ($v == visible) {\n\t\tvisibility: visible;\n\t\tz-index: auto;\n\t\topacity: 1;\n\t}\n}\n\n// **** scroll **** //\n@mixin scrollbar-mode($mode: light) {\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--krds-#{$mode}-color-element-secondary-light);\n\t\tborder-radius: .8rem;\n\t}\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--krds-#{$mode}-color-element-secondary-lighter);\n\t}\n}\n@mixin scrollbar($mode: light) {\n\t$mode-setting: $mode;\n\t&::-webkit-scrollbar {\n\t\twidth: 0.8rem;\n\t}\n\t@include scrollbar-mode(#{$mode-setting});\n}\n\n//text underline\n@mixin underline($offset: var(--krds-font-underline-offset)) {\n\ttext-decoration: underline;\n\ttext-underline-offset: $offset;\n}\n\n//color mode setting\n//$mode-theme: (light, dark) !default;\n@mixin color-mode($mode: light) {\n\t[data-krds-mode=\"#{$mode}\"] {\n\t\t@content;\n\t}\n\n\t$mode-theme: light;\n\t@if ($mode == light) {\n\t\t$mode-theme: light;\n\t}\n\t@else if ($mode == high-contrast) {\n\t\t$mode-theme: dark;\n\t}\n\n\t//data-krds-mode가 theme일 경우 dark mode 생성\n\t[data-krds-mode=\"theme\"] {\n\t\t@media (prefers-color-scheme: #{$mode-theme}) {\n\t\t\t@content;\n\t\t}\n\t}\n}\n\n//사이즈별 variable\n@mixin btn-size($unit) {\n\t//unit value: xsmall small medium larger xlarge\n\tgap: var(--krds-button--gap-#{$unit});\n\theight: var(--krds-button--size-height-#{$unit});\n\tpadding: var(--krds-button--padding-y-#{$unit}) var(--krds-button--padding-x-#{$unit});\n\tborder-radius: var(--krds-button--radius-#{$unit});\n\tfont-size: var(--krds-button--pc-font-size-#{$unit});\n\tfont-weight: var(--krds-button--font-weight-#{$unit});\n\t@include size-medium {\n\t\tfont-size: var(--krds-button--mobile-font-size-#{$unit});\n\t}\n\t& {\n\t\t.svg-icon {\n\t\t\t@include square(var(--krds-icon--size-#{$unit}));\n\t\t}\n\t}\n}\n\n//고대비모드인경우 border-width가 두꺼워짐\n@mixin border-size-mode ($mode: light, $size: regular) {\n\tborder-width: var(--krds-#{$mode}-border-width-variable-#{$size});\n}","@import \"../group_variables\";\n\n@mixin size-medium { // 767까지\n\t@media (max-width: $breakpoint-medium - 1px) {\n\t\t@content;\n\t}\n}\n@mixin size-medium-more { // 768이상\n\t@media (min-width: calc($breakpoint-medium)) {\n\t\t@content;\n\t}\n}\n\n@mixin size-medium-to-large { //  768 ~ 1023\n\t@media (min-width: calc($breakpoint-medium)) and (max-width: $breakpoint-large - 1px) {\n\t\t@content;\n\t}\n}\n\n//tablet size 이하\n@mixin size-large-less { // 1023까지\n\t@media (max-width: $breakpoint-large - 1px) {\n\t\t@content;\n\t}\n}\n\n//tablet size 이상\n@mixin size-large-more { // 1024이상\n\t@media (min-width: calc($breakpoint-large)) {\n\t\t@content;\n\t}\n}\n\n//소형 데스크톱\n@mixin size-large-to-xlarge { // 1024 ~ 1279\n\t@media (min-width: calc($breakpoint-large)) and (max-width: calc($breakpoint-xlarge - 1px)) {\n\t\t@content;\n\t}\n}\n\n@mixin size-xlarge { // 1280 이상\n\t@media (min-width: $breakpoint-xlarge) {\n\t\t@content;\n\t}\n}","/* 탭 */\n//사이즈 정의\n@mixin tab-size-variable() {\n\t--krds-tab--button-size-height: var(--krds-size-height-7);\n\t--krds-tab--button-size-min-width: 6.4rem;\n\t--krds-tab--button-pc-font-size: var(--krds-pc-font-size-heading-xsmall);\n\t--krds-tab--button-mobile-font-size: var(--krds-mobile-font-size-heading-xsmall);\n\t--krds-tab--gap: var(--krds-gap-3);\n\t--krds-tab--full-button-size-height: var(--krds-size-height-8);\n\t--krds-tab--full-button-pc-font-size: var(--krds-pc-font-size-heading-small);\n\t--krds-tab--full-button-mobile-font-size: var(--krds-mobile-font-size-heading-small);\n\t--krds-tab--line-button-padding: var(--krds-padding-2);\n\t--krds-tab--fill-button-padding: var(--krds-padding-3);\n\t--krds-tab--fill-button-radius: var(--krds-radius-medium2);\n\t--krds-tab--conts-padding-top: var(--krds-padding-10);\n\t--krds-tab--mobile-button-trigger-size-height: var(--krds-size-height-7);\n\t--krds-tab--mobile-button-trigger-padding-x: var(--krds-padding-6);\n\t--krds-tab--mobile-button-trigger-radius: var(--krds-radius-medium1);\n}\n//컬러 정의\n@mixin tab-color-variable($mode: light) {\n\t--krds-tab--button-color-action: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-tab--button-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-tab--button-color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-tab--button-color-border: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-tab--button-color-text: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-tab--button-color-text-disabled: var(--krds-#{$mode}-color-text-disabled);\n\t--krds-tab--fill-button-color-action-active: var(--krds-#{$mode}-color-action-secondary-active);\n\t--krds-tab--fill-button-color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-tab--fill-button-color-border-active: var(--krds-#{$mode}-color-action-secondary-active);\n\t--krds-tab--fill-button-color-text: var(--krds-#{$mode}-color-text-inverse-static);\n\t--krds-tab--line-button-color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-tab--line-button-color-line-active: var(--krds-#{$mode}-color-action-secondary-active);\n\t--krds-tab--line-button-color-text-active: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-tab--mobile-button-trigger-color-text: var(--krds-#{$mode}-color-text-inverse-static);\n\t--krds-tab--mobile-button-trigger-color-action: var(--krds-#{$mode}-color-action-secondary-active);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-tab-area {\n\t@include flex-layout($fd: column);\n\tgap: var(--krds-gap-8);\n\twidth: 100%;\n\n\t@include size-medium {\n\t\tgap: var(--krds-gap-8);\n\t}\n}\n.tab {\n\t@include tab-size-variable();\n\t@include tab-color-variable(#{$mode-setting});\n\t\n\t> ul {\n\t\t@include flex-layout($ai: center);\n\t\tgap: var(--krds-tab--gap);\n\t\toverflow-x: auto;\n\t\twidth: 100%;\n\t}\n\tli,\n\t.btn-tab {\n\t\t@include flex-layout(inline-flex, center, center);\n\t\tposition: relative;\n\t\twhite-space: nowrap;\n\t}\n\t.btn-tab {\n\t\twidth: 100%;\n\t\theight: var(--krds-tab--button-size-height);\n\t\tbackground-color: var(--krds-tab--button-color-action);\n\t\tborder: 1px solid var(--krds-tab--button-color-border);\n\t\tfont-size: var(--krds-tab--button-pc-font-size);\n\t\tcolor: var(--krds-tab--button-color-text);\n\t\tfont-weight: var(--krds-font-weight-bold);\n\t\ttransition: var(--krds-transition-base);\n\t\t@include size-medium {\n\t\t\tfont-size: var(--krds-tab--button-mobile-font-size);\n\t\t}\n\t\t&:not(:disabled):hover {\n\t\t\tbackground-color: var(--krds-tab--button-color-action-hover);\n\t\t\ttransition: var(--krds-transition-base);\n\t\t}\n\t\t&:not(:disabled):active {\n\t\t\tbackground-color: var(--krds-tab--button-color-action-pressed);\n\t\t\ttransition: var(--krds-transition-base);\n\t\t}\n\t\t&:focus {\n\t\t\t@include focus();\n\t\t}\n\t\t&[disabled] {\n\t\t\tcolor: var(--krds-tab--button-color-text-disabled);\n\t\t\tcursor: default;\n\t\t}\n\t}\n\tli {\n\t\tflex-grow: 0;\n\t}\n\n\t&.full { //풀사이즈\n\t\twidth: 100%;\n\t\t.btn-tab {\n\t\t\theight: var(--krds-tab--full-button-size-height);\n\t\t\tpadding: 0;\n\t\t\tfont-size: var(--krds-tab--full-button-pc-font-size);\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-tab--full-button-mobile-font-size);\n\t\t\t}\n\t\t}\n\t\t> ul {\n\t\t\t@include group-wrap;\n\t\t\tgap: 0;\n\t\t\t> li {\n\t\t\t\t@include equal-width;\n\t\t\t}\n\t\t}\n\t}\n\t&.fill { //bg 타입\n\t\t.btn-tab {\n\t\t\tpadding: 0 var(--krds-tab--fill-button-padding);\n\t\t\tborder-radius: var(--krds-tab--fill-button-radius);\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: inset 0 0 0 0.6rem var(--krds-#{$mode-setting}-color-border-primary);\n\t\t\t\toutline-offset: -.4rem;\n\t\t\t}\n\t\t}\n\t\t.active {\n\t\t\t.btn-tab {\n\t\t\t\tbackground-color: var(--krds-tab--fill-button-color-action-active);\n\t\t\t\tborder-color: var(--krds-tab--fill-button-color-border-active) !important;\n\t\t\t\tcolor: var(--krds-tab--fill-button-color-text);\n\t\t\t}\n\t\t}\n\n\t\t&.full {\n\t\t\t.btn-tab {\n\t\t\t\tborder-color: var(--krds-tab--fill-button-color-border);\n\t\t\t}\n\t\t\t> ul {\n\t\t\t\t> li {\n\t\t\t\t\t& + li {\n\t\t\t\t\t\t.btn-tab {\n\t\t\t\t\t\t\tborder-left: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t.btn-tab {\n\t\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\t}\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\t.btn-tab {\n\t\t\t\t\t\t\tborder-top-left-radius: var(--krds-tab--fill-button-radius);\n\t\t\t\t\t\t\tborder-bottom-left-radius: var(--krds-tab--fill-button-radius);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\t.btn-tab {\n\t\t\t\t\t\t\tborder-top-right-radius: var(--krds-tab--fill-button-radius);\n\t\t\t\t\t\t\tborder-bottom-right-radius: var(--krds-tab--fill-button-radius);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&.line { //line 타입\n\t\t.btn-tab {\n\t\t\tmin-width: var(--krds-tab--button-size-min-width);\n\t\t\tpadding: 0 var(--krds-tab--line-button-padding);\n\t\t\t&:before {\n\t\t\t\t@include position($b: 0, $l: 50%);\n\t\t\t\t@include pseudo();\n\t\t\t\twidth: 0;\n\t\t\t\theight: 0.4rem;\n\t\t\t\tbackground-color: var(--krds-tab--line-button-color-line-active);\n\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t}\n\t\t}\n\t\t.active {\n\t\t\t.btn-tab {\n\t\t\t\tcolor: var(--krds-tab--line-button-color-text-active);\n\t\t\t\t&:before {\n\t\t\t\t\t@include position($l: 0);\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.full {\n\t\t\t.btn-tab {\n\t\t\t\tborder: 0;\n\t\t\t\tborder-bottom: 2px solid var(--krds-tab--line-button-color-border);\n\t\t\t\t&:before {\n\t\t\t\t\tbottom: -.2rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}  \n\n.tab-conts-wrap {\n\twidth:100%;\n}\n\n.tab-conts {\n\tdisplay: none;\n\tmargin-top: var(--krds-tab--conts-padding-top);\n\t&.active {\n\t\t@include flex-layout($fd: column, $ai: normal);\n\t}\n}\n\n//mobile only\n@include size-medium {\n\t.tab-conts {\n\t\t&.active {\n\t\t\tgap: var(--krds-padding-8);\n\t\t}\n\t}\n\t.tab{\n\t\t&.fill {\n\t\t\t&.full {\n\t\t\t\t.btn-tab {\n\t\t\t\t\tborder-color: var(--krds-tab--fill-button-color-border);\n\t\t\t\t\tpadding: 0 var(--krds-padding-5);\n\t\t\t\t\tborder-width: 0;\n\t\t\t\t}\n\t\t\t\t> ul {\n\t\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t\tflex-wrap: nowrap;\n\t\t\t\t\t> li {\n\t\t\t\t\t\twidth: fit-content;\n\t\t\t\t\t\tflex: none;\n\t\t\t\t\t\t.btn-tab {\n\t\t\t\t\t\t\tborder-radius: var(--krds-tab--fill-button-radius);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.tab {\n\t\t@include tab-color-variable(#{$mode-setting});\n\t}\n}","/* 표 */\n//사이즈 정의\n@mixin table-size-variable() {\n\t--krds-table--data-thead-th-padding: var(--krds-padding-3);\n\t--krds-table--data-thead-th-padding-sides:var(--krds-padding-6);\n\t--krds-table--data-thead-pc-font-size: var(--krds-pc-font-size-heading-xxsmall);\n\t--krds-table--data-thead-mobile-font-size: var(--krds-mobile-font-size-heading-xxsmall);\n\t--krds-table--data-tbody-pc-font-size: var(--krds-pc-font-size-label-medium);\n\t--krds-table--data-tbody-mobile-font-size: var(--krds-mobile-font-size-label-medium);\n\t--krds-table--data-tbody-padding: var(--krds-padding-5);\n\t--krds-table--data-tbody-padding-sides: var(--krds-padding-6);\n\n}\n\n//컬러 설정\n@mixin table-color-variable($mode: light) {\n\t--krds-table--data-border-width: var(--krds-#{$mode}-border-width-variable-regular);\n\t--krds-table--data-thead-border: var(--krds-#{$mode}-color-border-secondary-light);\n\t--krds-table--data-thead-surface: var(--krds-#{$mode}-color-surface-secondary-subtler);\n\t--krds-table--data-thead-color-text: var(--krds-#{$mode}-color-text-bolder);\n\t--krds-table--data-tbody-color-surface: var(--krds-#{$mode}-color-surface-white-subtle);\n\t--krds-table--data-tbody-color-divider: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-table--data-tbody-color-text: var(--krds-#{$mode}-color-text-subtle);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-table-wrap {\n\t@include table-size-variable();\n\t@include table-color-variable(#{$mode-setting});\n\twidth: 100%;\n\n\t.tbl {\n\t\t&.data {\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t\tthead {\n\t\t\t\tth {\n\t\t\t\t\tpadding:var(--krds-table--data-thead-th-padding) var(--krds-table--data-thead-th-padding-sides);\n\t\t\t\t\tbackground-color: var(--krds-table--data-thead-surface);\n\t\t\t\t\tborder-bottom: var(--krds-table--data-border-width) solid var(--krds-table--data-thead-border);\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold) ;\n\t\t\t\t\tfont-size:var(--krds-table--data-thead-pc-font-size);\n\t\t\t\t\tcolor: var(--krds-table--data-thead-color-text);\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\t@include size-medium {\n\t\t\t\t\t\tfont-size: var(--krds-table--data-thead-mobile-font-size);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\ttbody {\n\t\t\t\tth,\n\t\t\t\ttd {\n\t\t\t\t\tpadding:var(--krds-table--data-tbody-padding) var(--krds-table--data-tbody-padding-sides);\t\t\t\t\t\n\t\t\t\t\tbackground-color: var(--krds-table--data-tbody-color-surface);\n\t\t\t\t\tborder-bottom: var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);\n\t\t\t\t\tfont-size:var(--krds-table--data-tbody-pc-font-size);\n\t\t\t\t\tcolor: var(--krds-table--data-tbody-color-text);\n\t\t\t\t\tfont-weight: var(--krds-font-weight-regular) ;\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\t@include size-medium {\n\t\t\t\t\t\tfont-size: var(--krds-table--data-tbody-mobile-font-size);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t\n\t&.scroll {\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t\t.tbl {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\t\n}\n\n@include size-medium {\n\t.krds-table-wrap {\n\t\toverflow-x: auto;\n\t\twidth: calc(100vw - (var(--krds-contents-padding-x) * 2));\n\t\t.tbl { \n\t\t\tmin-width: 73.2rem;\n\t\t}\n\n\t\t&.mob-scroll {\n\t\t\twidth: 100%;\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-table-wrap {\n\t\t@include table-color-variable(#{$mode-setting});\n\t}\n}","/* 텍스트 목록 */\n//사이즈 정의\n@mixin text-list-size-variable() {\n\t--krds-info-list--depth1-list-margin-top: 0;\n\t--krds-info-list--depth2-list-margin-top: var(--krds-gap-5);\n\t--krds-info-list--depth3-list-margin-top: var(--krds-gap-4);\n\t--krds-info-list--depth1-padding-left: var(--krds-number-12);\n\t--krds-info-list--depth2-padding-left: var(--krds-number-10);\n\t--krds-info-list--depth3-padding-left: var(--krds-number-9);\n\t--krds-info-list--gap-layout-depth1-li-li: var(--krds-gap-4);\n\t--krds-info-list--gap-layout-depth2-li-li: var(--krds-gap-3);\n\t--krds-info-list--gap-layout-depth3-li-li: var(--krds-gap-3);\n\t--krds-info-list--pc-text-depth1: var(--krds-pc-font-size-body-medium);\n\t--krds-info-list--mobile-text-depth1: var(--krds-mobile-font-size-body-medium);\n\t--krds-info-list--pc-text-depth2: var(--krds-pc-font-size-body-medium);\n\t--krds-info-list--mobile-text-depth2: var(--krds-mobile-font-size-body-medium);\n\t--krds-info-list--pc-text-depth3: var(--krds-pc-font-size-body-small);\n\t--krds-info-list--mobile-text-depth3: var(--krds-mobile-font-size-body-small);\n\t--krds-info-list--info-txt-margin-top: var(--krds-number-7);\n}\n\n//컬러 정의\n@mixin text-list-color-variable($mode: light) {\n\t--krds-info-list--depth1-color-text: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-info-list--depth2-color-text: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-info-list--depth3-color-text: var(--krds-#{$mode}-color-text-subtle);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-info-list {\n\t@include text-list-size-variable();\n\t@include text-list-color-variable(#{$mode-setting});\n\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-top: var(--krds-info-list--depth1-list-margin-top);\n\tgap: var(--krds-info-list--gap-layout-depth1-li-li);\n\n\t> li {\n\t\tposition: relative;\n\t\tpadding-left: var(--krds-info-list--depth1-padding-left);\n\t\tcolor: var(--krds-info-list--depth1-color-text);\n\t\tfont-size: var(--krds-info-list--pc-text-depth1);\n\t\t@include size-medium {\n\t\t\tfont-size:  var(--krds-info-list--mobile-text-depth1);\n\t\t}\n\t\t&::before {\n\t\t\t@include position($t: 0, $l: 0);\n\t\t}\n\t\t> .krds-info-list { //2depth\n\t\t\tgap: var(--krds-info-list--gap-layout-depth2-li-li);\n\t\t\tmargin-top: var(--krds-info-list--depth2-list-margin-top);\n\t\t\t> li {\n\t\t\t\tpadding-left: var(--krds-info-list--depth2-padding-left);\n\t\t\t\tcolor: var(--krds-info-list--depth2-color-text);\n\t\t\t\tfont-size: var(--krds-info-list--pc-text-depth2);\n\t\t\t\t@include size-medium {\n\t\t\t\t\tfont-size:  var(--krds-info-list--mobile-text-depth2);\n\t\t\t\t}\n\t\t\t\t> .krds-info-list { //3depth\n\t\t\t\t\tmargin-top: var(--krds-info-list--depth3-list-margin-top);\n\t\t\t\t\t> li {\n\t\t\t\t\t\tpadding-left: var(--krds-info-list--depth3-padding-left);\n\t\t\t\t\t\tcolor: var(--krds-info-list--depth3-color-text);\n\t\t\t\t\t\tfont-size: var(--krds-info-list--pc-text-depth3);\n\t\t\t\t\t\t@include size-medium {\n\t\t\t\t\t\t\tfont-size:  var(--krds-info-list--mobile-text-depth3);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t>.info-txt {\n\t\t\tmargin-top: var(--krds-info-list--info-txt-margin-top);\n\t\t}\n\t}\n\t&.decimal {\n\t\t> li {\n\t\t\t&::before {\n\t\t\t\t@include pseudo();\n\t\t\t\t@include square(0.6rem);\n\t\t\t\tcontent: \"\";\n\t\t\t\tbackground-color: var(--krds-info-list--depth1-color-text);\n\t\t\t\tborder-radius: var(--krds-radius-max);\n\t\t\t\ttop: 1rem;\n\t\t\t\tleft: 0.8rem;\n\t\t\t}\n\t\t}\n\t}\n\t&.dash {\n\t\t> li {\n\t\t\t&::before {\n\t\t\t\tcontent: \"\\002D\"; //hyphen-minus\n\t\t\t}\n\t\t}\n\t}\n\t&.hollow {\n\t\tgap: var(--krds-info-list--gap-layout-depth2-li-li);\n\t\t> li {\n\t\t\tpadding-left: var(--krds-info-list--depth3-padding-left);\n\t\t\t&::before {\n\t\t\t\t@include pseudo();\n\t\t\t\t@include square(0.4rem);\n\t\t\t\tcontent: \"\";\n\t\t\t\tborder: 0.1rem solid var(--krds-info-list--depth1-color-text);\n\t\t\t\tborder-radius: var(--krds-radius-max);\n\t\t\t\ttop: 0.95rem;\n\t\t\t\tleft: 0.8rem;\n\t\t\t}\n\t\t}\n\t}\n\t&.ordered {\n\t\t> li {\n\t\t\t.num {\n\t\t\t\t@include position($t: 0, $l: 0);\n\t\t\t}\n\t\t\t&::before {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t.krds-info-list {\n\t\t@include text-list-color-variable(#{$mode-setting});\n\t}\n}","/* 모달 */\n//사이즈 정의\n@mixin modal-size-variable() {\n\t--krds-modal--size-large: 76rem;\n\t--krds-modal--size-medium: 56rem;\n\t--krds-modal--size-small: 40rem;\n\t--krds-modal--size-min-height: 26.4rem;\n\t--krds-modal--wrap-radius: var(--krds-radius-xlarge1);\n\t--krds-modal--padding: var(--krds-padding-10);\n\t--krds-modal--header-padding-top: var(--krds-number-17);\n\t--krds-modal--header-pc-font-size: var(--krds-pc-font-size-heading-medium);\n\t--krds-modal--header-mobile-font-size: var(--krds-mobile-font-size-heading-medium);\n\t--krds-modal--conts-padding-top: var(--krds-padding-6);\n\t--krds-modal--conts-padding-bottom: var(--krds-padding-3);\n\t--krds-modal--conts-gap: var(--krds-gap-5);\n\t--krds-modal--btn-gap: var(--krds-gap-3);\n\t--krds-modal--btn-padding-top: var(--krds-padding-6);\n\t--krds-modal--btn-size-min-wdith: 7.8rem;\n\t--krds-modal--btn-close-position: var(--krds-gap-7);\n\t\n\t//mobile\n\t--krds-modal--mobile-gap: var(--krds-gap-7);\n\t--krds-modal--mobile-width: calc(100% - var(--krds-gap-7));\n\t--krds-modal--mobile-height: calc(100% - var(--krds-modal--mobile-gap) * 2);\n\t--krds-modal--mobile-padding: var(--krds-padding-8); \n\t--krds-modal--mobile-header-padding-top: 5.2rem;\n\t--krds-modal--mobile-btn-close-position: var(--krds-gap-6);\n\t--krds-modal--mobile-btn-padding-top: var(--krds-padding-6);\n\t--krds-modal--mobile-btn-padding-bottom: var(--krds-padding-8);\n}\n\n//컬러 정의\n@mixin modal-color-variable($mode: light) {\n\t--krds-modal--border-width: var(--krds-#{$mode}-border-width-variable-regular);\n\t--krds-modal--color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-modal--wrap-color-surface: var(--krds-#{$mode}-color-surface-white-subtler);\n\t--krds-modal--wrap-color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-modal--wrap-shadow: 0 0 0.2rem 0 var(--krds-#{$mode}-color-alpha-shadow2), 0 1.6rem 2.4rem 0 var(--krds-#{$mode}-color-alpha-shadow3);\n\t--krds-modal--color-dim: var(--krds-#{$mode}-color-background-dim);\n\t--krds-modal--full-popup-surface: var(--krds-#{$mode}-color-surface-secondary-subtler);\n}\n\n//modal size\n$modal-size: (\n\t\tsm: var(--krds-modal--size-small),\n\t\tmd: var(--krds-modal--size-medium),\n\t\tlg: var(--krds-modal--size-large),\n) !default;\n\n\n//modal default css\n@mixin modal-default {\n\tdisplay: none;\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: -1;\n\tvisibility: hidden;\n\twidth: 100%;\n\theight: 100%;\n\topacity: 0;\n\ttransition: visibility .15s .3s, z-index 0s .3s, opacity .2s;\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-modal {\n\t@include modal-size-variable();\n\t@include modal-color-variable(#{$mode-setting});\n\n\t@include modal-default();\n\t@include reset-text();\n\n\t> * {\n\t\twidth: 100%;\n\t}\n\t&.in {\n\t\tz-index: 1010;\n\t\ttransition-delay: 0s;\n\t\topacity: 1; \n\t\tvisibility: visible;\n\t}\n\t&.shown {\n\t\tdisplay: block;\n\t}\n\n\t//dim-backgorund\n\t.modal-back {\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tvisibility: hidden;\n\t\tz-index: -1;\n\t\tbackground-color: var(--krds-modal--color-dim);\n\t\t&.in {\n\t\t\tdisplay: block;\n\t\t\tz-index: 1000;\n\t\t\tvisibility: visible;\n\t\t}\n\t}\n\n\t//기본타입  \n\t.modal-dialog {\n\t\t@include flex-layout($ai: center);\n\t\tposition: relative;\n\t\tz-index: 1020;\n\t\twidth:var(--krds-modal--size-large); // size클래스 없을 경우. 기본 large 84.6rem;\n\t\theight: 100%;\n\t\tmin-height: var(--krds-modal--size-min-height);\n\t\tmargin:0 auto;\n\t\t\n\t\t//modal size\n\t\t@each $size, $value in $modal-size {\n\t\t\t&.modal-#{$size} {\n\t\t\t\tmax-width: $value;\n\t\t\t}\n\t\t}\n\t\t.modal-content {  \n\t\t\t@include flex-layout($ai: center, $fd: column);\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 80%;\n\t\t\tbackground-color: var(--krds-modal--wrap-color-surface);\n\t\t\tborder-radius: var(--krds-modal--wrap-radius);\n\t\t\tborder:var(--krds-modal--border-width) solid var(--krds-modal--wrap-color-border);\n\t\t\tcolor: var(--krds-modal--color-text);\n\t\t\toutline-color: transparent;\n\t\t\ttransition: outline-color .1s;\n\t\t\tbox-shadow: var(--krds-modal--wrap-shadow);\n\t\t\t\n\t\t\t> *:not(.btn-close) {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t&:focus {\n\t\t\t\t@include focus($offset: .4rem, $color: var(--krds-modal--wrap-color-surface), $alpha: 0.9); \n\t\t\t}\n\t\t}\n\t\t.modal-header {\n\t\t\twidth: 100%;  \n\t\t\tbackground-color: inherit;\n\t\t\tborder-top-left-radius: inherit;\n\t\t\tborder-top-right-radius: inherit;\n\t\t\tpadding-top: var(--krds-modal--header-padding-top);\n\t\t\tpadding-inline: var(--krds-modal--padding);\n\t\t\t.modal-title {\n\t\t\t\t@include ellipsis(1);\n\t\t\t\tfont-size: var(--krds-modal--header-pc-font-size);\n\t\t\t\tfont-weight: var(--krds-font-weight-bold);  \n\t\t\t}\n\t\t}\n\t\t.modal-conts {\n\t\t\t@include flex-layout($fd: column);\n\t\t\tposition: relative;\n\t\t\toverflow-y: auto;\n\t\t\twidth: 100%;\n\t\t\tpadding: var(--krds-modal--conts-padding-top) var(--krds-modal--padding) var(--krds-modal--conts-padding-bottom);\n\t\t\t@include scrollbar();\n\t\t\t> * {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.conts-area {\n\t\t\t\t@include flex-layout($fd: column);\n\t\t\t\tgap: var(--krds-modal--conts-gap);\n\t\t\t\t> * {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.modal-btn {\n\t\t\t@include flex-layout($ai: center, $jc: flex-end);\n\t\t\tgap: var(--krds-modal--btn-gap);\n\t\t\tpadding: var(--krds-modal--btn-padding-top) var(--krds-modal--padding) var(--krds-modal--padding);\n\t\t\t.krds-btn {\n\t\t\t\tmin-width: var(--krds-modal--btn-size-min-wdith);\n\t\t\t}\n\t\t\t&.multi-conts {\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\t\t}\n\t\t.btn-close {\n\t\t\t@include position($t: var(--krds-modal--btn-close-position), $r: var(--krds-modal--btn-close-position));\n\t\t\tz-index: 901;\n\t\t}\n\t}\t\n\n\t//full 팝업(통합검색, 관련기관링크)\n\t&[data-type=\"full\"] { \n\t\tbackground-color: var(--krds-modal--full-popup-surface);\n        .modal-dialog {\n\t\t\twidth: 100%;\n            height: 100%;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 0;\n        }\n\t\t.modal-header,\n\t\t.modal-conts {\n\t\t\tpadding:0;\n\t\t}\n        .modal-content {\n            height: 100%;\n\t\t\tmax-height: 100%;;\n\t\t\tbackground: none;\n\t\t\tmargin: 0 auto;\n\t\t\tborder: none;\n\t\t\tborder-radius: 0;\n        }\n        .modal-back.in {\n            display: none;\n        }\n    }\n\n\t//바텀시트(모바일만 사용)\n    &[data-type=\"bottom-sheet\"] {\n\t\t--krds-modal--bottom-sheet-radius: var(--krds-radius-xlarge1);\n\t\t--krds-modal--bottom-sheet-padding: var(--krds-padding-6);\n\t\t--krds-modal--bottom-sheet-btn-close-position-top: var(--krds-gap-6);\n\t\t--krds-modal--bottom-sheet-btn-close-position-right: var(--krds-gap-5);\n\t\t--krds-modal--bottom-sheet-btn-padding-top: var(--krds-padding-10);\n\n        .modal-content {\n            position: fixed;\n            left: 0;\n            bottom: -100%;\n            border-radius: 0;\n            border-top-left-radius: var(--krds-modal--bottom-sheet-radius);\n            border-top-right-radius: var(--krds-modal--bottom-sheet-radius);\n            max-height: 90%;\n            transition: var(--krds-transition-base);\n        }\n        .modal-header {\n            @include flex-layout($ai: center, $jc: space-between);\n           \tpadding: var(--krds-modal--bottom-sheet-padding);\n\t\t\tflex-shrink: 0;\n            .modal-title {\n                font-size: var(--krds-pc-font-size-heading-small);\n            }\n        }\n        .modal-conts {\n            display: block;\n            padding: 0 var(--krds-modal--bottom-sheet-padding);\n            @include scrollbar;\n        }\n        .btn-close {\n\t\t\ttop: var(--krds-modal--bottom-sheet-btn-close-position-top);\n\t\t\tright: var(--krds-modal--bottom-sheet-btn-close-position-right);\n        }\n        .pop-filter-top {\n            width: auto;\n        }\n        .modal-btn {\n\t\t\t&.btn-wrap {\n\t\t\t\tpadding: var(--krds-modal--bottom-sheet-btn-padding-top) var(--krds-modal--bottom-sheet-padding) var(--krds-modal--bottom-sheet-padding);\n\t\t\t\t.krds-btn {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n        }\n        &.in {\n\t\t\t.modal-content {\n\t\t\t\tbottom: 0;\n\t\t\t}\n\t\t}\n    }\n}\n\n/* mobile */\n@include size-medium {\n\t.krds-modal {\n\t\t&:not([data-type=\"bottom-sheet\"]){\n\t\t\t//기본 스타일(bottom-sheet제외) \n\t\t\t.modal-dialog { \n\t\t\t\twidth: var(--krds-modal--mobile-width);\n\t\t\t\theight: var(--krds-modal--mobile-height);\n\t\t\t\tmin-height: var(--krds-modal--mobile-height);\n\t\t\t\tmargin: var(--krds-modal--mobile-gap) auto;\n\t\t\t\t.modal-header {\n\t\t\t\t\tpadding: var(--krds-modal--mobile-header-padding-top) var(--krds-modal--mobile-padding) 0;\n\t\t\t\t\t.modal-title {\n\t\t\t\t\t\tfont-size: var(--krds-modal--header-mobile-font-size);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.modal-content {\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t}\n\t\t\t\t.modal-conts {\n\t\t\t\t\tpadding-inline: var(--krds-modal--mobile-padding);\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t\t.conts-area {\n\t\t\t\t\t\t> * {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.modal-btn {\n\t\t\t\t\tpadding: var(--krds-modal--mobile-btn-padding-top) var(--krds-modal--mobile-padding) var(--krds-modal--mobile-btn-padding-bottom);\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t.btn-close {\n\t\t\t\t\ttop: var(--krds-modal--mobile-btn-close-position);\n\t\t\t\t\tright: var(--krds-modal--mobile-btn-close-position);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t//풀팝업\n\t\t&[data-type=\"full\"] { \n\t\t\t--krds-modal--full-mobile-btn-close-size: var(--krds-size-height-4);\n\n\t\t\t.modal-dialog {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tmargin:0 auto;\n\t\t\t\t.btn-close {\n\t\t\t\t\t@include square(var(--krds-modal--full-mobile-btn-close-size));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-modal {\n\t\t@include modal-color-variable(#{$mode-setting});\n\t\t.modal-dialog {\n\t\t\t.modal-conts {\n\t\t\t\t@include scrollbar(#{$mode-setting});\n\t\t\t}\n\t\t}\n\t}\n}","/* 도움 패널 */\n//모드 설정\n$mode-setting: light;\n\n//사이즈 정의\n@mixin help-panel-size-variable() {\n    --krds-help-panel--pc-width: 39rem;\n    --krds-help-panel--mobile-width: calc(100vw - 3rem);\n    --krds-help-panel--pc-padding: var(--krds-padding-10);\n    --krds-help-panel--mobile-padding: var(--krds-padding-6);\n    --krds-help-panel--title-pc-font-size: var(--krds-pc-font-size-heading-small);\n    --krds-help-panel--title-mobile-font-size: var(--krds-mobile-font-size-heading-small);\n    --krds-help-panel--pc-gap-title-link-list: var(--krds-pc-gap-layout-title-body-small);\n    --krds-help-panel--mobile-gap-title-link-list: var(--krds-mobile-gap-layout-title-body-small);\n    --krds-help-panel--pc-gap-link-list: var(--krds-pc-gap-layout-text-text-small);\n    --krds-help-panel--mobile-gap-link-list: var(--krds-mobile-gap-layout-text-text-small);\n    --krds-help-panel--pc-gap-help-conts: var(--krds-pc-gap-layout-title-body-small);\n    --krds-help-panel--mobile-gap-help-conts: var(--krds-mobile-gap-layout-title-body-small);\n    --krds-help-panel--desc-pc-font-size: var(--krds-pc-font-size-body-medium);\n    --krds-help-panel--desc-mobile-font-size: var(--krds-mobile-font-size-body-medium);\n    --krds-help-panel--service-title-pc-font-size: var(--krds-pc-font-size-heading-xsmall);\n    --krds-help-panel--service-title-mobile-font-size: var(--krds-mobile-font-size-heading-xsmall);\n}\n\n//컬러 정의\n@mixin help-panel-color-variable($mode: light) {\n    --krds-help-panel--color-border: var(--krds-#{$mode}-color-border-gray);\n    --krds-help-panel--color-background: var(--krds-#{$mode}-color-surface-gray-subtler);\n    --krds-help-panel--shadow: 0 0 0.2rem 0 var(--krds-#{$mode}-color-alpha-shadow2), 0 0.8rem 1.6rem 0 var(--krds-#{$mode}-color-alpha-shadow3);\n    --krds-help-panel--color-text-subtle: var(--krds-#{$mode}-color-text-subtle);\n    --krds-help-panel--color-text-bolder: var(--krds-#{$mode}-color-text-bolder);\n    --krds-help-panel--service-color-divider: var(--krds-#{$mode}-color-divider-gray-light);\n    --krds-help-panel--coach-color-text-primary: var(--krds-#{$mode}-color-text-primary);\n    --krds-help-panel--coach-color-border: var(--krds-#{$mode}-color-divider-gray);\n    --krds-help-panel--coach-color-text: var(--krds-#{$mode}-color-text-basic);\n}\n\n// krds-help-panel\n.krds-help-panel {\n    @include help-panel-size-variable();\n    @include help-panel-color-variable(#{$mode-setting});\n\n    @include position($p: fixed, $t: 0, $b: 0, $r: 0);\n    width: var(--krds-help-panel--pc-width);\n    visibility: hidden;\n    opacity: 0;\n    transform: translateX(100%);\n    transition: var(--krds-transition-base);\n    z-index: 60;\n    &.expand {\n        visibility: visible;\n        opacity: 1;\n        transform: translateX(0);\n    }\n    .help-panel-wrap {\n        @include position($t: 0, $l: 0, $b: 0, $r: 0);\n        background-color: var(--krds-help-panel--color-background);\n        border-left: 1px solid var(--krds-help-panel--color-border);\n        transition: var(--krds-transition-base);\n        z-index: 1;\n\t\tbox-shadow: var(--krds-help-panel--shadow);\n\n        .help-conts-area {\n            @include flex-layout($fd: column);\n            padding: var(--krds-help-panel--pc-padding);\n            padding-top: calc(var(--krds-help-panel--pc-padding) + var(--krds-size-height-6));\n            gap: var(--krds-gap-8);\n            position: relative;\n            overflow-x: hidden;\n            overflow-y: auto;\n            transition: var(--krds-transition-base);\n            height: 100%;\n        }\n        .help-conts-area-inner {\n            @include flex-layout($fd: column, $jc: space-between);\n            gap: var(--krds-gap-8);\n            flex: 1;\n            .conts-area {\n\t\t\t\twidth: 100%;\n                @include flex-layout($ai: flex-start, $jc: flex-start, $fd: column);\n                gap: var(--krds-gap-9);\n            }\n        }\n        .krds-tab-area,\n        .tab-conts-wrap,\n        .tab-conts {\n            height: 100%;\n        }\n        .help-panel-action {\n            width: 100%;\n            border-top: 1px solid var(--krds-help-panel--service-color-divider);\n            padding-top: var(--krds-padding-9);\n            .coach-btn-stop {\n                position: static;\n            }\n        }\n\n        // 헬프 버튼 링크 리스트\n        .link-list {\n            @include flex-layout($fd: column);\n            gap: var(--krds-help-panel--pc-gap-link-list);\n        }\n\n        // 콘텐츠 영역 설정\n        .conts-area {\n            // 타이틀\n            .help-title {\n                @include flex-layout($ai: center);\n                font-size: var(--krds-help-panel--title-pc-font-size);\n                color: var(--krds-help-panel--color-text-bolder);\n                font-weight: var(--krds-font-weight-bold);\n                & > a,\n                & > button {\n                    @include flex-layout($ai: center);\n                    gap: var(--krds-gap-2);\n                    &::before {\n                        @include pseudo();\n                        @include svg-icon($size: var(--krds-number-10), $mode: #{$mode-setting});\n                        @include icon-set(ico_angle);\n\t\t\t\t        transform: rotate(90deg);\n                        background-color: var(--krds-help-panel--color-text-bolder);\n                        flex-shrink: 0;\n                    }\n                }\n                .krds-btn {\n                    &.icon {\n                        margin-left: var(--krds-gap-2);\n                    }\n                }\n\t\t\t\t+ .link-list{\n\t\t\t\t\tmargin-top: var(--krds-help-panel--pc-gap-title-link-list);\n\t\t\t\t}\n            }\n            &.related-service {\n                .help-title {\n                    font-size: var(--krds-help-panel--service-title-pc-font-size);\n                }\n            }\n            // 일반영역\n            &.help-conts {\n                width: 100%;\n                .conts-wrap {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n                    gap: var(--krds-help-panel--pc-gap-help-conts);\n                    .conts-desc {\n                        @include flex-layout($fd: column);\n                        gap: var(--krds-gap-2);\n                        font-size: var(--krds-help-panel--desc-pc-font-size);\n                        color: var(--krds-help-panel--color-text-subtle);\n                    }\n                    .help-desc {\n                        font-size: var(--krds-help-panel--desc-pc-font-size);\n                        color: var(--krds-help-panel--color-text-subtle);\n                    }\n                }\n                .krds-accordion {\n                    width: 100%;\n                }\n            }\n            // 서비스 영역\n            &.related-service {\n                padding-top: var(--krds-padding-9);\n                gap: var(--krds-gap-8);\n                border-top: 1px solid var(--krds-help-panel--service-color-divider);\n                transition: var(--krds-transition-base);\n            }\n        }\n    }\n\n    // 따라하기 패널 컨텐츠\n    .coach-help-process {\n        @include flex-layout($ai: stretch, $fd: column);\n        gap: var(--krds-gap-9);\n        width: 100%;\n        > li {\n            + li {\n                padding-top: var(--krds-gap-9);\n                border-top: 0.1rem solid var(--krds-help-panel--coach-color-border);\n            }\n        }\n        .tit {\n            display: flex;\n            margin-bottom: var(--krds-gap-5);\n            font-size: var(--krds-pc-font-size-body-large);\n            color: var(--krds-help-panel--coach-color-text);\n            &.current {\n                color: var(--krds-help-panel--coach-color-text-primary);\n            }\n        }\n    }\n}\n\n// 도움패널 펼치고 닫는 버튼\n.btn-help-panel {\n    @include position($p: fixed, $t: 4rem, $r: 4rem);\n}\n\n/* 도움패널 flexible 레이아웃 */\n#container {\n    .help-panel-flexible {\n        --krds-help-panel--width: 39rem;\n        transition: var(--krds-transition-base);\n        @media (min-width: 1248px) and (max-width: 1860px) {\n            --krds-help-panel--flexible-padding: calc(var(--krds-help-panel--width) - ((100% - var(--krds-contents-wrap-size)) / 2) + 4.5rem);\n            &.help-panel-expanded {\n                padding-right: var(--krds-help-panel--flexible-padding);\n            }\n        }\n        @media (min-width: 1024px) and (max-width: 1248px) {\n            --krds-help-panel--flexible-padding: calc(var(--krds-help-panel--width) + 4.5rem);\n            &.help-panel-expanded {\n                padding-right: var(--krds-help-panel--flexible-padding);\n            }\n        }\n    }\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n    //모드 설정\n    $mode-setting: high-contrast;\n\n    // krds-help-panel\n    .krds-help-panel {\n        @include help-panel-color-variable(#{$mode-setting});\n    }\n\n    // 도움말 패널 펼치고 닫는 버튼\n    .btn-help-panel {\n        background-color: var(--krds-#{$mode-setting}-color-background-white) !important;\n    }\n}\n\n//responsive tabletMore\n@include size-large-more {\n    .krds-help-panel {\n        .help-panel-wrap {\n            .help-conts-area {\n                @include scrollbar;\n            }\n        }\n    }\n}\n\n//responsive tabletLess\n@include size-large-less {\n    .krds-help-panel {\n        position: fixed;\n        z-index: 71;\n        width: var(--krds-help-panel--mobile-width);\n\n        &::after {\n            @include position($p: fixed, $t: 0, $l: -3rem, $r: 0, $b: 0);\n            @include pseudo();\n            background: transparent;\n            transition: var(--krds-transition-base);\n        }\n        .help-panel-wrap {\n            padding: var(--krds-help-panel--mobile-padding);\n            .help-conts-area {\n                padding: 0;\n                .btn-help-panel {\n                    @include position($p: fixed, $t: 4rem, $r: 1.6rem);\n                }\n                // 탭 없이 나오는 경우\n                & > .help-conts-area-inner {\n                    padding-top: var(--krds-number-20);\n                }\n            }\n\n\t\t\t// 헬프 버튼 링크 리스트\n\t\t\t.link-list {\n\t\t\t\tgap: var(--krds-help-panel--mobile-gap-link-list);\n\t\t\t}\n\n\t\t\t.conts-area {\n\t\t\t\t// 타이틀\n\t\t\t\t.help-title {\n\t\t\t\t\tfont-size: var(--krds-help-panel--title-mobile-font-size);\n\t\t\t\t\t+ .link-list{\n\t\t\t\t\t\tmargin-top: var(--krds-help-panel--mobile-gap-title-link-list);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// 일반영역\n\t\t\t\t&.help-conts {\n\t\t\t\t\t.conts-wrap {\n\t\t\t\t\t\tgap: var(--krds-help-panel--mobile-gap-help-conts);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n        }\n        &.expand {\n            &::after {\n                background: rgba(0, 0, 0, 0.6);\n                transition-delay: 0.3s;\n            }\n        }\n    }\n\n    // 도움말 패널 펼치고 닫는 버튼\n    .btn-help-panel {\n        @include position($p: fixed, $t: 2.4rem, $r: 1.6rem);\n        background-color: var(--krds-light-color-background-white) !important;\n    }\n}","//svg img\n@mixin svg-icon($size: var(--krds-icon--size-large), $mode: light, $effect: null) {\n\tdisplay: inline-flex;\n\t@include square($size);\n\tbackground-color: var(--krds-#{$mode}-color-text-basic);\n\t@if ($effect == 'pure') { //mask 효과 없이 디자인된 svg 그대로 사용\n\t\tbackground-color: transparent !important;\n\t}\n\tforced-color-adjust: none;\n\t// @media (forced-colors: active) {\n\t// }\n}\n\n//svg icon setting\n@mixin icon-set ($name, $effect: null) {\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center center;\n\t-webkit-mask-size: contain;\n\tmask-repeat: no-repeat;\n\tmask-position: center center;\n\tmask-size: contain;\n\t-webkit-mask-image: url(#{$url}/img/component/icon/#{$name}.svg);\n\tmask-image: url(#{$url}/img/component/icon/#{$name}.svg);\n\t@if ($effect == 'pure') { //mask 효과 없이 디자인된 svg 그대로 사용\n\t\t-webkit-mask-image: none;\n\t\tmask-image: none;\n\t\tbackground-image: url(#{$url}/img/component/icon/#{$name}.svg);\n\t\tbackground-color: transparent !important;\n\t\tbackground-size: contain;\n\t\tbackground-repeat: no-repeat;\n\t\t-webkit-mask: none;\n\t\tmask: none;\n\t}\n}","/* 아코디언 */\n//사이즈 정의\n@mixin accordion-size-variable() {\n\t--krds-accordion--list-margin-y: var(--krds-padding-2);\n\t--krds-accordion--padding: var(--krds-padding-8);\n\t--krds-accordion--button-padding-right: calc(var(--krds-accordion--padding) + var(--krds-gap-5) + var(--krds-accordion--button-icon-size));\n\t--krds-accordion--line-padding: var(--krds-padding-7);\n\t--krds-accordion--line-button-padding-right: calc(var(--krds-gap-5) + var(--krds-accordion--button-icon-size));\n\t--krds-accordion--button-icon-size: var(--krds-icon--size-large);\n\t--krds-accordion--radius: var(--krds-radius-large2 );\n\t--krds-accordion--button-pc-font-size: var(--krds-pc-font-size-heading-xsmall);\n\t--krds-accordion--button-mobile-font-size: var(--krds-mobile-font-size-heading-xsmall);\n}\n\n//컬러 정의\n@mixin accordion-color-variable($mode: light) {\n\t--krds-accordion--color-action: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-accordion--button-color-action: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-accordion--button-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-accordion--button-color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-accordion--color-action-open: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-accordion--color-divider: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-accordion--color-divider-open: var(--krds-#{$mode}-color-divider-gray-dark);\n\t--krds-accordion--button-color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-accordion--button-color-text-open: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-accordion--color-icon: var(--krds-#{$mode}-color-icon-gray);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-accordion {\n\t@include accordion-size-variable();\n\t@include accordion-color-variable($mode: #{$mode-setting});\n\tpadding: var(--krds-accordion--list-margin-y) 0;\n\tborder-top: 0.1rem solid var(--krds-accordion--color-divider);\n\tborder-bottom: 0.1rem solid var(--krds-accordion--color-divider);\n\t.accordion-item {\n\t\tpadding: var(--krds-accordion--list-margin-y) 0;\n\n\t\ttransition: var(--krds-transition-base);\n\t\t.btn-accordion {\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\tpadding: var(--krds-accordion--padding) var(--krds-accordion--button-padding-right) var(--krds-accordion--padding) var(--krds-accordion--padding);\n\t\t\tbackground-color: var(--krds-accordion--button-color-action);\n\t\t\tborder-radius: var(--krds-accordion--radius);\n\t\t\tfont-size: var(--krds-accordion--button-pc-font-size);\n\t\t\tcolor: var(--krds-accordion--button-color-text);\n\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\ttext-align: left;\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-accordion--button-mobile-font-size);\n\t\t\t}\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--krds-accordion--button-color-action-hover);\n\t\t\t}\n\t\t\t&:active {\n\t\t\t\tbackground-color: var(--krds-accordion--button-color-action-pressed);\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\t@include position($t: var(--krds-accordion--padding), $r: var(--krds-accordion--padding));\n\t\t\t\t@include pseudo();\n\t\t\t\t@include svg-icon(var(--krds-accordion--button-icon-size), $mode: #{$mode-setting});\n\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\tbackground-color: var(--krds-accordion--color-icon);\n\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\ttransform: rotate(0deg);\n\t\t\t}\n\t\t\t&.active {\n\t\t\t\tbackground-color: var(--krds-accordion--color-action-open);\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\tcolor: var(--krds-accordion--button-color-text-open);\n\t\t\t\t&:focus {\n\t\t\t\t\tborder-radius: var(--krds-accordion--radius);\n\t\t\t\t}\n\t\t\t\t&::after {\n\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.accordion-collapse {\n\t\t\tmax-height: 0;\n\t\t\toverflow: hidden;\n\t\t\ttransition: all .5s cubic-bezier(0, 1, 0, 1);\n\t\t\tvisibility: hidden;\n\t\t}\n\t\t.accordion-body {\n\t\t\tpadding: 0 var(--krds-accordion--padding) var(--krds-accordion--padding);\n\t\t\tbackground-color: var(--krds-accordion--color-action);\n\t\t\tborder-bottom-left-radius: var(--krds-accordion--radius);\n\t\t\tborder-bottom-right-radius: var(--krds-accordion--radius);\n\t\t}\n\t\t&.active {\n\t\t\t.accordion-collapse {\n\t\t\t\theight: auto;\n\t\t\t\tmax-height: 100vh;\n\t\t\t\ttransition: all 1.5s ease-in-out;\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\t\t\t.accordion-body {\n\t\t\t\tbackground-color: var(--krds-accordion--color-action-open);\n\t\t\t}\n\t\t}\n\t}\n\n\t//라인형\n\t&.type-line {\n\t\tpadding: 0;\n\t\tborder-top: none;\n\t\t.accordion-item {\n\t\t\tborder-top: 0.1rem solid var(--krds-accordion--color-divider);\n\t\t\tborder-radius: 0;\n\t\t\t.btn-accordion {\n\t\t\t\tpadding: var(--krds-accordion--line-padding) var(--krds-accordion--line-button-padding-right) var(--krds-accordion--line-padding) 0;\n\t\t\t\t&::after {\n\t\t\t\t\ttop: var(--krds-accordion--line-padding);\n\t\t\t\t\tright: 0;\n\t\t\t\t}\n\t\t\t\t&.active {\n\t\t\t\t\tbackground: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.accordion-body {\n\t\t\t\tpadding: 0 0 var(--krds-accordion--padding);\n\t\t\t}\n\t\t\t&.active {\n\t\t\t\tbackground: none;\n\t\t\t\tborder-top-color: var(--krds-accordion--color-divider-open);\n\t\t\t\t.accordion-body {\n\t\t\t\t\tbackground: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-accordion {\n\t\t@include accordion-color-variable($mode: #{$mode-setting});\n\t}\n\n}\n\n@include size-medium {\n\t.krds-accordion{\n\t\t--krds-accordion--padding: var(--krds-padding-6);\n\t\t--krds-accordion--line-padding: var(--krds-padding-5);\n\t\t--krds-accordion--button-icon-size: var(--krds-icon--size-medium);\n\t}\n}","/* 스피너 */\n//사이즈 정의\n@mixin spinner-size-variable() {\n\t--krds-spinner--layout-gap: var(--krds-number-5);\n\t--krds-spinner--pc-font-size: var(--krds-pc-font-size-body-small);\n\t--krds-spinner--mobile-font-size: var(--krds-mobile-font-size-body-small);\n\t--krds-spinner--size: var(--krds-size-height-3);\n\t--krds-spinner--animation-duration: 900ms;\n}\n\n//컬러 정의\n@mixin spinner-color-variable($mode: light) {\n\t--krds-spinner--color-text: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-spinner--border-width: var(--krds-#{$mode}-border-width-variable-medium);\n\t--krds-spinner--color-border: var(--krds-#{$mode}-color-element-disabled-light);\n\t--krds-spinner--color-border-active: var(--krds-#{$mode}-color-element-primary);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-spinner {\n\t@include spinner-size-variable();\n\t@include spinner-color-variable(#{$mode-setting});\n\n\t@include flex-layout($jc: center, $ai: center);\n\tgap: var(--krds-spinner--layout-gap);\n\t@include position($p: relative, $t: 0, $l: 0);\n\tz-index: 10;\n\tcolor: var(--krds-spinner--color-text);\n\tfont-size: var(--krds-spinner--pc-font-size);\n\twidth: 100%;\n\theight: 100%;\n\ttext-align: right;\n\n\t@include size-medium {\n\t\tfont-size: var(--krds-spinner--mobile-font-size);\n\t}\n\t&::before {\n\t\tdisplay: inline-flex;\n\t\tcontent: '';\n\t\theight: var(--krds-spinner--size);\n\t\twidth: var(--krds-spinner--size);\n\t\tborder: var(--krds-spinner--border-width) solid var(--krds-spinner--color-border);\n\t\tborder: {\n\t\t\ttop-color: var(--krds-spinner--color-border-active);\n\t\t\tradius: 100%;\n\t\t}\n\t\tanimation: spin var(--krds-spinner--animation-duration) infinite linear;\n\t}\n}\n\n.form-spinner {\n\t//spinner - form-spinner - padding\n\t--krds-spinner-form-spinner-padding-x: var(--krds-number-8);\n\n\tposition: relative;\n\t.krds-spinner {\n\t\tposition: absolute;\n\t\tjustify-content: flex-end;\n\t\tpadding: 0 var(--krds-spinner-form-spinner-padding-x);\n\t}\n}\n\n@keyframes spin {\n\tfrom { transform: rotate(0deg); }\n\tto { transform: rotate(359deg); }\n}\n\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t.krds-spinner {\n\t\t@include spinner-color-variable(#{$mode-setting});\n\t}\n}","/* 맥락적 도움말 */\n//모드 설정\n$mode-setting: light;\n\n//사이즈 정의\n@mixin contextual-help-size-variable() {\n\t--krds-contextual-help--action-btn-radius: var(--krds-radius-small2);\n\t--krds-contextual-help--action-pc-font-size: var(--krds-pc-font-size-body-small);\n\t--krds-contextual-help--action-mobile-font-size: var(--krds-mobile-font-size-body-small);\n\t--krds-contextual-help--popover-width: 36rem;\n\t--krds-contextual-help--popover-padding: var(--krds-padding-8);\n\t--krds-contextual-help--popover-radius: var(--krds-radius-xlarge2);\n\t--krds-contextual-help--popover-title-pc-font-size: var(--krds-pc-font-size-heading-xsmall);\n\t--krds-contextual-help--popover-title-mobile-font-size: var(--krds-mobile-font-size-heading-xsmall);\n\t--krds-contextual-help--popover-contents-pc-font-size: var(--krds-pc-font-size-body-small);\n\t--krds-contextual-help--popover-contents-mobile-font-size: var(--krds-mobile-font-size-body-small);\n}\n\n//컬러 정의\n@mixin contextual-help-color-variable($mode: light) {\n\t--krds-contextual-help--action-btn-color-background: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-contextual-help--action-btn-color-background-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-contextual-help--action-btn-color-background-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-contextual-help--action-icon-color-information: var(--krds-#{$mode}-color-icon-information);\n\t--krds-contextual-help--popover-color-text-basic: var(--krds-#{$mode}-color-text-basic);\n\t--krds-contextual-help--popover-color-text-bolder: var(--krds-#{$mode}-color-text-bolder);\n\t--krds-contextual-help--popover-color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-contextual-help--popover-color-background: var(--krds-#{$mode}-color-surface-white-subtler);\n\t--krds-contextual-help--popover-shadow: 0 0 0.2rem 0 var(--krds-#{$mode}-color-alpha-shadow2), 0 0.8rem 1.6rem 0 var(--krds-#{$mode}-color-alpha-shadow3);\n}\n\n.krds-contextual-help {\n\t@include contextual-help-size-variable();\n\t@include contextual-help-color-variable();\n\n\t@include flex-layout($ai: center);\n\tgap: var(--krds-gap-2);\n\t.tooltip-txt {\n\t\tfont-size: var(--krds-contextual-help--action-pc-font-size);\n\t}\n\t.tooltip-action {\n\t\t@include flex-layout($ai: center);\n\t\tposition: relative;\n\t\t.tooltip-btn {\n\t\t\t@include flex-layout($ai:center);\n\t\t\tborder-radius: var(--krds-contextual-help--action-btn-radius);\n\t\t\tbackground-color: var(--krds-contextual-help--action-btn-color-background);\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--krds-contextual-help--action-btn-color-background-hover);\n\t\t\t}\n\t\t\t&:active {\n\t\t\t\tbackground-color: var(--krds-contextual-help--action-btn-color-background-pressed);\n\t\t\t}\n\t\t\t.ico-tooltip {\n\t\t\t\tbackground-color: var(--krds-contextual-help--action-icon-color-information);\n\t\t\t}\n\t\t}\n\t}\n\t.tooltip-popover {\n\t\t--krds-contextual-help--bubble-arrow-size: 1.6rem;\n\t\t--krds-contextual-help--bubble-arrow-margin: calc((var(--krds-contextual-help--bubble-arrow-size) / 2) * -1);\n\t\t--krds-contextual-help--bubble-margin-x: 2.4rem;\n\t\t--krds-contextual-help--bubble-arrow-position-x: -2rem;\n\t\t\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tz-index: 10;\n\t\twidth: var(--krds-contextual-help--popover-width);\n\t\tpadding: var(--krds-contextual-help--popover-padding);\n\t\tborder-radius: var(--krds-contextual-help--popover-radius);\n\t\tbackground-color: var(--krds-contextual-help--popover-color-background);\n\t\tborder: .1rem solid var(--krds-contextual-help--popover-color-border);\n\t\tbox-shadow: var(--krds-contextual-help--popover-shadow);\n\t\t&::before {\n\t\t\t@include pseudo();\n\t\t\t@include square(var(--krds-contextual-help--bubble-arrow-size));\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tmargin-top: var(--krds-contextual-help--bubble-arrow-margin);\n\t\t\ttransform: rotate(45deg);\n\t\t\tborder: .1rem solid var(--krds-contextual-help--popover-color-border);\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-left-color: transparent;\n\t\t\tbackground-color: var(--krds-contextual-help--popover-color-background);\n\t\t}\n\t\t.tooltip-title {\n\t\t\t@include ellipsis(1);\n\t\t\tcolor: var(--krds-contextual-help--popover-color-text-bolder);\n\t\t\tfont-size: var(--krds-contextual-help--popover-title-pc-font-size);\n\t\t\tpadding-right: var(--krds-gap-5);\n\t\t}\n\t\t.tooltip-contents {\n\t\t\t@include flex-layout($fd: column);\n\t\t\tcolor: var(--krds-contextual-help--popover-color-text-basic);\n\t\t\tfont-size: var(--krds-contextual-help--popover-contents-pc-font-size);\n\t\t\tmargin-top: var(--krds-gap-5);\n\t\t\tgap: var(--krds-gap-3);\n\t\t}\n\t\t.tooltip-close {\n\t\t\t@include position($t: var(--krds-contextual-help--popover-padding), $r: var(--krds-contextual-help--popover-padding));\n\t\t}\n\t}\n\t&.left {\n\t\t.tooltip-popover {\n\t\t\tleft: 0;\n\t\t\tmargin-left: var(--krds-contextual-help--bubble-arrow-position-x);\n\t\t\t&::before {\n\t\t\t\tleft: var(--krds-contextual-help--bubble-margin-x);\n\t\t\t}\n\t\t}\n\t}\n\t&.center {\n\t\t.tooltip-popover {\n\t\t\t@include position-center(x);\n\t\t\t&::before {\n\t\t\t\tleft: 50%;\n\t\t\t\tmargin-left: var(--krds-contextual-help--bubble-arrow-margin);\n\t\t\t}\n\t\t}\n\t}\n\t&.right {\n\t\t.tooltip-popover {\n\t\t\tright: 0;\n\t\t\tmargin-right: var(--krds-contextual-help--bubble-arrow-position-x);\n\t\t\t&::before {\n\t\t\t\tright: var(--krds-contextual-help--bubble-margin-x);\n\t\t\t}\n\t\t}\n\t}\n\t&.top {\n\t\t.tooltip-popover { \n\t\t\tbottom: 100%;\n\t\t\tmargin-bottom: var(--krds-gap-5);\n\t\t\t&::before {\n\t\t\t\ttop: 100%;\n\t\t\t}\n\t\t}\n\t}\n\t&.bottom {\n\t\t.tooltip-popover { \n\t\t\ttop: 100%;\n\t\t\tmargin-top: var(--krds-gap-5);\n\t\t\t&::before {\n\t\t\t\tbottom: 100%;\n\t\t\t\ttransform: rotate(225deg);\n\t\t\t\tmargin-bottom: var(--krds-contextual-help--bubble-arrow-margin);\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t// krds-contextual-help\n\t.krds-contextual-help {\n\t\t@include contextual-help-color-variable(#{$mode-setting});\n\t}\n}\n\n//responsive mobile\n@include size-medium {\n\t.krds-contextual-help {\n\t\t.tooltip-popover {\n\t\t\tright: unset !important;\n\t\t\ttransform: none !important;\n\t\t\tmargin-left: 0 !important;\n\t\t\t&::before {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.tooltip-title {\n\t\t\t\tfont-size: var(--krds-contextual-help--popover-title-mobile-font-size);\n\t\t\t}\n\t\t\t.tooltip-contents {\n\t\t\t\tfont-size: var(--krds-contextual-help--popover-contents-mobile-font-size);\n\t\t\t}\n\t\t}\n\t}\n}","/* 툴팁 */\n//사이즈 정의\n@mixin tooltip-size-variable() {\n\t--krds-tooltip--popover-radius: var(--krds-radius-small3);\n\t--krds-tooltip--popover-radius-box: var(--krds-radius-xlarge2);\n\t--krds-tooltip--popover-contents-pc-font-size: var(--krds-pc-font-size-body-small);\n\t--krds-tooltip--popover-contents-mobile-font-size: var(--krds-mobile-font-size-body-small);\n\t--krds-tooltip--popover-margin-x: 2.4rem;\n}\n\n//컬러 정의\n@mixin tooltip-color-variable($mode: light) {\n\t--krds-tooltip--popover-inline-color-text: var(--krds-#{$mode}-color-text-basic-inverse);\n\t--krds-tooltip--popover-box-color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-tooltip--popover-color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-tooltip--popover-color-surface: var(--krds-#{$mode}-color-surface-inverse);\n\t--krds-tooltip--popover-box-color-surface: var(--krds-#{$mode}-color-surface-white-subtler);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-tooltip-popover {\n\t@include tooltip-size-variable();\n\t@include tooltip-color-variable(#{$mode-setting});\n\n\tdisplay: none;\n\tposition: fixed;\n\tz-index: 100;\n\twhite-space: nowrap;\n\tfont-size: var(--krds-tooltip--popover-contents-pc-font-size);\n\tborder-radius: var(--krds-tooltip--popover-radius);\n\tpadding: var(--krds-padding-2) var(--krds-padding-5);\n\tcolor: var(--krds-tooltip--popover-inline-color-text);\n\tbackground-color: var(--krds-tooltip--popover-color-surface);\n  top: 0;\n  left: 0;\n\t&.active {\n\t\tdisplay: block;\n\t}\n\t&::before {\n\t\t--tooltip-arrow-size: 0.8rem;\n\t\t--tooltip-arrow-gap: calc((var(--tooltip-arrow-size) / 2) * -1);\n\t\t@include pseudo();\n\t\t@include square(var(--tooltip-arrow-size));\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbackground-color: var(--krds-tooltip--popover-color-surface);\n\t\tleft: var(--tooltip-arrow-gap);\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%) rotate(45deg);\n\t}\n\t&.tooltip-box {\n\t\twhite-space: normal;\n\t\tmax-width: 36rem;\n\t\tborder: 0.1rem solid var(--krds-tooltip--popover-color-border);\n\t\tborder-radius: var(--krds-tooltip--popover-radius-box);\n\t\tpadding: var(--krds-padding-8);\n\t\tcolor: var(--krds-tooltip--popover-box-color-text);\n\t\tbackground-color: var(--krds-tooltip--popover-box-color-surface);\n\t\t&::before {\n\t\t\t--tooltip-arrow-size: 1.2rem;\n\t\t\tborder: 0.1rem solid var(--krds-tooltip--popover-color-border);\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-left-color: transparent;\n\t\t\tbackground-color: var(--krds-tooltip--popover-box-color-surface);\n\t\t}\n\t}\n\t&.right {\n\t\t&::before {\n\t\t\tleft: calc(100% + var(--tooltip-arrow-gap));\n\t\t}\n\t}\n\t&.bottom,\n\t&.top {\n\t\t&::before {\n\t\t\ttop: calc(100% + var(--tooltip-arrow-gap));\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%) rotate(45deg);\n\t\t}\n\t\t&.right {\n\t\t\t&::before {\n\t\t\t\tleft: calc(100% - var(--krds-tooltip--popover-margin-x));\n\t\t\t}\n\t\t}\n\t\t&.left {\n\t\t\t&::before {\n\t\t\t\tleft: var(--krds-tooltip--popover-margin-x);\n\t\t\t}\n\t\t}\n\t}\n\t&.bottom {\n\t\t&::before {\n\t\t\ttop: var(--tooltip-arrow-gap);\n\t\t}\n\t\t&.tooltip-box {\n\t\t\t&::before {\n\t\t\t\ttransform: translateX(-50%) rotate(-135deg);\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-tooltip-popover {\n\t\t@include tooltip-color-variable(#{$mode-setting});\n\t}\n}\n\n//responsive mobile\n@include size-medium {\n\t.krds-tooltip-popover {\n\t\tfont-size: var(--krds-tooltip--popover-contents-mobile-font-size);\n\t}\n}\n\n@media (max-width: 420px) {\n\t.krds-tooltip-popover {\n\t\twidth: calc(100% - (var(--krds-contents-padding-x) * 2));\n\t\t@include position-center(x);\n\t\t&::before {\n\t\t\tdisplay: none;\n\t\t}\n\t\t&.tooltip-box {\n\t\t\tmax-width: 100%;\n\t\t}\n\t}\n}","/* 파일 업로드 */\n//사이즈 정의\n@mixin file-upload-size-variable() {\n    --krds-file-upload--gap: var(--krds-gap-7);\n    --krds-file-upload--file-total-y: .3rem;\n    --krds-file-upload--file-padding-x: var(--krds-padding-10);\n    --krds-file-upload--file-padding-y: 6.4rem;\n    --krds-file-upload--file-radius: var(--krds-radius-xlarge1);\n    --krds-file-upload--file-pc-font-size: var(--krds-pc-font-size-body-large);\n    --krds-file-upload--file-mobile-font-size: var(--krds-mobile-font-size-body-large);\n    --krds-file-upload--list-padding: var(--krds-padding-6);\n    --krds-file-upload--list-radius: var(--krds-radius-medium4);\n    --krds-file-upload--mobile-list-padding-y: var(--krds-padding-5);\n    --krds-file-upload--line-radius: var(--krds-radius-xlarge1);\n    --krds-file-upload--line-pc-padding: var(--krds-pc-padding-card-large);\n    --krds-file-upload--line-mobile-padding: var(--krds-mobile-padding-card-large);\n    --krds-file-upload--head-pc-font-size: var(--krds-pc-font-size-heading-small);\n    --krds-file-upload--head-mobile-font-size: var(--krds-mobile-font-size-heading-small);\n    --krds-file-upload--head-pc-margin-bottom: var(--krds-pc-gap-layout-title-body-small);\n    --krds-file-upload--head-mobile-margin-bottom: var(--krds-mobile-gap-layout-title-body-small);\n}\n\n//컬러 정의\n@mixin file-upload-color-variable($mode: light) {\n    --krds-file-upload--border-width: var(--krds-#{$mode}-border-width-variable-regular);\n    --krds-file-upload--border-medium: var(--krds-#{$mode}-border-width-variable-medium);\n    --krds-file-upload--file-color-surface: var(--krds-#{$mode}-color-surface-gray-subtle);\n    --krds-file-upload--file-color-border-active: var(--krds-#{$mode}-color-border-gray);\n    --krds-file-upload--list-color-surface: var(--krds-#{$mode}-color-surface-danger-subtler);\n    --krds-file-upload--list-color-border: var(--krds-#{$mode}-color-divider-gray-light);\n    --krds-file-upload--list-color-border-error: var(--krds-#{$mode}-color-border-danger);\n    --krds-file-upload--list-color-text: var(--krds-#{$mode}-color-text-bolder);\n    --krds-file-upload--list-color-text-error: var(--krds-#{$mode}-color-text-danger);\n    --krds-file-upload--line-color-border: var(--krds-#{$mode}-color-border-gray);\n}\n\n//모드 설정\n$mode-setting: light;\n\n.krds-file-upload {\n    @include file-upload-size-variable();\n    @include file-upload-color-variable(#{$mode-setting});\n    \n    @include flex-layout($fd: column);\n    gap: var(--krds-file-upload--gap);\n    width: 100%;\n\n    &.line {\n        padding: var(--krds-file-upload--line-pc-padding);\n        border:var(--krds-file-upload--border-width) solid var(--krds-file-upload--line-color-border);\n        border-radius: var(--krds-file-upload--line-radius);\n\n        @include size-medium {  \n            padding: var(--krds-file-upload--line-mobile-padding);    \n        }\n    }\n\n    .file-head {\n        .tit {\n            margin-bottom: var(--krds-file-upload--head-pc-margin-bottom);\n            font-size: var(--krds-file-upload--head-pc-font-size);\n            @include size-medium {  \n                margin-bottom: var(--krds-file-upload--head-mobile-margin-bottom);\n                font-size: var(--krds-file-upload--head-mobile-font-size); \n            }\n        }\n        \n    }\n\n    .file-upload {\n        @include flex-layout($fd:column, $jc: center, $ai: center);\n        gap: var(--krds-gap-9);\n        width: 100%;\n        padding: var(--krds-file-upload--file-padding-y) var(--krds-file-upload--file-padding-x);\n        border-radius: var(--krds-file-upload--file-radius);\n        border: var(--krds-file-upload--border-width) dashed transparent;\n        background-color: var(--krds-file-upload--file-color-surface);\n        .txt {\n            font-size: var(--krds-file-upload--file-pc-font-size);\n            text-align: center;\n            @include size-medium {\n                font-size: var(--krds-file-upload--file-mobile-font-size);\n            }\n        }\n        [type='file'] {\n            @include sr-only;\n        }\n        &.active {\n            border-color:var(--krds-file-upload--file-color-border-active) !important;\n        }\n    }\n\n    .file-list {\n        @include flex-layout($fd: column);\n        gap: var(--krds-file-upload--gap);\n        position: relative;\n        width: 100%;\n        .total {\n            padding: var(--krds-file-upload--file-total-y) 0;\n            font-weight: var(--krds-font-weight-bold);\n            .current {\n                color: var(--krds-#{$mode-setting}-color-text-primary);\n            }\n        }\n        .upload-list {\n            @include flex-layout($fd: column, $ai: normal);\n            gap: var(--krds-gap-5);\n            width: 100%;\n            > li {\n                padding: var(--krds-file-upload--list-padding);\n                border-radius: var(--krds-file-upload--list-radius);\n                border: var(--krds-file-upload--border-width) solid var(--krds-file-upload--list-color-border);\n                color: var(--krds-file-upload--list-color-text);\n                \n                @include size-medium {\n                    padding-top: var(--krds-file-upload--mobile-list-padding-y);\n                    padding-bottom: var(--krds-file-upload--mobile-list-padding-y);\n                }\n\n                &.is-error {\n                    border: var(--krds-file-upload--border-medium) solid var(--krds-file-upload--list-color-border-error);\n                    background-color: var(--krds-file-upload--list-color-surface);\n                    .file-hint {\n                        color: var(--krds-file-upload--list-color-text-error);\n                    }\n                }\n            }\n            .file-info {\n                @include flex-layout($ai:center);\n                gap: var(--krds-gap-5);                \n                > div {\n                    display: inline-flex;                    \n                }\n                .file-name {\n                    flex: 1;\n                    @include ellipsis(1);\n\n                    @include size-medium {\n                        display: flex;\n                    }\n                }\n                .btn-wrap {\n                    align-items: center;\n                    gap: var(--krds-gap-5);\n                    width: auto;\n                }\n                .ico-invalid {\n                    @include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting}, $effect: pure);\n                    &.error {\n                        @include icon-set(ico_error_fill, pure);\n                    }\n                    &.complete {\n                        @include icon-set(ico_complete_fill, pure);\n                    }\n                }\n\n                &.m-column {\n                    @include size-medium {\n                        flex-direction: column;\n                        gap: var(--krds-gap-3);\n                        .btn-wrap {\n                            gap: var(--krds-gap-5);\n                            justify-content: flex-end;\n                            width: 100%;\n                        }\n                    }\n                }\n            }\n            .file-hint-invalid {\n                @include flex-layout();\n                gap: var(--krds-gap-2);\n                width: 100%;\n                padding-top: var(--krds-padding-5);\n                margin-top: var(--krds-padding-5);\n                border-top: var(--krds-file-upload--border-width) solid var(--krds-#{$mode-setting}-color-divider-gray);\n                color: var(--krds-file-upload--list-color-text-error);\n                &::before {\n                    @include pseudo();\n                    margin-top: var(--krds-padding-1);\n                    @include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting}, $effect: pure);\n                    @include icon-set(ico_error_fill, pure);\n                }\n            }\n        }\n        .upload-delete-btn {\n            @include position($t:0, $r: 0);\n        }\n    }\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n    //모드 설정\n    $mode-setting: high-contrast;\n\n    .krds-file-upload {\n        @include file-upload-color-variable(#{$mode-setting});\n    }\n}","/* 코치마크 */\n//사이즈 정의\n@mixin coach-mark-size-variable() {\n  --krds-coach-mark--popover-max-width: 36rem;\n  --krds-coach-mark--popover-padding: var(--krds-padding-8);\n  --krds-coach-mark--popover-gap: var(--krds-gap-5);\n  --krds-coach-mark--popover-radius: var(--krds-radius-xlarge2);\n  --krds-coach-mark--popover-title-pc-font-size: var(--krds-pc-font-size-label-xsmall);\n  --krds-coach-mark--popover-title-mobile-font-size: var(--krds-mobile-font-size-label-xsmall);\n  --krds-coach-mark--popover-body-pc-font-size: var(--krds-pc-font-size-body-medium);\n  --krds-coach-mark--popover-body-mobile-font-size: var(--krds-mobile-font-size-body-medium);\n  --krds-coach-mark--txtbox-pc-padding: var(--krds-pc-padding-card-large);\n  --krds-coach-mark--txtbox-mobile-padding: var(--krds-mobile-padding-card-large);\n  --krds-coach-mark--txtbox-radius: var(--krds-radius-xlarge1);\n}\n\n//컬러 정의\n@mixin coach-mark-color-variable($mode: light) {\n  --krds-coach-mark--color-border: var(--krds-#{$mode}-color-border-primary);\n  --krds-coach-mark--color-outline: var(--krds-#{$mode}-color-border-primary-light);\n  --krds-coach-mark--popover-color-action: var(--krds-#{$mode}-color-surface-white);\n  --krds-coach-mark--popover-color-text-basic: var(--krds-#{$mode}-color-text-basic);\n  --krds-coach-mark--popover-color-text-subtle: var(--krds-#{$mode}-color-text-subtle);\n}\n\n//모드 설정\n$mode-setting: light;\n\n.krds-coach-mark {\n  @include coach-mark-size-variable();\n  @include coach-mark-color-variable(#{$mode-setting});\n\n  position: relative;\n\n  &.txt-box {\n    padding: var(--krds-coach-mark--txtbox-pc-padding);\n    border-radius: var(--krds-coach-mark--txtbox-radius);\n  }\n\n  &.txt-box,\n  &.form-addr-result,\n  .coach-btn {\n    border: 0.1rem solid var(--krds-coach-mark--color-border);\n    outline: 1rem solid var(--krds-coach-mark--color-outline);\n  }\n\n  .coach-balloon {\n    @include position($t: 0, $r: 0);\n    @include flex-layout($fd: column);\n    z-index: 5;\n    border: 0.2rem solid var(--krds-coach-mark--color-border);\n    max-width: var(--krds-coach-mark--popover-max-width);\n    padding: var(--krds-coach-mark--popover-padding);\n    background-color: var(--krds-coach-mark--popover-color-action);\n    border-radius: var(--krds-coach-mark--popover-radius);\n    transform: translateY(calc(-100% - 2.6rem));\n    word-break: break-all;\n    &::after {\n\t\t\t--krds-coach-mark--bubble-arrow-size: 1.6rem;\n\t\t\t--krds-coach-mark--bubble-arrow-margin: calc((var(--krds-coach-mark--bubble-arrow-size) / 2) * -1);\n\t\t\t--krds-coach-mark--bubble-margin-x: 2.4rem;\n\t\t\t--krds-coach-mark--bubble-arrow-position-x: -2rem;\n\n      @include pseudo();\n      @include square(var(--krds-coach-mark--bubble-arrow-size));\n      @include position($t: 100%, $r: 2.4rem);\n      display: block;\n\t\t\tmargin-top: var(--krds-coach-mark--bubble-arrow-margin);\n\t\t\ttransform: rotate(45deg);\n\t\t\tborder: .2rem solid var(--krds-coach-mark--color-border);\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-left-color: transparent;\n\t\t\tbackground-color: var(--krds-coach-mark--popover-color-action);\n    }\n\n    .coach-tit {\n      color: var(--krds-coach-mark--popover-color-text-subtle);\n      font-size: var(--krds-coach-mark--popover-title-mobile-font-size);\n      margin-bottom: var(--krds-padding-3);\n      font-weight: var(--krds-font-weight-regular);\n    }\n\n    .desc {\n      font-size: var(--krds-coach-mark--popover-body-pc-font-size);\n      color: var(--krds-coach-mark--popover-color-text-basic);\n    }\n\n    .coach-controls {\n      @include flex-layout($jc: space-between, $ai: center);\n      width: 100%;\n      gap: var(--krds-gap-3);\n      margin-top: var(--krds-coach-mark--popover-gap);\n      color: var(--krds-coach-mark--popover-color-text-basic);\n      .num {\n        @include flex-layout($ai: center);\n        font-size: var(--krds-coach-mark--popover-body-pc-font-size);\n        strong {\n          @include flex-layout($ai: center);\n          font-weight: var(--krds-font-weight-regular);\n          &::after {\n            content: \"/\";\n            margin: 0 var(--krds-padding-1);\n          }\n        }\n      }\n    }\n    .btn-wrap {\n      @include flex-layout($ai: center, $jc: flex-end);\n      gap: var(--krds-gap-4);\n    }\n  }\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n  //모드 설정\n  $mode-setting: high-contrast;\n\n  .krds-coach-mark {\n    @include coach-mark-color-variable(#{$mode-setting});\n  }\n}\n\n//responsive mobile\n@include size-medium {\n  .krds-coach-mark {\n    // page-btn-wrap 코치마크 있는 타입\n    &.page-btn-wrap {\n      position: relative;\n      z-index: 5;\n      > .coach-balloon {\n        @include position($t: 2.4rem, $r: 1.6rem);\n        width: 100%;\n        max-width: calc(100% - 3.2rem);\n      }\n    }\n\n    &.txt-box {\n      padding: var(--krds-coach-mark--txtbox-mobile-padding);\n    }\n  }\n}\n","/* 디스클로저 */\n//사이즈 정의\n@mixin disclosure-size-variable() {\n    --krds-disclosure--gap: 1.4rem;\n    --krds-disclosure--button-icon-size: var(--krds-icon--size-medium);\n    --krds-disclosure--button-size-height: 2.6rem;\n    --krds-disclosure--button-gap: var(--krds-gap-2);\n    --krds-disclosure--button-pc-font-size: var(--krds-pc-font-size-body-medium);\n    --krds-disclosure--button-mobile-font-size: var(--krds-mobile-font-size-body-medium);\n    --krds-disclosure--pc-expand-padding: var(--krds-pc-padding-card-small);\n    --krds-disclosure--mobile-expand-padding: var(--krds-mobile-padding-card-small);\n    --krds-disclosure--expand-margin-top: var(--krds-gap-2);\n    --krds-disclosure--expand-radius: var(--krds-radius-xlarge2);\n\n}\n\n//컬러 정의\n@mixin disclosure-color-variable($mode: light) {\n    --krds-disclosure--button-color-text: var(--krds-#{$mode}-color-text-bolder);\n    --krds-disclosure--expand-color-surface: var(--krds-#{$mode}-color-surface-gray-subtle);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-disclosure {\n    @include disclosure-size-variable();\n    @include disclosure-color-variable(#{$mode-setting});\n\n\twidth: 100%;\n\n    & ~ .krds-disclosure {\n        margin-top: var(--krds-disclosure--gap); //pattern 간격 적용\n    }\n\n    .btn-conts-expand {\n        @include flex-layout($ai: center);\n        height: var(--krds-disclosure--button-size-height);\n        font-size: var(--krds-disclosure--button-pc-font-size);\n        color: var(--krds-disclosure--button-color-text);\n        &::before {\n            display: inline-flex;\n            @include pseudo();\n            @include svg-icon($size: var(--krds-disclosure--button-icon-size), $mode: #{$mode-setting});\n            @include icon-set(ico_expand);\n            margin-right: var(--krds-disclosure--button-gap);\n            transition: var(--krds-transition-base);\n            transform: rotate(0);\n            background-repeat: no-repeat;\n            background-position: center;\n        }\n        &::after {\n            display: none;\n        }\n    }\n    .expand-wrap {\n        overflow: hidden;\n        transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);\n        max-height: 0;\n        &::after {\n            display: none;\n        }\n        .expand-in {\n            padding: var(--krds-disclosure--pc-expand-padding);\n            margin-top: var(--krds-disclosure--expand-margin-top);\n            background-color: var(--krds-disclosure--expand-color-surface);\n            border-radius: var(--krds-disclosure--expand-radius);\n        }\n    }\n    &.active {\n        .expand-wrap {\n            max-height: 1000vh !important;\n            transition: max-height 1.5s ease-in-out;\n        }\n        .btn-conts-expand {\n            &::before {\n                transform: rotate(-90deg);\n            }\n        }\n    }\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n    //모드 설정\n    $mode-setting: high-contrast;\n    .krds-disclosure { \n        @include disclosure-color-variable(#{$mode-setting});\n    \n        .btn-conts-expand {\n            &::before {\n                @include svg-icon($size: var(--krds-disclosure--button-icon-size), $mode: #{$mode-setting});\n            }\n        }\n    }\n}\n\n@include size-medium {\n\t.krds-disclosure {\n\t\t.btn-conts-expand {\n\t\t\tfont-size: var(--krds-disclosure--button-mobile-font-size);\n\t\t}\n\t\t.expand-wrap {\n\t\t\t.expand-in {\n\t\t\t\tpadding: var(--krds-disclosure--mobile-expand-padding);\n\t\t\t}\n\t\t}\n\t}\n}","/* 건너뛰기 링크 */\n//사이즈 정의\n@mixin skip-link-size-variable() {\n  --krds-skip-link--pc-font-size: var(--krds-pc-font-size-body-small);\n  --krds-skip-link--mobile-font-size: var(--krds-mobile-font-size-body-small);\n}\n\n//컬러 정의\n@mixin skip-link-color-variable($mode: light) {\n  --krds-skip-link--color-background: var(--krds-#{$mode}-color-background-inverse);\n  --krds-skip-link-color-text: var(--krds-#{$mode}-color-text-basic-inverse);\n}\n\n\n//모드 설정\n$mode-setting: light;\n\n#krds-skip-link {\n  @include skip-link-size-variable();\n  @include skip-link-color-variable(#{$mode-setting});\n  \n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 10000;\n  width: 100%;\n  text-align: center;\n  background-color: var(--krds-skip-link--color-background);\n  a {\n    &:not(:focus) {\n      @include sr-only;\n    }\n    &:focus {\n      @include flex-layout($ai: center, $jc: center);\n      @include focus();\n      font-size: var(--krds-pc-font-size-body-small);\n      color: var(--krds-skip-link-color-text);\n      width: 100%;\n      height: var(--krds-size-height-5);\n      margin: 0 auto;\n      text-align: center;\n      @include size-medium {\n        font-size: var(--krds-skip-link--mobile-font-size);\n      }\n    }\n  }\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n  //모드 설정\n  $mode-setting: high-contrast;\n\n  #krds-skip-link {\n    @include skip-link-color-variable(#{$mode-setting});\n  }\n}\n","/* 공식 배너 */\n//사이즈 정의\n@mixin masthead-size-variable() {\n\t--krds-masthead--inner-gap-y: var(--krds-gap-2);\n\t--krds-masthead--inner-gap-x: var(--krds-gap-5);\n\t--krds-masthead--inner-min-size-height: var(--krds-size-height-5);\n\t--krds-masthead--inner-padding-y: var(--krds-padding-2);\n\t--krds-masthead--pc-font-size: var(--krds-pc-font-size-body-small);\n\t--krds-masthead--mobile-font-size: var(--krds-mobile-font-size-body-small);\n\n\t//태블릿 & 모바일 전용 속성\n\t@include size-large-less {\n\t\t--krds-masthead--inner-padding-y: 0;\n\t}\n}\n\n//컬러 정의\n@mixin masthead-color-variable($mode: light) {\n\t--krds-masthead--color-surface: var(--krds-#{$mode}-color-surface-secondary-subtler);\n}\n\n//모드 설정\n$mode-setting: light;\n\n#krds-masthead {\n\t@include masthead-color-variable(#{$mode-setting});\n\t@include masthead-size-variable();\n\n\t& {\n\t\tposition: relative;\n\t\tz-index: 70;\n\t\tbackground-color: var(--krds-masthead--color-surface);\n\t}\n\t.toggle-head {\n\t\t.inner {\n\t\t\tposition: relative;\n\t\t\tgap: var(--krds-masthead--inner-gap-y) var(--krds-masthead--inner-gap-x);\n\t\t\tmin-height: var(--krds-masthead--inner-min-size-height);\n\t\t\tpadding-top: var(--krds-masthead--inner-padding-y);\n\t\t\tpadding-bottom: var(--krds-masthead--inner-padding-y);\n\t\t}\n\t\t.nuri-txt {\n\t\t\t@include flex-layout($ai: center);\n\t\t\tgap: var(--krds-gap-3);\n\t\t\tfont-size: var(--krds-masthead--pc-font-size);\n\t\t\tword-break: break-all;\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-masthead--mobile-font-size);\n\t\t\t}\n\t\t\t&::before {\n\t\t\t\t@include pseudo();\n\t\t\t\t@include svg-icon($mode: light, $effect: pure);\n\t\t\t\t@include icon-set(ico_flag, $effect: pure);\n\t\t\t}\n\t\t}\n\t}\n\t//마크업 삭제여부 결정해야함\n\t.toggle-body {\n\t\theight: 0;\n\t\ttransition: var(--krds-transition-base);\n\t\toverflow: hidden;\n\t}\n\t.inner {\n\t\t@include flex-layout($ai: center);\n\t\tflex-wrap: wrap;\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t#krds-masthead {\n\t\t@include masthead-color-variable(#{$mode-setting});\n\t}\n}\n","/* 헤더 */\n//사이즈 정의\n@mixin header-size-variable() {\n\t--krds-header--utility-gap: var(--krds-gap-4);\n\t--krds-header--container-gap: var(--krds-gap-2);\n\t--krds-header--container-padding-top: var(--krds-padding-5);\n\t--krds-header--container-padding-bottom: var(--krds-padding-6);\n\t--krds-header--navi-min-height: var(--krds-size-height-6);\n\t--krds-header--navi-gap: var(--krds-gap-2) var(--krds-gap-3);\n\t--krds-header--navi-padding: var(--krds-padding-2) var(--krds-padding-5) 0;\n\t--krds-header--navi-border-radius: var(--krds-radius-medium1);\n\t--krds-header--navi-font-size-pc: var(--krds-pc-font-size-navigation-depth-medium-bold);\n\t--krds-header--navi-font-size-mobile: var(--krds-mobile-font-size-navigation-depth-small-bold);\n}\n\n//컬러 정의\n@mixin header-color-variable($mode: light) {\n\t--krds-header--color-surface: var(--krds-#{$mode}-color-surface-white);\n\t--krds-header--utility-color-divider: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-header--navi-color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-header--navi-color-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-header--navi-color-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n}\n\n//모드 설정\n$mode-setting: light;\n\n#krds-header {\n\t@include header-size-variable();\n\t@include header-color-variable(#{$mode-setting});\n\n\t@include position($p: sticky, $t: 0, $l: 0);\n\tz-index: 70;\n\tbackground-color: var(--krds-header--color-surface);\n\t.header-in {\n\t\tposition: relative;\n\t\ttransform: translateY(0);\n\t}\n\n\t.header-utility {\n\t\t@include flex-layout($jc: flex-end);\n\t\t.utility-list {\n\t\t\t@include flex-layout($jc: flex-end);\n\t\t\t& > li {\n\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tgap: var(--krds-header--utility-gap);\n\t\t\t\t\tmargin-left: var(--krds-header--utility-gap);\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\twidth: 0.1rem;\n\t\t\t\t\t\theight: var(--krds-size-height-2);\n\t\t\t\t\t\tbackground-color: var(--krds-header--utility-color-divider);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.header-container {\n\t\t.inner {\n\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\t//web 전용 속성\n\t\t\t@include size-large-more {\n\t\t\t\tgap: var(--krds-header--container-gap);\n\t\t\t\tpadding-top: var(--krds-header--container-padding-top);\n\t\t\t\tpadding-bottom: var(--krds-header--container-padding-bottom);\n\t\t\t}\n\t\t}\n\t\t.header-branding {\n\t\t\t@include flex-layout($ai: center);\n\t\t}\n\t\t.logo {\n\t\t\tdisplay: inline-flex;\n\t\t\t@include square(13.7rem, var(--krds-size-height-7));\n\t\t\t@include size-medium {\n\t\t\t\t@include square(9.4rem, 3.2rem);\n\t\t\t}\n\t\t\ta {\n\t\t\t\tdisplay: block;\n\t\t\t\t@include square(100%);\n\t\t\t\tbackground-image: url(#{$url}/img/component/icon/ico_logo_krds.svg);\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-size: contain;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t}\n\t\t}\n\t\t.header-actions {\n\t\t\tdisplay: inline-flex;\n\t\t\tgap: var(--krds-gap-3);\n\t\t\tmargin-left: auto;\n\t\t}\n\t\t.btn-navi {\n\t\t\t@include flex-layout($d: inline-flex, $fd: column, $jc: space-between, $ai: center);\n\t\t\tgap: var(--krds-header--navi-gap);\n\t\t\tmin-height: var(--krds-header--navi-min-height);\n\t\t\tpadding: var(--krds-header--navi-padding);\n\t\t\tborder-radius: var(--krds-header--navi-border-radius);\n\t\t\tfont-size: var(--krds-header--navi-font-size-pc);\n\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\tcolor: var(--krds-header--navi-color-text);\n\t\t\ttransition: var(--krds-transition-base);\n\t\t\t&::before {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\t@include pseudo();\n\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t}\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--krds-header--navi-color-hover);\n\t\t\t}\n\t\t\t&:active,\n\t\t\t&:focus {\n\t\t\t\tbackground-color: var(--krds-header--navi-color-pressed);\n\t\t\t}\n\t\t\t&.navi-row {\n\t\t\t\tflex-direction: row;\n\t\t\t}\n\t\t\t&.sch {\n\t\t\t\t&::before {\n\t\t\t\t\t@include icon-set(ico_sch);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.login {\n\t\t\t\t&::before {\n\t\t\t\t\t@include icon-set(ico_login);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.join {\n\t\t\t\t&::before {\n\t\t\t\t\t@include icon-set(ico_join);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.my {\n\t\t\t\t&::before {\n\t\t\t\t\t@include icon-set(ico_my);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.all {\n\t\t\t\t&::before {\n\t\t\t\t\t@include icon-set(ico_all);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* 스크롤 동작 */\n#wrap {\n\t&[class*=\"scroll\"] {\n\t\t#krds-header:not(.sample) {\n\t\t\tposition: relative;\n\t\t\tborder-bottom: 0.1rem solid var(--krds-header--utility-color-divider);\n\t\t\t.header-in {\n\t\t\t\tposition: fixed;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tz-index: 100;\n\t\t\t\twidth: 100%;\n\t\t\t\tborder-bottom: 0.1rem solid var(--krds-header--utility-color-divider);\n\t\t\t\tbackground-color: var(--krds-header--color-surface);\n\t\t\t\ttransition: transform ease 0.4s 0.01s;\n\t\t\t}\n\t\t}\n\t}\n\t&.scroll-down {\n\t\t#krds-header:not(.sample) {\n\t\t\t.header-in {\n\t\t\t\ttransform: translateY(-100%);\n\t\t\t}\n\t\t}\n\t}\n\t&.scroll-up {\n\t\t#krds-header:not(.sample) {\n\t\t\t.header-in {\n\t\t\t\ttransform: translateY(0);\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t#krds-header {\n\t\t@include header-color-variable(#{$mode-setting});\n\t\t.inner {\n\t\t\tborder-bottom-color: var(--krds-#{$mode-setting}-color-divider-gray-light);\n\t\t}\n\t\t.header-container {\n\t\t\t.btn-navi {\n\t\t\t\t&::before {\n\t\t\t\t\t@include svg-icon(var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t}\n\t\t\t}\n\t\t\t.logo {\n\t\t\t\ta {\n\t\t\t\t\tbackground-image: url(#{$url}/img/component/icon/ico_logo_krds_high_contrast.svg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//web 전용 속성\n@include size-large-more {\n\t#krds-header {\n\t\t.header-container {\n\t\t\t.btn-navi {\n\t\t\t\t&.all {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.is-gnb-web {\n\t\toverflow: hidden;\n\t\t#wrap {\n\t\t\t&.scroll-down {\n\t\t\t\t#krds-header {\n\t\t\t\t\t.header-in {\n\t\t\t\t\t\ttransform: translateY(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.hasScrollY {\n\t\t\t#krds-masthead,\n\t\t\t#krds-header .header-container,\n\t\t\t#krds-header .krds-main-menu,\n\t\t\t#krds-header .gnb-toggle-wrap,\n\t\t\t#container,\n\t\t\t#krds-footer {\n\t\t\t\tpadding-right: 1.7rem;\n\t\t\t}\n\t\t\t#krds-footer .foot-quick {\n\t\t\t\tpadding-right: 1.7rem;\n\t\t\t\tmargin-right: -1.7rem;\n\t\t\t}\n\t\t}\n\t}\n}\n\n//태블릿 & 모바일 전용 속성\n@include size-large-less {\n\t#krds-header {\n\t\t.inner {\n\t\t\tpadding-top: var(--krds-gap-3);\n\t\t\tpadding-bottom: var(--krds-gap-3);\n\t\t\tborder-bottom: var(--krds-#{$mode-setting}-border-width-static-regular) solid var(--krds-#{$mode-setting}-color-divider-gray-light);\n\t\t}\n\n\t\t.header-container {\n\t\t\t.header-utility {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.btn-navi {\n\t\t\t\t&.navi-row {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t\t&.join,\n\t\t\t\t&.my {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.my-drop{\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n//모바일 전용\n@include size-medium {\n\t#krds-header {\n\t\t.header-container {\n\t\t\t.header-actions{\n\t\t\t\tgap: 0;\n\t\t\t}\n\t\t\t.btn-navi {\n\t\t\t\tfont-size: var(--krds-header--navi-font-size-mobile);\n\t\t\t}\n\t\t}\n\t}\n}","/* 메인 메뉴 */\n/* gnb pc */\n//사이즈 정의\n@mixin gnb-pc-size-variable() {\n\t--krds-main-menu--main-trigger-size-height: var(--krds-size-height-8);\n\t--krds-main-menu--main-trigger-padding-x: var(--krds-padding-6);\n\t--krds-main-menu--main-trigger-font-size: var(--krds-pc-font-size-navigation-title-small);\n\t--krds-main-menu--main-menu-width: 26.6rem;\n\t--krds-main-menu--sub-trigger-padding-x: var(--krds-padding-8);\n\t--krds-main-menu--sub-trigger-padding-y: var(--krds-padding-6);\n\t--krds-main-menu--sub-trigger-font-size: var(--krds-pc-font-size-navigation-depth-medium);\n\t--krds-main-menu--sub-trigger-font-size-active: var(--krds-pc-font-size-navigation-depth-medium-bold);\n\t--krds-main-menu--sub-menu-padding-x: var(--krds-padding-10);\n\t--krds-main-menu--sub-menu-padding-y: var(--krds-padding-6);\n\t--krds-main-menu--sub-menu-title-size-height: var(--krds-size-height-8);\n\t--krds-main-menu--sub-menu-title-padding-x: var(--krds-padding-2);\n\t--krds-main-menu--sub-menu-title-radius: var(--krds-radius-medium3);\n\t--krds-main-menu--sub-menu-title-font-size: var(--krds-pc-font-size-navigation-title-medium);\n\t--krds-main-menu--sub-menu-trigger-color-padding-x: var(--krds-padding-3);\n\t--krds-main-menu--sub-menu-trigger-color-padding-y: var(--krds-padding-4);\n\t--krds-main-menu--sub-menu-trigger-color-radius: var(--krds-radius-medium2);\n\t--krds-main-menu--sub-menu-trigger-color-font-size: var(--krds-pc-font-size-navigation-depth-medium);\n\t--krds-main-menu--sub-menu-description-title-font-size: var(--krds-pc-font-size-navigation-title-small);\n\t--krds-main-menu--sub-menu-description-title-padding: var(--krds-padding-2);\n\t--krds-main-menu--sub-menu-description-title-radius: var(--krds-radius-medium1);\n\t--krds-main-menu--sub-menu-description-description-color-padding-top: var(--krds-padding-6);\n\t--krds-main-menu--sub-menu-description-description-color-padding-x: var(--krds-padding-2);\n\t--krds-main-menu--sub-menu-description-description-color-font-size: var(--krds-pc-font-size-navigation-depth-medium);\n\t--krds-main-menu--sub-menu-only-2depth-padding-y: var(--krds-padding-6);\n\t--krds-main-menu--banner-padding-x: var(--krds-padding-6);\n\t--krds-main-menu--banner-padding-y: var(--krds-padding-5);\n\t--krds-main-menu--banner-radius: var(--krds-radius-medium3);\n\t--krds-main-menu--column-banner-margin-x: var(--krds-padding-6);\n\t--krds-main-menu--column-banner-padding: var(--krds-padding-8);\n\t--krds-main-menu--column-banner-radius: var(--krds-radius-medium3);\n}\n\n//컬러 정의\n@mixin gnb-pc-color-variable($mode: light) {\n\t--krds-main-menu--color-surface: var(--krds-#{$mode}-color-surface-white);\n\t--krds-main-menu--color-border: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-main-menu--main-trigger-color-text: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-main-menu--main-trigger-color-text-active: var(--krds-#{$mode}-color-text-basic);\n\t--krds-main-menu--main-trigger-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-main-menu--main-trigger-color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-main-menu--main-trigger-color-border-selected: var(--krds-#{$mode}-color-action-secondary-active);\n\t--krds-main-menu--toggle-color-surface: var(--krds-#{$mode}-color-surface-white-subtle);\n\t--krds-main-menu--main-menu-color-surface: var(--krds-#{$mode}-color-surface-secondary-subtler);\n\t--krds-main-menu--sub-trigger-color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-main-menu--sub-trigger-color-text-selected: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-main-menu--sub-trigger-color-text-pressed: var(--krds-#{$mode}-color-text-basic);\n\t--krds-main-menu--sub-trigger-color-action: var(--krds-#{$mode}-color-action-secondary-on);\n\t--krds-main-menu--sub-trigger-color-action-selected: var(--krds-#{$mode}-color-action-secondary-on-selected);\n\t--krds-main-menu--sub-trigger-color-action-pressed: var(--krds-#{$mode}-color-action-secondary-on-pressed);\n\t--krds-main-menu--sub-menu-color-action: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-main-menu--sub-menu-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-main-menu--sub-menu-color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-main-menu--sub-menu-trigger-color-action-selected: var(--krds-#{$mode}-color-action-secondary-selected);\n\t--krds-main-menu--sub-menu-trigger-color-text-selected: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-main-menu--sub-menu-description-description-color-border: var(--krds-#{$mode}-color-border-gray-light);\n\t--krds-main-menu--sub-menu-description-description-color-text: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-main-menu--banner-background: var(--krds-#{$mode}-color-surface-gray-subtle);\n}\n//모드 설정\n$mode-setting: light;\n\n//krds-main-menu(pc)\n.krds-main-menu {\n\t@include gnb-pc-size-variable();\n\t@include gnb-pc-color-variable(#{$mode-setting});\n\n\tposition: relative;\n\tbackground-color: var(--krds-main-menu--color-surface);\n\tborder-top: 0.1rem solid;\n\tborder-bottom: 0.1rem solid;\n\tborder-color: var(--krds-main-menu--color-border);\n\t// gnb-menu\n\t.gnb-menu {\n\t\t@include flex-layout($jc: flex-start);\n\t\tgap: var(--krds-gap-5);\n\t\t// gnb-main-trigger\n\t\t.gnb-main-trigger {\n\t\t\t@include flex-layout($jc: flex-start, $ai: center);\n\t\t\tgap: var(--krds-gap-3);\n\t\t\tposition: relative;\n\t\t\theight: var(--krds-main-menu--main-trigger-size-height);\n\t\t\tcolor: var(--krds-main-menu--main-trigger-color-text);\n\t\t\tpadding: 0 var(--krds-main-menu--main-trigger-padding-x);\n\t\t\ttransition: var(--krds-transition-base);\n\t\t\t&,\n\t\t\th2 {\n\t\t\t\tfont-size: var(--krds-main-menu--main-trigger-font-size);\n\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t}\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\t@include pseudo();\n\t\t\t}\n\t\t\t&::before {\n\t\t\t\t@include position($b: 0, $l: 50%);\n\t\t\t\t@include square(0, 0.4rem);\n\t\t\t\tbackground-color: var(--krds-main-menu--main-trigger-color-border-selected);\n\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\t@include svg-icon(var(--krds-icon--size-medium), $mode: light);\n\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\tbackground-color: var(--krds-main-menu--main-trigger-color-text);\n\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\ttransform: rotate(0deg);\n\t\t\t}\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--krds-main-menu--main-trigger-color-action-hover);\n\t\t\t}\n\t\t\t&:active {\n\t\t\t\tcolor: var(--krds-main-menu--main-trigger-color-text-active);\n\t\t\t\tbackground-color: var(--krds-main-menu--main-trigger-color-action-pressed);\n\t\t\t}\n\t\t\t&:focus {\n\t\t\t\t@include focus();\n\t\t\t}\n\t\t\t&.active {\n\t\t\t\t&::before {\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t&::after {\n\t\t\t\t\ttransform: rotate(-180deg);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.is-link {\n\t\t\t\t&::after {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include size-large-to-xlarge {\n\t\t\t\t--krds-main-menu--main-trigger-padding-x: var(--krds-padding-3);\n\t\t\t}\n\t\t}\n\t}\n\t// gnb-toggle-wrap\n\t.gnb-toggle-wrap {\n\t\t@include position($t: 100%, $l: 0);\n\t\tmargin-top: 0.1rem;\n\t\tdisplay: none;\n\t\twidth: 100%;\n\t\tbackground-color: var(--krds-main-menu--toggle-color-surface);\n\t\t&.is-open {\n\t\t\tdisplay: block;\n\t\t}\n\t\t.gnb-main-list {\n\t\t\t$main-menu-width: 26.6rem; //2뎁스 메뉴 사이즈\n\t\t\tposition: relative;\n\t\t\tmax-width: var(--krds-contents-size);\n\t\t\tmargin: 0 auto;\n\t\t\t&[data-has-submenu=\"true\"]::before {\n\t\t\t\t@include position($t: 0, $l: 0);\n\t\t\t\tdisplay: block;\n\t\t\t\t@include square(var(--krds-main-menu--main-menu-width), 100%);\n\t\t\t\t@include pseudo();\n\t\t\t\tbackground-color: var(--krds-main-menu--main-menu-color-surface);\n\t\t\t}\n\t\t\t& > ul {\n\t\t\t\tposition: relative;\n\t\t\t\tpadding: var(--krds-padding-6) 0;\n\t\t\t\t& > li {\n\t\t\t\t\twidth: var(--krds-main-menu--main-menu-width);\n\t\t\t\t}\n\t\t\t}\n\t\t\t// gnb-sub-trigger\n\t\t\t.gnb-sub-trigger {\n\t\t\t\t@include flex-layout($ai: center, $jc: space-between);\n\t\t\t\twidth: 100%;\n\t\t\t\tgap: var(--krds-gap-7);\n\t\t\t\tpadding: var(--krds-main-menu--sub-trigger-padding-y) var(--krds-main-menu--sub-trigger-padding-x);\n\t\t\t\tbackground-color: var(--krds-main-menu--sub-trigger-color-action);\n\t\t\t\tfont-size: var(--krds-main-menu--sub-trigger-font-size);\n\t\t\t\tcolor: var(--krds-main-menu--sub-trigger-color-text);\n\t\t\t\ttext-align: left;\n\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t&::after {\n\t\t\t\t\t@include svg-icon(var(--krds-icon--size-medium), $mode: light);\n\t\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\t\t@include pseudo();\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\ttransform: rotate(-90deg);\n\t\t\t\t}\n\t\t\t\t.svg-icon {\n\t\t\t\t\t@include svg-icon(var(--krds-icon--size-medium), $mode: light);\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t}\n\t\t\t\t&:hover,\n\t\t\t\t&.active {\n\t\t\t\t\tfont-size: var(--krds-main-menu--sub-trigger-font-size-active);\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-trigger-color-action-selected);\n\t\t\t\t\tcolor: var(--krds-main-menu--sub-trigger-color-text-selected);\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-trigger-color-text-selected);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&:active {\n\t\t\t\t\tfont-size: var(--krds-main-menu--sub-trigger-font-size-active);\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\tbackground: var(--krds-main-menu--sub-trigger-color-action-pressed);\n\t\t\t\t\tcolor: var(--krds-main-menu--sub-trigger-color-text-pressed);\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-trigger-color-text-pressed);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&:focus {\n\t\t\t\t\t@include focus();\n\t\t\t\t}\n\t\t\t\t//내부 link 바로이동\n\t\t\t\t&.is-link {\n\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t\t&::after {\n\t\t\t\t\t\t@include icon-set(ico_more);\n\t\t\t\t\t\ttransform: rotate(0);\n\t\t\t\t\t}\n\t\t\t\t\t&.external-link {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t@include icon-set(ico_go);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.gnb-sub-list {\n\t\t\t//기본 : 사이드메뉴 존재, 배너영역 하단에 위치\n\t\t\tflex-direction: column;\n\t\t\talign-items: normal;\n\t\t\tgap: var(--krds-gap-5);\n\t\t\t@include position($t: 0, $l: var(--krds-main-menu--main-menu-width), $r: 0);\n\t\t\tdisplay: none;\n\t\t\tmin-height: 100%;\n\t\t\tpadding: var(--krds-main-menu--sub-menu-padding-y) var(--krds-main-menu--sub-menu-padding-x);\n\t\t\t.gnb-sub-content {\n\t\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\t\tflex: 1;\n\t\t\t\tgap: var(--krds-gap-5);\n\t\t\t\t.sub-title {\n\t\t\t\t\t//@include flex-layout($fd: column, $jc: center);\n\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\tgap: var(--krds-gap-5);\n\t\t\t\t\theight: var(--krds-main-menu--sub-menu-title-size-height);\n\t\t\t\t\tpadding: 0 var(--krds-padding-2);\n\t\t\t\t\tfont-size: var(--krds-main-menu--sub-menu-title-font-size);\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t}\n\t\t\t\t> ul {\n\t\t\t\t\tdisplay: grid;\n\t\t\t\t\tgrid-template-columns: repeat(3, 1fr);\n\t\t\t\t\tgrid-column-gap: var(--krds-gap-7);\n\t\t\t\t\ta,\n\t\t\t\t\tbutton {\n\t\t\t\t\t\t@include flex-layout($jc: flex-start);\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t\t\tpadding: var(--krds-main-menu--sub-menu-trigger-color-padding-y) var(--krds-main-menu--sub-menu-trigger-color-padding-x);\n\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-menu-color-action);\n\t\t\t\t\t\tborder-radius: var(--krds-main-menu--sub-menu-trigger-color-radius);\n\t\t\t\t\t\tfont-size: var(--krds-main-menu--sub-menu-trigger-color-font-size);\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\t@include square(0.4rem);\n\t\t\t\t\t\t\tmargin-top: var(--krds-padding-4);\n\t\t\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-text-basic);\n\t\t\t\t\t\t\tborder-radius: var(--krds-radius-max);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-menu-color-action-hover);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:active,\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-menu-color-action-pressed);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t@include focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-menu-trigger-color-action-selected);\n\t\t\t\t\t\t\tcolor: var(--krds-main-menu--sub-menu-trigger-color-text-selected);\n\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-menu-trigger-color-text-selected);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&.type-description {\n\t\t\t\t\t\t//메뉴에 대한 설명이 기재되어있는 경우\n\t\t\t\t\t\tgap: var(--krds-gap-9);\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t@include flex-layout($fd: column, $jc: flex-start, $ai: normal);\n\t\t\t\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.tit {\n\t\t\t\t\t\t\t\tfont-size: var(--krds-main-menu--sub-menu-description-title-font-size);\n\t\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t@include flex-layout($d: inline-flex, $jc: flex-start, $ai: center);\n\t\t\t\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\t\t\t\tpadding: var(--krds-main-menu--sub-menu-description-title-padding);\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-menu-color-action);\n\t\t\t\t\t\t\t\t\tborder-radius: var(--krds-main-menu--sub-menu-description-title-radius);\n\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-menu-color-action-hover);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu--sub-menu-color-action-pressed);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.txt {\n\t\t\t\t\t\t\t\tpadding: var(--krds-main-menu--sub-menu-description-description-color-padding-top) var(--krds-main-menu--sub-menu-description-description-color-padding-x) 0;\n\t\t\t\t\t\t\t\tborder-top: 0.1rem solid var(--krds-main-menu--sub-menu-description-description-color-border);\n\t\t\t\t\t\t\t\tfont-size: var(--krds-main-menu--sub-menu-description-description-color-font-size);\n\t\t\t\t\t\t\t\tcolor: var(--krds-main-menu--sub-menu-description-description-color-text);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.gnb-sub-banner {\n\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\tgap: var(--krds-gap-5);\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: var(--krds-main-menu--banner-padding-y) var(--krds-main-menu--banner-padding-x);\n\t\t\t\tborder-radius: var(--krds-main-menu--banner-radius);\n\t\t\t\tbackground: var(--krds-main-menu--banner-background);\n\t\t\t}\n\t\t\t&.between {\n\t\t\t\t//사이드메뉴 존재, 배너영역이 우측에 위치\n\t\t\t\tflex-direction: row;\n\t\t\t\tpadding-right: 0;\n\t\t\t\t.gnb-sub-content {\n\t\t\t\t\t> ul {\n\t\t\t\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.gnb-sub-banner {\n\t\t\t\t\t@include flex-layout($fd: column, $ai: flex-start);\n\t\t\t\t\twidth: var(--krds-main-menu--main-menu-width);\n\t\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t\tpadding: var(--krds-main-menu--column-banner-padding);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.single-list {\n\t\t\t\t//사이드메뉴 없음\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: static;\n\t\t\t\tpadding: var(--krds-main-menu--sub-menu-only-2depth-padding-y) 0;\n\t\t\t\t.gnb-sub-content {\n\t\t\t\t\t> ul {\n\t\t\t\t\t\tgrid-template-columns: repeat(4, 1fr);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&.between {\n\t\t\t\t\t.gnb-sub-content {\n\t\t\t\t\t\t> ul {\n\t\t\t\t\t\t\tgrid-template-columns: repeat(3, 1fr);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.active {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// gnb-backdrop\n.gnb-backdrop {\n\t--krds-main-menu--color-dim: var(--krds-#{$mode-setting}-color-background-dim);\n\tdisplay: none;\n\t@include position($p: fixed, $t: 0, $r: 0);\n\t@include square(100%);\n\tz-index: 60;\n\tbackground-color: var(--krds-main-menu--color-dim);\n\t&.active {\n\t\tdisplay: block;\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t// krds-main-menu(pc)\n\t.krds-main-menu {\n\t\t@include gnb-pc-color-variable(#{$mode-setting});\n\t\t// gnb-menu\n\t\t.gnb-menu {\n\t\t\t// gnb-main-trigger\n\t\t\t.gnb-main-trigger {\n\t\t\t\t&::after {\n\t\t\t\t\t@include svg-icon(var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t}\n\t\t\t\t&.is-link {\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t// gnb-toggle-wrap\n\t\t.gnb-toggle-wrap {\n\t\t\t.gnb-main-list {\n\t\t\t\t// gnb-sub-trigger\n\t\t\t\t.gnb-sub-trigger {\n\t\t\t\t\t.svg-icon {\n\t\t\t\t\t\t@include svg-icon(var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.gnb-sub-list { //기본 : 사이드메뉴 존재, 배너영역 하단에 위치\n\t\t\t\t.gnb-sub-content {\n\t\t\t\t\t> ul {\n\t\t\t\t\t\t&.type-description {\n\t\t\t\t\t\t\t.ico-go {\n\t\t\t\t\t\t\t\t@include svg-icon($mode: #{$mode-setting});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\ta,\n\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-text-basic);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// gnb-backdrop\n\t.gnb-backdrop {\n\t\t--krds-main-menu--color-dim: var(--krds-#{$mode-setting}-color-background-dim);\n\t}\n}\n\n\n/* gnb mobile */\n//사이즈 정의\n@mixin gnb-mobile-size-variable() {\n\t--krds-main-menu-mobile--dim-transition: opacity 0.5s 0.1s;\n\t--krds-main-menu-mobile--header-gap: var(--krds-gap-5);\n\t--krds-main-menu-mobile--header-padding-x: var(--krds-padding-6);\n\t--krds-main-menu-mobile--header-padding-top: var(--krds-padding-6);\n\t--krds-main-menu-mobile--header-padding-bottom: var(--krds-padding-8);\n\t--krds-main-menu-mobile--utils-gap-layout-li-li: var(--krds-gap-5);\n\t--krds-main-menu-mobile--utils-line-height: var(--krds-size-height-2);\n\t--krds-main-menu-mobile--login-gap: var(--krds-gap-3);\n\t--krds-main-menu-mobile--service-menu-gap-layout-menu: var(--krds-gap-3);\n\t--krds-main-menu-mobile--service-menu-gap-layout-icon-text: var(--krds-gap-1);\n\t--krds-main-menu-mobile--service-menu-font-size: var(--krds-mobile-font-size-navigation-depth-medium-bold);\n\t--krds-main-menu-mobile--service-menu-icon-size: var(--krds-size-height-3);\n\t--krds-main-menu-mobile--service-menu-border-radius: var(--krds-radius-medium1);\n\t--krds-main-menu-mobile--menu-left-width: 12.4rem;\n\t--krds-main-menu-mobile--main-trigger-height: var(--krds-size-height-9);\n\t--krds-main-menu-mobile--main-trigger-padding-x: var(--krds-padding-8);\n\t--krds-main-menu-mobile--main-trigger-font-size: var(--krds-mobile-font-size-navigation-depth-medium-bold);\n\t--krds-main-menu-mobile--sub-menu-padding: var(--krds-main-menu-mobile--header-padding-x);\n\t--krds-main-menu-mobile--sub-list-padding-y: var(--krds-padding-3);\n\t--krds-main-menu-mobile--sub-title-font-size: var(--krds-mobile-font-size-navigation-title-small);\n\t--krds-main-menu-mobile--sub-title-padding-x: var(--krds-padding-3);\n\t--krds-main-menu-mobile--sub-title-padding-top: var(--krds-padding-3);\n\t--krds-main-menu-mobile--sub-title-padding-bottom: var(--krds-padding-6);\n\t--krds-main-menu-mobile--sub-menu-trigger-font-size: var(--krds-mobile-font-size-navigation-depth-medium);\n\t--krds-main-menu-mobile--sub-menu-trigger-font-size-active: var(--krds-mobile-font-size-navigation-depth-medium-bold);\n\t--krds-main-menu-mobile--sub-menu-trigger-padding-x: var(--krds-padding-3);\n\t--krds-main-menu-mobile--sub-menu-trigger-padding-y: var(--krds-padding-5);\n\t--krds-main-menu-mobile--sub-menu-trigger-border-radius: var(--krds-radius-medium3);\n\t--krds-main-menu-mobile--depth3-gap: var(--krds-gap-3);\n\t--krds-main-menu-mobile--depth3-sub-menu-gap: var(--krds-gap-3);\n\t--krds-main-menu-mobile--depth3-sub-menu-margin-top: var(--krds-gap-3);\n\t--krds-main-menu-mobile--depth3-sub-menu-padding-x: var(--krds-padding-6);\n\t--krds-main-menu-mobile--depth3-sub-menu-padding-y: var(--krds-padding-4);\n\t--krds-main-menu-mobile--depth3-sub-menu-border-radius: var(--krds-radius-medium2);\n\t--krds-main-menu-mobile--depth4-head-padding: var(--krds-padding-6);\n\t--krds-main-menu-mobile--depth4-body-padding-x: var(--krds-main-menu-mobile--sub-menu-padding);\n\t--krds-main-menu-mobile--depth4-sub-title: var(--krds-main-menu-mobile--sub-title-font-size);\n\t--krds-main-menu-mobile--depth4-sub-title-padding-x: var(--krds-main-menu-mobile--sub-title-padding-x);\n\t--krds-main-menu-mobile--depth4-sub-title-padding-top: var(--krds-main-menu-mobile--sub-title-padding-top);\n\t--krds-main-menu-mobile--depth4-sub-title-padding-bottom: var(--krds-main-menu-mobile--sub-title-padding-bottom);\n\t--krds-main-menu-mobile--depth4-list-gap: var(--krds-gap-3);\n\t--krds-main-menu-mobile--depth4-list-gap-layout-dot-text: var(--krds-gap-2);\n\t--krds-main-menu-mobile--depth4-list-li-border-radius: var(--krds-main-menu-mobile--depth3-sub-menu-border-radius);\n\t--krds-main-menu-mobile--depth4-list-li-padding-x: var(--krds-main-menu-mobile--depth3-sub-menu-padding-x);\n\t--krds-main-menu-mobile--depth4-list-li-padding-y: var(--krds-main-menu-mobile--depth3-sub-menu-padding-y);\n\t--krds-main-menu-mobile--tab-nav-menu-padding-x: var(--krds-main-menu-mobile--header-padding-x);\n\t--krds-main-menu-mobile--tab-nav-menu-padding-top: var(--krds-padding-6);\n\t--krds-main-menu-mobile--tab-nav-menu-margin-top: var(--krds-padding-8);\n\t--krds-main-menu-mobile--tab-nav-menu-margin-x: var(--krds-main-menu-mobile--header-padding-x);\n\t--krds-main-menu-mobile--tab-nav-menu-list-gap: var(--krds-gap-3);\n\t--krds-main-menu-mobile--tab-nav-menu-list-padding-bottom: var(--krds-main-menu-mobile--tab-nav-menu-padding-top);\n\t--krds-main-menu-mobile--tab-nav-main-trigger-height: var(--krds-size-height-6);\n\t--krds-main-menu-mobile--tab-nav-main-trigger-padding-x: var(--krds-padding-4);\n\t--krds-main-menu-mobile--tab-nav-main-trigger-border-radius: var(--krds-radius-medium1);\n\t--krds-main-menu-mobile--type-tab-sub-list-padding: var(--krds-main-menu-mobile--header-padding-x);\n\t--krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width: 0.4rem;\n\t--krds-main-menu-mobile--type-tab-sub-list-border-bottom-width: var(--krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width);\n\t--krds-main-menu-mobile--type-tab-sub-list-border-bottom-color: var(--krds-main-menu-mobile--header-color-border);\n\t--krds-main-menu-mobile--type-tab-sub-banner-gap: var(--krds-gap-5);\n\t--krds-main-menu-mobile--type-tab-sub-banner-border-radius: var(--krds-radius-medium3);\n\t--krds-main-menu-mobile--type-tab-sub-banner-padding-x: var(--krds-padding-6);\n\t--krds-main-menu-mobile--type-tab-sub-banner-padding-y: var(--krds-padding-2);\n}\n\n//컬러 정의\n@mixin gnb-mobile-color-variable($mode: light) {\n\t--krds-main-menu-mobile--color-dim: var(--krds-#{$mode}-color-background-dim);\n\t--krds-main-menu-mobile--color-surface: var(--krds-#{$mode}-color-surface-white);\n\t--krds-main-menu-mobile--header-border-width: var(--krds-#{$mode}-border-width-static-regular);\n\t--krds-main-menu-mobile--header-color-border: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-main-menu-mobile--utils-line-width: var(--krds-#{$mode}-border-width-static-regular);\n\t--krds-main-menu-mobile--utils-color-border: var(--krds-#{$mode}-color-border-gray-light);\n\t--krds-main-menu-mobile--service-menu-color-icon: var(--krds-#{$mode}-color-icon-gray-fill);\n\t--krds-main-menu-mobile--service-menu-color-action-active: var(--krds-#{$mode}-color-action-secondary-on-pressed);\n\t--krds-main-menu-mobile--menu-color-surface: var(--krds-#{$mode}-color-surface-secondary-subtler);\n\t--krds-main-menu-mobile--main-trigger-color-text-active: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-main-menu-mobile--main-trigger-color-action-active: var(--krds-#{$mode}-color-action-secondary-on-selected);\n\t--krds-main-menu-mobile--main-trigger-color-action-pressed: var(--krds-#{$mode}-color-action-secondary-on-pressed);\n\t--krds-main-menu-mobile--sub-menu-color-surface: var(--krds-#{$mode}-color-surface-white-subtle);\n\t--krds-main-menu-mobile--sub-title-border-width: var(--krds-#{$mode}-border-width-static-regular);\n\t--krds-main-menu-mobile--sub-title-color-border: var(--krds-#{$mode}-color-divider-gray);\n\t--krds-main-menu-mobile--sub-menu-trigger-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-main-menu-mobile--sub-menu-trigger-color-action-active: var(--krds-#{$mode}-color-action-secondary-selected);\n\t--krds-main-menu-mobile--sub-menu-trigger-color-text: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-main-menu-mobile--depth3-sub-menu-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-main-menu-mobile--depth3-sub-menu-color-action-active: var(--krds-#{$mode}-color-action-secondary-selected);\n\t--krds-main-menu-mobile--depth4-color-surface: var(--krds-#{$mode}-color-surface-white-subtle);\n\t--krds-main-menu-mobile--depth4-list-li-color-text-hover: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-main-menu-mobile--depth4-list-li-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-main-menu-mobile--depth4-list-li-color-action-active: var(--krds-#{$mode}-color-action-secondary-selected);\n\t--krds-main-menu-mobile--tab-nav-menu-border-top-width: var(--krds-#{$mode}-border-width-static-regular);\n\t--krds-main-menu-mobile--tab-nav-menu-color-border-top: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-main-menu-mobile--tab-nav-main-trigger-color-action: var(--krds-#{$mode}-color-action-white);\n\t--krds-main-menu-mobile--tab-nav-main-trigger-color-action-active: var(--krds-#{$mode}-color-action-secondary-selected);\n\t--krds-main-menu-mobile--tab-nav-main-trigger-border-width: var(--krds-#{$mode}-border-width-static-regular);\n\t--krds-main-menu-mobile--tab-nav-main-trigger-color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-main-menu-mobile--type-tab-menu-color-surface: var(--krds-#{$mode}-color-surface-white-subtle);\n\t--krds-main-menu-mobile--type-tab-sub-banner-color-surface: var(--krds-#{$mode}-color-surface-gray-subtler);\n\t--krds-main-menu-mobile--search-layer-body-background: var(--krds-#{$mode}-color-surface-gray-subtler);\n}\n\n// krds-main-menu-mobile(mobile)\n.krds-main-menu-mobile {\n\t@include gnb-mobile-size-variable();\n\t@include gnb-mobile-color-variable(#{$mode-setting});\n\n\tposition: fixed;\n\ttop: 0;\n\tright: -100%;\n\tz-index: 100;\n\twidth: 100%;\n\theight: 100%;\n\tvisibility: hidden;\n\ttransition: var(--krds-transition-base);\n\t// dim\n\t&::after {\n\t\tdisplay: none;\n\t\topacity: 0;\n\t\tcontent: \"\";\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tright: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-color: var(--krds-main-menu-mobile--color-dim);\n\t\ttransition: var(--krds-main-menu-mobile--dim-transition);\n\t}\n\t//모바일 gnb 영역 체크\n\t&.is-open {\n\t\tvisibility: visible;\n\t\tright: 0;\n\t\t&::after {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t&.is-backdrop {\n\t\t&::after {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\t// gnb-wrap (기본 : 사이드 탭)\n\t.gnb-wrap {\n\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t@include position($t: 0, $r: 0);\n\t\tz-index: 5;\n\t\theight: 100%;\n\t\tbackground-color: var(--krds-main-menu-mobile--color-surface);\n\t\t// gnb-header\n\t\t.gnb-header {\n\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\tgap: var(--krds-main-menu-mobile--header-gap);\n\t\t\tpadding: var(--krds-main-menu-mobile--header-padding-top) var(--krds-main-menu-mobile--header-padding-x) var(--krds-main-menu-mobile--header-padding-bottom);\n\t\t\tborder-bottom: var(--krds-main-menu-mobile--header-border-width) solid var(--krds-main-menu-mobile--header-color-border);\n\t\t\t// gnb-utils\n\t\t\t.gnb-utils {\n\t\t\t\t@include flex-layout($jc: space-between);\n\t\t\t\t.utility-list {\n\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t& > li {\n\t\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t\t\tmargin-left: var(--krds-main-menu-mobile--utils-gap-layout-li-li);\n\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\t\twidth: var(--krds-main-menu-mobile--utils-line-width);\n\t\t\t\t\t\t\t\theight: var(--krds-main-menu-mobile--utils-line-height);\n\t\t\t\t\t\t\t\tmargin-right: var(--krds-main-menu-mobile--utils-gap-layout-li-li);\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--utils-color-border);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t// gnb-login\n\t\t\t.gnb-login {\n\t\t\t\t@include flex-layout($d: inline-flex, $ai: center);\n\t\t\t\tgap: var(--krds-main-menu-mobile--login-gap);\n\t\t\t\t.user, button {\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t}\n\t\t\t}\n\t\t\t// gnb-service-menu\n\t\t\t.gnb-service-menu {\n\t\t\t\t@include flex-layout($jc: space-between);\n\t\t\t\tgap: var(--krds-main-menu-mobile--service-menu-gap-layout-menu);\n\t\t\t\t.link {\n\t\t\t\t\t@include flex-layout(inline-flex, center, center, column);\n\t\t\t\t\tgap: var(--krds-main-menu-mobile--service-menu-gap-layout-icon-text);\n\t\t\t\t\tfont-size: var(--krds-main-menu-mobile--service-menu-font-size);\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\twidth: 8rem;\n\t\t\t\t\theight: 5.6rem;\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\twidth: var(--krds-main-menu-mobile--service-menu-icon-size);\n\t\t\t\t\t\theight: var(--krds-main-menu-mobile--service-menu-icon-size);\n\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--service-menu-color-icon);\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tborder-radius: var(--krds-main-menu-mobile--service-menu-border-radius);\n\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--service-menu-color-action-active);\n\t\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t// gnb-body\n\t\t.gnb-body {\n\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\tflex: 1;\n\t\t\toverflow-y: auto;\n\t\t\tscroll-behavior: smooth;\n\n\t\t\t// gnb-menu\n\t\t\t.gnb-menu {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\tbackground-color: var(--krds-main-menu-mobile--menu-color-surface);\n\t\t\t\t.menu-wrap {\n\t\t\t\t\t@include flex-layout($fd: column);\n\t\t\t\t\tposition: relative;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: var(--krds-main-menu-mobile--menu-left-width);\n\t\t\t\t\t> ul {\n\t\t\t\t\t\tposition: sticky;\n\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t}\n\t\t\t\t\t.gnb-main-trigger {\n\t\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: var(--krds-main-menu-mobile--main-trigger-height);\n\t\t\t\t\t\tpadding: 0 var(--krds-main-menu-mobile--main-trigger-padding-x);\n\t\t\t\t\t\t&,\n\t\t\t\t\t\t& > * {\n\t\t\t\t\t\t\tfont-size: var(--krds-main-menu-mobile--main-trigger-font-size);\n\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t@include focus();\n\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--main-trigger-color-action-pressed);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\tcolor: var(--krds-main-menu-mobile--main-trigger-color-text-active);\n\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--main-trigger-color-action-active);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.submenu-wrap {\n\t\t\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\t\t\tflex: 1;\n\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--sub-menu-color-surface);\n\t\t\t\t\t.gnb-sub-list {\n\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--sub-menu-padding);\n\t\t\t\t\t\t> ul{\n\t\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--sub-list-padding-y) 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.sub-title {\n\t\t\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tfont-size: var(--krds-main-menu-mobile--sub-title-font-size);\n\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--sub-title-padding-top) var(--krds-main-menu-mobile--sub-title-padding-x) var(--krds-main-menu-mobile--sub-title-padding-bottom);\n\t\t\t\t\t\t\tborder-bottom: var(--krds-main-menu-mobile--sub-title-border-width) solid var(--krds-main-menu-mobile--sub-title-color-border);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.gnb-sub-trigger {\n\t\t\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--sub-menu-trigger-padding-y) var(--krds-main-menu-mobile--sub-menu-trigger-padding-x);\n\t\t\t\t\t\t\tfont-size: var(--krds-main-menu-mobile--sub-menu-trigger-font-size);\n\t\t\t\t\t\t\tborder-radius: var(--krds-main-menu-mobile--sub-menu-trigger-border-radius);\n\t\t\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-hover);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&.selected {\n\t\t\t\t\t\t\t\tcolor: var(--krds-main-menu-mobile--sub-menu-trigger-color-text);\n\t\t\t\t\t\t\t\tfont-size: var(--krds-main-menu-mobile--sub-menu-trigger-font-size-active);\n\t\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-active);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&.has-depth3 {\n\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium), $mode: light);\n\t\t\t\t\t\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\t\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t\t\t\t\ttransform: rotate(0deg);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-active);\n\t\t\t\t\t\t\t\t\tcolor: var(--krds-main-menu-mobile--sub-menu-trigger-color-text);\n\t\t\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.depth3-wrap {\n\t\t\t\t\t\t\tdisplay: grid;\n\t\t\t\t\t\t\tgrid-template-rows: 0fr;\n\t\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\t\t\tmargin-top: var(--krds-main-menu-mobile--depth3-sub-menu-margin-top);\n\t\t\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t\t\t& > ul {\n\t\t\t\t\t\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\t\t\t\t\t\tgap: var(--krds-main-menu-mobile--depth3-gap);\n\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&.is-open {\n\t\t\t\t\t\t\t\tgrid-template-rows: 1fr;\n\t\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t\t\tvisibility: visible;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.depth3-trigger {\n\t\t\t\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t\t\t\tgap: var(--krds-main-menu-mobile--depth3-sub-menu-gap);\n\t\t\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--depth3-sub-menu-padding-y) var(--krds-main-menu-mobile--depth3-sub-menu-padding-x);\n\t\t\t\t\t\t\t\tborder-radius: var(--krds-main-menu-mobile--depth3-sub-menu-border-radius);\n\t\t\t\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\tcontent: \"•\";\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\t\t@include focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-hover);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-active);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&.selected {\n\t\t\t\t\t\t\t\t\tcolor: var(--krds-main-menu-mobile--sub-menu-trigger-color-text);\n\t\t\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-active);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&.has-depth4 {\n\t\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium), $mode: light);\n\t\t\t\t\t\t\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\t\t\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\t\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\t\t\t\t\t\ttransform: rotate(-90deg);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t.depth4-wrap {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\tposition: fixed;\n\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\tright: -100%;\n\t\t\t\t\t\tz-index: 10;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--depth4-color-surface);\n\t\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t\t.depth4-head {\n\t\t\t\t\t\t\t@include flex-layout($jc: space-between, $ai: normal);\n\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--depth4-head-padding);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.depth4-body {\n\t\t\t\t\t\t\tpadding: 0 var(--krds-main-menu-mobile--depth4-body-padding-x);\n\t\t\t\t\t\t\t.sub-title {\n\t\t\t\t\t\t\t\tfont-size: var(--krds-main-menu-mobile--depth4-sub-title);\n\t\t\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--depth4-sub-title-padding-top) var(--krds-main-menu-mobile--depth4-sub-title-padding-x) var(--krds-main-menu-mobile--depth4-sub-title-padding-bottom);\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.depth4-ul {\n\t\t\t\t\t\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\t\t\t\t\t\tgap: var(--krds-main-menu-mobile--depth4-list-gap);\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t\t\t\t\tgap: var(--krds-main-menu-mobile--depth4-list-gap-layout-dot-text);\n\t\t\t\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--depth4-list-li-padding-y) var(--krds-main-menu-mobile--depth4-list-li-padding-x);\n\t\t\t\t\t\t\t\t\tborder-radius: var(--krds-main-menu-mobile--depth4-list-li-border-radius);\n\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\tcontent: \"•\";\n\t\t\t\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-regular);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t\t\t\t\tcolor: var(--krds-main-menu-mobile--depth4-list-li-color-text-hover);\n\t\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--depth4-list-li-color-action-hover);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--depth4-list-li-color-action-active);\n\t\t\t\t\t\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.is-open {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t// gnb-bottom\n\t\t\t.gnb-bottom {\n\t\t\t\t@include flex-layout($fd: column, $ai: flex-start);\n\t\t\t\tgap: var(--krds-gap-5);\n\t\t\t\tpadding: var(--krds-padding-6);\n\t\t\t}\n\t\t}\n\t\t// gnb-close\n\t\t#close-nav {\n\t\t\t@include position($t: var(--krds-main-menu-mobile--header-padding-top), $r: var(--krds-main-menu-mobile--header-padding-x) );\n\t\t}\n\t}\n\n\t// gnb-wrap (type-header-tab : 상단 탭)\n\t.gnb-wrap.type-header-tab {\n\t\t.gnb-tab-nav {\n\t\t\tdisplay: none;\n\t\t\theight: 0;\n\t\t\t.menu-wrap {\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin: var(--krds-main-menu-mobile--tab-nav-menu-margin-top) calc(var(--krds-main-menu-mobile--tab-nav-menu-margin-x) * -1) 0;\n\t\t\t\tpadding: var(--krds-main-menu-mobile--tab-nav-menu-padding-top) var(--krds-main-menu-mobile--tab-nav-menu-padding-x) 0;\n\t\t\t\tborder-top: var(--krds-main-menu-mobile--tab-nav-menu-border-top-width) solid var(--krds-main-menu-mobile--tab-nav-menu-color-border-top);\n\t\t\t\t& > ul {\n\t\t\t\t\toverflow-x: auto;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\t@include flex-layout($fd: row);\n\t\t\t\t\tgap: var(--krds-main-menu-mobile--tab-nav-menu-list-gap);\n\t\t\t\t\tpadding-bottom: var(--krds-main-menu-mobile--tab-nav-menu-list-padding-bottom);\n\t\t\t\t\tscroll-behavior: smooth;\n\t\t\t\t\t.gnb-main-trigger {\n\t\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t\tpadding: 0 var(--krds-main-menu-mobile--tab-nav-main-trigger-padding-x);\n\t\t\t\t\t\theight: var(--krds-main-menu-mobile--tab-nav-main-trigger-height);\n\t\t\t\t\t\tborder: var(--krds-main-menu-mobile--tab-nav-main-trigger-border-width) solid var(--krds-main-menu-mobile--tab-nav-main-trigger-color-border);\n\t\t\t\t\t\tborder-radius: var(--krds-main-menu-mobile--tab-nav-main-trigger-border-radius);\n\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--tab-nav-main-trigger-color-action);\n\t\t\t\t\t\t&,\n\t\t\t\t\t\t& > * {\n\t\t\t\t\t\t\tfont-size: var(--krds-pc-font-size-body-medium);\n\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-regular);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--tab-nav-main-trigger-color-action-active);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.is-active {\n\t\t\t.gnb-header {\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\t\t\t.gnb-tab-nav {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t\t// gnb-header\n\t\t.gnb-header {\n\t\t\tborder-bottom-width: var(--krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width);\n\t\t}\n\t\t// gnb-body\n\t\t.gnb-body {\n\t\t\t.gnb-menu {\n\t\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\t\tbackground-color: var(--krds-main-menu-mobile--type-tab-menu-color-surface);\n\t\t\t\t.submenu-wrap {\n\t\t\t\t\t.gnb-sub-list {\n\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--type-tab-sub-list-padding);\n\t\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\t\tborder-bottom: var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-width) solid var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-color);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.gnb-sub-banner {\n\t\t\t\t\t\t\t@include flex-layout($jc: flex-start, $ai: center);\n\t\t\t\t\t\t\tgap: var(--krds-main-menu-mobile--type-tab-sub-banner-gap);\n\t\t\t\t\t\t\tpadding: var(--krds-main-menu-mobile--type-tab-sub-banner-padding-y) var(--krds-main-menu-mobile--type-tab-sub-banner-padding-x);\n\t\t\t\t\t\t\tborder-radius: var(--krds-main-menu-mobile--type-tab-sub-banner-border-radius);\n\t\t\t\t\t\t\tbackground-color: var(--krds-main-menu-mobile--type-tab-sub-banner-color-surface);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.gnb-bottom{\n\t\t\tborder-top: var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-width) solid var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-color);\n\t\t}\n\t}\n\n\t// 모바일 메뉴 검색 레이어\n\t.search-layer {\n\t\t@include position($p: absolute, $t: 0, $l: 0, $b: 0, $r: 0);\n\t\tdisplay: none;\n\t\tz-index: 10;\n\t\tbackground-color: var(--krds-main-menu-mobile--color-surface);\n\t\t&.active {\n\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t}\n\t\t.search-header {\n\t\t\tmargin-top: 0.3rem;\n\t\t\tpadding: 5.6rem var(--krds-main-menu-mobile--header-padding-x) var(--krds-main-menu-mobile--header-padding-bottom);\n\t\t\tborder-bottom: var(--krds-main-menu-mobile--header-border-width) solid var(--krds-main-menu-mobile--header-color-border);\n\t\t}\n\t\t.search-body {\n\t\t\toverflow-y: auto;\n\t\t\tpadding: 0 var(--krds-main-menu-mobile--header-padding-x);\n\t\t\tbackground-color: var(--krds-main-menu-mobile--search-layer-body-background);\n\t\t\t.no-results {\n\t\t\t\ttext-align: center;\n\t\t\t\tpadding: var(--krds-padding-10) 0;\n\t\t\t\tstrong {\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.result-list {\n\t\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\t\tgap: var(--krds-gap-5);\n\t\t\t\tpadding: var(--krds-padding-8) 0;\n\t\t\t\t.result-item {\n\t\t\t\t\t@include flex-layout();\n\t\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t\ta {\n\t\t\t\t\t\t@include underline();\n\t\t\t\t\t}\n\t\t\t\t\t.highlight {\n\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.search-close {\n\t\t\t@include position($t: 1.6rem, $r: var(--krds-main-menu-mobile--header-padding-x));\n\t\t}\n\t}\n\t.dummy-control {\n\t\ttext-align: left;\n\t\t.dummy-text {\n\t\t\tmargin-top: 0.3rem;\n\t\t\tcolor: var(--krds-input--color-text-placeholder);\n\t\t\t@include ellipsis(1);\n\t\t}\n\t\t.ico-search {\n\t\t\tright: 1.4rem\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t.krds-main-menu-mobile {\n\t\t@include gnb-mobile-color-variable(#{$mode-setting});\n\t\t// gnb-wrap (기본 : 사이드 탭)\n\t\t.gnb-wrap {\n\t\t\t// gnb-body\n\t\t\t.gnb-body {\n\t\t\t\t// gnb-menu\n\t\t\t\t.gnb-menu {\n\t\t\t\t\t.submenu-wrap {\n\t\t\t\t\t\t.gnb-sub-list {\n\t\t\t\t\t\t\t.gnb-sub-trigger {\n\t\t\t\t\t\t\t\t&.has-depth3 {\n\t\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\t\t@include svg-icon(var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.depth3-wrap {\n\t\t\t\t\t\t\t\t.depth3-trigger {\n\t\t\t\t\t\t\t\t\t&.has-depth4 {\n\t\t\t\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t\t\t\t@include svg-icon(var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n//web 전용 속성\n@include size-large-more {\n\t.krds-main-menu-mobile {\n\t\tdisplay: none;\n\t}\n}\n\n//태블릿 전용 속성\n@include size-medium-to-large {\n\t.krds-main-menu-mobile {\n\t\t.gnb-wrap {\n\t\t\twidth: 40%;\n\t\t}\n\t\t.gnb-menu {\n\t\t\t.submenu-wrap {\n\t\t\t\t.depth4-wrap {\n\t\t\t\t\twidth: 40%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//태블릿 & 모바일 전용 속성\n@include size-large-less {\n\t.krds-main-menu {\n\t\tdisplay: none;\n\t}\n\t.is-gnb-mobile {\n\t\toverflow: hidden;\n\t}\n\t.gnb-backdrop {\n\t\tdisplay: none !important;\n\t}\n}\n\n//모바일 전용\n@include size-medium {\n\t.krds-main-menu-mobile {\n\t\t.gnb-wrap {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}","/* 푸터 */\n//모드 설정\n$mode-setting: light;\n#krds-footer {\n\tposition: relative;\n\tz-index: 50;\n\tbackground-color: var(--krds-#{$mode-setting}-color-surface-gray-subtler);\n\t.foot-quick {\n\t\t$quick-border: var(--krds-#{$mode-setting}-color-border-gray-light);\n\t\tborder-top: var(--krds-#{$mode-setting}-border-width-static-regular) solid $quick-border;\n\t\tborder-bottom: var(--krds-#{$mode-setting}-border-width-static-regular) solid $quick-border;\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-background-white);\n\t\t.inner {\n\t\t\tdisplay: flex;\n\t\t\tpadding: 0;\n\t\t\t//모바일 전용\n\t\t\t@include size-medium {\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\t\t\t.link {\n\t\t\t\t@include flex-layout($d: inline-flex, $jc: space-between, $ai: center);\n\t\t\t\tflex: 1;\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\theight: calc(var(--krds-size-height-8) - 0.2rem); //border 위 아래값 뺴기\n\t\t\t\tpadding: 0 var(--krds-padding-8);\n\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary);\n\t\t\t\tborder-right: var(--krds-#{$mode-setting}-border-width-static-regular) solid $quick-border;\n\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t&:first-child {\n\t\t\t\t\tborder-left: var(--krds-#{$mode-setting}-border-width-static-regular) solid $quick-border;\n\t\t\t\t}\n\t\t\t\t&::after {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\t@include pseudo();\n\t\t\t\t\t@include svg-icon(var(--krds-icon--size-medium));\n\t\t\t\t\t@include icon-set(ico_plus);\n\t\t\t\t}\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary-hover);\n\t\t\t\t}\n\t\t\t\t&:active,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary-pressed);\n\t\t\t\t}\n\t\t\t\t//태블릿 전용 속성\n\t\t\t\t@include size-medium-to-large {\n\t\t\t\t\tfont-size: 1.6rem; //토큰 없음\n\t\t\t\t\tword-break: break-all;\n\t\t\t\t\tpadding: 0 var(--krds-padding-1) 0 var(--krds-padding-2);\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\t\t\t\t//모바일 전용\n\t\t\t\t@include size-medium {\n\t\t\t\t\tfont-size: var(--krds-mobile-font-size-body-small);\n\t\t\t\t\tmin-height: calc(var(--krds-size-height-7) - 0.2rem); //border 위 아래값 뺴기;\n\t\t\t\t\tpadding: 0 var(--krds-padding-6);\n\t\t\t\t\tborder: 0;\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tborder:0;\n\t\t\t\t\t}\n\t\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t\tborder-top: var(--krds-#{$mode-setting}-border-width-static-regular) solid $quick-border;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t> .inner {\n\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t//web 전용 속성\n\t\t@include size-large-more {\n\t\t\tgap: var(--krds-gap-9);\n\t\t\tpadding: var(--krds-padding-10) 0 var(--krds-padding-8);\n\t\t}\n\t\t@include size-large-to-xlarge {\n\t\t\tpadding: var(--krds-padding-10) var(--krds-contents-padding-x) var(--krds-padding-8);\n\t\t}\n\t\t//태블릿 & 모바일 전용 속성\n\t\t@include size-large-less {\n\t\t\tgap: var(--krds-gap-7);\n\t\t\tpadding: var(--krds-padding-8) var(--krds-padding-6);\n\t\t}\n\t}\n\n\t.f-logo {\t\t\n\t\t@include square(13.7rem, var(--krds-size-height-7));\n\t\tbackground-image: url(#{$url}/img/component/icon/ico_logo_krds.svg);\n\t\tbackground-position: center;\n\t\tbackground-size: contain;\n\t\tbackground-repeat: no-repeat;\n\t\t@include size-medium {\n\t\t\t@include square(9.9rem, 3.2rem);\n\t\t}\n\t}\n\n\t.f-cnt { //contents\n\t\tdisplay: flex;\n\t\tgap: var(--krds-gap-7);\n\t\t//web 전용 속성\n\t\t@include size-large-more {\n\t\t\tjustify-content: space-between;\n\t\t\tflex: 1;\n\t\t}\n\t\t//태블릿 전용 속성\n\t\t@include size-medium-to-large {\n\t\t\tgap: var(--krds-gap-5);\n\t\t}\n\t\t//모바일 전용\n\t\t@include size-medium {\n\t\t\tflex-direction: column;\n\t\t}\n\t\t.f-info {\n\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\tflex: 1;\n\t\t\tgap: var(--krds-gap-5);\n\t\t\t//태블릿 전용 속성\n\t\t\t@include size-medium-to-large {\n\t\t\t\tflex: 3;\n\t\t\t}\n\t\t\t//모바일 전용\n\t\t\t@include size-medium {\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: var(--krds-gap-5);\n\t\t\t\tfont-size: var(--krds-mobile-font-size-body-small);\n\t\t\t}\n\t\t\t//모바일 전용\n\t\t\t@include size-medium {\n\t\t\t\t.info-addr {\n\t\t\t\t\t.br {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.info-cs {\n\t\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\t\twidth: 100%;\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t//모바일 전용\n\t\t\t\t@include size-medium {\n\t\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t}\n\t\t\t\tli {\n\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t//태블릿 전용 속성\n\t\t\t\t\t@include size-medium-to-large {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t\talign-items: flex-start;\n\t\t\t\t\t}\n\t\t\t\t\t//모바일 전용\n\t\t\t\t\t@include size-medium {\n\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t\tword-break: break-all;\n\t\t\t\t\t}\n\t\t\t\t\t.key-info {\n\t\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-regular);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//360 아래\n\t\t\t\t\t\t@media (max-width: (360px - 1px)) {\n\t\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t\t\trow-gap: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t.more-info {\n\t\t\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t\t\tpadding-left: var(--krds-padding-3);\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\twidth: var(--krds-number-1);\n\t\t\t\t\t\t\theight: var(--krds-number-7);\n\t\t\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-divider-gray-dark);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.f-cs {\n\t\t\t@include flex-layout($fd: column);\n\t\t\tgap: var(--krds-gap-5);\n\t\t\t//web 전용 속성\n\t\t\t@include size-large-more {\n\t\t\t\twidth: 23.5%;\n\t\t\t}\n\t\t\t//모바일 전용\n\t\t\t@include size-medium {\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t}\n\t\t\tdl {\n\t\t\t\t@include flex-layout($fd: column);\n\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t\t//모바일 전용\n\t\t\t\t@include size-medium {\n\t\t\t\t\tfont-size: var(--krds-mobile-font-size-body-small);\n\t\t\t\t}\n\t\t\t\t.info-tit {\n\t\t\t\t\tfont-weight: var(--krds-font-weight-regular);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.f-link {\n\t\t\t@include flex-layout($fd: column);\n\t\t\tflex-shrink: 0;\n\t\t\tgap: var(--krds-gap-9);\n\t\t\t//web 전용 속성\n\t\t\t@include size-large-more {\n\t\t\t\tflex-shrink: 0;\n\t\t\t\twidth: 23.5%;\n\t\t\t}\n\t\t\t//모바일 전용\n\t\t\t@include size-medium {\n\t\t\t\tgap: var(--krds-gap-8);\n\t\t\t}\n\t\t\t.link-go {\n\t\t\t\t@include flex-layout($fd: column);\n\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t\t.krds-btn {\n\t\t\t\t\t&.text {\n\t\t\t\t\t\t@include btn-size(medium);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t//모바일 전용\n\t\t\t\t@include size-medium {\n\t\t\t\t\t.krds-btn {\n\t\t\t\t\t\t&.text {\n\t\t\t\t\t\t\t@include btn-size(small);\n\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.link-sns {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t//태블릿 전용 속성\n\t\t\t\t@include size-medium-to-large {\n\t\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t\t}\n\t\t\t\ta {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.f-btm {\n\t\t@include flex-layout($fd: column);\n\t\tpadding-top: var(--krds-padding-6);\n\t\tgap: var(--krds-gap-9);\n\t\tborder-top: var(--krds-#{$mode-setting}-border-width-static-regular) solid var(--krds-#{$mode-setting}-color-divider-gray-light);\n\t\t//모바일 전용\n\t\t@include size-medium {\n\t\t\tfont-size: var(--krds-mobile-font-size-body-small);\n\t\t}\n\t\t.f-btm-text {\n\t\t\t@include flex-layout($jc: space-between, $ai: center);\n\t\t\twidth: 100%;\n\t\t\t//모바일 전용\n\t\t\t@include size-medium {\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: flex-start;\n\t\t\t\twidth: 100%;\n\t\t\t\tgap: var(--krds-gap-6);\n\t\t\t}\n\t\t\t.f-menu {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t//모바일 전용\n\t\t\t\t@include size-medium {\n\t\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.f-copy {\n\t\t\t\tfont-size: var(--krds-pc-font-size-body-small);\n\t\t\t\tcolor: var(--krds-#{$mode-setting}-color-text-subtle);\n\t\t\t\t@include size-medium {\n\t\t\t\t\tfont-size: var(--krds-mobile-font-size-body-small);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.krds-identifier-txt {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tfont-size: var(--krds-pc-font-size-body-small);\n\t\t\tline-height: 1;\n\t\t\twhite-space: nowrap;\n\t\t\t.f-btm-text {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\t}\n\n\t//footer 띠배너\n\t.footer-banner {\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-surface-gray-subtle);\n\t\tpadding:var(--krds-padding-6) 0;\n\t\t.inner {\n\t\t\tdisplay:flex;\n\t\t\tgap: var(--krds-gap-5);\n\t\t\t@include size-xlarge {\n\t\t\t\tpadding-inline: 0;\n\t\t\t}\n\n\t\t\t@include size-medium {\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t#krds-footer {\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-surface-gray-subtler);\n\t\t.foot-quick {\n\t\t\t$quick-border: var(--krds-#{$mode-setting}-color-border-gray-light);\n\t\t\tborder-top: var(--krds-#{$mode-setting}-border-width-static-regular) solid $quick-border;\n\t\t\tborder-bottom: var(--krds-#{$mode-setting}-border-width-static-regular) solid $quick-border;\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-background-white);\n\t\t\t.inner {\n\t\t\t\t.link {\n\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary);\n\t\t\t\t\tborder-right: var(--krds-#{$mode-setting}-border-width-static-regular) solid $quick-border;\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tborder-left: var(--krds-#{$mode-setting}-border-width-static-regular) solid $quick-border;\n\t\t\t\t\t}\n\t\t\t\t\t&::after {\n\t\t\t\t\t\t@include svg-icon(var(--krds-icon--size-medium), $mode: $mode-setting);\n\t\t\t\t\t}\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary-hover);\n\t\t\t\t\t}\n\t\t\t\t\t&:active,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary-pressed);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.f-cnt { //contents\n\t\t\t.f-info {\n\t\t\t\t.info-cs {\n\t\t\t\t\tli {\n\t\t\t\t\t\t.more-info {\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-divider-gray-dark);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.f-btm {\n\t\t\tborder-top: var(--krds-#{$mode-setting}-border-width-static-regular) solid var(--krds-#{$mode-setting}-color-divider-gray-light);\n\t\t\t.f-btm-text {\n\t\t\t\t.f-copy {\n\t\t\t\t\tcolor: var(--krds-#{$mode-setting}-color-text-subtle);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.f-banner {\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-surface-gray-subtle);\n\t\t}\n\n\t\t//footer 띠배너\n\t\t.footer-banner {\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-surface-gray-subtle);\n\t\t}\n\n\t\t.f-logo {\n\t\t\tbackground-image: url(#{$url}/img/component/icon/ico_logo_krds_high_contrast.svg);\n\t\t}\n\t}\n}\n","/* 운영기관 식별자 */\n//모드 설정\n$mode-setting: light;\n.krds-identifier {\n\t@include flex-layout($ai: center);\n\tgap: var(--krds-gap-3);\n\twidth: 100%;\n\tmin-height: var(--krds-size-height-6);\n\tpadding: var(--krds-padding-3) var(--krds-padding-6);\n\tborder-radius: var(--krds-radius-medium1);\n\tbackground-color: var(--krds-#{$mode-setting}-color-surface-white);\n\t//모바일 전용\n\t@include size-medium {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tgap: var(--krds-gap-2);\n\t}\n\t.logo {\n\t\t@include square(6.8rem, var(--krds-size-height-4));\n\t\tbackground-image: url(#{$url}/img/component/icon/ico_logo_krds.svg);\n\t\tbackground-size: contain;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\t//모바일 전용\n\t\t@include size-medium {\n\t\t\t@include square(5.8rem, var(--krds-size-height-3));\n\t\t}\n\t}\n\t.ban-txt {\n\t\tfont-size: var(--krds-pc-font-size-body-small);\n\t\t@include size-medium {\n\t\t\tfont-size: var(--krds-mobile-font-size-body-xsmall);\n\t\t\tword-break: break-all;\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t.krds-identifier {\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-surface-white);\n\t\t.logo {\n\t\t\tbackground-image: url(#{$url}/img/component/icon/ico_logo_krds_high_contrast.svg);\n\t\t}\n\t}\n}\n","/* 사이드 메뉴 */\n//사이즈 정의\n@mixin side-menu-size-variable() {\n\t--krds-side-navigation--padding: var(--krds-padding-10);\n\t--krds-side-navigation--title-padding-x: var(--krds-padding-3);\n\t--krds-side-navigation--title-padding-bottom: var(--krds-padding-6);\n\t--krds-side-navigation--title-font-size: var(--krds-pc-font-size-navigation-title-medium);\n\t--krds-side-navigation--btn-gap: var(--krds-gap-3);\n\t--krds-side-navigation--btn-padding-x: var(--krds-padding-3);\n\t--krds-side-navigation--btn-padding-y: var(--krds-padding-6);\n\t--krds-side-navigation--btn-padding-y-selected: var(--krds-padding-3);\n\t--krds-side-navigation--btn-font-size: var(--krds-pc-font-size-navigation-depth-medium-bold);\n\t--krds-side-navigation--3depth-padding-y: var(--krds-padding-3);\n\t--krds-side-navigation--3depth-btn-padding-x: var(--krds-padding-6);\n\t--krds-side-navigation--3depth-btn-padding-y: var(--krds-padding-3);\n\t--krds-side-navigation--3depth-btn-radius: var(--krds-radius-medium2);\n\t--krds-side-navigation--4depth-padding: var(--krds-padding-6);\n\t--krds-side-navigation--4depth-title-padding: var(--krds-padding-3);\n\t--krds-side-navigation--4depth-title-radius: var(--krds-radius-medium3);\n\t--krds-side-navigation--4depth-title-font-size: var(--krds-pc-font-size-navigation-title-medium);\n\t\n}\n//컬러 정의\n@mixin side-menu-color-variable($mode: light) {\n\t--krds-side-navigation--title-color-border: var(--krds-#{$mode}-color-divider-gray);\n\t--krds-side-navigation--title-border-width: var(--krds-#{$mode}-border-width-static-regular);\n\t--krds-side-navigation--color-action: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-side-navigation--color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-side-navigation--color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-side-navigation--color-action-selected: var(--krds-#{$mode}-color-action-secondary-selected);\n\t--krds-side-navigation--color-border: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-side-navigation--color-text-selected: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-side-navigation--color-border-selected: var(--krds-#{$mode}-color-action-secondary-active);\n\t--krds-side-navigation--item-color-border: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-side-navigation--item-color-border-selected: var(--krds-#{$mode}-color-border-gray);\n\t--krds-side-navigation--item-border-width: var(--krds-#{$mode}-border-width-static-regular);\n\t--krds-side-navigation--2depth-btn-color-border: var(--krds-#{$mode}-color-border-secondary);\n\t--krds-side-navigation--4depth-color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-side-navigation--4depth-background: var(--krds-#{$mode}-color-background-white);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-side-navigation {\n\t@include side-menu-size-variable();\n\t@include side-menu-color-variable(#{$mode-setting});\n\n\tposition: relative;\n\toverflow: hidden;\n\tpadding: var(--krds-side-navigation--padding) 0;\n\t.lnb-tit {\n\t\tfont-size: var(--krds-side-navigation--title-font-size);\n\t\tfont-weight: var(--krds-font-weight-bold);\n\t\tpadding: 0 var(--krds-side-navigation--title-padding-x) var(--krds-side-navigation--title-padding-bottom) var(--krds-side-navigation--title-padding-x);\n\t\tborder-bottom: var(--krds-side-navigation--title-border-width) solid var(--krds-side-navigation--title-color-border);\n\t}\n\t.lnb-list {\n\t\t.lnb-item {\n\t\t\tborder-bottom: var(--krds-side-navigation--item-border-width) solid var(--krds-side-navigation--item-color-border);\n\t\t\t.lnb-btn {\n\t\t\t\t@include flex-layout();\n\t\t\t\tgap: var(--krds-side-navigation--btn-gap);\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\tbackground-color: var(--krds-side-navigation--color-action);\n\t\t\t\tpadding: var(--krds-side-navigation--btn-padding-y) var(--krds-side-navigation--btn-padding-x);\n\t\t\t\tfont-size: var(--krds-side-navigation--btn-font-size);\n\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\ttext-align: left;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: var(--krds-side-navigation--color-action-hover);\n\t\t\t\t}\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: var(--krds-side-navigation--color-action-pressed);\n\t\t\t\t}\n\t\t\t\t&:focus {\n\t\t\t\t\t@include focus();\n\t\t\t\t}\n\t\t\t\t&.selected {\n\t\t\t\t\tbackground-color: var(--krds-side-navigation--color-action-selected);\n\t\t\t\t\tcolor: var(--krds-side-navigation--color-text-selected);\n\t\t\t\t}\n\t\t\t}\n\t\t\t[class*=lnb-toggle] {\n\t\t\t\t&::after {\n\t\t\t\t\t@include pseudo();\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium));\n\t\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\t\tmargin-top: var(--krds-padding-1);\n\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\ttransform: rotate(0deg);\n\t\t\t\t}\n\t\t\t\t&[aria-expanded=\"true\"] {\n\t\t\t\t\tpadding-bottom: var(--krds-side-navigation--btn-padding-y-selected);\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tbackground-color: var(--krds-side-navigation--color-text-selected);\n\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.lnb-submenu {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-rows: 0fr;\n\t\t\t\topacity: 0;\n\t\t\t\tvisibility: hidden;\n\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t> ul {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t}\n\t\t\t\t.lnb-btn {\n\t\t\t\t\tpadding: var(--krds-side-navigation--3depth-btn-padding-y) var(--krds-side-navigation--3depth-btn-padding-x);\n\t\t\t\t\tborder-radius: var(--krds-side-navigation--3depth-btn-radius);\n\t\t\t\t\tfont-weight: var(--krds-font-weight-regular);\n\t\t\t\t\t&::before {\n\t\t\t\t\t\t@include pseudo(\"•\");\n\t\t\t\t\t}\n\t\t\t\t\t&.selected {\n\t\t\t\t\t\tcolor: var(--krds-side-navigation--color-text-selected);\n\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.lnb-submenu-lv2 {\n\t\t\t\tposition: absolute;\n\t\t\t\tvisibility: hidden;\n\t\t\t\topacity: 0;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: -100%;\n\t\t\t\tz-index: 10;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tbackground-color: var(--krds-side-navigation--4depth-background);\n\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t&.active {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tvisibility: visible;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t\t> ul {\n\t\t\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\t\t\tpadding: var(--krds-side-navigation--4depth-padidng) 0;\n\t\t\t\t\tborder-top: 0.1rem solid var(--krds-side-navigation--4depth-color-border);\n\t\t\t\t\tborder-bottom: 0.1rem solid var(--krds-side-navigation--4depth-color-border);\n\t\t\t\t}\n\t\t\t\t.lnb-btn-tit {\n\t\t\t\t\t@include flex-layout($fd: column, $jc: space-between, $ai: normal);\n\t\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tpadding: var(--krds-side-navigation--4depth-title-padding) !important;\n\t\t\t\t\tmargin-bottom: var(--krds-padding-3);\n\t\t\t\t\tfont-size: var(--krds-side-navigation--4depth-title-font-size);\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\tborder-radius: var(--krds-side-navigation--4depth-title-radius);\n\t\t\t\t\t&::before {\n\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t@include svg-icon($mode: light);\n\t\t\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t\t}\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\t@include focus();\n\t\t\t\t\t}\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: var(--krds-side-navigation--color-action-hover);\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: var(--krds-side-navigation--color-action-pressed);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.active {\n\t\t\t\tborder-bottom-color: var(--krds-side-navigation--item-color-border-selected);\n\t\t\t\t.lnb-submenu {\n\t\t\t\t\tgrid-template-rows: 1fr;\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tvisibility: visible;\n\t\t\t\t\tpadding: var(--krds-side-navigation--3depth-padding-y) 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t//하위뎁스\n\t\t> li {\n\t\t\t> .lnb-btn { \n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\t@include pseudo();\n\t\t\t\t\t@include position($b: -.1rem, $l: 0%);  \n\t\t\t\t\t@include square(0, 0.3rem);\n\t\t\t\t\tbackground-color: var(--krds-side-navigation--color-border-selected);\n\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t}\n\t\t\t\t&:hover {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t&.active {\n\t\t\t\t\t&:not(.lnb-toggle){\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-side-navigation {\n\t\t@include side-menu-color-variable(#{$mode-setting});\n\n\t\t.lnb-list {\n\t\t\t.lnb-item {\n\t\t\t\t[class*=lnb-toggle] {\n\t\t\t\t\t&::after {\n\t\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.lnb-submenu-lv2 {\n\t\t\t\t\t.lnb-btn-tit {\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t@include svg-icon($mode: #{$mode-setting});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","/* 구조화 목록 */\n//사이즈 정의\n@mixin structured-list-size-variable() {\n\t//변수 배열 생성\n\t$structuredlist-settings: (\n\t\twrap:(\n\t\t\tgap: var(--krds-gap-7),\n\t\t),\n\t\tlist:(\n\t\t\tgap: var(--krds-gap-5),\n\t\t\tpadding-small-size: var(--krds-padding-8),\n\t\t\tpadding-medium-size: var(--krds-padding-9),\n\t\t\tpadding-large-size: var(--krds-padding-10),\n\t\t\tradius: var(--krds-radius-xlarge2),\n\t\t\tinner-gap: var(--krds-gap-5),\n\t\t\tcolumn-gap: var(--krds-gap-7),\n\t\t\tfirst-element-margin: var(--krds-gap-3),\n\t\t),\n\t\tcard:(\n\t\t\tbody-gap: var(--krds-gap-7),\n\t\t\tbody-cont-gap: var(--krds-gap-5),\n\t\t\tbody-title-gap: var(--krds-gap-1),\n\t\t\tbody-title-pc-font-size: var(--krds-pc-font-size-heading-small),\n\t\t\tbody-title-mobile-font-size: var(--krds-mobile-font-size-heading-small),\n\t\t\tbody-title-pc-font-size-small: var(--krds-pc-font-size-heading-xsmall),\n\t\t\tbody-title-mobile-font-size-small: var(--krds-mobile-font-size-heading-xsmall),\n\t\t\tbody-title-icon-size : var(--krds-size-height-4),\n\t\t\tbody-txt-margin-bottom: var(--krds-gap-2),\n\t\t\tbody-date-gap: var(--krds-gap-3),\n\t\t\tbottom-gap: var(--krds-gap-3),\n\t\t\tbottom-padding-top: var(--krds-padding-6),\n\t\t\tbottom-margin-top: var(--krds-padding-3),\n\t\t\tbuttons-position-top-small-size: var(--krds-gap-7),\n\t\t\tbuttons-position-right-small-size: var(--krds-gap-7),\n\t\t\tbuttons-position-right-medium-size: var(--krds-gap-8),\n\t\t\tbuttons-position-top-medium-size: var(--krds-gap-8),\n\t\t\tbuttons-position-right-large-size: var(--krds-gap-9),\n\t\t\tbuttons-position-top-large-size: var(--krds-gap-9),\n\t\t\tbuttons-gap: var(--krds-gap-5),\n\t\t\tbuttons-size-height: var(--krds-size-height-4),\n\t\t),\n\t\ttag:(\n\t\t\tsize-height: var(--krds-size-height-5),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-small),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-small),\n\t\t\tpadding-x: var(--krds-padding-4),\n\t\t\tradius: var(--krds-radius-max),\n\t\t\t),\n\t) !default;\n\n\t//css variable 생성\n\t@each $target, $types in $structuredlist-settings {\n\t\t@each $type, $value in $types {\n\t\t\t--krds-structured-list--#{$target}-#{$type}: #{$value};\n\t\t}\n\t}\n\t@include size-medium {\n\t\t--krds-structured-list--wrap-gap: var(--krds-gap-5);\n\t\t--krds-structured-list--list-gap: var(--krds-gap-4);\n\t\t--krds-structured-list--list-padding-medium-size: var(--krds-padding-8);\n\t\t--krds-structured-list--list-inner-gap: var(--krds-gap-7);\n\t\t--krds-structured-list--list-first-element-margin: var(--krds-gap-2);\n\t\t--krds-structured-list--card-body-gap: var(--krds-gap-5);\n\t\t--krds-structured-list--card-body-cont-gap : var(--krds-gap-4);\n\t\t--krds-structured-list--card-bottom-margin-top: var(--krds-gap-2);\n\t}\n}\n\n//structuredlist card size\n@mixin structured-list-card-size($unit) {\n\t@if( $unit == small ){\n\t\t.card-body {\n\t\t\t.c-tit {\n\t\t\t\tfont-size: var(--krds-structured-list--card-body-title-pc-font-size-#{$unit});\n\t\t\t\t@include size-medium {\n\t\t\t\t\tfont-size: var(--krds-structured-list--card-body-title-mobile-font-size-#{$unit});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} @else {\n\t\t.card-body {\n\t\t\t.c-tit {\n\t\t\t\tfont-size: var(--krds-structured-list--card-body-title-pc-font-size);\n\t\t\t\t@include size-medium {\n\t\t\t\t\tfont-size: var(--krds-structured-list--card-body-title-mobile-font-size);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t> li {\n\t\tpadding: var(--krds-structured-list--list-padding-#{$unit}-size);\n\t}\n\n\n\t.card-btn{\n\t\t@include position($t: var(--krds-structured-list--card-buttons-position-top-#{$unit}-size), $r: var(--krds-structured-list--card-buttons-position-right-#{$unit}-size));\n\t}\n}\n\n//컬러 정의\n@mixin structured-list-color-variable($mode: light) {\n\t--krds-structured-list--tag-color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-structured-list--tag-color-text-visited: var(--krds-#{$mode-setting}-color-link-visited);\n\t--krds-structured-list--tag-color-border: var(--krds-#{$mode}-color-border-gray-light);\n\t--krds-structured-list--tag-color-action :var(--krds-#{$mode}-color-action-white);\n\t--krds-structured-list--list-color-surface: var(--krds-#{$mode}-color-surface-white-subtle);\n\t--krds-structured-list--list-color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-structured-list--list-color-action-active: var(--krds-#{$mode}-color-link-default);\n\t--krds-structured-list--list-action-outline-width: var(--krds-#{$mode}-border-width-variable-medium);\n\t--krds-structured-list--card-bottom-color-border: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-structured-list--card-body-color-text: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-structured-list--card-body-divider-width: var(--krds-#{$mode}-border-width-variable-regular);\n\t--krds-structured-list--card-body-divider-color-divider: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-structured-list--border-width: var(--krds-#{$mode}-border-width-variable-regular);\n\t--krds-structured-list--full-card-body-meta-color-text:var(--krds-#{$mode}-color-text-subtle);\n}\n\n@mixin type-check-button-position($unit){\n\t$btn-pos: calc(var(--krds-structured-list--list-gap) + var(--krds-structured-list--card-buttons-position-top-#{$unit}-size) + var(--krds-size-height-5));\n\n\t.card-btn {\n\t\ttop: $btn-pos;\n\t}\n}\n\n\n//모드 설정\n$mode-setting: light;\n.krds-structured-list {\n\t@include structured-list-color-variable(#{$mode-setting});\n\t@include structured-list-size-variable();\n\n\t& {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr 1fr;\n\t\tgrid-gap: var(--krds-structured-list--wrap-gap);\n\t}\n\n\t//checkbox 형태시 하단 버튼 위치\n\t&.type-check {\n\t\t@include type-check-button-position(medium);\n\t}\n\n\t//카드기본 사이즈 md\n\t@include structured-list-card-size(medium);\n\n\t> li {\n\t\tposition: relative;\n\t\t@include flex-layout($fd: column, $ai: normal);\n\t\tgap: var(--krds-structured-list--list-gap) 0;\n\t\tbackground: var(--krds-structured-list--list-color-surface);\n\t\tborder-radius: var(--krds-structured-list--list-radius);\n\t\tborder: var(--krds-structured-list--border-width) solid var(--krds-structured-list--list-color-border);\n\t\t&.is-check {\n\t\t\tborder-color: transparent;\n\t\t\toutline: var(--krds-structured-list--list-action-outline-width) solid var(--krds-structured-list--list-color-action-active);\n\t\t}\n\n\t\t.in {\n\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\tgap: var(--krds-structured-list--list-inner-gap);\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t&:not(.type-full) {\n\t\t.krds-check-area:first-child,\n\t\t.card-top:first-child  {\n\t\t\tmargin-bottom: var(--krds-structured-list--list-first-element-margin);\n\t\t}\n\t}\n\t//체크박스\n\t.krds-check-area {\n\t\tpadding-top: 0.4rem;\n\t\tfont-size: 0;\n\t\t.krds-form-check input[type=checkbox] ~ label {\n\t\t\t&::before {\n\t\t\t\tmargin-top:0;\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\tmargin-top:-.3rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t.card-top {\n\t\t@include flex-layout($ai: center);\n\t\tflex-wrap: wrap;\n\t}\n\t.card-body {\n\t\t@include flex-layout($fd: column, $ai: normal);\n\t\tgap: var(--krds-structured-list--card-body-gap);\n\t\t.c-text {\n\t\t\t@include flex-layout($fd: column, $ai: normal);\n\t\t\tgap: var(--krds-structured-list--card-body-cont-gap);\n\t\t\tword-break: break-all;\n\t\t\t&:hover {\n\t\t\t\t.c-tit {\n\t\t\t\t\t@include underline(0.5rem);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:visited {\n\t\t\t\t.c-tit {\n\t\t\t\t\tcolor: var(--krds-structured-list--tag-color-text-visited);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.c-tit {\n\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\tgap: var(--krds-structured-list--card-body-title-gap);\n\t\t\t\tposition: relative;\n\t\t\t\tfont-weight:var(--krds-font-weight-bold);\n\t\t\t\t.span {\n\t\t\t\t\t@include ellipsis(1);\n\t\t\t\t}\n\t\t\t\t&::after {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\t@include pseudo();\n\t\t\t\t\t@include square(var(--krds-structured-list--card-body-title-icon-size));\n\t\t\t\t\t@include svg-icon($mode: light);\n\t\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\t\ttransform: rotate(-90deg);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.c-txt {\n\t\t\t\t@include ellipsis(3);\n\t\t\t\tcolor: var(--krds-structured-list--card-body-color-text);\n\t\t\t}\n\n\t\t\t.c-date {\n\t\t\t\tdisplay:flex;\n\t\t\t\tgap: var(--krds-structured-list--card-body-date-gap);\n\t\t\t\t.key {\n\t\t\t\t\tfont-weight:var(--krds-font-weight-bold);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.c-btn {\n\t\t\ttext-align: right;\n\t\t}\n\t}\n\t.card-btm {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--krds-structured-list--card-bottom-gap);\n\t\tpadding-top: var(--krds-structured-list--card-bottom-padding-top);\n\t\tmargin-top:var(--krds-structured-list--card-bottom-margin-top);\n\t\tborder-top: var(--krds-structured-list--border-width) solid var(--krds-structured-list--card-bottom-color-border);\n\t\t.tag {\n\t\t\t@include flex-layout($d: inline-flex, $ai: center);\n\t\t\tbackground-color: var(--krds-structured-list--tag-color-action);\n\t\t\theight: var(--krds-structured-list--tag-size-height);\n\t\t\tpadding: 0 var(--krds-structured-list--tag-padding-x);\n\t\t\tfont-size: var(--krds-structured-list--tag-pc-font-size);\n\t\t\tcolor: var(--krds-structured-list--tag-color-text);\n\t\t\tborder-radius: var(--krds-structured-list--tag-radius);\n\t\t\tborder: var(--krds-structured-list--border-width) solid var(--krds-structured-list--tag-color-border);\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-structured-list--tag-mobile-font-size);\n\t\t\t}\n\t\t\t&::before {\n\t\t\t\tcontent: \"#\";\n\t\t\t}\n\t\t}\n\t}\n\t.card-btn{\n\t\t@include position($t:var(--krds-structured-list--card-buttons-position-top-medium-size), $r:var(--krds-structured-list--card-buttons-position-right-medium-size));\n\t\tdisplay: inline-flex;\n\t\tgap: var(--krds-structured-list--card-buttons-gap);\n\t\t.krds-btn {\n\t\t\theight: var(--krds-structured-list--card-buttons-size-height);\n\t\t}\n\t}\n\n\n\t//카드 사이즈\n\t&.sm {\n\t\t@include structured-list-card-size(small);\n\t\t&.type-check {\n\t\t\t@include type-check-button-position(small);\n\t\t}\n\t}\n\t&.md {\n\t\t@include structured-list-card-size(medium);\n\t\t&.type-check {\n\t\t\t@include type-check-button-position(medium);\n\t\t}\n\t}\n\t&.lg {\n\t\t@include structured-list-card-size(large);\n\t\t&.type-check {\n\t\t\t@include type-check-button-position(large);\n\t\t}\n\t}\n\n\t//site 개발 적용 후 &.type2 삭제\n\t&.type-full,\n\t&.type2 {\n\t\tgrid-template-columns: none;\n\t\t--krds-structured-list--full-list-column-gap: var(--krds-gap-7);\n\t\t--krds-structured-list--full-card-top-margin: var(--krds-gap-2);\n\t\t--krds-structured-list--full-card-body-gap: var(--krds-gap-9);\n\t\t--krds-structured-list--full-card-body-cont-gap: var(--krds-gap-5);\n\t\t--krds-structured-list--full-card-btn-position-top: var(--krds-gap-2);\n\t\t--krds-structured-list--full-card-body-meta-gap-y: var(--krds-gap-3);\n\t\t--krds-structured-list--full-card-body-meta-gap-x: var(--krds-gap-4);\n\t\t--krds-structured-list--full-card-body-divider-height: var(--krds-size-height-2);\n\t\t--krds-structured-list--full-card-body-divider-margin-x: var(--krds-gap-3);\n\n\t\t.structured-item {\n\t\t\tflex-direction: row;\n\t\t\tcolumn-gap: var(--krds-structured-list--full-list-column-gap);\n\t\t\t.in {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t.krds-check-area {\n\t\t\t\tmargin:0;\n\t\t\t}\n\t\t}\n\t\t.card-top {\n\t\t\tmargin: var(--krds-structured-list--full-card-top-margin) 0;\n\t\t}\n\t\t.card-body {\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: space-between;\n\t\t\t.c-text {\n\t\t\t\tflex: 1;\n\t\t\t\tmargin:0;\n\t\t\t\t.key {\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.c-txt{\n\t\t\t\t@include ellipsis(1);\n\t\t\t}\n\t\t\t.c-txt-p {\n\t\t\t\t@include flex-layout();\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t//margin-top: var(--krds-structured-list--full-card-body-text-margin-y); 확인필요\n\t\t\t\t}\n\t\t\t}\n\t\t\t.c-txt-ul {\n\t\t\t\t@include flex-layout();\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--krds-structured-list--full-card-body-meta-gap-x);\n\t\t\t\tcolumn-gap: var(--krds-structured-list--full-card-body-meta-gap-y);\n\t\t\t\tli {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tcolor:var(--krds-structured-list--full-card-body-meta-color-text);\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\twidth: var(--krds-structured-list--card-body-divider-width);\n\t\t\t\t\t\t\theight: var(--krds-structured-list--full-card-body-divider-height);\n\t\t\t\t\t\t\tmargin-left: var(--krds-structured-list--full-card-body-divider-margin-x);\n\t\t\t\t\t\t\tbackground-color: var(--krds-structured-list--card-body-divider-color-divider);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.card-btm {\n\t\t\tmargin-top:0;\n\t\t}\n\t\t.card-btn{\n\t\t\ttop: var(--krds-structured-list--full-card-btn-position-top);\n\t\t\tright: 0;\n\t\t}\n\t}\n\n\t&.type-full {\n\t\t--krds-structured-list--card-body-title-pc-font-size: var(--krds-pc-font-size-heading-medium);\n\t\t--krds-structured-list--card-body-title-mobile-font-size: var(--krds-mobile-font-size-heading-medium);\n\n\t\t.card-body {\n\t\t\t.c-tit {\n\t\t\t\tfont-size: var(--krds-structured-list--card-body-title-pc-font-size);\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n//태블릿 전용 속성\n@include size-medium-to-large {\n\t.krds-structured-list {\n\t\t--krds-structured-list--card-buttons-gap: var(--krds-number-3);\n\n\t\tgrid-template-columns: 1fr 1fr;\n\n\t\t.card-btn{\n\t\t\tgap: var(--krds-structured-list--card-buttons-gap);\n\t\t}\n\t}\n}\n\n//모바일 전용  \n@include size-medium {\n\t.krds-structured-list {\n\t\tgrid-template-columns: 1fr;\n\n\t\t.krds-check-area:first-child,\n\t\t.card-top:first-child  {\n\t\t\tmargin-bottom: var(--krds-structured-list--list-first-element-margin);\n\t\t}\n\n\t\t.structured-item{\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\t.in{\n\t\t\t\tflex-direction: row;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\t\t\t.krds-check-area{\n\t\t\t\torder: -1;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t\t.card-top{\n\t\t\torder: -1;\n\t\t\tflex: 1;\n\t\t\tflex-wrap: nowrap;\n\t\t\tmin-width: fit-content;\n\t\t}\n\t\t.card-body {\n\t\t\twidth: 100%;\n\t\t\t.c-date{\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\t\t\t.c-btn {\n\t\t\t\talign-self: flex-end;\n\t\t\t\ttext-align: left;\n\t\t\t}\n\t\t}\n\t\t.card-btm{\n\t\t\twidth: 100%;\n\t\t}\n\t\t.card-btn{\n\t\t\torder: -1;\n\t\t\tposition: static;\n\t\t}\n\n\n\t\t//type full\n\t\t//site 개발 적용 후 &.type2 삭제\n\t\t&.type-full,\n\t\t&.type2 {\n\t\t\t--krds-structured-list--full-card-body-gap: var(--krds-gap-7);\n\t\t\t--krds-structured-list--full-card-body-cont-gap: var(--krds-gap-4);\n\t\t\t--krds-structured-list--full-card-body-meta-gap-y: var(--krds-gap-3);\n\n\t\t\t.in {\n\t\t\t\tgap:1.6rem;\n\t\t\t}\n\t\t\t.card-top {\n\t\t\t\tmargin:0;\n\t\t\t}\n\t\t\t.card-body{\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tgap: var(--krds-structured-list--full-card-body-gap);\n\t\t\t\t.c-text {\n\t\t\t\t\tgap: var(--krds-structured-list--full-card-body-cont-gap);\n\t\t\t\t}\n\t\t\t\t.c-txt-ul {\n\t\t\t\t\tgap: var(--krds-structured-list--full-card-body-meta-gap-y);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.type-full {\n\t\t\t.card-body {\n\t\t\t\t.c-tit {\n\t\t\t\t\tfont-size: var(--krds-structured-list--card-body-title-mobile-font-size);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-structured-list {\n\t\t@include structured-list-color-variable(#{$mode-setting});\n\n\t\t//체크박스\n\t\t.krds-check-area {\n\t\t\t.krds-form-check input[type=checkbox] ~ label {\n\t\t\t\t&::before {\n\t\t\t\t\tmargin-top:0;\n\t\t\t\t}\n\t\t\t\t&::after {\n\t\t\t\t\tmargin-top:-.3rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.card-body {\n\t\t\t.c-text {\n\t\t\t\t.c-tit {\n\t\t\t\t\t&::after {\n\t\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\t}\n}\n","/* 긴급 공지  */\n\n//사이즈 정의\n@mixin critical-badge-size-variable() {\n    --krds-critical-alerts--size-max-width: 84.6rem;\n    --krds-critical-alerts--gap: var(--krds-number-6);\n    --krds-critical-alerts--padding: var(--krds-padding-7);\n    --krds-critical-alerts--banner-gap: var(--krds-gap-5);\n    --krds-critical-alerts--banner-padding: var(--krds-pc-padding-card-xsmall);\n    --krds-critical-alerts--banner-radius: var(--krds-radius-large2);\n\n    --krds-critical-alerts--badge-size-min-width: 7.8rem;\n    --krds-critical-alerts--badge-size-height: var(--krds-size-height-7);\n    --krds-critical-alerts--badge-gap:var(--krds-gap-2);\n    --krds-critical-alerts--badge-padding: var(--krds-padding-4);\n    --krds-critical-alerts--badge-radius: var(--krds-radius-medium2);\n    --krds-critical-alerts--badge-pc-font-size: var(--krds-pc-font-size-body-medium);\n    --krds-critical-alerts--badge-mobile-font-size: var(--krds-mobile-font-size-body-small);\n    --krds-critical-alerts--badge-icon-size: var(--krds-gap-7);\n\n    //mobile\n    --krds-critical-alerts--mobile-padding: var(--krds-padding-6);\n    --krds-critical-alerts--mobile-banner-padding: var(--krds-mobile-padding-card-xsmall);\n    --krds-critical-alerts--mobile-badge-size-height: 3.9rem;\n    --krds-critical-alerts--mobile-badge-icon-size: var(--krds-gap-6);\n    --krds-critical-alerts--mobile-badge-padding: var(--krds-padding-3);\n}\n\n//컬러 정의\n@mixin critical-badge-color-variable($mode: light) {\n    --krds-critical-alerts--banner-border-width: var(--krds-#{$mode}-border-width-variable-regular);\n    --krds-critical-alerts--banner-color-action: var(--krds-#{$mode}-color-surface-white-subtle);\n    --krds-critical-alerts--banner-color-border: var(--krds-#{$mode}-color-border-gray-light);\n\t--krds-critical-alerts--banner-shadow: 0 0 0.2rem 0 var(--krds-#{$mode}-color-alpha-shadow1), 0 0.4rem 0.8rem 0 var(--krds-#{$mode}-color-alpha-shadow2);\n    --krds-critical-alerts--badge-color-background-danger: var(--krds-#{$mode}-color-element-danger);\n    --krds-critical-alerts--badge-color-background-ok: var(--krds-#{$mode}-color-element-success);\n    --krds-critical-alerts--badge-color-background-info: var(--krds-#{$mode}-color-element-information);\n    --krds-critical-alerts--badge-color-text: var(--krds-#{$mode}-color-text-inverse-static);\n}\n\n//critical badge style\n@mixin critical-badge-style($type) {\n    $background-color: var(--krds-critical-alerts--badge-color-background-#{$type});\n    $icon: ico_urgent_badge_#{$type};\n\n    background-color: $background-color;\n\n    &::before {\n        @include icon-set($icon, pure);\n    }\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-critical-alerts {\n    @include critical-badge-size-variable();\n    @include critical-badge-color-variable(#{$mode-setting});\n    \n    @include flex-layout($fd: column, $ai: normal);\n    gap: var(--krds-critical-alerts--gap);\n    width: 100%;\n    max-width: var(--krds-critical-alerts--size-max-width);\n    padding: var(--krds-critical-alerts--padding); \n    margin: 0 auto;\n    .critical-ban {\n        @include flex-layout($ai: center);\n        gap: var(--krds-critical-alerts--banner-gap);\n        padding: var(--krds-critical-alerts--banner-padding);\n        background-color: var(--krds-critical-alerts--banner-color-action);\n        border:var(--krds-critical-alerts--banner-border-width) solid var(--krds-critical-alerts--banner-color-border);\n        border-radius: var(--krds-critical-alerts--banner-radius);\n\t\tbox-shadow: var(--krds-critical-alerts--banner-shadow);\n    }\n    .critical-badge {\n        @include flex-layout($ai: center);\n        gap: var(--krds-critical-alerts--badge-gap);\n        font-size: var(--krds-critical-alerts--badge-pc-font-size);\n        font-weight: var(--krds-font-weight-bold);\n        color: var(--krds-critical-alerts--badge-color-text);\n        min-width: var(--krds-critical-alerts--badge-size-min-width);\n        height: var(--krds-critical-alerts--badge-size-height);\n        padding: 0 var(--krds-critical-alerts--badge-padding);\n        border-radius: var(--krds-critical-alerts--badge-radius);\n        @include size-medium {\n\t\t\tfont-size: var(--krds-critical-alerts--badge-mobile-font-size);\n\t\t}\n        &::before {\n        display: inline-flex;\n        @include pseudo();\n        @include square(var(--krds-critical-alerts--badge-icon-size));\n        background-repeat: no-repeat;\n        background-position: center;\n        background-size: contain;\n        }\n        &.danger {\n            @include critical-badge-style(danger);\n        }\n        &.ok {\n            @include critical-badge-style(ok);\n        }\n        &.info {\n            @include critical-badge-style(info);\n        }\n    }\n    .critical-txt {\n        flex: 1;\n        font-weight: var(--krds-font-weight-bold);\n        @include ellipsis(2);\n    }\n}\n\n//모바일 전용\n@include size-medium {\n    .krds-critical-alerts {\n        padding: var(--krds-critical-alerts--mobile-padding);\n        .critical-ban {\n            height: auto;\n            padding: var(--krds-critical-alerts--mobile-banner-padding);\n        }\n        .critical-txt {\n            display: block;\n            overflow: visible;\n        }\n        .critical-badge {\n            min-width: auto;\n            height: var(--krds-critical-alerts--mobile-badge-size-height);\n            padding: var(--krds-critical-alerts--mobile-badge-padding);\n            &::before {\n                @include square(var(--krds-critical-alerts--mobile-badge-icon-size));\n            }\n        }\n       \n    }\n}\n\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n    //모드 설정\n\t$mode-setting: high-contrast;\n    .krds-critical-alerts {\n        @include critical-badge-color-variable(#{$mode-setting});\n    }\n}","/* 콘텐츠 내 탐색 */\n\n//사이즈 정의\n@mixin in-page-navigation-size-variable() {\n\t--krds-in-page-navigation--width: 16rem;\n\t--krds-in-page-navigation--gap: var(--krds-gap-5);\n\t--krds-in-page-navigation--position-top: 25.6rem;\n\t--krds-in-page-navigation--position-right: calc((100% - var(--krds-contents-wrap-size)) / 2 - (var(--krds-in-page-navigation--width) - var(--krds-contents-padding-x) + var(--krds-pc-gap-layout-contents-right)));\n\t--krds-in-page-navigation--header-gap: var(--krds-gap-2);\n\t--krds-in-page-navigation--header-caption-pc-font-size: var(--krds-pc-font-size-body-xsmall);\n\t--krds-in-page-navigation--header-caption-mobile-font-size: var(--krds-mobile-font-size-body-xsmall);\n\t--krds-in-page-navigation--header-title-pc-font-size: var(--krds-pc-font-size-heading-xsmall);\n\t--krds-in-page-navigation--header-title-mobile-font-size: var(--krds-mobile-font-size-heading-xsmall);\n\t--krds-in-page-navigation--list-anchor-border-radius: var(--krds-radius-small3);\n\t--krds-in-page-navigation--list-anchor-pc-font-size: var(--krds-pc-font-size-navigation-depth-small);\n\t--krds-in-page-navigation--list-anchor-mobile-font-size: var(--krds-mobile-font-size-navigation-depth-small);\n\t--krds-in-page-navigation--action-gap: var(--krds-gap-3);\n\t--krds-in-page-navigation--action-info-pc-font-size: var(--krds-pc-font-size-body-small);\n\t--krds-in-page-navigation--action-info-mobile-font-size: var(--krds-mobile-font-size-body-small);\n}\n//컬러 정의\n@mixin in-page-navigation-color-variable($mode: light) {\n\t--krds-in-page-navigation--color-text-bolder: var(--krds-#{$mode}-color-text-bolder);\n\t--krds-in-page-navigation--color-text-sub: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-in-page-navigation--list-anchor-color-text-selected: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-in-page-navigation--list-anchor-color-background: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-in-page-navigation--list-anchor-color-background-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-in-page-navigation--list-anchor-color-background-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-in-page-navigation--list-anchor-color-background-selected: var(--krds-#{$mode}-color-action-secondary-selected);\n}\n\n// 모드 설정\n$mode-setting: light;\n\n.krds-in-page-navigation-type {\n\t@include in-page-navigation-size-variable();\n\t@include in-page-navigation-color-variable(#{$mode-setting});\n\t\n\t.krds-in-page-navigation-area {\n\t\t@include position($p: fixed, $t: var(--krds-in-page-navigation--position-top), $r: var(--krds-in-page-navigation--position-right));\n\t\t@include flex-layout($fd: column);\n\t\tgap: var(--krds-in-page-navigation--gap);\n\t\twidth: var(--krds-in-page-navigation--width);\n\t\ttransition: var(--krds-transition-base);\n\t\tz-index: 10;\n\t\t> * {\n\t\t\twidth: 100%;\n\t\t}\n\t\t.in-page-navigation-header {\n\t\t\t@include flex-layout($fd: column);\n\t\t\tgap: var(--krds-in-page-navigation--header-gap);\n\t\t\t.quick-caption {\n\t\t\t\tfont-size: var(--krds-in-page-navigation--header-caption-pc-font-size);\n\t\t\t}\n\t\t\t.quick-title {\n\t\t\t\tfont-size: var(--krds-in-page-navigation--header-title-pc-font-size);\n\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\tcolor: var(--krds-in-page-navigation--color-text-bolder);\n\t\t\t}\n\t\t}\n\t\t.in-page-navigation-list {\n\t\t\tul {\n\t\t\t\t@include flex-layout($fd: column);\n\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t}\n\t\t\tli {\n\t\t\t\twidth: 100%;\n\t\t\t\t> a {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tpadding: var(--krds-padding-2) var(--krds-padding-3);\n\t\t\t\t\tfont-size: var(--krds-in-page-navigation--list-anchor-pc-font-size);\n\t\t\t\t\tcolor: var(--krds-in-page-navigation--color-text-sub);\n\t\t\t\t\tbackground-color: var(--krds-in-page-navigation--list-anchor-color-background);\n\t\t\t\t\tborder-radius: var(--krds-in-page-navigation--list-anchor-border-radius);\n\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: var(--krds-in-page-navigation--list-anchor-color-background-hover);\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: var(--krds-in-page-navigation--list-anchor-color-background-pressed);\n\t\t\t\t\t}\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tcolor: var(--krds-in-page-navigation--list-anchor-color-text-selected);\n\t\t\t\t\t\tbackground-color: var(--krds-in-page-navigation--list-anchor-color-background-selected);\n\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.in-page-navigation-action {\n\t\t\t@include flex-layout($fd: column, $ai: center);\n\t\t\tgap: var(--krds-in-page-navigation--action-gap);\n\t\t\t.krds-btn {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.quick-info {\n\t\t\t\tfont-size: var(--krds-in-page-navigation--action-info-pc-font-size);\n\t\t\t\tcolor: var(--krds-in-page-navigation--color-text-sub);\n\t\t\t}\n\t\t}\n\t}\n}\n\n// scroll-down\n.scroll-down {\n\t.krds-in-page-navigation-type {\n\t\t.krds-in-page-navigation-area {\n\t\t\ttop: 6rem;\n\t\t}\n\t}\n}\n\n// 고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t// krds-in-page-navigation-type\n\t.krds-in-page-navigation-type {\n\t\t.krds-in-page-navigation-area {\n\t\t\t// var\n\t\t\t@include in-page-navigation-color-variable(#{$mode-setting});\n\n\t\t\t.in-page-navigation-header {\n\t\t\t\t.quick-title {\n\t\t\t\t\tcolor: var(--krds-in-page-navigation--color-text-bolder);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.in-page-navigation-list {\n\t\t\t\tli {\n\t\t\t\t\t> a {\n\t\t\t\t\t\tcolor: var(--krds-in-page-navigation--color-text-sub);\n\t\t\t\t\t\tbackground-color: var(--krds-in-page-navigation--list-anchor-color-background);\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: var(--krds-in-page-navigation--list-anchor-color-background-hover);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\tbackground-color: var(--krds-in-page-navigation--list-anchor-color-background-pressed);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\tcolor: var(--krds-in-page-navigation--list-anchor-color-text-selected);\n\t\t\t\t\t\t\tbackground-color: var(--krds-in-page-navigation--list-anchor-color-background-selected);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.in-page-navigation-action {\n\t\t\t\t.quick-info {\n\t\t\t\t\tcolor: var(--krds-in-page-navigation--color-text-sub);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// 1680 / 1280 설정\n@media (max-width: 1680px) {\n\t.krds-in-page-navigation-type {\n\t\t& > .inner:not(.in-between) {\n\t\t\tpadding-right: calc(var(--krds-in-page-navigation--width) + var(--krds-pc-gap-layout-contents-right) + var(--krds-contents-padding-x));\n\t\t}\n\t\t.in-between {\n\t\t\t.contents {\n\t\t\t\tpadding-right: calc(var(--krds-in-page-navigation--width) + var(--krds-pc-gap-layout-contents-right));\n\t\t\t}\n\t\t}\n\t\t.krds-in-page-navigation-area {\n\t\t\t--krds-in-page-navigation--position-right: calc((100% - var(--krds-contents-wrap-size)) / 2 + var(--krds-contents-padding-x));\n\t\t}\n\t}\n}\n@media (max-width: 1280px) {\n\t.krds-in-page-navigation-type {\n\t\t.krds-in-page-navigation-area {\n\t\t\t--krds-in-page-navigation--position-right: var(--krds-contents-padding-x);\n\t\t}\n\t}\n}\n\n// responsive mobile\n@include size-medium {\n\t.krds-in-page-navigation-type {\n\t\t& > .inner:not(.in-between) {\n\t\t\tpadding-right: var(--krds-contents-padding-x);\n\t\t}\n\t\t.krds-in-page-navigation-area {\n\t\t\tposition: static;\n\t\t\twidth: 100%;\n\t\t\ttransition: none;\n\t\t\t~ .tab-conts{\n\t\t\t\tmargin-top: var(--krds-gap-8);\n\t\t\t}\n\n\t\t\t.in-page-navigation-action {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}","/* ** swiper ** */\n\n//모드 설정\n$mode-setting: light;\n.swiper-indicator {\n    @include flex-layout($jc: flex-end, $ai: center);\n    gap: var(--krds-gap-3);\n    flex-shrink: 0;\n    position: relative;\n    &.text-center {\n        justify-content: center;\n    }\n    .swiper-pagination {\n        top: auto;\n        bottom: auto;\n        width: auto;\n        &:not(.swiper-pagination-fraction) {\n            @include flex-layout($jc: center, $ai: center);\n            height: var(--krds-size-height-6);\n            padding: var(--krds-padding-5);\n            border-radius: var(--krds-radius-max);\n            background-color: var(--krds-#{$mode-setting}-color-element-inverse);\n        }\n        &.swiper-pagination-fraction {\n            &.swiper-pagination-bg {\n                font-weight: var(--krds-font-weight-bold);\n                padding: var(--krds-padding-5);\n                border-radius: var(--krds-radius-max);\n\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-surface-white);\n            }\n        }\n    }\n    .swiper-button-next,\n    .swiper-button-prev {\n        @include position(relative, auto, auto, auto, auto);\n        margin: 0;\n    }\n    .swiper-navigation {\n        display: inline-flex;\n        gap: var(--krds-gap-3);\n    }\n}\n\n.swiper-pagination {\n    @include flex-layout($jc: center, $ai: center);\n    position: relative;\n    height: var(--krds-size-height-6);\n    .swiper-pagination-bullet {\n        @include square(var(--krds-size-height-1));\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-element-gray);\n        opacity: 1;\n        &.swiper-pagination-bullet-active {\n            width: 2rem;\n            border-radius: var(--krds-radius-max);\n            background-color: var(--krds-#{$mode-setting}-color-element-primary);\n        }\n    }\n    &.swiper-pagination-fraction {\n        gap: var(--krds-gap-2);\n\t\tpadding: 0 var(--krds-padding-6);\n\t\tcolor: var(--krds-#{$mode-setting}-color-text-basic);\n\t\tfont-weight: var(--krds-font-weight-bold);\n\t\tborder: var(--krds-#{$mode-setting}-border-width-variable-regular) solid var(--krds-#{$mode-setting}-color-border-gray-light);\n\t\tborder-radius: var(--krds-radius-max);\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-surface-white);\n        .swiper-pagination-current {\n            color: var(--krds-#{$mode-setting}-color-text-secondary);\n        }\n    }\n}\n\n.swiper-controller {\n    @include flex-layout($jc: center, $ai: center);\n    gap: var(--krds-gap-3);\n}\n\n[class ^= 'swiper-button-']{\n    @include flex-layout( $jc: center, $ai: center);\n    @include square(var(--krds-size-height-6));\n\tflex-shrink: 0;\n    border-radius: var(--krds-radius-max);\n    border: var(--krds-#{$mode-setting}-border-width-variable-regular) solid var(--krds-#{$mode-setting}-color-border-gray-light);\n    background-color: var(--krds-#{$mode-setting}-color-action-white);\n    &::after {\n        @include pseudo();\n        @include svg-icon();\n        font-size: 0 !important;\n    }\n\t&:hover{\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary-hover);\n\t}\n}\n\n.swiper-button-more {\n    &::after {\n        @include icon-set(ico_plus);\n    }\n}\n\n.swiper-button-play {\n    &::after {\n        @include icon-set(ico_swiper_play);\n    }\n}\n\n.swiper-button-stop {\n    &::after {\n        @include icon-set(ico_swiper_stop);\n    }\n}\n\n.swiper-button-next,\n.swiper-button-prev {\n    &::after {\n        @include icon-set(ico_angle);\n    }\n    &:hover {\n        background-color: var(--krds-#{$mode-setting}-color-action-secondary-hover);\n    }\n    &:active {\n        background-color: var(--krds-#{$mode-setting}-color-action-secondary-pressed);\n    }\n    &.swiper-button-disabled  {\n        background-color: var(--krds-#{$mode-setting}-color-action-disabled);\n        opacity: 1;\n        &::after {\n            background-color: var(--krds-#{$mode-setting}-color-icon-disabled-on);\n        }\n    }\n}\n.swiper-button-next {\n    right: 0;\n    &::after {\n        transform: rotate(-90deg);\n    }\n}\n.swiper-button-prev {\n    left: 0;\n    &::after {\n        transform: rotate(90deg);\n    }\n}\n\n//고대비모드\n@include color-mode(high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.swiper-indicator {\n\t\t.swiper-pagination {\n\t\t\t&:not(.swiper-pagination-fraction) {\n\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-element-inverse);\n\t\t\t}\n\t\t\t&.swiper-pagination-fraction {\n\t\t\t\t&.swiper-pagination-bg {\n\t\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-surface-white);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n\t.swiper-pagination {\n\t\t.swiper-pagination-bullet {\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-element-gray);\n\t\t\t&.swiper-pagination-bullet-active {\n\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-element-primary);\n\t\t\t}\n\t\t}\n\t\t&.swiper-pagination-fraction {\n\t\t\tcolor: var(--krds-#{$mode-setting}-color-text-basic);\n\t\t\tborder-width: var(--krds-#{$mode-setting}-border-width-variable-regular);\n\t\t\tborder-color: var(--krds-#{$mode-setting}-color-border-gray-light);\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-surface-white);\n\t\t\t.swiper-pagination-current {\n\t\t\t\tcolor: var(--krds-#{$mode-setting}-color-text-secondary);\n\t\t\t}\n\t\t}\n\t}\n\t\n\t[class ^= 'swiper-button-']{\n\t\tborder-width: var(--krds-#{$mode-setting}-border-width-variable-regular);\n\t\tborder-color: var(--krds-#{$mode-setting}-color-border-gray-light);\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-white);\n\t\t&::after {\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-text-basic);\n\t\t}\n\t\t&:hover{\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary-hover);\n\t\t}\n\t}\n\t\n\t.swiper-button-next,\n\t.swiper-button-prev {\n\t\t&:hover {\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary-hover);\n\t\t}\n\t\t&:active {\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-secondary-pressed);\n\t\t}\n\t\t&.swiper-button-disabled  {\n\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-action-disabled);\n\t\t\t&::after {\n\t\t\t\tbackground-color: var(--krds-#{$mode-setting}-color-icon-disabled-on);\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n//모바일 전용 속성\n@include size-medium {\n    .swiper-indicator {\n        &.w-hide {\n            display: flex !important;\n        }\n        .swiper-navigation {\n            &.w-hide {\n                display: flex !important;\n            }\n        }\n    }\n}","/* 페이지네이션 */\n//사이즈 정의\n@mixin pagination-size-variable() {\n    --krds-pagination-gap: var(--krds-gap-3);\n    --krds-pagination-margin-top: var(--krds-pc-gap-layout-h2-h3);\n    --krds-pagination--size-height: var(--krds-size-height-6);\n    --krds-pagination--radius: var(--krds-radius-medium1);\n    --krds-pagination--prev-btn-padding-left: var(--krds-padding-2);\n    --krds-pagination--prev-btn-padding-right: var(--krds-padding-3);\n    @include size-medium {\n        --krds-pagination-gap: var(--krds-gap-7) var(--krds-gap-3);\n        --krds-pagination-margin-top: var(--krds-mobile-gap-layout-h2-h3);\n    }\n}\n\n//컬러 정의\n@mixin pagination-color-variable($mode: light) {\n    --krds-pagination--color-text: var(--krds-#{$mode}-color-text-subtle);\n    --krds-pagination--color-text-active: var(--krds-#{$mode}-color-text-inverse-static);\n    --krds-pagination--color-text-disabled: var(--krds-#{$mode}-color-text-disabled);\n    --krds-pagination--color-action: var(--krds-#{$mode}-color-action-secondary);\n    --krds-pagination--color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n    --krds-pagination--color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n    --krds-pagination--color-action-active: var(--krds-#{$mode}-color-action-secondary-active);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-pagination {\n    @include pagination-color-variable(#{$mode-setting});\n    @include pagination-size-variable();\n    & {\n        @include flex-layout($ai: center, $jc: center);\n        gap: var(--krds-pagination-gap);\n        width: 100%;\n        margin-top: var(--krds-pagination-margin-top);\n        color: var(--krds-pagination--color-text);\n    }\n    .page-navi,\n    .page-link {\n        @include flex-layout($d: inline-flex, $jc: center, $ai: center);\n        height: var(--krds-pagination--size-height);\n        background-color: var(--krds-pagination--color-action);\n        border-radius: var(--krds-pagination--radius);\n        transition: var(--krds-transition-base);\n        &:hover {\n            background-color: var(--krds-pagination--color-action-hover);\n        }\n        &:active {\n            background-color: var(--krds-pagination--color-action-pressed);\n        }\n    }\n    .page-navi {\n        &.prev {\n            order: 1;\n            padding: 0 var(--krds-pagination--prev-btn-padding-right) 0 var(--krds-pagination--prev-btn-padding-left);\n            &::before {\n                @include flex-layout($d: inline-flex, $jc: center, $ai: center);\n                @include pseudo();\n                @include svg-icon($size: var(--krds-icon--size-medium), $mode: light);\n                @include icon-set(ico_angle);\n                background-color: var(--krds-pagination--color-text);\n                transform: rotate(90deg);\n            }\n        }\n        &.next {\n            order: 3;\n            padding: 0 var(--krds-pagination--prev-btn-padding-left) 0 var(--krds-pagination--prev-btn-padding-right);\n            &::after {\n                @include flex-layout($d: inline-flex, $jc: center, $ai: center);\n                @include pseudo();\n                @include svg-icon($size: var(--krds-icon--size-medium), $mode: light);\n                @include icon-set(ico_angle);\n                background-color: var(--krds-pagination--color-text);\n                transform: rotate(-90deg);\n            }\n        }\n        &.disabled {\n            $color: var(--krds-pagination--color-text-disabled);\n            color: $color;\n            &:hover,\n            &:active {\n                background-color: var(--krds-pagination--color-action-disabled);\n            }\n            &::before,\n            &::after {\n                background-color: $color;\n            }\n        }\n    }\n    .page-links {\n        @include flex-layout($jc: center, $ai: center);\n        order: 2;\n        gap: var(--krds-gap-3);\n        .page-link {\n            @include square(var(--krds-pagination--size-height));\n            &.link-dot {\n                @include svg-icon($mode: light);\n                @include icon-set(ico_ellipsis);\n            }\n            &.active {\n                background-color: var(--krds-pagination--color-action-active);\n                font-weight: var(--krds-font-weight-bold);\n                color: var(--krds-pagination--color-text-active);\n            }\n        }\n    }\n    + .helper-box {\n        margin-top: var(--krds-padding-10);\n    }\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n    //모드 설정\n    $mode-setting: high-contrast;\n    .krds-pagination {\n        @include pagination-color-variable(#{$mode-setting});\n\n        .page-navi {\n            &.prev {\n                &::before {\n                    @include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting});\n                }\n            }\n            &.next {\n                &::after {\n                    @include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting});\n                }\n            }\n        }\n        .page-links {\n            .page-link {\n                &.link-dot {\n                    @include svg-icon($mode: #{$mode-setting});\n                }\n            }\n        }\n    }\n}\n\n//태블릿 & 모바일 전용 속성\n@include size-medium {\n    .krds-pagination {\n        flex-wrap: wrap;\n\n        .page-links{\n            width: 100%;\n        }\n        .page-navi{\n            &.next{\n                transition: none;\n                order: 1;\n            }\n        }\n        + .helper-box {\n            margin-top: var(--krds-padding-9);\n        }\n    }\n}\n\n","/* 브레드크럼 */\n//모드 설정\n$mode-setting: light;\n\n//사이즈 정의\n@mixin breadcrumb-size-variable() {\n\t--krds-breadcrumb--padding-x: var(--krds-padding-2);\n\t--krds-breadcrumb--margin-bottom: var(--krds-pc-gap-layout-breadcrumb-h1);\n\t--krds-breadcrumb--radius: var(--krds-radius-medium2);\n\t--krds-breadcrumb--pc-font-size: var(--krds-pc-font-size-label-small);\n\t--krds-breadcrumb--mobile-font-size: var(--krds-mobile-font-size-label-small);\n}\n\n//컬러 정의\n@mixin breadcrumb-color-variable($mode: light) {\n\t--krds-breadcrumb--color-action: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-breadcrumb--color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-breadcrumb--color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-breadcrumb--color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-breadcrumb--color-text-disabled: var(--krds-#{$mode}-color-text-disabled);\n}\n.krds-breadcrumb-wrap {\n\t@include breadcrumb-size-variable();\n\t@include breadcrumb-color-variable(#{$mode-setting});\n\n\t@include flex-layout($jc: center);\n\tmargin-bottom: var(--krds-breadcrumb--margin-bottom);\n\tpadding-top: var(--krds-pc-gap-layout-header-breadcrumb);\n\tpadding-bottom: var(--krds-pc-gap-layout-breadcrumb-h2);\n\t.breadcrumb {\n\t\t@include flex-layout($ai: center);\n\t\tgap: var(--krds-gap-2);\n\t\twidth: 100%;\n\t\tli {\n\t\t\t@include flex-layout($d: inline-flex, $ai: center);\n\t\t\tfont-size: var(--krds-breadcrumb--pc-font-size);\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-breadcrumb--mobile-font-size);\n\t\t\t}\n\t\t\t.txt {\n\t\t\t\t@include flex-layout($d: inline-flex, $ai: center);\n\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t\tpadding: 0 var(--krds-breadcrumb--padding-x);\n\t\t\t\tbackground-color: var(--krds-breadcrumb--color-action);\n\t\t\t\tborder-radius: var(--krds-breadcrumb--radius);\n\t\t\t}\n\t\t\ta {\n\t\t\t\t&.txt {\n\t\t\t\t\t@include underline();\n\t\t\t\t\t&:not(.disabled):hover {\n\t\t\t\t\t\tbackground-color: var(--krds-breadcrumb--color-action-hover);\n\t\t\t\t\t}\n\t\t\t\t\t&:not(.disabled):active {\n\t\t\t\t\t\tbackground-color: var(--krds-breadcrumb--color-action-pressed);\n\t\t\t\t\t}\n\t\t\t\t\t&:not(.disabled):focus,\n\t\t\t\t\t&:not(:disabled):focus {\n\t\t\t\t\t\t@include focus();\n\t\t\t\t\t}\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled {\n\t\t\t\t\t\tcursor: default;\n\t\t\t\t\t\tcolor: var(--krds-breadcrumb--color-text-disabled);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:not(:last-child) {\n\t\t\t\t//마지막 뎁스가 아니면 화살표 아이콘 표시\n\t\t\t\t&::after {\n\t\t\t\t\t@include flex-layout($d: inline-flex, $ai: center);\n\t\t\t\t\t@include pseudo();\n\t\t\t\t\tmargin-left: var(--krds-gap-2);\n\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: light);\n\t\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\t\ttransform: rotate(-90deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.home {\n\t\t\tgap: 0;\n\t\t\t.txt {\n\t\t\t\t&::before {\n\t\t\t\t\t@include flex-layout($d: inline-flex, $ai: center);\n\t\t\t\t\t@include pseudo();\n\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: light);\n\t\t\t\t\t@include icon-set(ico_bread_home);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//모바일 전용 속성\n@include size-medium {\n\t.krds-breadcrumb-wrap {\n\t\tpadding-top: var(--krds-mobile-gap-layout-header-breadcrumb);\n\t\tpadding-bottom: var(--krds-mobile-gap-layout-breadcrumb-h2);\n\t\t.breadcrumb {\n\t\t\tli {\n\t\t\t\t//모바일에서는 홈, 마지막 뎁스만 화면에 표시\n\t\t\t\t&:not(.home) {\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\t@include sr-only;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&:not(.home):not(:nth-child(2)) {\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t\t\t\t&::before,\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t@include flex-layout($d: inline-flex, $ai: center);\n\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: light);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t@include icon-set(ico_ellipsis);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\t\t\t\ttransform: rotate(-90deg);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.txt {\n\t\t\t\t\t\t\torder: 3;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-breadcrumb-wrap {\n\t\t@include breadcrumb-color-variable(#{$mode-setting});\n\n\t\t.breadcrumb {\n\t\t\tli {\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t//마지막 뎁스가 아니면 화살표 아이콘 표시\n\t\t\t\t\t&::after {\n\t\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: high-contrast);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.home {\n\t\t\t\tgap: 0;\n\t\t\t\t.txt {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: high-contrast);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t//모바일 전용 속성\n\t@include size-medium {\n\t\t.krds-breadcrumb-wrap {\n\t\t\t.breadcrumb {\n\t\t\t\tli {\n\t\t\t\t\t&:not(:nth-child(2)) {\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t&::before,\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: high-contrast);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","/* 단계 표시기 */\n\n//사이즈 정의\n@mixin step-size-variable() {\n\t--krds-step--layout-gap: var(--krds-number-18);\n\t--krds-step--step-font-size: var(--krds-pc-font-size-body-xsmall);\n\t--krds-step--step-title-font-size: var(--krds-pc-font-size-body-small);\n\t--krds-step--circle-size-default: var(--krds-icon--size-medium);\n\t--krds-step--circle-size-active: 1.2rem;\n\t--krds-step--circle-radius: var(--krds-radius-max);\n\t--krds-step--padding-txt-top: var(--krds-padding-9);\n\t--krds-step--padding-txt-right: var(--krds-padding-9);\n\t--krds-step--border-width-medium: 0.3rem;\n}\n\n//컬러 정의\n@mixin step-color-variable($mode: light) {\n\t--krds-step--color-step: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-step--color-step-title: var(--krds-#{$mode}-color-text-basic);\n\t--krds-step--color-fill-default: var(--krds-#{$mode}-color-element-gray-light);\n\t--krds-step--color-fill-done: var(--krds-#{$mode}-color-element-gray);\n\t--krds-step--color-fill-active: var(--krds-#{$mode}-color-element-primary);\n\t--krds-step--color-fill-white: var(--krds-#{$mode}-color-element-inverse-static);\n\t--krds-step--color-border-default: var(--krds-#{$mode}-color-element-disabled-light);\n\t--krds-step--color-border-done: var(--krds-step--color-fill-done);\n\t--krds-step--color-border-active: var(--krds-step--color-fill-active);\n\t--krds-step--color-icon-done: var(--krds-step--color-fill-white);\n\t--krds-step--color-icon-active: var(--krds-step--color-fill-active);\n}\n\n.krds-step-wrap {\n\t@include step-size-variable();\n\t@include step-color-variable();\n\n\tdisplay: flex;\n\tmargin-bottom: var(--krds-step--layout-gap);\n\t> li {\n\t\tflex: 1;\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\t@include position($t: calc((var(--krds-step--circle-size-default) / 2) - (var(--krds-step--border-width-medium) / 2)), $l: .1rem);\n\t\t\t@include pseudo();\n\t\t\twidth: 100%;\n\t\t\theight: var(--krds-step--border-width-medium);\n\t\t\tbackground-color: var(--krds-step--color-fill-default);\n\t\t}\n\t\t> span {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tposition: relative;\n\t\t\tpadding-top: var(--krds-step--padding-txt-top);\n\t\t\tpadding-right: var(--krds-step--padding-txt-top);\n\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\t@include pseudo();\n\t\t\t\tborder-radius: var(--krds-step--circle-radius);\n\t\t\t}\n\t\t\t&::before {\n\t\t\t\t@include position($t: 0, $l: 0);\n\t\t\t\tz-index: 2;\n\t\t\t\twidth: var(--krds-step--circle-size-default);\n\t\t\t\theight: var(--krds-step--circle-size-default);\n\t\t\t\tbackground-color: var(--krds-step--color-fill-default);\n\t\t\t\tborder: 0.1rem solid var(--krds-step--color-border-default);\n\t\t\t}\n\t\t}\n\t\t.step {\n\t\t\tfont-size: var(--krds-step--step-font-size);\n\t\t\tcolor: var(--krds-step--color-step);\n\t\t}\n\t\t.step-tit {\n\t\t\tfont-size: var(--krds-step--step-title-font-size);\n\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\tcolor: var(--krds-step--color-step-title);\n\t\t\twhite-space: nowrap;\n\t\t}\n\t\t&.done {\n\t\t\t&::after { \n\t\t\t\tbackground-color: var(--krds-step--color-fill-done);\n\t\t\t}\n\t\t\t> span {\n\t\t\t\t&::before {\n\t\t\t\t\tborder-color: var(--krds-step--color-border-done);\n\t\t\t\t\tbackground-color: var(--krds-step--color-fill-done);\n\t\t\t\t}\n\t\t\t\t&::after {\n\t\t\t\t\t@include position($t: 0, $l: 0);\n\t\t\t\t\t@include svg-icon(var(--krds-step--circle-size-default));\n\t\t\t\t\t@include icon-set(ico_step_done);\n\t\t\t\t\tbackground-color: var(--krds-step--color-icon-done);\n\t\t\t\t\tz-index: 3;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.active {\n\t\t\t&::after{\n\t\t\t\tbackground-color: var(--krds-step--color-border-default);\n\t\t\t}\n\t\t\t> span {\n\t\t\t\t&::before {\n\t\t\t\t\tbackground-color: var(--krds-step--color-fill-white);\n\t\t\t\t\tborder-width: var(--krds-step--border-width-medium);\n\t\t\t\t\tborder-color: var(--krds-step--color-border-active);\n\t\t\t\t}\n\t\t\t\t&::after {\n\t\t\t\t\t@include position($t: calc((var(--krds-step--circle-size-active) - var(--krds-step--circle-size-default)) / 2 * -1), $l: calc((var(--krds-step--circle-size-default) - var(--krds-step--circle-size-active)) / 2));\n\t\t\t\t\t@include square(var(--krds-step--circle-size-active));\n\t\t\t\t\tbackground-color: var(--krds-step--color-icon-active);\n\t\t\t\t\tz-index: 3;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\t&::after {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n@include size-large-less {\n\t.krds-step-wrap {\n\t\t--krds-step--layout-gap: var(--krds-padding-10);\n\t}\n}\n@include size-medium {\n\t.krds-step-wrap {\n\t\t--krds-step--layout-gap: var(--krds-number-18);\n\t\t--krds-step--step-font-size: var(--krds-mobile-font-size-body-xsmall);\n\t\t--krds-step--step-title-font-size: var(--krds-pc-font-size-body-small);\n\t\t--krds-step--padding-txt-top: var(--krds-step--circle-size-default);\n\t\t--krds-step--padding-txt-right: 0;\n\t\n\t\t@include group-wrap;\n\t\tposition: static;\n\n\t\t> li {\n\t\t\t@include equal-width;\n\t\n\t\t\t.step {\n\t\t\t\t@include sr-only();\n\t\t\t}\n\t\t\t.step-tit {\n\t\t\t\t@include sr-only();\n\t\t\t}\n\t\t\t&:last-child {\n\t\t\t\t@include size-medium {\n\t\t\t\t\tflex: 0 0 var(--krds-step--circle-size-default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t.krds-step-wrap {\n\t\t@include step-color-variable(#{$mode-setting});\n\t}\n}","/* 배지 */\n//사이즈 정의\n@mixin badge-size-variable() {\n    --krds-badge--size-height: var(--krds-size-height-4);\n    --krds-badge--line-height: 2.4rem;\n    --krds-badge--padding: var(--krds-padding-3);\n    --krds-badge--radius: var(--krds-radius-small2);\n    --krds-badge--radius-max: var(--krds-radius-max);\n    --krds-badge--dot-size: .6rem;\n    --krds-badge--dot-padding: 0;\n    --krds-badge--number-size-height: var(--krds-size-height-3);\n    --krds-badge--pc-font-size: var(--krds-pc-font-size-label-small);\n    --krds-badge--mobile-font-size: var(--krds-mobile-font-size-label-small);\n    --krds-badge--pc-font-size-large: var(--krds-pc-font-size-label-medium);\n    --krds-badge--mobile-font-size-large: var(--krds-mobile-font-size-label-medium);\n    --krds-badge--size-height-large: var(--krds-size-height-5);\n}\n//컬러 정의\n@mixin badge-color-variable($mode) {\n    //컬러 변수 배열 생성\n   $badge-color-variable: (\n        primary:(\n            element: var(--krds-#{$mode}-color-element-primary),\n            element-lighter: var(--krds-#{$mode}-color-element-primary-lighter),\n            text: var(--krds-#{$mode}-color-text-primary),\n        ),\n        secondary:(\n            element: var(--krds-#{$mode}-color-element-secondary),\n            element-lighter: var(--krds-#{$mode}-color-element-secondary-lighter),\n            text: var(--krds-#{$mode}-color-text-secondary),\n        ),\n        gray:(\n            element: var(--krds-#{$mode}-color-element-gray),\n            element-lighter: var(--krds-#{$mode}-color-element-gray-light),\n            text: var(--krds-#{$mode}-color-text-subtle),\n        ),\n        point:(\n            element: var(--krds-#{$mode}-color-element-point),\n            element-lighter: var(--krds-#{$mode}-color-element-point-lighter),\n            text: var(--krds-#{$mode}-color-text-point),\n        ),\n        danger:(\n            element: var(--krds-#{$mode}-color-element-danger),\n            element-lighter: var(--krds-#{$mode}-color-element-danger-lighter),\n            text: var(--krds-#{$mode}-color-text-danger),\n        ),\n        warning:(\n            element: var(--krds-#{$mode}-color-element-warning),\n            element-lighter: var(--krds-#{$mode}-color-element-warning-lighter),\n            text: var(--krds-#{$mode}-color-text-warning),\n        ),\n        success:(\n            element: var(--krds-#{$mode}-color-element-success),\n            element-lighter: var(--krds-#{$mode}-color-element-success-lighter),\n            text: var(--krds-#{$mode}-color-text-success),\n        ),\n        information:(\n            element: var(--krds-#{$mode}-color-element-information),\n            element-lighter: var(--krds-#{$mode}-color-element-information-lighter),\n            text: var(--krds-#{$mode}-color-text-information),\n        ),\n        disabled:(\n            element: var(--krds-#{$mode}-color-element-disabled-dark),\n            element-lighter: var(--krds-#{$mode}-color-element-disabled-light),\n            text: var(--krds-#{$mode}-color-text-disabled-on),\n        ),\n    ) !default;\n\n    //css variable 생성\n    @each  $color, $types in $badge-color-variable {\n        @each $type, $value in $types {\n            --krds-badge--color-#{\"#{$color}\"}-#{$type}: #{$value};\n        }\n    }\n    --krds-badge--color-background-basic: var(--krds-#{$mode}-color-background-white);\n    --krds-badge--color-text-basic: var(--krds-#{$mode}-color-text-inverse-static);\n    --krds-badge--color-text-warning: var(--krds-#{$mode}-color-text-static);\n\n    //class 정의\n    & {\n        @each  $color, $types in $badge-color-variable {\n            &.outline-#{\"#{$color}\"} {\n                @include color-border(#{$color});\n                @include color-text(#{$color});\n            }\n\n            &.bg-#{\"#{$color}\"} {\n                @include color-background(#{$color});\n                color:var(--krds-badge--color-text-basic);\n            }\n\n            &.bg-light-#{\"#{$color}\"} {\n                @include color-background-light(#{$color});\n                @include color-text(#{$color});\n            }\n        }\n    }\n    //warning text color\n    &.bg-warning {\n        color: var(--krds-badge--color-text-warning);\n    }\n}\n\n//badge color border\n@mixin color-border($color, $mode: light) {\n    @include border-size-mode(#{$mode});\n    border-style: solid;\n\t\n\t@if ($color == \"primary\") {\n\t\tborder-color: var(--krds-badge--color-primary-element);\n\t} @else {\n\t\tborder-color: var(--krds-badge--#{$mode}-color-#{$color}-element);\n\t}\n}\n\n//badge color text \n@mixin color-text($color) {\n\tcolor: var(--krds-badge--color-#{$color}-text);\n}\n\n//badge color background \n@mixin color-background($color) {\n    background-color: var(--krds-badge--color-#{$color}-element);\n}\n\n//badge color background light\n@mixin color-background-light($color) {\n    background-color: var(--krds-badge--color-#{$color}-element-lighter);\n}\n\n\n//모드 설정\n$mode-setting: light;\n.krds-badge {\n    @include flex-layout($d: inline-flex, $ai: center, $jc: center);\n\n    @include badge-size-variable();\n    @include badge-color-variable(#{$mode-setting});\n\n    & {\n        height: var(--krds-badge--size-height);\n        line-height: var(--krds-badge--line-height);\n        font-size: var(--krds-badge--pc-font-size);\n        font-weight: var(--krds-font-weight-regular);\n        padding: 0 var(--krds-badge--padding);\n        border-radius: var(--krds-badge--radius);\n\n        @include size-medium {\n            font-size: var(--krds-badge--mobile-font-size);\n        }\n    }\n\n    &.large {\n        height:var(--krds-badge--size-height-large);\n        font-size:var(--krds-badge--pc-font-size-large);\n        @include size-medium {\n            font-size: var(--krds-badge--mobile-font-size);\n        }\n    }\n    &.number {\n        height: var(--krds-badge--number-size-height);\n        border-radius: var(--krds-badge--radius-max);\n    }  \n    &.dot {\n        @include square(var(--krds-badge--dot-size));\n        padding:var(--krds-badge--dot-padding);\n        border-radius: var(--krds-badge--radius-max);\n    }\n}\n.krds-badge-wrap {\n    --krds-badge--wrap-gap: var(--krds-gap-3);\n\n    display: flex;\n    gap: var(--krds-badge--wrap-gap);\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n    //모드 설정\n\t$mode-setting: high-contrast;\n    .krds-badge {\n        @include badge-color-variable(#{$mode-setting});\n    }\n}\n\n","/* tag style */\n//사이즈 정의\n@mixin tag-size-variable() {\n\t//컬러 변수 배열 생성\n\t$tag-size: (\n\t\tsmall: (\n\t\t\twrapper-gap-x: var(--krds-gap-2),\n\t\t\twrapper-gap-y: var(--krds-gap-3),\n\t\t\tsize-height: var(--krds-size-height-4),\n\t\t\tbutton-size: var(--krds-size-height-2),\n\t\t\tpadding-x: var(--krds-padding-3),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-xsmall),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-xsmall),\n\t\t),\n\t\tmedium: (\n\t\t\twrapper-gap-x: var(--krds-gap-3),\n\t\t\twrapper-gap-y: var(--krds-gap-3),\n\t\t\tsize-height: var(--krds-size-height-5),\n\t\t\tbutton-size: var(--krds-size-height-2),\n\t\t\tpadding-x: var(--krds-padding-4),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-small),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-small),\n\t\t),\n\t\tlarge: (\n\t\t\twrapper-gap-x: var(--krds-gap-3),\n\t\t\twrapper-gap-y: var(--krds-gap-4),\n\t\t\tsize-height: var(--krds-size-height-6),\n\t\t\tbutton-size: var(--krds-size-height-2),\n\t\t\tpadding-x: var(--krds-padding-5),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-medium),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-medium),\n\t\t),\n\t) !default;\n\n\t//css variable 생성\n\t@each $size, $types in $tag-size {\n\t\t@each $type, $value in $types {\n\t\t\t--krds-btn-tag--#{$type}-#{$size}: #{$value};\n\t\t}\n\t}\n\n\t//class 정의\n\t& {\n\t\t@each $size, $types in $tag-size {\n\t\t\t&.#{$size} {\n\t\t\t\t@include tag-wrapper(#{$size});\n\t\t\t\t.krds-btn-tag {\n\t\t\t\t\t@include tag(#{$size});\n\t\t\t\t\t.btn-delete {\n\t\t\t\t\t\t@include tag-delete-button(#{$size});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n@mixin tag-wrapper($size) {\n\tgap: var(--krds-btn-tag--wrapper-gap-y-#{$size}) var(--krds-btn-tag--wrapper-gap-x-#{$size});\n}\n@mixin tag($size) {\n\tgap: var(--krds-gap-1);\n\theight: var(--krds-btn-tag--size-height-#{$size});\n\tpadding: var(--krds-padding-3) var(--krds-btn-tag--padding-x-#{$size});\n\tborder-radius: var(--krds-btn-tag--size-height-#{$size});\n\tfont-size: var(--krds-btn-tag--pc-font-size-#{$size});\n\tline-height: var(--krds-line-height-none);\n\t@include size-medium {\n\t\tfont-size: var(--krds-btn-tag--mobile-font-size-#{$size});\n\t}\n}\n@mixin tag-delete-button($size) {\n\t@include square(var(--krds-btn-tag--button-size-#{$size}));\n\t@include icon-set (ico_delete_fill, $effect: pure);\n\tline-height: var(--krds-line-height-none);\n}\n\n//컬러 정의\n@mixin tag-color-variable($mode: light) {\n\t--krds-btn-tag--color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-btn-tag--color-action: var(--krds-#{$mode}-color-action-white);\n\t--krds-btn-tag--color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-btn-tag--color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-btn-tag--color-border: var(--krds-#{$mode}-color-border-gray-light);\n\t--krds-btn-tag--color-border-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-btn-tag--color-border-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n}\n//모드 설정\n$mode-setting: light;\n.krds-tag-wrap {\n\t@include tag-color-variable(#{$mode-setting});\n\t@include tag-size-variable();\n\n\t$size: medium;\n\n\t& {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\t@include tag-wrapper(#{$size});\n\t}\n\n\t.krds-btn-tag {\n\t\t@include flex-layout($d: inline-flex, $ai: center);\n\t\tposition: relative;\n\t\tbackground-color: var(--krds-btn-tag--color-action);\n\t\tborder: 0.1rem solid var(--krds-btn-tag--color-border);\n\t\ttransition: var(--krds-transition-base);\n\t\t@include tag(#{$size});\n\t\t&:hover {\n\t\t\tbackground-color: var(--krds-btn-tag--color-action-hover);\n\t\t}\n\t\t&:active {\n\t\t\tbackground-color: var(--krds-btn-tag--color-action-pressed);\n\t\t}\n\t\t&.link {\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\t@include underline();\n\t\t\t}\n\t\t}\n\t\t.btn-delete {\n\t\t\t@include tag-delete-button(#{$size});\n\t\t}\n\t}\n}\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-tag-wrap {\n\t\t@include tag-color-variable(#{$mode-setting});\n\t}\n}","/* form 레이아웃 */\n//사이즈 정의\n@mixin form-layout-size-variable() {\n\t--krds-form-group--label-pc-font-size: var(--krds-pc-font-size-label-small);\n\t--krds-form-group--label-mobile-font-size: var(--krds-mobile-font-size-label-small);\n\t--krds-form-group--gap: var(--krds-gap-3);\n\t--krds-form-group--icon-padding-right: calc(var(--krds-padding-7) * 2 + var(--krds-icon--size-large));\n\t--krds-form-group--message-pc-font-size: var(--krds-pc-font-size-label-xsmall);\n\t--krds-form-group--message-mobile-font-size: var(--krds-mobile-font-size-label-xsmall);\n}\n\n//컬러 정의\n@mixin form-layout-color-variable($mode: light) {\n\t--krds-form-group--message-text-color: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-form-group--message-success-text-color: var(--krds-#{$mode}-color-text-success);\n\t--krds-form-group--message-information-text-color: var(--krds-#{$mode}-color-text-information);\n\t--krds-form-group--message-error-text-color: var(--krds-#{$mode}-color-text-danger);\n}\n\n//모드 설정\n$mode-setting: light;\n\n.fieldset {\n\t@include flex-layout($fd: column);\n\tgap: var(--krds-gap-7);\n}\n\n.form-col-group{\n\tdisplay: flex;\n\tgap: var(--krds-gap-5);\n\n\t.form-group{\n\t\twidth: fit-content;\n\t}\n\n\t@include size-medium {\n\t\tflex-direction: column;\n\n\t\t.form-group{\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\n.form-group {\n\t@include form-layout-size-variable();\n\t@include form-layout-color-variable(#{$mode-setting});\n\n\t@include flex-layout($ai: normal, $fd: column);\n\tgap: var(--krds-form-group--gap);\n\twidth: 100%;\n\t.form-tit,\n\t.form-label {\n\t\twidth: 100%;\n\t\tcolor: var(--krds-#{$mode-setting}-color-text-subtle);\n\t}\t\n\t.form-conts {\n\t\t@include flex-layout($fd: column);\n\t\tgap:var(--krds-gap-4);\n\t\twidth: 100%;\n\t\t&.keyword-sch {\n\t\t\twidth: 58.8rem;\n\t\t}\n\t\t.form-label  {\n\t\t\tdisplay: flex;\n\t\t\tfont-size: var(--krds-form-group--label-pc-font-size);\n\t\t\twidth: 100%;\n\t\t\t@include size-medium {\n\t\t\t\tfont-size: var(--krds-form-group--label-mobile-font-size);\n\t\t\t}\n\t\t}\n\t\t&.btn-ico-wrap { //input안에 button 노출\n\t\t\tposition: relative;\n\t\t\t.krds-input {\n\t\t\t\tpadding-right: var(--krds-form-group--icon-padding-right);\n\t\t\t}\n\t\t\t.btn-group,\n\t\t\t.krds-btn { //form control 우측에 버튼 정렬\n\t\t\t\t@include position($t: 50%, $r: var(--krds-padding-7)); //form control large 사이즈에만 버튼 들어감\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\t\t\t.btn-group { // form control 버튼이 여러개인경우\n\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\t.krds-btn {\n\t\t\t\t\tposition: static;\n\t\t\t\t\ttransform: translateY(0);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.btn-delete-input { //input 내용삭제 버튼은 value가 있을때만 보이게\n\t\t\t\tdisplay: none;\n\t\t\t\t@at-root .form-conts {\n\t\t\t\t\t&[data-delete=\"true\"] {\n\t\t\t\t\t\t.krds-input:not(:placeholder-shown) {\n\t\t\t\t\t\t\t~.btn-delete-input {\n\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t~.btn-group {\n\t\t\t\t\t\t\t\t.btn-delete-input {\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.calendar-conts {\n\t\t\tgap: 0;\n\t\t}\n\t}\n\t> p {\n\t\twidth: 100%;\n\t}\n\t[class^=form-hint] {\n\n\n\t\t@include flex-layout($ai: center);\n\t\tgap: var(--krds-gap-2);\n\t\twidth: 100%;\n\t\tfont-size: var(--krds-form-group--message-pc-font-size);\n\t\tcolor: var(--krds-form-group--message-text-color);\n\t\t@include size-medium {\n\t\t\tfont-size: var(--krds-form-group--message-mobile-font-size);\n\t\t}\n\t\t&::before {\n\t\t\tdisplay: inline-flex;\n\t\t\t@include pseudo();\n\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: #{$mode-setting});\n\t\t\t@include icon-set(ico_information);\n\t\t}\n\t}\n\t[class^=form-hint-] {\n\t\t&::before {\n\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: #{$mode-setting}, $effect: pure);\n\t\t}\n\t}\n\t.form-hint-success { //성공\n\t\tcolor:var(--krds-form-group--message-success-text-color);\n\t\t&::before {\n\t\t\t@include icon-set(ico_success_fill, pure);\n\t\t}\n\t}\n\t.form-hint-information { //정보\n\t\tcolor:var(--krds-form-group--message-information-text-color);\n\t\t&::before {\n\t\t\t@include icon-set(ico_information_fill, pure);\n\t\t}\n\t}\n\t.form-hint-invalid { //에러\n\t\tcolor:var(--krds-form-group--message-error-text-color);\n\t\t&::before {\n\t\t\t@include icon-set(ico_error_fill, pure);\n\t\t}\n\t}\n}\n\n\n.krds-form-checks-inline {\n\tdisplay: flex;\n\tgap:1.2rem;\n}\n\n.input-group { //input 여러개가 포함된 그룹\n\t@include flex-layout($ai: center);\n\tgap: var(--krds-gap-5);\n\twidth: 100%;\n\t&.range { //범위설정 그룹 (주로 날짜범위설정에 사용됨)\n\t\talign-items: flex-end;\n\t\tposition: relative;\n\t\t> li {\n\t\t\t&:not(.mark) {\n\t\t\t\t@include flex-layout($fd: column);\n\t\t\t\t@include equal-width();\n\t\t\t\tgap: var(--krds-form-group--gap);\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t&.mark {\n\t\t\t\t@include flex-layout($ai: center);\n\t\t\t\theight: var(--krds-size-height-8);\n\t\t\t\t&.large {\n\t\t\t\t\theight: var(--krds-size-height-8);\n\t\t\t\t}\n\t\t\t\t&.medium {\n\t\t\t\t\theight: var(--krds-size-height-7);\n\t\t\t\t}\n\t\t\t\t&.small {\n\t\t\t\t\theight: var(--krds-size-height-6);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n.row {\n\t.input-group {\n\t\tflex-direction: column;\n\t\t&.range {\n\t\t\t> li {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t.form-group {\n\t\t@include form-layout-color-variable(#{$mode-setting});\n\n\t\t.form-tit,\n\t\t.form-label {\n\t\t\tcolor: var(--krds-#{$mode-setting}-color-text-subtle);\n\t\t}\n\n\t\t[class^=form-hint] {\n\t\t\t&::before {\n\t\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: #{$mode-setting});\n\t\t\t\t@include icon-set(ico_information);\n\t\t\t}\n\t\t}\n\t\t[class^=form-hint-] {\n\t\t\t&::before {\n\t\t\t\t@include svg-icon($size: var(--krds-icon--size-small), $mode: #{$mode-setting}, $effect: pure);\n\t\t\t}\n\t\t}\n\t\t.form-hint-success { //성공\n\t\t\t&::before {\n\t\t\t\t@include icon-set(ico_success_fill, pure);\n\t\t\t}\n\t\t}\n\t\t.form-hint-information { //정보\n\t\t\t&::before {\n\t\t\t\t@include icon-set(ico_information_fill, pure);\n\t\t\t}\n\t\t}\n\t\t.form-hint-invalid { //에러\n\t\t\t&::before {\n\t\t\t\t@include icon-set(ico_error_fill, pure);\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* 검색 폼 */\n.sch-form-wrap {\n\t@include flex-layout($ai: center);\n\tgap: var(--krds-gap-5);\n\t&.vert {\n\t\t@include flex-layout($fd:column, $ai : flex-start);\n\t\t.sch-input {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\t.input-group {\n\t\t.krds-form-select {\n\t\t\twidth: auto;\n\t\t}\n\t}\n\t.krds-btn {\n\t\t&.ico-sch-plus {\n\t\t\t&::before {\n\t\t\t\t@include square(var(--krds-size-height-4));\t\t\t\t\n\t\t\t}\n\t\t}\n\t}\n}\n.sch-input {\n\tdisplay: flex;\n\tposition: relative;\n\t.krds-input {\n\t\tpadding: 0 var(--krds-size-height-7) 0 var(--krds-padding-6);\n\t\t&.xlarge {\n\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\tpadding: 0 7.2rem 0 var(--krds-padding-8);  \n\t\t}\n\t}\n\t.ico-search {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tright: var(--krds-gap-5);\n\t\ttransform: translateY(-50%);\n\t}\n}\n\n//모바일 전용\n@include size-medium {\n\t.form-group {\n\t\t.form-conts {\n\t\t\t&.keyword-sch {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t/* 검색 폼 */\n\t.sch-form-wrap {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t}\n\t.sch-input {\n\t\t.krds-input {\n\t\t\t&.xlg {\n\t\t\t\tpadding: 0 var(--krds-number-16) 0 var(--krds-number-8);\n\t\t\t\t~ .ico-search {\n\t\t\t\t\tright: var(--krds-number-8);\n\t\t\t\t\twidth: 2.4rem;\n\t\t\t\t\theight: 2.4rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","/* 입력 필드 / 텍스트 영역 */\n//사이즈 정의\n@mixin input-size-variable() {\n\t$input-size: (\n\t\tsmall: (\n\t\t\tsize-height: var(--krds-size-height-6),\n\t\t\tradius: var(--krds-radius-medium1),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-small),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-small),\n\t\t),\n\t\tmedium: (\n\t\t\tsize-height: var(--krds-size-height-7),\n\t\t\tradius: var(--krds-radius-medium2),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-medium),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-medium),\n\t\t),\n\t\tlarge: (\n\t\t\tsize-height: var(--krds-size-height-8),\n\t\t\tradius: var(--krds-radius-medium3),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-large),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-large),\n\t\t),\n\t\txlarge: (\n\t\t\tsize-height: var(--krds-size-height-11),\n\t\t\tradius: var(--krds-radius-large2),\n\t\t\tpc-font-size: var(--krds-pc-font-size-heading-medium),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-heading-medium),\n\t\t),\n\t) !default;\n\n\t//css variable 생성\n\t--krds-input--padding-x: var(--krds-padding-6);\n\t@each $size, $types in $input-size {\n\t\t@each $type, $value in $types {\n\t\t\t//css variable 생성\n\t\t\t--krds-input--#{$type}-#{$size}: #{$value};\n\t\t}\n\t}\n\n\t//class 정의\n\t& {\n\t\t@include input-size(large);\n\n\t\t@each $size, $types in $input-size {\n\t\t\t&.#{$size} {\n\t\t\t\t@include input-size(#{$size});\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin input-size($unit) {\n\theight: var(--krds-input--size-height-#{$unit});\n\tborder-radius: var(--krds-input--radius-#{$unit});\n\tfont-size: var(--krds-input--pc-font-size-#{$unit});\n\t@if ($unit == 'xlarge') {\n\t\tfont-weight: var(--krds-font-weight-bold);\n\t}\n\t@include size-medium {\n\t\tfont-size: var(--krds-input--mobile-font-size-#{$unit});\n\t}\n}\n\n//컬러 정의\n@mixin input-color-variable($mode: light) {\n\t--krds-input--color-surface: var(--krds-#{$mode}-color-input-surface);\n\t--krds-input--color-surface-readonly: var(--krds-#{$mode}-color-input-surface-disabled);\n\t--krds-input--color-surface-disabled: var(--krds-#{$mode}-color-input-surface-disabled);\n\t--krds-input--color-surface-error: var(--krds-#{$mode}-color-input-surface);\n\t--krds-input--color-border: var(--krds-#{$mode}-color-input-border);\n\t--krds-input--color-border-active: var(--krds-#{$mode}-color-input-border-active);\n\t--krds-input--color-border-readonly: var(--krds-#{$mode}-color-input-border-disabled);\n\t--krds-input--color-border-disabled: var(--krds-#{$mode}-color-input-border-disabled);\n\t--krds-input--color-border-error: var(--krds-#{$mode}-color-input-border-error);\n\t--krds-input--color-text: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-input--color-text-active: var(--krds-#{$mode}-color-text-basic);\n\t--krds-input--color-text-readonly: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-input--color-text-disabled: var(--krds-#{$mode}-color-text-disabled-on);\n\t--krds-input--color-text-placeholder: var(--krds-#{$mode}-color-text-disabled);\n\t--krds-input--color-text-error: var(--krds-#{$mode}-color-text-subtle);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-input {\n\t@include input-color-variable($mode: #{$mode-setting});\n\t@include input-size-variable();\n\t\n\t& {\n\t\t//default size large\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tpadding:0 var(--krds-input--padding-x);\n\t\t@include border-size-mode(#{$mode-setting});\n\t\tbackground-color: var(--krds-input--color-surface);\n\t\tborder: 0.1rem solid var(--krds-input--color-border);\n\t\tfont-family: inherit;\n\t\tcolor: var(--krds-input--color-text);\n\t\ttransition: var(--krds-transition-base);\n\t}\n\t&:focus,\n\t&.focus {\n\t\tborder-color: var(--krds-input--color-border-active);\n\t\tborder-width: 2px;\n\t\toutline: none;\n\t\tbox-shadow: none;\n\t}\n\t&[readonly] {\n\t\tbackground-color: var(--krds-input--color-surface-readonly);\n\t\tborder-color: var(--krds-input--color-border-readonly);\n\t\tcolor: var(--krds-input--color-text-readonly);\n\t\t&.datepicker {\n\t\t\tbackground-color: var(--krds-input--color-surface);\n\t\t\tborder-color: var(--krds-input--color-border );\n\t\t\tcolor: var(--krds-input--color-text);\n\t\t}\n\t\t&:focus {\n\t\t\tborder-color: var(--krds-input--color-border-active);\n\t\t}\n\t}\n\t&[disabled] {\n\t\tbackground-color: var(--krds-input--color-surface-disabled);\n\t\tborder-color: var(--krds-input--color-border-disabled);\n\t\tcolor: var(--krds-input--color-text-disabled);\n\t}\n\t&::-webkit-input-placeholder {\n\t\tcolor: var(--krds-input--color-text-placeholder);\n\t}\n\t&::-moz-placeholder {\n\t\tcolor: var(--krds-input--color-text-placeholder);\n\t}\n\t&:-ms-input-placeholder {\n\t\tcolor: var(--krds-input--color-text-placeholder);\n\t}\n\t&::-ms-input-placeholder {\n\t\tcolor: var(--krds-input--color-text-placeholder);\n\t}\n\t&:not(textarea):placeholder-shown {\n\t\t@include ellipsis(1);\n\t}\n}\ntextarea {\n\t&.krds-input {\n\t\t--krds-input--textarea-size-height: 14.4rem;\n\t\t--krds-input--textarea-padding-x: var(--krds-padding-6);\n\t\t--krds-input--textarea-padding-y: var(--krds-padding-3);\n\t\theight: var(--krds-input--textarea-size-height);\n\t\tpadding: var(--krds-input--textarea-padding-y) var(--krds-input--textarea-padding-x);\n\t\tline-height: var(--krds-transition-base);\n\t}\n}\n.is-error {\n\t.krds-input {\n\t\tbackground-color: var(--krds-input--color-surface-error);\n\t\tborder-color: var(--krds-input--color-border-error);\n\t\tborder-width: 2px;\n\t\tcolor: var(--krds-input--color-text-error);\n\t\t&:focus {\n\t\t\tborder-color: var(--krds-input--color-border-active);\n\t\t}\n\t}\n}\n\n.textarea-wrap {\n\t@include flex-layout($fd:column, $ai:normal);\n\tgap: var(--krds-gap-3);\n\twidth: 100%;\n}\n.textarea-count {\n\t--krds-input--count-number-pc-font-size: var(--krds-pc-font-size-body-small);\n\t--krds-input--count-number-mobile-font-size: var(--krds-mobile-font-size-body-small);\n\t--krds-input--count-number-color-text: var(--krds-#{$mode-setting}-color-text-subtle);\n\t--krds-input--count-number-color-text-active: var(--krds-#{$mode-setting}-color-text-primary);\n\t--krds-input--count-number-color-text-error: var(--krds-#{$mode-setting}-color-text-danger);\n\n\t@include flex-layout($ai: center, $jc: flex-end);\n\tgap: var(--krds-gap-1);\n\twidth: 100%;\n\tfont-size: var(--krds-input--count-number-pc-font-size);\n\tcolor: var(--krds-input--count-number-color-text);\n\t@include size-medium {\n\t\tfont-size: var(--krds-input--count-number-mobile-font-size);\n\t}\n\t.count-now {\n\t\tcolor: var(--krds-input--count-number-color-text-active);\n\t}\n}\n.is-error {\n\t.textarea-count {\n\t\t.count-now {\n\t\t\tcolor: var(--krds-input--count-number-color-text-error);\n\t\t}\n\t}\n}\n\n\n.textarea-bottom {\n\t@include flex-layout();\n\tgap: var(--krds-gap-5);\n\t.textarea-count {\n\t\tmargin-left: auto;\n\t\tflex-basis: content;\n\t\torder:2;\n\t}\n\t.form-hint-invalid {\n\t\talign-items: flex-start;\n\t\torder:1;\n\t\t&::before {\n\t\t\tflex:none;\n\t\t}\n\t}\n}\n\n/* 날짜선택 */\n.calendar-input {\n\t--krds-input--color-surface: var(--krds-#{$mode-setting}-color-input-surface);\n\n\tposition: relative;\n\tz-index: 1;\n\twidth: 100%;\n\t.krds-input {\n\t\tpadding-right: var(--krds-form-group--icon-padding-right);\n\t\tbackground-image: none;\n\t}\n\t.krds-btn {\n\t\t@include position($t: 50%, $r: var(--krds-padding-7)); //form control large 사이즈에만 버튼 들어감\n\t\ttransform: translateY(-50%);\n\t}\n    .range {\n        &::after {\n            display:none;\n        }\n    }\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t.krds-input {\n\t\t@include input-color-variable($mode: #{$mode-setting});\n\t\t@include border-size-mode(#{$mode-setting});\n\t}\n\t.textarea-count {\n\t\t--krds-input--count-number-color-text: var(--krds-#{$mode-setting}-color-text-subtle);\n\t\t--krds-input--count-number-color-text-active: var(--krds-#{$mode-setting}-color-text-primary);\n\t}\n\n\t/* 날짜선택 */\n\t.calendar-input {\n\t\t--krds-input--color-surface: var(--krds-#{$mode-setting}-color-input-surface);\n\t}\n}","/* 셀렉트 */\n//사이즈 정의\n@mixin form-select-size-variable() {\n\t$form-select-size: (\n\t\tsmall: (\n\t\t\tsize-height: var(--krds-size-height-6),\n\t\t\ticon-size: var(--krds-icon--size-small),\n\t\t\tradius: var(--krds-radius-medium3),\n\t\t\tpadding-right: calc(var(--krds-form-select--padding-default) + var(--krds-gap-3) + var(--krds-form-select--icon-size-small)),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-small),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-small),\n\t\t),\n\t\tmedium: (\n\t\t\tsize-height: var(--krds-size-height-7),\n\t\t\ticon-size: var(--krds-icon--size-medium),\n\t\t\tpadding-right: calc(var(--krds-form-select--padding-default) + var(--krds-gap-3) + var(--krds-form-select--icon-size-medium)),\n\t\t\tradius: var(--krds-radius-medium2),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-medium),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-medium),\n\t\t),\n\t\tlarge: (\n\t\t\tsize-height: var(--krds-size-height-8),\n\t\t\ticon-size: var(--krds-icon--size-large),\n\t\t\tpadding-right: calc(var(--krds-form-select--padding-default) + var(--krds-gap-3) + var(--krds-form-select--icon-size-large)),\n\t\t\tradius: var(--krds-radius-medium1),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-large),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-large),\n\t\t),\n\t) !default;\n\t--krds-form-select--padding-default: var(--krds-padding-6);\n\n\t@each $size, $types in $form-select-size {\n\t\t@each $type, $value in $types {\n\t\t\t//css variable 생성\n\t\t\t--krds-form-select--#{$type}-#{$size}: #{$value};\n\t\t}\n\t}\n\n\t& {\n\t\t//default size large\n\t\t@include form-select-size(large);\n\n\t\t@each $size, $types in $form-select-size {\n\t\t\t&.#{$size} {\n\t\t\t\t@include form-select-size(#{$size});\n\t\t\t}\n\t\t}\n\t}\n}\n\n//컬러 정의\n@mixin form-select-color-variable($mode: light) {\n\t--krds-form-select--color-background: var(--krds-#{$mode}-color-input-surface);\n\t--krds-form-select--color-background-readonly: var(--krds-#{$mode}-color-input-surface-disabled);\n\t--krds-form-select--color-background-disabled: var(--krds-#{$mode}-color-input-surface-disabled);\n\t--krds-form-select--color-background-error: var(--krds-#{$mode}-color-input-surface);\n\t--krds-form-select--icon-color-background: var(--krds-#{$mode}-color-icon-gray);\n\t--krds-form-select--icon-color-background-readonly: var(--krds-#{$mode}-color-icon-disabled-on);\n\t--krds-form-select--icon-color-background-disabled: var(--krds-#{$mode}-color-icon-disabled-on);\n\t--krds-form-select--color-border: var(--krds-#{$mode}-color-input-border);\n\t--krds-form-select--color-border-active: var(--krds-#{$mode}-color-input-border-active);\n\t--krds-form-select--color-border-readonly: var(--krds-#{$mode}-color-input-border-disabled);\n\t--krds-form-select--color-border-disabled: var(--krds-#{$mode}-color-input-border-disabled);\n\t--krds-form-select--color-border-error: var(--krds-#{$mode}-color-input-border-error);\n\t--krds-form-select--color-text: var(--krds-#{$mode}-color-text-disabled);\n\t--krds-form-select--color-text-active: var(--krds-#{$mode}-color-text-basic);\n\t--krds-form-select--color-text-completed: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-form-select--color-text-disabled: var(--krds-#{$mode}-color-text-disabled-on);\n\t--krds-form-select--color-text-error: var(--krds-#{$mode}-color-text-subtle);\n}\n\n@mixin form-select-size($unit) {\n\theight: var(--krds-form-select--size-height-#{$unit});\n\tpadding:0 var(--krds-form-select--padding-right-#{$unit}) 0 var(--krds-form-select--padding-default);\n\tbackground-position: center right var(--krds-form-select--padding-default);\n\tbackground-size: var(--krds-form-select--icon-size-#{$unit}) !important;\n\tborder-radius: var(--krds-form-select--radius-#{$unit});\n\tfont-size: var(--krds-form-select--pc-font-size-#{$unit});\n\t@include size-medium {\n\t\tfont-size: var(--krds-form-select--mobile-font-size-#{$unit});\n\t}\n}\n//모드 설정\n$mode-setting: light;\n\n.krds-form-select {\n\t@include form-select-color-variable(#{$mode-setting});\n\t@include form-select-size-variable();\n\n\t& {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t@include icon-set(ico_angle, $effect: pure);\n\t\tbackground-color: var(--krds-form-select--color-background) !important;\n\t\t@include border-size-mode(#{$mode-setting});\n\t\tborder-style: solid;\n\t\tborder-color: var(--krds-form-select--color-border);\n\t\tfont-family: inherit;\n\t\tcolor: var(--krds-form-select--color-text);\n\t\ttransition: var(--krds-transition-base);\n\t}\n\t&:focus {\n\t\tborder-color: var(--krds-form-select--color-border-active);\n\t\tborder-width: 2px;\n\t\toutline: none;\n\t\tbox-shadow: none;\n\t\tcolor: var(--krds-form-select--color-text-active);\n\t}\n\t&.completed {\n\t\tcolor: var(--krds-form-select--color-text-completed);\n\t}\n\t&.is-error {\n\t\tborder-color: var(--krds-light-color-text-point);\n\t\tborder-width: 2px;\n\t}\n\t&[disabled] {\n\t\t@include icon-set(ico_angle_disabled, $effect: pure);\n\t\tbackground-color: var(--krds-form-select--color-background-disabled) !important;\n\t\tborder-color: var(--krds-form-select--color-border-disabled);\n\t\tcolor: var(--krds-form-select--color-text-disabled);\n\t}\n}\n\n.is-error {\n\t.krds-form-select {\n\t\tborder-color: var(--krds-light-color-text-point);\n\t\tborder-width: 2px;\n\t}\n}\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-form-select {\n\t\t@include form-select-color-variable(#{$mode-setting});\n\n\t\t@include border-size-mode(#{$mode-setting});\n\t\t@include icon-set(ico_angle_inverse, $effect: pure);\n\t\tbackground-color: var(--krds-form-select--color-background) !important;\n\t\t&[disabled] {\n\t\t\t@include icon-set(ico_angle_disabled_inverse, $effect: pure);\n\t\t\tbackground-color: var(--krds-form-select--color-background-disabled) !important;\n\t\t}\n\t}\n}\n\n/* sorting select */\n//size variable\n$form-select-sorting-size: (\n\tsmall: (\n\t\ticon-size: var(--krds-icon--size-small),\n\t\tpadding-left: var(--krds-padding-1),\n\t\tpadding-right: calc(var(--krds-form-select-sorting--padding-left) + var(--krds-gap-1) + var(--krds-form-select-sorting--icon-size-small)),\n\t\tpc-font-size: var(--krds-pc-font-size-label-small),\n\t\tmobile-font-size: var(--krds-mobile-font-size-label-small),\n\t),\n\tmedium: (\n\t\ticon-size: var(--krds-icon--size-medium),\n\t\tpadding-left: var(--krds-padding-2),\n\t\tpadding-right: calc(var(--krds-form-select-sorting--padding-left) + var(--krds-gap-1) + var(--krds-form-select-sorting--icon-size-medium)),\n\t\tpc-font-size: var(--krds-pc-font-size-label-medium),\n\t\tmobile-font-size: var(--krds-mobile-font-size-label-medium),\n\t),\n\tlarge: (\n\t\ticon-size: var(--krds-icon--size-large),\n\t\tpadding-left: var(--krds-padding-2),\n\t\tpadding-right: calc(var(--krds-form-select-sorting--padding-left) + var(--krds-gap-1) + var(--krds-form-select-sorting--icon-size-large)),\n\t\tpc-font-size: var(--krds-pc-font-size-heading-small),\n\t\tmobile-font-size: var(--krds-mobile-font-size-heading-small),\n\t),\n) !default;\n@mixin form-select-sorting-color-variable($mode: light) {\n\t--krds-form-select-sorting--color-background: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-form-select-sorting--color-background-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-form-select-sorting--color-background-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-form-select-sorting--color-text: var(--krds-#{$mode}-color-text-basic);\n}\n@mixin form-select-sorting-size($unit) {\n\tpadding:0 var(--krds-form-select-sorting--padding-right-#{$unit}) 0 var(--krds-form-select-sorting--padding-left);\n\tbackground-position: center right var(--krds-form-select-sorting--padding-left);\n\tbackground-size: var(--krds-form-select-sorting--icon-size-#{$unit}) !important;\n\tfont-size: var(--krds-form-select-sorting--pc-font-size-#{$unit});\n\t@if ($unit == 'large') {\n\t\tfont-weight: var(--krds-font-weight-bold);\n\t}\n\t@include size-medium {\n\t\tfont-size: var(--krds-form-select-sorting--mobile-font-size-#{$unit});\n\t}\n}\n.krds-form-select-sort {\n\t@include form-select-sorting-color-variable($mode: #{$mode-setting});\n\n\t--krds-form-select-sorting--padding-left: var(--krds-padding-2);\n\t--krds-form-select-sorting--radius: var(--krds-radius-small2);\n\t@each $size, $types in $form-select-sorting-size {\n\t\t@each $type, $value in $types {\n\t\t\t//css variable 생성\n\t\t\t--krds-form-select-sorting--#{$type}-#{$size}: #{$value};\n\t\t}\n\t}\n\n\tposition: relative;\n\t@include icon-set(ico_angle, $effect: pure);\n\tbackground-color: var(--krds-form-select-sorting--color-background) !important;\n\tborder: none;\n\tborder-radius: var(--krds-form-select-sorting--radius);\n\tfont-family: inherit;\n\tcolor: var(--krds-form-select-sorting--color-text);\n\ttransition: var(--krds-transition-base);\n\t& {\n\t\t@include form-select-sorting-size(medium);\n\n\t\t@each $size, $types in $form-select-sorting-size {\n\t\t\t&.#{$size} {\n\t\t\t\t@include form-select-sorting-size(#{$size});\n\t\t\t}\n\t\t}\n\t}\n\t&:hover {\n\t\tbackground-color: var(--krds-form-select-sorting--color-background-hover) !important;\n\t}\n\t&:focus {\n\t\tbackground-color: var(--krds-form-select-sorting--color-background-pressed) !important;\n\t}\n}\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-form-select-sort {\n\t\t@include form-select-sorting-color-variable($mode: #{$mode-setting});\n\t\t@include icon-set(ico_angle_inverse, $effect: pure);\n\t\tbackground-color: var(--krds-form-select-sorting--color-background) !important;\n\t\t&:hover {\n\t\t\tbackground-color: var(--krds-form-select-sorting--color-background-hover) !important;\n\t\t}\n\t\t&:focus {\n\t\t\tbackground-color: var(--krds-form-select-sorting--color-background-pressed) !important;\n\t\t}\n\t}\n}","/* 라디오 버튼 / 체크박스 */\ninput[type=radio],\ninput[type=checkbox] {\n\t@include sr-only;\n}\nlabel {\n\tdisplay: inline-flex;\n}\n.krds-check-area {\n\tdisplay: flex;\n\tgap: var(--krds-gap-6);\n\t&.chk-column {\n\t\tflex-direction: column;\n\t}\n}\n\n.chip-wrap {\n\t@include flex-layout($jc: space-between,);\n\tgap: var(--krds-number-5);\n\t.krds-form-chip {\n\t\tflex: 1;\n\t\t.radio {\n\t\t\t&:not(:checked) {\n\t\t\t\t~ .krds-form-chip-outline {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t~ .krds-form-chip-outline {\n\t\t\t\tjustify-content: center;\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n//사이즈 정의\n@mixin form-check-size-variable() {\n\t//변수 배열 설정\n\t$form-check-size: (\n\t\tmedium: (\n\t\t\tbutton-size: var(--krds-size-height-3),\n\t\t\tradio-check-size: 1rem,\n\t\t\tcheckbox-check-size: 1.2rem,\n\t\t\tradio-button-radius: var(--krds-radius-max),\n\t\t\tcheckbox-button-radius: var(--krds-radius-small1),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-medium),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-medium),\n\t\t\tadditional-text-pc-font-size: var(--krds-pc-font-size-label-small),\n\t\t\tadditional-text-mobile-font-size: var(--krds-mobile-font-size-label-small),\n\t\t),\n\t\tlarge: (\n\t\t\tbutton-size: var(--krds-size-height-4),\n\t\t\tradio-check-size: 1.2rem,\n\t\t\tcheckbox-check-size: var(--krds-size-height-2),\n\t\t\tradio-button-radius: var(--krds-radius-max),\n\t\t\tcheckbox-button-radius: var(--krds-radius-small2),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-large),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-large),\n\t\t\tadditional-text-pc-font-size: var(--krds-pc-font-size-label-medium),\n\t\t\tadditional-text-mobile-font-size: var(--krds-mobile-font-size-label-medium),\n\t\t\t),\n\t) !default;\n\n\t//css variable 생성\n\t@each $size, $types in $form-check-size {\n\t\t@each $type, $value in $types {\n\t\t\t//css variable 생성\n\t\t\t--krds-form-check--#{$type}-#{$size}: #{$value};\n\t\t}\n\t}\n\n\t--krds-form-check--gap: var(--krds-gap-3);\n\t--krds-form-check--button-margin-top: 0.3rem;\n\n\t//class 정의\n\t& {\n\t\t//사이즈 별 class\n\t\t@each $size, $types in $form-check-size {\n\t\t\t&.#{$size} {\n\t\t\t\t> input[type=radio],\n\t\t\t\t> input[type=checkbox] {\n\t\t\t\t\t~ label {\n\t\t\t\t\t\t@include form-check(#{$size});\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t@include form-check-button(#{$size});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t+ .krds-form-check-cnt {\n\t\t\t\t\t\t\t@include form-check-additional-text(#{$size});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t//radio button\n\t\t\t\t> input[type=radio] {\n\t\t\t\t\t~ label {\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t@include form-check-radio-button(#{$size});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t@include form-check-radio-check(#{$size});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t//checkbox\n\t\t\t\t> input[type=checkbox] {\n\t\t\t\t\t~ label {\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t@include form-check-checkbox-button(#{$size});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t@include form-check-checkbox-check(#{$size}, $mode: #{$mode-setting});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\n//checkbox radio 공통 사이즈 정의\n@mixin form-check($size) {\n\tgap: var(--krds-form-check--gap);\n\tfont-size: var(--krds-form-check--pc-font-size-#{$size});\n\t@include size-medium {\n\t\tfont-size: var(--krds-form-check--mobile-font-size-#{$size});\n\t}\n}\n//checkbox radio ::before 공통 사이즈 정의\n@mixin form-check-button($size) {\n\t@include square(var(--krds-form-check--button-size-#{$size}));\n\tmargin-top: var(--krds-form-check--button-margin-top);\n}\n\n//radio ::before 사이즈 정의\n@mixin form-check-radio-button($size) {\n\tborder-radius: var(--krds-form-check--radio-button-radius-#{$size});\n}\n//radio ::after 사이즈 정의\n@mixin form-check-radio-check($size) {\n\t//포지션: (전체사이즈 - 체크영역) / 2\n\ttop: calc((var(--krds-form-check--button-size-#{$size}) - var(--krds-form-check--radio-check-size-#{$size})) / 2 + var(--krds-form-check--button-margin-top));\n\tleft: calc((var(--krds-form-check--button-size-#{$size}) - var(--krds-form-check--radio-check-size-#{$size})) / 2);\n\t@include square(var(--krds-form-check--radio-check-size-#{$size}));\n\tbackground-color: var(--krds-form-check--radio-check-color-element);\n\tborder-radius: var(--krds-radius-max);\n}\n//radio ::before 사이즈 정의\n@mixin form-check-checkbox-button($size) {\n\tborder-radius: var(--krds-form-check--checkbox-button-radius-#{$size});\n}\n//radio ::after 사이즈 정의\n@mixin form-check-checkbox-check($size, $mode: light) {\n\t//포지션: (전체사이즈 - 체크영역) / 2\n\ttop: calc((var(--krds-form-check--button-size-#{$size}) - var(--krds-form-check--checkbox-check-size-#{$size})) / 2 + var(--krds-form-check--button-margin-top));\n\tleft: calc((var(--krds-form-check--button-size-#{$size}) - var(--krds-form-check--checkbox-check-size-#{$size})) / 2);\n\t@include svg-icon($size: var(--krds-form-check--checkbox-check-size-#{$size}), $mode: #{$mode});\n\t@include icon-set (ico_checkbox_checked);\n\tbackground-color: var(--krds-form-check--checkbox-check-color-element);\n}\n\n//form 부가설명 사이즈 정의\n@mixin form-check-additional-text($size) {\n\tpadding-left: calc(var(--krds-form-check--button-size-#{$size}) + var(--krds-form-check--gap));\n\t.krds-form-check-p {\n\t\tfont-size: var(--krds-form-check--additional-text-pc-font-size-#{$size});\n\t\t@include size-medium {\n\t\t\tfont-size: var(--krds-form-check--additional-text-mobile-font-size-#{$size});\n\t\t}\n\t}\n}\n\n//컬러 정의\n@mixin form-check-color-variable($mode: light) {\n\t--krds-form-check--color-text: var(--krds-#{$mode}-color-text-bolder);\n\t--krds-form-check--color-text-disabled: var(--krds-#{$mode}-color-text-disabled);\n\t--krds-form-check--color-text-sub: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-form-check--color-text-sub-disabled: var(--krds-#{$mode}-color-text-disabled);\n\t--krds-form-check--button-color-element: var(--krds-#{$mode}-color-element-inverse);\n\t--krds-form-check--button-color-element-disabled: var(--krds-#{$mode}-color-element-disabled-light);\n\t--krds-form-check--button-color-border: var(--krds-#{$mode}-color-element-gray-dark);\n\t--krds-form-check--button-color-border-checked: var(--krds-#{$mode}-color-element-primary);\n\t--krds-form-check--button-color-border-disabled: var(--krds-#{$mode}-color-element-disabled-dark);\n\t--krds-form-check--checkbox-button-color-element-checked: var(--krds-#{$mode}-color-element-primary);\n\t--krds-form-check--radio-check-color-element: var(--krds-light-alpha-black0);\n\t--krds-form-check--radio-check-color-element-checked: var(--krds-#{$mode}-color-element-primary);\n\t--krds-form-check--radio-check-color-element-disabled: var(--krds-#{$mode}-color-element-disabled-dark);\n\t--krds-form-check--checkbox-check-color-element: var(--krds-light-alpha-black0);\n\t--krds-form-check--checkbox-check-color-element-checked: var(--krds-#{$mode}-color-element-inverse-static);\n\t--krds-form-check--checkbox-check-color-element-disabled: var(--krds-#{$mode}-color-element-disabled-dark);\n\t--krds-form-check--additional-text-color-text: var(--krds-#{$mode}-color-text-subtle);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-form-check {\n\t@include form-check-color-variable(#{$mode-setting});\n\t@include form-check-size-variable();\n\n\t$size: medium;\n\n\tinput[type=radio],\n\tinput[type=checkbox] {\n\t\t~ label {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-flex;\n\t\t\t@include form-check(#{$size});\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\tdisplay: flex;\n\t\t\t\t@include pseudo();\n\t\t\t\ttransition: .4s cubic-bezier(.4, .0, .23, 1);\n\t\t\t}\n\t\t\t&:before {\n\t\t\t\tflex-shrink: 0;\n\t\t\t\t@include form-check-button(#{$size});\n\t\t\t\tz-index: 3;\n\t\t\t\tbackground-color: var(--krds-form-check--button-color-element);\n\t\t\t\tborder: 0.1rem solid var(--krds-form-check--button-color-border);\n\t\t\t}\n\t\t\t&:after {\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 4;\n\t\t\t}\n\t\t}\n\t\t&:disabled {\n\t\t\t~ label {\n\t\t\t\tcolor: var(--krds-form-check--color-text-sub-disabled);\n\t\t\t\tcursor: default;\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--krds-form-check--button-color-element-disabled) !important;\n\t\t\t\t\tborder-color: var(--krds-form-check--button-color-border-disabled) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:focus {\n\t\t\t~ label {\n\t\t\t\t@include focus($offset: .4rem);\n\t\t\t}\n\t\t}\n\t}\n\n\t//radio button\n\tinput[type=radio] {\n\t\t~ label {\n\t\t\t&:before {\n\t\t\t\t@include form-check-radio-button(#{$size});\n\t\t\t}\n\t\t\t&:after {\n\t\t\t\t@include form-check-radio-check(#{$size});\n\t\t\t}\n\t\t}\n\t\t&:checked {\n\t\t\t~ label {\n\t\t\t\t&:before {\n\t\t\t\t\tborder-color: var(--krds-form-check--button-color-border-checked);\n\t\t\t\t}\n\t\t\t\t&:after {\n\t\t\t\t\tbackground-color: var(--krds-form-check--radio-check-color-element-checked);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:disabled {\n\t\t\t\t~ label {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tbackground-color: var(--krds-form-check--radio-check-color-element-disabled);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t//checkbox\n\tinput[type=checkbox] {\n\t\t~ label {\n\t\t\t&:before {\n\t\t\t\t@include form-check-checkbox-button(#{$size});\n\t\t\t}\n\t\t\t&:after {\n\t\t\t\t@include form-check-checkbox-check(#{$size}, $mode: #{$mode-setting});\n\t\t\t}\n\t\t}\n\t\t&:checked {\n\t\t\t~ label {\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--krds-form-check--checkbox-button-color-element-checked);\n\t\t\t\t\tborder-color: var(--krds-form-check--button-color-border-checked);\n\t\t\t\t}\n\t\t\t\t&:after {\n\t\t\t\t\tbackground-color: var(--krds-form-check--checkbox-check-color-element-checked);\n\t\t\t\t\ttransition-delay: .1s;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:disabled {\n\t\t\t\t~ label {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tbackground-color: var(--krds-form-check--checkbox-check-color-element-disabled);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t//부가설명\n\t.krds-form-check-cnt {\n\t\tmargin-top: var(--krds-padding-2);\n\t\t.krds-form-check-p {\n\t\t\tcolor: var(--krds-form-check--additional-text-color-text);\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t.krds-form-check {\n\t\t@include form-check-color-variable(#{$mode-setting});\n\t\t@include form-check-size-variable();\n\t\t$size: medium;\n\n\t\t//checkbox\n\t\tinput[type=checkbox] {\n\t\t\t~ label {\n\t\t\t\t&:after {\n\t\t\t\t\t@include form-check-checkbox-check(#{$size}, $mode: #{$mode-setting});\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:checked {\n\t\t\t\t~ label {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tbackground-color: var(--krds-form-check--checkbox-check-color-element-checked);\n\t\t\t\t\t\ttransition-delay: .1s;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&:disabled {\n\t\t\t\t\t~ label {\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tbackground-color: var(--krds-form-check--checkbox-check-color-element-disabled);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t//radio button\n\t\tinput[type=radio] {\n\t\t\t&:checked {\n\t\t\t\t~ label {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tborder-color: var(--krds-form-check--button-color-border-checked);\n\t\t\t\t\t}\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tbackground-color: var(--krds-form-check--radio-check-color-element-checked);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&:disabled {\n\t\t\t\t\t~ label {\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tbackground-color: var(--krds-form-check--radio-check-color-element-disabled);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* 라디오 버튼 / 체크박스 chip */\n//사이즈 정의\n@mixin form-chip-size-variable() {\n\t$form-chip-size: (\n\t\tsmall: (\n\t\t\tsize-height: var(--krds-size-height-6),\n\t\t\tcheck-size: 1.2rem,\n\t\t\tpadding-x: var(--krds-padding-4),\n\t\t\tradius: var(--krds-radius-medium1),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-small),\n\t\t\tmobile-font-size: var(--krds-pc-font-size-label-small),\n\t\t),\n\t\tmedium: (\n\t\t\tsize-height: var(--krds-size-height-7),\n\t\t\tcheck-size: var(--krds-icon--size-small),\n\t\t\tpadding-x: var(--krds-padding-5),\n\t\t\tradius: var(--krds-radius-medium2),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-medium),\n\t\t\tmobile-font-size: var(--krds-pc-font-size-label-medium),\n\t\t),\n\t\tlarge: (\n\t\t\tsize-height: var(--krds-size-height-8),\n\t\t\tcheck-size: var(--krds-icon--size-small),\n\t\t\tpadding-x: var(--krds-padding-6),\n\t\t\tradius: var(--krds-radius-medium3),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-large),\n\t\t\tmobile-font-size: var(--krds-pc-font-size-label-large),\n\t\t),\n\t) !default;\n\n\t//css variable 새성\n\t@each $size, $types in $form-chip-size {\n\t\t@each $type, $value in $types {\n\t\t\t//css variable 생성\n\t\t\t--krds-form-chip--#{$type}-#{$size}: #{$value};\n\t\t}\n\t}\n\n\t--krds-form-chip--gap: var(--krds-gap-2);\n\n\t//class 정의\n\t& {\n\t\t//사이즈 별 class\n\t\t@each $size, $types in $form-chip-size {\n\t\t\t&.#{$size} {\n\t\t\t\tinput[type=radio],\n\t\t\t\tinput[type=checkbox] {\n\t\t\t\t\t~ label {\n\t\t\t\t\t\t@include form-chip(#{$size});\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t@include form-chip-check($size: #{$size}, $mode: #{$mode-setting});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//컬러 정의\n@mixin form-chip-color-variable($mode: light) {\n\t--krds-form-chip--color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-form-chip--color-text-checked: var(--krds-#{$mode}-color-text-primary);\n\t--krds-form-chip--color-text-disabled: var(--krds-#{$mode}-color-text-disabled-on);\n\t--krds-form-chip--color-action: var(--krds-#{$mode}-color-action-white);\n\t--krds-form-chip--color-action-checked: var(--krds-#{$mode}-color-action-primary-selected);\n\t--krds-form-chip--color-action-disabled: var(--krds-#{$mode}-color-action-disabled);\n\t--krds-form-chip--color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-form-chip--color-border-checked: var(--krds-#{$mode}-color-border-primary);\n\t--krds-form-chip--color-border-disabled: var(--krds-#{$mode}-color-border-disabled);\n\t--krds-form-chip--color-check: var(--krds-#{$mode}-color-element-disabled-dark);\n\t--krds-form-chip--color-check-checked: var(--krds-#{$mode}-color-icon-primary);\n\t--krds-form-chip--color-check-disabled: var(--krds-#{$mode}-color-icon-disabled-on);\n}\n\n//칩 사이즈 정의\n@mixin form-chip($size) {\n\tgap: var(--krds-form-chip--gap);\n\theight: var(--krds-form-chip--size-height-#{$size});\n\tpadding: 0 var(--krds-form-chip--padding-x-#{$size});\n\tbackground-color: var(--krds-form-chip--color-action);\n\tborder: 0.1rem solid var(--krds-form-chip--color-border);\n\tborder-radius: var(--krds-form-chip--radius-#{$size});\n\tfont-size: var(--krds-form-chip--pc-font-size-#{$size});\n\tcolor: var(--krds-form-chip--color-text);\n\ttransition: .4s cubic-bezier(.4, .0, .23, 1);\n\t@include size-medium {\n\t\tfont-size: var(--krds-form-chip--mobile-font-size-#{$size});\n\t}\n}\n//check icon 정의\n@mixin form-chip-check($size, $mode: light) {\n\t@include svg-icon($size: var(--krds-form-chip--check-size-#{$size}), $mode: #{$mode});\n\t@include icon-set(ico_checkbox);\n\tbackground-color: var(--krds-form-chip--color-check);\n\ttransition: .4s cubic-bezier(.4, .0, .23, 1);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-form-chip {\n\t@include form-chip-color-variable($mode: #{$mode-setting});\n\t@include form-chip-size-variable();\n\n\t$size: medium;\n\n\tinput[type=radio],\n\tinput[type=checkbox] {\n\t\t~ label {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tposition: relative;\n\t\t\t@include form-chip(#{$size});\n\n\n\t\t\t&:before {\n\t\t\t\t@include pseudo();\n\t\t\t\t@include form-chip-check($size: #{$size}, $mode: #{$mode-setting});\n\t\t\t}\n\t\t}\n\t\t&:disabled {\n\t\t\t~ label {\n\t\t\t\tbackground-color: var(--krds-form-chip--color-action-disabled);\n\t\t\t\tborder-color: var(--krds-form-chip--color-border-disabled);\n\t\t\t\tcolor: var(--krds-form-chip--color-text-disabled);\n\t\t\t\tcursor: default;\n\t\t\t\t&:before {\n\t\t\t\t\tbackground-color: var(--krds-form-chip--color-check-disabled) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:checked {\n\t\t\t~ label {\n\t\t\t\tbackground-color: var(--krds-form-chip--color-action-checked);\n\t\t\t\tborder-color: var(--krds-form-chip--color-border-checked);\n\t\t\t\tcolor: var(--krds-form-chip--color-text-checked);\n\t\t\t\t&:before {\n\t\t\t\t\t@include icon-set(ico_checkbox_checked);\n\t\t\t\t\tbackground-color: var(--krds-form-chip--color-check-checked);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tinput[type=radio] { //radio 인 경우 check 시에만 아이콘 노출\n\t\t~ label {\n\t\t\t&:before {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t\t&:checked {\n\t\t\t~ label {\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: inline-flex !important;\n\t\t\t\t\tbackground-color: var(--krds-form-chip--color-check-checked);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:disabled {\n\t\t\t~ label {\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: none !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.focus {\n\t\tinput[type=checkbox] ~ label, \n\t\tinput[type=radio] ~ label {\n\t\t\t@include focus();\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-form-chip {\n\t\t@include form-chip-color-variable($mode: #{$mode-setting});\n\n\t\t$size: medium;\n\n\t\tinput[type=radio],\n\t\tinput[type=checkbox] {\n\t\t\t~ label {\n\t\t\t\t&:before {\n\t\t\t\t\t@include form-chip-check($size: #{$size}, $mode: #{$mode-setting});\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:disabled {\n\t\t\t\t~ label {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tbackground-color: var(--krds-form-chip--color-check-disabled) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:checked {\n\t\t\t\t~ label {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tbackground-color: var(--krds-form-chip--color-check-checked);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","/* 토글 스위치 */\n//사이즈 정의\n@mixin form-toggle-switch-size-variable() {\n\t//변수 배열 생성\n\t$form-toggle-switch-size: (\n\t\tmedium: (\n\t\t\tbutton-size-width: 3.2rem,\n\t\t\tbutton-size-height: var(--krds-size-height-3),\n\t\t\tcheck-size: var(--krds-form-toggle-switch--button-size-height-medium),\n\t\t\ticon-size: 0.8rem,\n\t\t\tbutton-radius: var(--krds-form-toggle-switch--button-size-height-medium),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-medium),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-medium),\n\t\t),\n\t\tlarge: (\n\t\t\tbutton-size-width: 4rem,\n\t\t\tbutton-size-height: var(--krds-size-height-4),\n\t\t\tcheck-size: var(--krds-form-toggle-switch--button-size-height-large),\n\t\t\ticon-size: 1rem,\n\t\t\tbutton-radius: var(--krds-form-toggle-switch--button-size-height-large),\n\t\t\tpc-font-size: var(--krds-pc-font-size-label-large),\n\t\t\tmobile-font-size: var(--krds-mobile-font-size-label-large),\n\t\t\t),\n\t) !default;\n\n\t//css variable 생성\n\t@each $size, $types in $form-toggle-switch-size {\n\t\t@each $type, $value in $types {\n\t\t\t//css variable 생성\n\t\t\t--krds-form-toggle-switch--#{$type}-#{$size}: #{$value};\n\t\t}\n\t}\n\n\t--krds-form-toggle-switch--gap: var(--krds-gap-3);\n\n\t//class 정의\n\t& {\n\t\t@each $size, $types in $form-toggle-switch-size {\n\t\t\t//사이즈 별 class\n\t\t\t&.#{$size} {\n\t\t\t\t[type=\"checkbox\"] {\n\t\t\t\t\t~ label {\n\t\t\t\t\t\t@include form-toggle-switch(#{$size});\n\t\t\t\t\t\t.switch-toggle {\n\t\t\t\t\t\t\t@include form-toggle-switch-button(#{$size});\n\t\t\t\t\t\t\t& > i {\n\t\t\t\t\t\t\t\t@include form-toggle-switch-check(#{$size});\n\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t@include form-toggle-switch-icon(#{$size});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&:checked {\n\t\t\t\t\t\t~ label {\n\t\t\t\t\t\t\t.switch-toggle {\n\t\t\t\t\t\t\t\t& > i {\n\t\t\t\t\t\t\t\t\t@include form-toggle-switch-check-checked(#{$size});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//컬러 정의\n@mixin form-toggle-switch-color-variable($mode: light) {\n\t--krds-form-toggle-switch--color-text: var(--krds-#{$mode}-color-text-basic);\n\t--krds-form-toggle-switch--color-text-disabled: var(--krds-#{$mode}-color-text-disabled);\n\t--krds-form-toggle-switch--button-color-background: var(--krds-#{$mode}-color-element-gray);\n\t--krds-form-toggle-switch--button-color-background-checked: var(--krds-#{$mode}-color-element-primary);\n\t--krds-form-toggle-switch--check-color-background: var(--krds-#{$mode}-color-element-inverse);\n\t--krds-form-toggle-switch--button-color-background-disabled: var(--krds-#{$mode}-color-element-disabled-light);\n\t--krds-form-toggle-switch--check-color-background-disabled: var(--krds-#{$mode}-color-element-disabled-dark);\n\t--krds-form-toggle-switch--check-color-border: var(--krds-form-toggle-switch--button-color-background);\n\t--krds-form-toggle-switch--check-color-border-checked: var(--krds-form-toggle-switch--button-color-background-checked);\n\t--krds-form-toggle-switch--check-color-border-disabled: var(--krds-form-toggle-switch--button-color-background-disabled);\n}\n\n//switch 전체영역 사이즈 정의\n@mixin form-toggle-switch($size) {\n\tgap: var(--krds-form-toggle-switch--gap);\n\tfont-size: var(--krds-form-toggle-switch--pc-font-size-#{$size});\n\tline-height: var(--krds-form-toggle-switch--button-size-height-#{$size});\n\t@include size-medium {\n\t\tfont-size: var(--krds-form-toggle-switch--mobile-font-size-#{$size});\n\t}\n}\n//switch-toggle 사이즈 정의\n@mixin form-toggle-switch-button($size) {\n\twidth: var(--krds-form-toggle-switch--button-size-width-#{$size});\n\theight: var(--krds-form-toggle-switch--button-size-height-#{$size});\n\tborder-radius: var(--krds-form-toggle-switch--button-radius-#{$size});\n}\n//switch-toggle > i(checker) 사이즈 정의\n@mixin form-toggle-switch-check($size) {\n\t@include square(var(--krds-form-toggle-switch--check-size-#{$size}));\n\tborder-radius: var(--krds-radius-max);\n}\n//switch-toggle > i(checker) checked 시 위치 정의\n@mixin form-toggle-switch-check-checked($size) {\n\t//버튼 넓이 - 체크버튼 넓이\n\tleft: calc(var(--krds-form-toggle-switch--button-size-width-#{$size}) - var(--krds-form-toggle-switch--check-size-#{$size}));\n}\n//switch-toggle > i::before(icon) 사이즈 정의\n@mixin form-toggle-switch-icon($size) {\n\t@include svg-icon($size: #{var(--krds-form-toggle-switch--icon-size-#{$size})}, $mode: #{$mode-setting});\n\tbackground-color: var(--krds-form-toggle-switch--button-color-background);\n}\n\n//모드 설정\n$mode-setting: light;\n.krds-form-toggle-switch {\n\t\n\t@include form-toggle-switch-color-variable($mode: #{$mode-setting});\n\n\tposition: relative;\n\tdisplay: inline-flex;\n\t\n\t@include form-toggle-switch-size-variable();\n\n\t$size: large;\n\n\t&.focus {\n\t\t[type=\"checkbox\"] ~ label {\n\t\t\t@include focus();\n\t\t}\n\t}\n\n\t[type=\"checkbox\"] {\n\t\t~ label {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\t@include form-toggle-switch(#{$size});\n\t\t\t.switch-toggle {\n\t\t\t\t@include form-toggle-switch-button(#{$size});\n\t\t\t\tbackground-color: var(--krds-form-toggle-switch--button-color-background);\n\t\t\t\ttransition: .4s cubic-bezier(.4, .0, .23, 1);\n\t\t\t\t& > i {\n\t\t\t\t\t@include position($t: 0, $l: 0);\n\t\t\t\t\t@include flex-layout($ai: center, $jc: center);\n\t\t\t\t\t@include form-toggle-switch-check(#{$size});\n\t\t\t\t\tbackground-color: var(--krds-form-toggle-switch--check-color-background);\n\t\t\t\t\tborder: 0.2rem solid var(--krds-form-toggle-switch--check-color-border);\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\ttransition: .4s cubic-bezier(.4, .0, .23, 1);\n\t\t\t\t\t&::before {\n\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t@include form-toggle-switch-icon(#{$size});\n\t\t\t\t\t\t@include icon-set(ico_switch_off);\n\t\t\t\t\t\t\n\t\t\t\t\t\tmargin-left: -0.1rem;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:checked {\n\t\t\t~ label {\n\t\t\t\t.switch-toggle {\n\t\t\t\t\tbackground-color: var(--krds-form-toggle-switch--button-color-background-checked);\n\t\t\t\t\t& > i {\n\t\t\t\t\t\t@include form-toggle-switch-check-checked(#{$size});\n\t\t\t\t\t\tborder-color: var(--krds-form-toggle-switch--check-color-border-checked);\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t@include icon-set(ico_switch_on);\n\t\t\t\t\t\t\tbackground-color: var(--krds-form-toggle-switch--check-color-border-checked);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:disabled {\n\t\t\t~ label {\n\t\t\t\t.switch-toggle {\n\t\t\t\t\tbackground-color: var(--krds-form-toggle-switch--button-color-background-disabled);\n\t\t\t\t\t& > i {\n\t\t\t\t\t\tbackground-color: var(--krds-form-toggle-switch--check-color-background-disabled);\n\t\t\t\t\t\tborder-color: var(--krds-form-toggle-switch--check-color-border-disabled);\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\tbackground-color: var(--krds-form-toggle-switch--button-color-background-disabled);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\t.krds-form-toggle-switch {\n\t\t@include form-toggle-switch-color-variable($mode: #{$mode-setting});\n\t}\n}","/* 달력 */\n//사이즈 정의\n@mixin calendar-size-variable() {\n\t--krds-calendar--radius: var(--krds-radius-xlarge2);\n\t--krds-calendar--head-pc-font-size: var(--krds-pc-font-size-heading-xsmall);\n\t--krds-calendar--head-mobile-font-size: var(--krds-mobile-font-size-heading-xsmall);\n\t--krds-calendar--head-btn-cal-switch-pc-font-size: var(--krds-pc-font-size-label-medium);\n\t--krds-calendar--head-btn-cal-switch-mobile-font-size: var(--krds-mobile-font-size-label-medium);\n\t--krds-calendar--head-btn-cal-switch-radius: var(--krds-radius-medium1);\n\t--krds-calendar--head-btn-cal-move-size: var(--krds-size-height-5);\n\t--krds-calendar--table-wrap-padding: var(--krds-gap-5);\n\t--krds-calendar--table-head-pc-font-size: var(--krds-pc-font-size-label-small);\n\t--krds-calendar--table-head-mobile-font-size: var(--krds-mobile-font-size-label-small);\n\t--krds-calendar--table-caption-pc-font-size: var(--krds-pc-font-size-heading-xxsmall);\n\t--krds-calendar--table-caption-mobile-font-size: var(--krds-pc-font-size-heading-xxsmall);\n\t--krds-calendar--set-date-radius: var(--krds-radius-max);\n}\n\n//컬러 정의\n@mixin calendar-color-variable($mode: light) {\n\t--krds-calendar--color-border: var(--krds-#{$mode}-color-border-secondary-light);\n\t--krds-calendar--color-surface: var(--krds-#{$mode}-color-surface-secondary-subtler);\n\t--krds-calendar--color-text-sub: var(--krds-#{$mode}-color-text-subtle);\n\t--krds-calendar--head-btn-cal-move-color-text-active: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-calendar--head-btn-cal-move-color-border: var(--krds-#{$mode}-color-border-gray-light);\n\t--krds-calendar--head-btn-cal-move-color-border-active: var(--krds-#{$mode}-color-border-secondary);\n\t--krds-calendar--head-btn-cal-move-color-action: var(--krds-#{$mode}-color-action-white);\n\t--krds-calendar--head-btn-cal-switch-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-calendar--head-btn-cal-switch-color-action-active: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-calendar--head-btn-cal-switch-color-text-disabled: var(--krds-#{$mode}-color-text-disabled-on);\n\t--krds-calendar--head-drop-down-shadow: 0 0 0.2rem 0 var(--krds-#{$mode}-color-alpha-shadow1), 0 0.4rem 0.8rem 0 var(--krds-#{$mode}-color-alpha-shadow2);\n\t--krds-calendar--date-set-color-action: var(--krds-#{$mode}-color-action-secondary-active);\n\t--krds-calendar--date-set-color-text: var(--krds-#{$mode}-color-text-inverse-static);\n\t--krds-calendar--date-set-color-text-day-off: var(--krds-#{$mode}-color-text-danger);\n\t--krds-calendar--date-set-color-text-day-event: var(--krds-#{$mode}-color-text-information);\n\t--krds-calendar--date-set-color-text-disabled: var(--krds-#{$mode}-color-text-disabled);\n\t--krds-calendar--date-set-color-action-pressed: var(--krds-#{$mode}-color-action-secondary-on-pressed);\n\t--krds-calendar--date-set-color-action-period: var(--krds-#{$mode}-color-action-secondary-on-selected);\n\t--krds-calendar--date-set-color-element-today: var(--krds-#{$mode}-color-element-point);\n\t--krds-calendar--action-btn-wrap-color-border: var(--krds-#{$mode}-color-divider-gray-light);\n\t--krds-calendar--action-btn-wrap-color-surface: var(--krds-#{$mode}-color-surface-white);\n}\n\n//모드 설정\n$mode-setting: light;\n// krds-calendar-area\n.krds-calendar-area {\n\t@include calendar-size-variable();\n\t@include calendar-color-variable(#{$mode-setting});\n\t\n\tdisplay: none;\n\tposition: relative;\n\tz-index: 1000;\n\twidth: 100%;\n\t.calendar-wrap {\n\t\t@include position($t: .8rem, $l: 0);\n\t\twidth: 38.4rem;\n\t\tbackground-color: var(--krds-calendar--color-surface);\n\t\tborder: 1px solid var(--krds-calendar--color-border);\n\t\tborder-radius: var(--krds-calendar--radius);\n\t\toverflow: hidden;\n\t\t&.bottom {\n\t\t\ttop: auto;  \n\t\t\tbottom: 6.4rem;\n\t\t}\n\t\t.calendar-head {\n\t\t\t@include flex-layout($ai: center, $jc: space-between);\n\t\t\tpadding: var(--krds-padding-8);\n\t\t\tfont-size: var(--krds-calendar--head-pc-font-size);\n\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\tgap: var(--krds-gap-5);\n\t\t\t.btn-cal-move {\n\t\t\t\t@include flex-layout($ai: center, $jc: center);\n\t\t\t\t@include square(var(--krds-calendar--head-btn-cal-move-size));\n\t\t\t\tbackground-color: var(--krds-calendar--head-btn-cal-move-color-action);\n\t\t\t\tborder: 1px solid var(--krds-calendar--head-btn-cal-move-color-border);\n\t\t\t\tborder-radius: var(--krds-radius-max);\n\t\t\t\tflex-shrink: 0;\n\t\t\t\t&::before {\n\t\t\t\t\t@include pseudo();\n\t\t\t\t\t@include svg-icon(var(--krds-size-height-3), $mode: #{$mode-setting});\n\t\t\t\t\t@include icon-set(ico_angle);\n\t\t\t\t\ttransform: rotate(90deg); \n\t\t\t\t}\n\t\t\t\t&.next {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\ttransform: rotate(-90deg); \n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.calendar-switch-wrap {\n\t\t\t\t@include flex-layout($ai: center, $jc: center);\n\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t\t.btn-cal-switch {\n\t\t\t\t\t@include flex-layout($ai: center, $jc: center);\n\t\t\t\t\tgap: var(--krds-gap-2);\n\t\t\t\t\theight: var(--krds-size-height-6);\n\t\t\t\t\tborder-radius: var(--krds-calendar--head-btn-cal-switch-radius);\n\t\t\t\t\tpadding: 0 var(--krds-padding-3);\n\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t&::after {\n\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t@include svg-icon(var(--krds-icon--size-small), $mode: #{$mode-setting});\n\t\t\t\t\t\t@include icon-set(ico_arrow_dropdown);\n\t\t\t\t\t}\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: var(--krds-calendar--head-btn-cal-switch-color-action-hover);\n\t\t\t\t\t}\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:active,\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tbackground-color: var(--krds-calendar--head-btn-cal-switch-color-action-active);\n\t\t\t\t\t}\n\t\t\t\t\t&:disabled {\n\t\t\t\t\t\tcursor: default;\n\t\t\t\t\t\tcolor: var(--krds-calendar--head-btn-cal-switch-color-text-disabled);\n\t\t\t\t\t\tbackground-color: var(--krds-calendar--action-btn-wrap-color-surface);\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--head-btn-cal-switch-color-text-disabled);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.calendar-drop-down {\n\t\t\t\t\t--krds-calendar-drop-down-btn-height: var(--krds-size-height-6);\n\n\t\t\t\t\tposition: relative;\n\t\t\t\t\t.calendar-select {\n\t\t\t\t\t\t@include visibility(hidden);\n\t\t\t\t\t\t@include position($t:calc(100% + .4rem), $l: 0);\n\t\t\t\t\t\t@include position-center(x);\n\t\t\t\t\t\toverflow-x: hidden;\n\t\t\t\t\t\toverflow-y: auto;\n\t\t\t\t\t\tmin-width: 14rem;\n\t\t\t\t\t\tmax-height: calc((var(--krds-calendar-drop-down-btn-height) * 6) + (var(--krds-padding-3) * 2));\n\t\t\t\t\t\tborder: 1px solid var(--krds-calendar--action-btn-wrap-color-border);\n\t\t\t\t\t\tbackground-color: var(--krds-calendar--action-btn-wrap-color-surface);\n\t\t\t\t\t\tborder-radius: var(--krds-radius-medium4);\n\t\t\t\t\t\tpadding: var(--krds-padding-3);\n\t\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t\tbox-shadow: var(--krds-calendar--head-drop-down-shadow);\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t@include visibility(visible);\n\t\t\t\t\t\t\tz-index: 10;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.sel {\n\t\t\t\t\t\t\t@include flex-layout($fd: column);\n\t\t\t\t\t\t\t& li {\n\t\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\t\t@include flex-layout($jc: center, $ai: center);\n\t\t\t\t\t\t\t\t@include square(100%, var(--krds-calendar-drop-down-btn-height));\n\t\t\t\t\t\t\t\tborder-radius: var(--krds-radius-medium1);\n\t\t\t\t\t\t\t\tfont-size: var(--krds-calendar--head-btn-cal-switch-pc-font-size);\n\t\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-regular);\n\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--head-btn-cal-switch-color-action-hover);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&:focus,\n\t\t\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--head-btn-cal-switch-color-action-active);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\t\tcolor: var(--krds-calendar--head-btn-cal-move-color-text-active);\n\t\t\t\t\t\t\t\t\tborder: 1px solid var(--krds-calendar--head-btn-cal-move-color-border-active);\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--action-btn-wrap-color-surface);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\t\t\tcursor: default;\n\t\t\t\t\t\t\t\t\tcolor: var(--krds-calendar--head-btn-cal-switch-color-text-disabled);\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--action-btn-wrap-color-surface);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.calendar-body {\n\t\t\tposition: relative;\n\t\t\t.calendar-table-wrap {\n\t\t\t\tpadding: 0 var(--krds-calendar--table-wrap-padding);\n\t\t\t\t.calendar-tbl {\n\t\t\t\t\tcaption {\n\t\t\t\t\t\twidth: auto !important;\n\t\t\t\t\t\theight: auto !important;\n\t\t\t\t\t\tmargin: 0 !important;\n\t\t\t\t\t\tclip: auto !important;\n\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\ttop: 4.6rem;\n\t\t\t\t\t\tleft: var(--krds-calendar--table-wrap-padding);\n\t\t\t\t\t\tcolor: var(--krds-calendar--color-text-sub);\n\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\tfont-size: var(--krds-calendar--table-caption-pc-font-size);\n\t\t\t\t\t}\n\t\t\t\t\tth,\n\t\t\t\t\ttd {\n\t\t\t\t\t\twidth: calc(100% / 7);\n\t\t\t\t\t}\n\t\t\t\t\tth {\n\t\t\t\t\t\tpadding-bottom: 4.6rem;\n\t\t\t\t\t\tfont-weight: var(--krds-font-weight-regular);\n\t\t\t\t\t\tfont-size: var(--krds-calendar--table-head-pc-font-size);\n\t\t\t\t\t}\n\t\t\t\t\ttd {\n\t\t\t\t\t\tpadding: var(--krds-padding-1) 0;\n\t\t\t\t\t\t> button {\n\t\t\t\t\t\t\t@include flex-layout($ai: center, $jc: center);\n\t\t\t\t\t\t\t@include square(100%);\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\twidth:44px;\n\t\t\t\t\t\t\theight:44px;\n\t\t\t\t\t\t\tmargin-inline:auto;\n\t\t\t\t\t\t\t& span {\n\t\t\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t@include position($t: 0, $l: 0);\n\t\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\t\t@include square(100%);\n\t\t\t\t\t\t\t\tborder-radius: var(--krds-calendar--set-date-radius);\n\t\t\t\t\t\t\t\ttransition: var(--krds-transition-base);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.btn-set-date:focus {\n\t\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:not(.period, .old, .new, .disabled) .btn-set-date:hover {\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--date-set-color-action-period);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:not(.period, .old, .new, .disabled) .btn-set-date:focus,\n\t\t\t\t\t\t&:not(.period, .old, .new, .disabled) .btn-set-date:active {\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--date-set-color-action-pressed);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.today {\n\t\t\t\t\t\t\t.btn-set-date {\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\t\t\t\t@include square(.4rem);\n\t\t\t\t\t\t\t\t\t\t@include position($b: -10%);\n\t\t\t\t\t\t\t\t\t\t@include position-center(x);\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--krds-radius-max);\n\t\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--date-set-color-element-today);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.day-event {\n\t\t\t\t\t\t\t.btn-set-date {\n\t\t\t\t\t\t\t\tcolor: var(--krds-calendar--date-set-color-text-day-event);\n\t\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t\t@include underline(0.2rem);\n\t\t\t\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\t\t\t\t@include position($b: -38%);\n\t\t\t\t\t\t\t\t\t\t@include position-center(x);\n\t\t\t\t\t\t\t\t\t\tcontent: \"이벤트\";\n\t\t\t\t\t\t\t\t\t\tfont-size: 1rem;\n\t\t\t\t\t\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.day-off { \n\t\t\t\t\t\t\tcolor: var(--krds-calendar--date-set-color-text-day-off);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.old,\n\t\t\t\t\t\t&.new, \n\t\t\t\t\t\t&.disabled {\n\t\t\t\t\t\t\tcolor: var(--krds-calendar--date-set-color-text-disabled);\n\t\t\t\t\t\t\t& button {\n\t\t\t\t\t\t\t\tcursor: default;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.period {\n\t\t\t\t\t\t\t.btn-set-date {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--date-set-color-action-period);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&.start,\n\t\t\t\t\t\t\t&.end {\n\t\t\t\t\t\t\t\t> .btn-set-date {\n\t\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--date-set-color-action);\n\t\t\t\t\t\t\t\t\tcolor: var(--krds-calendar--date-set-color-text);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&.start {\n\t\t\t\t\t\t\t\t> .btn-set-date {\n\t\t\t\t\t\t\t\t\tborder-top-left-radius: var(--krds-calendar--set-date-radius);\n\t\t\t\t\t\t\t\t\tborder-bottom-left-radius: var(--krds-calendar--set-date-radius);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&.end {\n\t\t\t\t\t\t\t\t> .btn-set-date {\n\t\t\t\t\t\t\t\t\tborder-top-right-radius: var(--krds-calendar--set-date-radius);\n\t\t\t\t\t\t\t\t\tborder-bottom-right-radius: var(--krds-calendar--set-date-radius);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.calendar-footer {\n\t\t\tmargin-top: var(--krds-calendar--table-wrap-padding);\n\t\t\t.calendar-btn-wrap {\n\t\t\t\t@include flex-layout($jc: flex-end, $ai: center);\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\tpadding: var(--krds-padding-6) var(--krds-padding-8);\n\t\t\t\tborder-top: 1px solid var(--krds-calendar--action-btn-wrap-color-border);\n\t\t\t\tbackground-color: var(--krds-calendar--action-btn-wrap-color-surface);\n\t\t\t\t& .krds-btn:first-child {\n\t\t\t\t\tmargin-right: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\t\n\t\t&:not(.single) {\n\t\t\t.calendar-body {\n\t\t\t\t.calendar-table-wrap {\n\t\t\t\t\t.calendar-tbl {\n\t\t\t\t\t\t--krds-calendar--after-size: calc(100% - var(--krds-padding-1) * 2);\n\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\t@include position($t: 50%, $l: 0);\n\t\t\t\t\t\t\t\t@include pseudo();\n\t\t\t\t\t\t\t\t@include square(100%, var(--krds-calendar--after-size));\n\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttd.period {\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--date-set-color-action-period);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttd.start {\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--date-set-color-action);\n\t\t\t\t\t\t\t\tborder-top-left-radius: var(--krds-calendar--set-date-radius);\n\t\t\t\t\t\t\t\tborder-bottom-left-radius: var(--krds-calendar--set-date-radius);\n\t\t\t\t\t\t\t\t@include square(var(--krds-calendar--after-size), var(--krds-calendar--after-size));\n\t\t\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttd.end {\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tbackground-color: var(--krds-calendar--date-set-color-action);\n\t\t\t\t\t\t\t\tborder-top-right-radius: var(--krds-calendar--set-date-radius);\n\t\t\t\t\t\t\t\tborder-bottom-right-radius: var(--krds-calendar--set-date-radius);\n\t\t\t\t\t\t\t\t@include square(var(--krds-calendar--after-size), var(--krds-calendar--after-size));\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttd.period.start.end {\n\t\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&.active {\n\t\tdisplay: block;\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t// krds-calendar-area\n\t.krds-calendar-area {\n\t\t@include calendar-color-variable(#{$mode-setting});\n\n\t\t.calendar-wrap {\n\t\t\t.calendar-head {\n\t\t\t\t.btn-cal-move {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\t@include svg-icon(var(--krds-size-height-3), $mode: #{$mode-setting});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.calendar-switch-wrap {\n\t\t\t\t\t.btn-cal-switch {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\t@include svg-icon(var(--krds-icon--size-small),  $mode: #{$mode-setting});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n\n\n@include size-large-more {\n\t.calendar-select {\n\t\t@include scrollbar;\n\t}\n}\n\n@media (max-width: 440px) {\n\t.krds-calendar-area {\n\t\t.calendar-wrap {\n\t\t\t$w: calc(100vw - (var(--krds-contents-padding-x) * 2));\n\t\t\tleft: calc(50% - ($w / 2));\n\t\t\twidth: $w;\n\t\t}\n\t}\n}","/* 화면 크기 조정 */\n//사이즈 정의\n@mixin resize-size-variable() {\n\t--krds-resize--list-icon-radius: var(--krds-radius-small2);\n}\n\n//컬러 정의\n@mixin resize-color-variable($mode: light) {\n\t--krds-resize--list-icon-color-border: var(--krds-#{$mode}-color-border-gray);\n\t--krds-resize--list-icon-color-border-selected: var(--krds-#{$mode}-color-element-secondary);\n\t--krds-resize--list-icon-color-background: var(--krds-#{$mode}-color-action-secondary);\n\t--krds-resize--list-icon-color-background-selected: var(--krds-#{$mode}-color-element-secondary);\n}\n\n//모드 설정\n$mode-setting: light;\n/* krds-drop-wrap */\n.krds-drop-wrap {\n\t@include resize-size-variable();\n\t@include resize-color-variable(#{$mode-setting});\n\n\t&.krds-resize {\n\t\t.drop-menu {\n\t\t\tmin-width: 15rem;\n\t\t}\n\t\t.drop-list {\n\t\t\t.item-link {\n\t\t\t\twhite-space: nowrap;\n\t\t\t\t&::before {\n\t\t\t\t\t@include pseudo();\n\t\t\t\t\t@include square(var(--krds-icon--size-large));\n\t\t\t\t\tbackground: url(#{$url}/img/component/icon/head_ico_font_sample.svg) no-repeat center / contain;\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\tborder-radius: var(--krds-resize--list-icon-radius);\n\t\t\t\t\tborder: 0.1rem solid var(--krds-resize--list-icon-color-border);\n\t\t\t\t\tbackground-color: var(--krds-resize--list-icon-color-background);\n\t\t\t\t}\n\t\t\t\t&.active {\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tbackground-image: url(#{$url}/img/component/icon/head_ico_font_sample_white.svg);\n\t\t\t\t\t\tborder-color: var(--krds-resize--list-icon-color-border-selected);\n\t\t\t\t\t\tbackground-color: var(--krds-resize--list-icon-color-background-selected);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t$sizes: (\n\t\t\t\t\tsm: 2.2,\n\t\t\t\t\tmd: 2.4,\n\t\t\t\t\tlg: 2.6,\n\t\t\t\t\txlg: 2.8,\n\t\t\t\t\txxlg: 3,\n\t\t\t\t);\n\t\t\t\t@each $name, $size in $sizes {\n\t\t\t\t\t$icon-size: #{$size}rem;\n\t\t\t\t\t&.#{$name} {\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\twidth: $icon-size;\n\t\t\t\t\t\t\theight: $icon-size;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// krds-scaled-layout\n.krds-scaled-layout {\n\t.krds-in-page-navigation-type {\n\t\t& > .inner:not(.in-between) {\n\t\t\tpadding-right: 0;\n\t\t}\n\t\t.in-between {\n\t\t\t.contents {\n\t\t\t\tpadding-right: 0;\n\t\t\t}\n\t\t}\n\t\t.krds-in-page-navigation-area {\n\t\t\tposition: static;\n\t\t\tmargin-bottom: var(--krds-gap-9);\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t/* krds-drop-wrap */\n\t.krds-drop-wrap {\n\t\t@include resize-color-variable(#{$mode-setting});\n\t\t&.krds-resize {\n\t\t\t.item-link {\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: url(#{$url}/img/component/icon/head_ico_font_sample_white.svg) no-repeat center / contain;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","/* 언어 변경 */\n//사이즈 정의\n@mixin resize-size-variable() {\n\t--krds-language--top-title-pc-font-size: var(--krds-pc-font-size-navigation-depth-medium-bold);\n\t--krds-language--top-title-mobile-font-size: var(--krds-mobile-font-size-navigation-depth-medium-bold);\n\t--krds-language--top-title-sub-pc-font-size: var(--krds-pc-font-size-navigation-depth-small);\n\t--krds-language--top-title-sub-mobile-font-size: var(--krds-mobile-font-size-navigation-depth-small);\n}\n\n//컬러 정의\n@mixin language-color-variable($mode: light) {\n\t--krds-language--top-title-color: var(--krds-#{$mode}-color-text-secondary);\n\t--krds-language--top-title-sub-color: var(--krds-#{$mode}-color-text-subtle);\n}\n\n//모드 설정\n$mode-setting: light;\n\n.krds-drop-wrap {\n\t@include language-color-variable(#{$mode-setting});\n\n  &.krds-language {\n    .drop-menu {\n\t\t\tmin-width: 20rem;\n\t\t}\n    .drop-top {\n      .current-laguage {\n        @include flex-layout($fd: column, $ai: flex-start);\n        strong {\n          color: var(--krds-language--top-title-color);\n          font-weight: var(--krds-font-weight-bold);\n          font-size: var(--krds-language--top-title-pc-font-size);\n          @include size-medium {\n            font-size: var(--krds-language--top-title-mobile-font-size);\n          }\n        }\n        span {\n          color: var(--krds-language--top-title-sub-color);\n          font-size: var(--krds-language--top-title-sub-pc-font-size);\n          @include size-medium {\n            font-size: var(--krds-language--top-title-sub-mobile-font-size);\n          }\n        }\n      }\n    }\n    .drop-list {\n      min-width: 20rem;\n    }\n  }\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n  //모드 설정\n  $mode-setting: high-contrast;\n\n  /* krds-drop-wrap */\n  .krds-drop-wrap {\n\t\t@include language-color-variable(#{$mode-setting});\n  }\n}\n"]}