{"version":3,"sources":["../common/common.scss","../common/_root.scss","../common/mixins/_utils.scss","../common/mixins/_breakpoints.scss","../common/_icon.scss","../common/mixins/_icons.scss","../common/_dropdown.scss","../common/_reset.scss","_button.scss","_tab.scss","_table.scss","_text_list.scss","_modal.scss","_help_panel.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":";AAGQ;ACCR;EAEC;EACA;EAIC;EAAA;EAKA;EAAA;EAKA;EAAA;EAID;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EAIC;EAAA;EAAA;EAAA;EAAA;EAID;EAIC;EAAA;EAAA;EAAA;EAAA;;;AAUD;EAEC;EACA;;;AC4HA;ED/HD;IAEC;IACA;;;;AEzCD;EF+CA;IAEC;;;AGrED;ECcA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADlBC;ECWD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADvBA;EACC;;AAED;EACC;;AAED;EACC;;AAGF;ECHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADAA;ECPA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADGA;ECVA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADMA;ECbA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADSA;EChBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADYA;ECnBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADeA;ECtBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADkBA;ECzBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADsBA;EC7BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyBA;EChCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4BA;ECnCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgCA;ECvCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADmCA;EC1CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADsCA;EC7CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyCC;EACC;;AAGD;EACC;;AAGF;ECxDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADmDC;EACC;;AAGF;EC9DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyDC;EACC;;AAGF;ECpEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD+DC;EACC;;AAGF;EC1EA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADqEC;EACC;;AAGF;EChFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD2EC;EACC;;AAGF;ECtFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADkFA;ECzFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4ED;EC5FA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADuFC;EACC;;AAGF;EClGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6FC;EACC;;AAIF;ECzGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoGC;EACC;;AAIF;EChHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6GA;ECpHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgHA;ECvHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADmHA;EC1HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADuHA;EC9HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADkHD;EClIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED6HC;;AAGD;ECvIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoIA;EC3IA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwIA;EC/IA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4IA;ECnJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADsID;ECtJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyID;ECzJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4ID;EC5JA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgJD;EChKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6JA;ECpKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgKC;EACC;;AAIF;EC5KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyKA;EChLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6KA;ECpLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADiLA;ECxLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADqLA;EC5LA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyLA;EChMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6LA;ECpMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADiMA;ECxMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADqMA;EC5MA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyMA;EChNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6MA;ECpNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADiNA;ECxNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoNA;EC3NA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwNA;EC/NA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4NA;ECnOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgOA;ECvOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoOA;EC3OA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwOA;EC/OA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4OA;ECnPA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgPA;ECvPA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoPA;EC3PA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwPA;EC/PA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4PA;ECnQA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgQA;ECvQA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD2PD;EC3QA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwQA;EC/QA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADgRC;EACC;;;AF7GD;EE4GA;IACC;;;;AE9QH;AACA;EAxBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EAUA;EACA;;AACA;EJjBA,UADmB;EAEnB,KIiBuB;EJfvB,MIeiC;EAChC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EJdD;EANC,OIsBiB;EJrBjB,QIqBiB;EJ/BlB,UADmB;EAGnB,QI8BwB;EJ7BxB,MI6BkC;EAChC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EJtBD,SADsB;EAEtB,aIsByC;EJrBzC,iBAHkD;EAIlD,gBIoB4B;EAC1B;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EJjCD,SADsB;EAEtB,aAFiC;EAGjC,iBIgC4B;EJ/B5B,gBAJmE;EIoCjE;EACA;EACA;;AAED;EACC;;AACA;EJzCF,SADsB;EAEtB,aIyC8C;EJxC9C,iBIwC6B;EJvC7B,gBAJmE;EI4ChE;EACA;EACA;EACA;EACA;EACA;EACA;;AHjFH;EGyEE;IAUE;;;AAED;EDtFH;EHsBC,OIiE4B;EJhE5B,QIgE4B;EDrF7B;EAIA;;ACmFG;EACC;;AAED;EACC;;AAED;EACC;EACA;EACA;;AAMH;EACC;EACA;EACA;;AACA;EACC;EACA;;AAKF;EACC;EACA;EACA;;AACA;EACC;EACA;;;AJiDH;AItCA;;AACA;EAzHA;EACA;EACA;EACA;EACA;EACA;EACA;;AAuHG;EDzIH;EHsBC,OIoH4B;EJnH5B,QImH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ACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAqFC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AACA;EACC;;AAGF;EACC;;AACA;EACC;;AAGF;EACC;;AACA;EACC;;AAGF;EACC;;AACA;EACC;;AAGF;EACC;EACA;;AAED;EACC;EACA;;AAGF;EA9HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAmHC;EACA;EACA;EACA;EACA;EACA;;ALvVD;EK+UA;IAUE;;;AAED;EACC;EACA;;AL7VF;EK2VC;IAIE;;;AAED;EACC;;AAGF;EACC;EACA;;ALvWF;EKqWC;IAIE;;;AAED;EACC;;AAGF;EACC;EACA;;ALjXF;EK+WC;IAIE;;;AAED;EACC;;AAGF;EACC;EACA;;AL3XF;EKyXC;IAIE;;;AAED;EACC;;AAGF;EACC;EACA;;ALrYF;EKmYC;IAIE;;;AAED;EACC;;AAGF;EAEC,OADQ;;AAER;EACC,kBAHO;;AAMP;EAIC,OAVM;;AAWN;EACC,kBAZK;;AAiBT;EAEC,OADQ;;AAER;EACC,kBAHO;;AAMT;EAGC,OADQ;;AAER;EACC,kBAHO;;AAMT;EAEC,OADQ;EAER;;AACA;EACC,kBAJO;;AAQR;EAKC,OADQ;;AAER;EACC,kBAHO;;AAQT;EACC;EACA;;AAQA;EACC;;AAIH;EACC;EACA;;AAKF;EAEE;EAAA;EAAA;EAAA;EAAA;ENtcD,OM0cgB;ENzchB,QMycgB;EAChB;EACA;EACA;EACA;EACA;;AACA;EAEC;;AAKC;ENvdF,OMwdmB;ENvdnB,QMudmB;;AAEhB;EN1dH,OM2doB;EN1dpB,QM0doB;;AAJlB;ENvdF,OMwdmB;ENvdnB,QMudmB;;AAEhB;EN1dH,OM2doB;EN1dpB,QM0doB;;AAJlB;ENvdF,OMwdmB;ENvdnB,QMudmB;;AAEhB;EN1dH,OM2doB;EN1dpB,QM0doB;;AAJlB;ENvdF,OMwdmB;ENvdnB,QMudmB;;AAEhB;EN1dH,OM2doB;EN1dpB,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;EAQA;IACC;;EAMJ;IACC;IACA;;EAEA;IACC;;EAGD;IACC;IACA;;EAEA;IAEC;;;;AASL;AACA;EACC;;;ACnpBD;AAwCA;EPLC,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBOG0B;EAC1B;EACA;;ANxCA;EMqCD;IAME;;;;AAGF;EA9CC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAkBA;EPlBA,SADsB;EAEtB,aOkB2B;EPjB3B,iBAHkD;EAIlD,gBAJmE;EOqBlE;EACA;EACA;;AAED;AAAA;EPxBA,SO0BsB;EPzBtB,aOyBmC;EPxBnC,iBOwB2C;EPvB3C,gBAJmE;EO4BlE;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ANtED;EM8DA;IAUE;;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EPlFD;EACA,gBAFqB;;AOsFpB;EACC;EACA;;AAGF;EACC;;AAGD;EACC;;AACA;EACC;EACA;EACA;;ANnGF;EMgGC;IAKE;;;AAGF;EPhED;EACA;EACA;EACA;EACA;EO8DE;;AACA;EPpDF;EACA;;AOyDC;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;EPvJF,UADmB;EAGnB,QOsJyB;EPrJzB,MOqJgC;EPzIhC;EO2IG;EACA;EACA;EACA;;AAID;EACC;;AACA;EPnKH,UADmB;EAInB,MOiK0B;EACtB;;AAKF;EACC;EACA;;AACA;EACC;;;AAOL;EACC;;;AAGD;EACC;EACA;;AACA;EPxKA,SADsB;EAEtB,aOwKwC;EPvKxC,iBAHkD;EAIlD,gBOsK2B;;;ANzM3B;EMgNC;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;;;APuJC;EOyDD;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;;AP3CJ;EOoCG;IASE;;;AAKF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AP1DJ;EOkDG;AAAA;IAUE;;;AAQL;EACC;EACA;;AACA;EACC;;;APxEF;EO+EA;IACC;IACA;;EACA;IACC;;EAGD;IACC;;EACA;AAAA;IAEC;;;AAWH;EAxFA;EACA;EACA;EACA;EACA;EACA;EACA;;;ARoKC;EQlFD;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;;ARxCD;EQoCA;IAME;;;AAED;EThCD,UADmB;EAEnB,KSgCwB;ET9BxB,MS8B+B;;AAE9B;EACC;EACA;;AACA;EACC;EACA;EACA;;ARrDH;EQkDE;IAKE;;;AAED;EACC;;AACA;EACC;EACA;EACA;;AR9DL;EQ2DI;IAKE;;;AAML;EACC;;AAKA;ETjDF;EANC,OSyDkB;ETxDlB,QSwDkB;EAChB;EACA;EACA;EACA;EACA;;AAMD;EACC;;AAIH;EACC;;AACA;EACC;;AACA;ETvEF;EANC,OS+EkB;ET9ElB,QS8EkB;EAChB;EACA;EACA;EACA;EACA;;AAMD;ETnGF,UADmB;EAEnB,KSmGyB;ETjGzB,MSiGgC;;AAE9B;EACC;;;AAWH;EA1GA;EACA;EACA;;;ATiKC;ESzDD;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;EVkDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AC1HA;ESiED;IV2DE;;;AUpDD;EACC;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AAKF;EVvEA,SADsB;EAEtB,aUuE2B;EVtE3B,iBAHkD;EAIlD,gBAJmE;EU0ElE;EACA;EACA;EACA;EACA;EACA;;AAIC;EACC,WA3ES;;AA0EV;EACC,WA3ES;;AA0EV;EACC,WA3ES;;AA8EX;EVtFD,SADsB;EAEtB,aUsF4B;EVrF5B,iBAHkD;EAIlD,gBUoFyC;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAED;EVtIF;EACA,gBUsI2B;;AAG1B;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EVzDF;EACA;EACA;EACA;EACA,oBUsDqB;EAClB;EACA;;AAGF;EVvHD,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBUqH4B;EAC1B;EACA;EACA;EACA;;AVFF;EACC;;AAXD;EACC;EACA;;AAED;EACC;;AUSC;EACC;;AAED;EVjIF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBU+H6B;EAC1B;;AACA;EACC;;AAIH;EVzID,SADsB;EAEtB,aUyI4B;EVxI5B,iBUwIyC;EVvIzC,gBAJmE;EU4IjE;EACA;;AACA;EACC;;AAED;EACC;;AAGF;EVxKD,UADmB;EAEnB,KUwKwB;EVrKxB,OUqKmE;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;EVtMP,SADsB;EAEtB,aUsMqC;EVrMrC,iBUqMkD;EVpMlD,gBAJmE;EUyMxD;EACT;;AACS;EACI;;AAGR;EACI;EACA;;AVtFX;EACC;;AAXD;EACC;EACA;;AAED;EACC;;AU8FM;EACL;EACA;;AAEK;EACI;;AAGT;EACC;;AACA;EACC;;AAKF;EACC;;;AAMJ;AT1QC;ES+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;IVpSF,OUqSmB;IVpSnB,QUoSmB;;;AAWpB;EAvSA;EACA;EACA;EACA;EACA;EACA;EACA;;AVsHA;EACC;;AAXD;EACC;EACA;;AAED;EACC;;;AAkCA;EU8ID;IAvSA;IACA;IACA;IACA;IACA;IACA;IACA;;EVsHA;IACC;;EAXD;IACC;IACA;;EAED;IACC;;;;AWxJF;AAsCA;EAhCI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EXnBH,UW2ByB;EX1BzB,KW0BoC;EXzBpC,QWyB2C;EXvB3C,OWuBkD;EAC/C;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EXvCH,UADmB;EAEnB,KWuC6B;EXtC7B,QWsC2C;EXrC3C,MWqCoC;EXpCpC,OWoCkD;EAC3C;EACA;EACA;EACA;EACN;;AAEM;EX3BP,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBWyBqC;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EXtCP,SADsB;EAEtB,aAFiC;EAGjC,iBWqCkD;EXpClD,gBWoCqC;EAC1B;EACA;;AACA;EACR;EX3CH,SADsB;EAEtB,aW2CyC;EX1CzC,iBW0C0D;EXzC1D,gBWyC2E;EAC5D;;AAGR;AAAA;AAAA;EAGI;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AAKR;EX/DP,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBW6DqC;EAC1B;;AAMA;EXvEX,SADsB;EAEtB,aWuEyC;EXtEzC,iBAHkD;EAIlD,gBAJmE;EW0EpD;EACA;EACA;;AACA;EX5Ef,SADsB;EAEtB,aW6E6C;EX5E7C,iBAHkD;EAIlD,gBAJmE;EWgFhD;;AACA;EXrFnB;EG5BA;EHsBC,OW6F+C;EX5F/C,QW4F+C;ERjHhD;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EQiGW;EACY;EACA;;AAIJ;EACI;;AAGpB;EACC;;AAIW;EACI;;AAIR;EACI;;AACA;EACX;EACA;EACe;;AACA;EX9GnB,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBW4GiD;EAC1B;EACA;EACA;;AAEJ;EACI;EACA;;AAGR;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAMZ;EXxIH,SADsB;EAEtB,aWwIiC;EXvIjC,iBAHkD;EAIlD,gBWsI+C;EACxC;EACA;;AAEI;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;;;AAOhB;EXnLC,UWoLyB;EXnLzB,KWmLoC;EXhLpC,OWgL8C;;;AAG/C;AAEI;EACI;EACA;;AACA;EAHJ;IAIQ;;EACA;IACI;;;AAGR;EATJ;IAUQ;;EACA;IACI;;;;AAYZ;EAtMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAmMA;EACI;;;AX5CN;EWsCE;IAtMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAmMA;IACI;;;;AV1MP;EDiIA;IACC;;EAXD;IACC;IACA;;EAED;IACC;;;ACnID;EUkOG;IACI;IACA;IACA;;EAEA;IX7OP,UW8OiC;IX7OjC,KW6O4C;IX5O5C,QW4OqE;IX3OrE,MW2OmD;IX1OnD,OW0O8D;IX/N9D;IWiOW;IACA;;EAEJ;IACI;;EACA;IACI;;EACA;IXvPf,UWwPyC;IXvPzC,KWuPoD;IXpPpD,OWoP8D;;EAG/C;IACI;;EAKjB;IACC;;EAKA;IACC;;EACA;IACC;;EAKD;IACC;;EAMM;IACI;IACA;;EAMZ;IX9RH,UW+R6B;IX9R7B,KW8RwC;IX3RxC,OW2RoD;IAC7C;;;AC/SR;AA8BA;EA3BC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAQA;EACA;EACA;;AACA;EACC;EAEA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AX9CF;EWqCC;IAWE;;;AAED;EACC;;AAED;EACC;;AAED;EZ5CF,UADmB;EAEnB,KY4CyB;EZzCzB,OYyC6D;EZ9B7D;EG5BA;EHsBC,OYsCoB;EZrCpB,QYqCoB;ET1DrB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ES0CG;EACA;EACA;;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;;;AZiKC;EY5CD;IA9HA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;AXtBA;EWkJA;IACC;IACA;IACA;;;ACxJF;AAoBA;EAjBC;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EboBA,SADsB;EAEtB,aaZuC;EbavC,iBab0B;Ebc1B,gBAJmE;EaTnE;EbVA,UaWsB;EbVtB,KaUoC;EbRpC,MaQ2C;EAC3C;EACA;EACA;EACA;EACA;EACA;;AZ7BA;EYiBD;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;;;Ab2KC;EahHD;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;EdOA,SADsB;EAEtB,acD0B;EdE1B,iBAHkD;EAIlD,gBAJmE;EcEnE;;AACA;EACC;;AAED;EdLA,SADsB;EAEtB,acK2B;EdJ3B,iBAHkD;EAIlD,gBAJmE;EcQlE;;AACA;EdRD,SADsB;EAEtB,acQ2B;EdP3B,iBAHkD;EAIlD,gBAJmE;EcWjE;EACA;;AACA;EACC;;AAED;EACC;;AAED;EACC;;AAIH;EACC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;Ed3CD;EANC,OcmDiB;EdlDjB,QckDiB;EAChB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EdMD;EACA;EACA;EACA;EACA,oBcToB;EAClB;EACA;EACA;;AAED;EdxDD,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBcsD4B;EAC1B;EACA;EACA;EACA;;AAED;EdnFD,UADmB;EAEnB,KcmFwB;EdhFxB,OcgF0E;;AAIzE;EACC;EACA;;AACA;EACC;;AAKF;Ed9CA;EACA;;Ac+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;;;Ad8JC;Ec7BD;IAzIA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;AbzBA;EakKC;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;EfXD;EANC,OemBgB;EflBhB,QekBgB;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;;;Af0KC;EehFD;IA9FA;IACA;IACA;IACA;IACA;;;;AdbA;Ec8GA;IACC;;;AAIF;EACC;IACC;IftDA;IACA;;EeuDA;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;EhBEH,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBgBK6B;EAC1B;EACA;;AAEA;EACI;EACA;EACA;;Af/CP;Ee4CG;IAMQ;;;AAKJ;EACI;EACA;;AfzDX;EeuDO;IAIQ;IACA;;;AAMZ;EhBlCH,SADsB;EAEtB,agBkC0D;EhBjC1D,iBgBiC6C;EhBhC7C,gBgBgCgC;EACzB;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;Af5EX;Ee0EO;IAIQ;;;AAGR;EhBgBP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AgBrBO;EACI;;AAIR;EhBzDH,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBgBuDiC;EAC1B;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;;AAGR;EhBrEP,SADsB;EAEtB,agBqEkD;EhBpElD,iBAHkD;EAIlD,gBgBmEqC;EAC1B;EACA;;AACA;EACI;EACA;EACA;EACA;;Af7Gf;EeyGW;IAOQ;IACA;;;AAGJ;EACI;EACA;;AACA;EACI;;AAIZ;EhB5FX,SADsB;EAEtB,agB4FwC;EhB3FxC,iBAHkD;EAIlD,gBAJmE;EgB+FpD;;AACA;EACI;;AAEJ;EACI;EhB3CnB;EACA;EACA;EACA;EACA,oBgBwCqC;;AfpIrC;EekIe;IAKQ;;;AAGR;EACI;EACA;EACA;;AAEJ;EbhJf;EHsBC,OgB2H2C;EhB1H3C,QgB0H2C;Eb/I5C;EAEC;EAED;;Aa4ImB;EbrInB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AawHkB;EbxInB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF5BD;EeyJe;IAEQ;IACA;;EACA;IACI;IACA;IACA;;;AAKhB;EhBrIX,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBAJmE;EgBwIpD;EACA;EACA;EACA;EACA;EACA;;AACA;EhBlJf;EgBoJmB;EbhLnB;EHsBC,OgB2J2C;EhB1J3C,QgB0J2C;Eb/K5C;EAEC;EAED;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AayJM;EhBzKP,UADmB;EAEnB,KgByKgC;EhBtKhC,OgBsKuC;;;AAUpC;EA3KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AhByJF;EgBSE;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;EjB/BD,UADmB;EAEnB,KiB+ByB;EjB5BzB,OiB4BgC;EjBZhC,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBiBU6B;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACD;EACA;EACA;EACA;EjB/BF;EANC,OiBwCoB;Ej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;;ApB3NH;EoBoOC;IACC;IACA;IACA;;EAIA;IACC;;EAGA;IACC;;EAED;IAEC;;EAGF;IACC;;;ApB1QH;EoBoRE;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;EtB1CA,SADsB;EAEtB,aAFiC;EAGjC,iBsByC2B;EtBxC3B,gBAJmE;EsB6ClE;;AAEA;EtB9CD,SADsB;EAEtB,asB8C6C;EtB7C7C,iBsB6C4B;EtB5C5B,gBAJmE;EsBiDjE;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EAEC;EACA;;AAED;EAEC;EtBlEH;;AsBqEE;EtBpFF,UADmB;EAGnB,QsBmFyB;EtBlFzB,MsBkFgC;EtB5E/B,OsB6EkB;EtB5ElB,QsB4EqB;EACnB;EACA;;AAED;EnBvGF;EHsBC,OsBkFoB;EtBjFpB,QsBiFoB;EnBtGrB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmBsFG;EACA;EACA;;AAED;EACC;;AAED;EACC;EACA;;AAED;EtBpHF;EACA,gBAFqB;;AsByHlB;EACC;EACA;;AAED;EACC;;AAID;EACC;;ArBlGJ;EqB8CC;IAyDE;;;AAKH;EtBhIA,UADmB;EAEnB,KsBgIuB;EtB9HvB,MsB8HiC;EAChC;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;EACA;EACA;;AACA;EtB9IF,UADmB;EAEnB,KsB8IyB;EtB5IzB,MsB4IgC;EAC7B;EtBvIF,OsBwIkB;EtBvIlB,QsBuI0D;EtBlI3D;EsBoIG;;AAED;EACC;EACA;;AACA;EACC;;AAIF;EtBzIF,SADsB;EAEtB,asByI6B;EtBxI7B,iBsBwI0C;EtBvI1C,gBAJmE;EsB4IhE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EnBpLH;EHsBC,OsB+JqB;EtB9JrB,QsB8JqB;EnBnLtB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHQA;EsB4JI;EACA;EACA;;AAED;EnB5LH;EHsBC,OsBuKqB;EtBtKrB,QsBsKqB;EnB3LtB;EAIA;EmBwLI;EACA;;AAED;EAEC;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;AAGF;EtBnNH;EACA,gBAFqB;;AsBwNlB;EACC;EACA;;AACA;EnB9MJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmByMK;;AAGA;EnBnNL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AmBmNC;EAEC;EACA;EACA;EtB9NF,UADmB;EAEnB,KsB8NwB;EtB5NxB,MsB4N+B;EtB3N/B,OsB2N2E;EACzE;EACA;EACA;;AACA;EtB/MF,SADsB;EAEtB,asB+M0C;EtB9M1C,iBAHkD;EAIlD,gBsB6M6B;EAC1B;EACA;;AACA;EtBnNH,SADsB;EAEtB,asBoN8B;EtBnN9B,iBAHkD;EAIlD,gBAJmE;EsBuN/D;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;AAAA;EtBhOJ,SADsB;EAEtB,aAFiC;EAGjC,iBsBgO+B;EtB/N/B,gBAJmE;EsBoO9D;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EtB9OL;EANC,OsBsPqB;EtBrPrB,QsBqPqB;EAChB;EACA;EACA;;AAED;AAAA;EACC;;AAED;AAAA;AAAA;EAEC;;AAED;AAAA;EtBvRL;EACA,gBAFqB;;AsB2RhB;AAAA;EACC;EACA;EACA;;AACA;AAAA;EACC;;AAIH;EAEC;;AACA;EtBtQL,SADsB;EAEtB,asBsQ8D;EtBrQ9D,iBsBqQ6C;EtBpQ7C,gBsBoQgC;EAC1B;EACA;;AACA;EACC;;AAED;EACC;EACA;;AACA;EtBhRP,SsBiRiC;EtBhRjC,asBgRoE;EtB/QpE,iBsB+QmD;EtB9QnD,gBAJmE;EsBmR3D;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;;AAED;EACC;;AAIH;EACC;EACA;EACA;EACA;;AAML;EtB3SF,SADsB;EAEtB,asB2S6B;EtB1S7B,iBAHkD;EAIlD,gBAJmE;EsB8ShE;EACA;EACA;EACA;EACA;;AAED;EAEC;EACA;;AAEC;EACC;;AAGF;EtB5TH,SADsB;EAEtB,asB4T2C;EtB3T3C,iBAHkD;EAIlD,gBsB0T8B;EAC1B;EACA;EACA;;AAGF;EAEC;EACA;EACA;;AAEC;EACC;;AAKA;EACC;;AAKJ;EACC;;;AAOJ;EACC;EACA;EtBnXA,UsBoXsB;EtBnXtB,KsBmXiC;EtBhXjC,OsBgXwC;EtB3WvC,OsB4We;EtB3Wf,QsB2We;EAChB;EACA;;AACA;EACC;;;AAUD;EA3WA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA2VG;EnBtZH;EHsBC,OsBiYqB;EtBhYrB,QsBgYqB;EnBrZtB;EAIA;;AmBoZI;EACC;;AAUD;EnBraJ;EHsBC,OsBgZsB;EtB/YtB,QsB+YsB;EnBpavB;EAIA;;AmBwaM;EnB9aN;EHsBC,OGvBqB;EHwBrB,QGxBqB;EAGtB;EAIA;;AmB8aM;AAAA;EACC;;AAUP;EACC;;;AtBxQA;EsBwND;IA3WA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EA2VG;InBtZH;IHsBC,OsBiYqB;ItBhYrB,QsBgYqB;InBrZtB;IAIA;;EmBoZI;IACC;;EAUD;InBraJ;IHsBC,OsBgZsB;ItB/YtB,QsB+YsB;InBpavB;IAIA;;EmBwaM;InB9aN;IHsBC,OGvBqB;IHwBrB,QGxBqB;IAGtB;IAIA;;EmB8aM;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;EtBpjBA,SADsB;EAEtB,asBojBwC;EtBnjBxC,iBAHkD;EAIlD,gBsBkjB2B;EtBzkB3B,UADmB;EAEnB,KsBykBuB;EtBtkBvB,OsBskB8B;EAC7B;EACA;EACA;;AAEA;EtB3jBD,SADsB;EAEtB,asB2jByC;EtB1jBzC,iBAHkD;EAIlD,gBsByjB4B;EAC1B;EACA;EACA;;AAEA;EtBjkBF,SADsB;EAEtB,aAFiC;EAGjC,iBsBgkB6B;EtB/jB7B,gBAJmE;;AsBokBhE;EtBnkBH,SADsB;EAEtB,asBmkB8B;EtBlkB9B,iBAHkD;EAIlD,gBAJmE;;AsBskB/D;EtBrkBJ,SADsB;EAEtB,asBqkB+B;EtBpkB/B,iBAHkD;EAIlD,gBAJmE;;AsBwkB9D;EACC;;AACA;EtB9kBN;EsBglBO;EACA;EACA;EACA;;AAOL;EtBrlBF,SsBslB4B;EtBrlB5B,asBqlB8C;EtBplB9C,iBAHkD;EAIlD,gBAJmE;EsBwlBhE;;AACA;EACC;;AAIF;EtB7lBF,SADsB;EAEtB,aAFiC;EAGjC,iBsB4lB6B;EtB3lB7B,gBAJmE;EsBgmBhE;;AACA;EtBhmBH,SsBimByB;EtBhmBzB,asBgmBsC;EtB/lBtC,iBsB+lB8C;EtB9lB9C,gBsB8lBsD;EAClD;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;;AAMJ;EtBvnBD,SADsB;EAEtB,asBunByC;EtBtnBzC,iBAHkD;EAIlD,gBsBqnB4B;EAC1B;EACA;EACA;;AAGA;EACC;EACA;EACA;;AACA;EtBloBH,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBsBgoB8B;EAC1B;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAED;EtB/oBJ,SADsB;EAEtB,asB+oB+B;EtB9oB/B,iBAHkD;EAIlD,gBAJmE;EsBkpB9D;EACA;EACA;EACA;EACA;;AACA;EAEC;EACA;;AAED;EtB3rBL;EACA,gBAFqB;EsB8rBf;;AAED;EACC;EACA;;AAIH;EtBrqBH,SADsB;EAEtB,asBqqB2C;EtBpqB3C,iBAHkD;EAIlD,gBsBmqB8B;EAC1B;EACA;;AACA;EACC;;AACA;EACC;;AAED;EtB9qBL,SADsB;EAEtB,asB8qBgC;EtB7qBhC,iBAHkD;EAIlD,gBAJmE;EsBirB7D;EACA;EACA;EACA;EACA;;AAED;EtBtrBL,SADsB;EAEtB,asBsrBgC;EtBrrBhC,iBAHkD;EAIlD,gBAJmE;EsByrB7D;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;;AAGA;EtB3sBP;EG5BA;EHsBC,OsBmtBgC;EtBltBhC,QsBktBgC;EnBvuBjC;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmButBQ;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAKJ;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EtBhuBN,SADsB;EAEtB,asBguB8C;EtB/tB9C,iBAHkD;EAIlD,gBsB8tBiC;EAC1B;EACA;;AAED;EACC;EACA;EACA;;AAED;EtB1uBN,SADsB;EAEtB,asB0uBiC;EtBzuBjC,iB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BkRE;IAIE;;;AAIH;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAMH;EACC;EACA;;AACA;EACC;EACA;;AtBtQF;EsBoQC;IAIE;;;AtB9SH;EsB0SC;IAQE;IACA;;;;AAWH;EACC;;AACA;EAEC;EACA;EACA;;AAEC;EACC;EACA;;AACA;EACC;;AAED;EpB7UJ;EHsBC,OuBwTsB;EvBvTtB,QuBuTsB;EpB5UvB;EAIA;;AoB0UI;EACC;;AAED;EAEC;;AAUC;EACC;;AAQN;EACC;;AAEC;EACC;;AAKH;EACC;;AAID;EACC;;AAGD;EACC;;;AvBnMD;EuBuID;IACC;;EACA;IAEC;IACA;IACA;;EAEC;IACC;IACA;;EACA;IACC;;EAED;IpB7UJ;IHsBC,OuBwTsB;IvBvTtB,QuBuTsB;IpB5UvB;IAIA;;EoB0UI;IACC;;EAED;IAEC;;EAUC;IACC;;EAQN;IACC;;EAEC;IACC;;EAKH;IACC;;EAID;IACC;;EAGD;IACC;;;;AC7XH;AAGA;ExBgCC,SADsB;EAEtB,awBhC0B;ExBiC1B,iBAHkD;EAIlD,gBAJmE;EwB7BnE;EACA;EACA;EACA;EACA;EACA;;AvBPA;EuBAD;IAUE;IACA;IACA;;;AAED;ExBOC,OwBNgB;ExBOhB,QwBPwB;EACxB;EACA;EACA;EACA;;AvBnBD;EuBcA;IxBOC,OwBCiB;IxBAjB;;;AwBGD;EACC;;AvB1BD;EuByBA;IAGE;IACA;;;;AAUF;EACC;;AACA;EACC;;;AxB6ID;EwBhJD;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;EzBxBF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBAJmE;EyB2BhE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;;AAED;EzBxEH;EACA,gBAFqB;;AyB4ElB;EACC;EACA;;AAID;EzBtDH;EyBwDI;EtBpFJ;EHsBC,OyB+D4B;EzB9D5B,QyB8D4B;EtBnF7B;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EsBmEI;EACA;EACA;EACA;;AAED;EACC;;AACA;EACC;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;AACA;EzBtFJ;;AyByFI;EACC;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AAED;EzB1GH,SADsB;EAEtB,ayB0G2C;EzBzG3C,iBAHkD;EAIlD,gByBwG8B;EAC1B;EACA;EACA;;AAED;EzBhHH,SADsB;EAEtB,ayBgH+D;EzB/G/D,iByB+G2C;EzB9G3C,gByB8G8B;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EzB/HJ;EG5BA;EHsBC,OGvBqB;EHwBrB,QGxBqB;EAGtB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EsB2IK;;AAED;EzBhKJ;EACA,gBAFqB;;AyBoKjB;EACC;;AAED;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;;AAOD;EACC;EzB9JJ;EAfA,UADmB;EAGnB,QyB6K0B;EzB5K1B,MyB4KsC;EzBtKrC,OyBuKmB;EzBtKnB,QyBsKsB;EACnB;EACA;;AAGA;EACC;EACA;;AAMA;EACC;EACA;;;AAaN;EAnMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA2LI;EtB/NJ;EHsBC,OyB0M6B;EzBzM7B,QyByM6B;EtB9N9B;EAIA;;AsBgOK;EtBtOL;EHsBC,OGvBqB;EHwBrB,QGxBqB;EAGtB;EAIA;;;AHkLC;EyBiCD;IAnMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EA2LI;It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C;EACC;;;AzB7WH;EyBsXA;IACC;IAEA;;EAEA;IACC;;;AzBvYF;EyB8YA;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;EvBvfJ;EHsBC,O0Bke6B;E1Bje7B,Q0Bie6B;EvBtf9B;EAIA;;;AHkLC;E0B6SD;IAjYA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EA0XG;IACC;;EAED;IACC;;EAQA;IvBvfJ;IHsBC,O0Bke6B;I1Bje7B,Q0Bie6B;IvBtf9B;IAIA;;;;AwBRD;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;E3BFH,SADsB;EAEtB,a2BsB0C;E3BrB1C,iBAHkD;EAIlD,gB2BoB6B;EAC1B;EACA;EACA;EACA;EACA;;AACA;E3B7BH,SADsB;EAEtB,a2B6BiC;E3B5BjC,iBAHkD;EAIlD,gBAJmE;E2BgC5D;EACA;EACA;EACA;EACA;EACN;;AAEE;E3BtCH,SADsB;EAEtB,a2BsCiC;E3BrCjC,iBAHkD;EAIlD,gBAJmE;E2ByC5D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;A1B/EP;E0BsEG;IAWD;;;AAEK;EACA;E3BzDP;EANC,O2BiEsB;E3BhEtB,Q2BgEsB;EAChB;EACA;EACA;;AAEA;EAjDJ,kBAHmB;;AAKnB;ExBhCH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AwBkEM;EApDJ,kBAHmB;;AAKnB;ExBhCH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AwBqEM;EAvDJ,kBAHmB;;AAKnB;ExBhCH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AwByEE;EACI;EACA;E3BfP;EACA;EACA;EACA;EACA,oB2BYyB;;;A1BxGzB;E0B8GG;IACI;;EACA;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;EACA;I3BvGV,O2BwG8B;I3BvG9B,Q2BuG8B;;;AAY5B;EA9GA;EACA;EACA;EACH;EACG;EACA;EACA;EACA;;;A3BqJF;E2B9CE;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;E5BvBA,U4BwBuB;E5BvBvB,K4BuBkC;E5BpBlC,O4BoBoF;E5BJpF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gB4BE2B;EAC1B;EACA;EACA;EACA;;AACA;EACC;;AAED;E5BbD,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gB4BW4B;EAC1B;;AACA;EACC;;AAED;EACC;EACA;EACA;;AAID;E5B1BF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gB4BwB6B;EAC1B;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;;AAED;EACC;EACA;EACA;;AAKJ;E5BvDD,SADsB;EAEtB,a4BuDyC;E5BtDzC,iBAHkD;EAIlD,gB4BqD4B;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;;;A5BqCH;E4BlEA;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;;;A3B5KF;E2BoLC;IACC;;EAED;IACC;IACA;IACA;;EACA;IACC;;EAGD;IACC;;;ACnMJ;AAIA;E7B+BC,SADsB;EAEtB,a6B/B4C;E7BgC5C,iB6BhC6B;E7BiC7B,gBAJmE;E6B5BhE;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AACA;E7BmBP,SADsB;EAEtB,a6BnBkD;E7BoBlD,iB6BpBqC;E7BqBrC,gBAJmE;E6BhBxD;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACZ;;AAIA;AAAA;E7BjBH,U6BmByB;E7BlBzB,K6BkBmC;E7BjBnC,Q6BiByC;E7BhBzC,M6BgB+C;E7Bf/C,O6BeqD;EAC9C;;AAEJ;EACI;EACA;;;AAIR;E7BRC,SADsB;EAEtB,a6BQ0C;E7BP1C,iB6BO6B;E7BN7B,gBAJmE;E6BWhE;EACA;;AACA;E7BvBF,O6BwBsB;E7BvBtB,Q6BuBsB;EACtB;EACM;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACN;EACA;EACA;EACA;EACA;EACA;;AACM;EACI;;;AAKZ;E7BpCC,SADsB;EAEtB,a6BoC0C;E7BnC1C,iB6BmC6B;E7BlC7B,gBAJmE;E6BuChE;;;AAGJ;E7BzCC,SADsB;EAEtB,a6ByC2C;E7BxC3C,iB6BwC8B;E7BvC9B,gBAJmE;EAVlE,O6BsDkB;E7BrDlB,Q6BqDkB;EACnB;EACG;EACA;EACA;;AACA;E7BrDH;EG5BA;EHsBC,OGvBqB;EHwBrB,QGxBqB;EAGtB;EAIA;E0B8EO;;AAEP;EACC;;;AAKE;E1B/EH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A0B8EG;E1BrFH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A0BoFG;E1B3FH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A0B2FG;AAAA;E1BlGH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;A0B8FG;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;;;A7BfF;E6BrCC;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;;;;A5BtMH;E4BgNO;IACI;;EAGA;IACI;;;ACxNhB;AA4BA;EAXI;EACA;EACA;EACA;EACA;EACA;EACA;EApBA;EACA;EACA;EACA;EACA;EACA;;A7BLH;E6ByBD;IAlBQ;IACA;;;AAoBJ;E9BIH,SADsB;EAEtB,a8BJiC;E9BKjC,iB8BL8C;E9BM9C,gBAJmE;E8BD5D;EACA;EACA;EACA;;AAEJ;AAAA;E9BHH,S8BKgC;E9BJhC,a8BI+D;E9BH/D,iB8BGkD;E9BFlD,gBAJmE;E8BO5D;EACA;EACA;EACA;;AACA;AAAA;EACI;;AAEJ;AAAA;EACI;;AAIJ;EACI;EACA;;AACA;E9BrBX,S8BsBwC;E9BrBxC,a8BqBuE;E9BpBvE,iB8BoB0D;E9BnB1D,gBAJmE;EAJnE;EG5BA;EHsBC,O8BmCuC;E9BlCvC,Q8BkCuC;E3BvDxC;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E2BuCe;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ACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AgCgHD;EACC;;AACA;EhClID;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AgCsHD;EACC;;AACA;EhCxID;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AgC+HF;EACC;EACA;;;AAGD;EnChIC,SADsB;EAEtB,amCgI0B;EnC/H1B,iBAHkD;EAIlD,gBAJmE;EmCmInE;EACA;;AACA;EACC;EACA;;AAEC;EnCxIF,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBmCsI6B;EnClH7B;EACA;EmCmHG;EACA;;AAED;EnC9IF,SADsB;EAEtB,amC8I6B;EnC7I7B,iBAHkD;EAIlD,gBAJmE;EmCiJhE;;AACA;EACC;;AAED;EACC;;AAED;EACC;;;AAOJ;EACC;;AAEC;EACC;;;AAWH;EApMA;EACA;EACA;EACA;;AAoMC;AAAA;EAEC;;AAIA;EhCxNF;EHsBC,OmCmM2B;EnClM3B,QmCkM2B;EhCvN5B;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AgC0ME;EhC9NF;EHsBC,OmCyM2B;EnCxM3B,QmCwM2B;EhC7N5B;EAEC;EAED;;AgC6NE;EhCtNF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AgC2MC;EhC3NF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AgCgNC;EhChOF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AH2JA;EmCuBD;IApMA;IACA;IACA;IACA;;EAoMC;AAAA;IAEC;;EAIA;IhCxNF;IHsBC,OmCmM2B;InClM3B,QmCkM2B;IhCvN5B;IAIA;IAOA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EgC0ME;IhC9NF;IHsBC,OmCyM2B;InCxM3B,QmCwM2B;IhC7N5B;IAEC;IAED;;EgC6NE;IhCtNF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EgC2MC;IhC3NF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EgCgNC;IhChOF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;AgCuNF;AACA;EnCpNC,SADsB;EAEtB,amCoN0B;EnCnN1B,iBAHkD;EAIlD,gBAJmE;EmCuNnE;;AACA;EnCvNA,SADsB;EAEtB,amCuNwC;EnCtNxC,iBAHkD;EAIlD,gBmCqN0B;;AACzB;EACC;;AAID;EACC;;AAKA;EnC/OD,OmCgPkB;EnC/OlB,QmC+OkB;;;AAKpB;EACC;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAGF;EACC;EACA;EACA;EACA;;;AlCxRD;EkCgSE;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;;AnCnDA;EmCqCA;IAmBC;;;AAfC;EAQF;EACA;EACA;;AnCnDA;EmCyCE;IAeD;;;AAfC;EAQF;EACA;EACA;;AnCnDA;EmCyCE;IAeD;;;AAfC;EAQF;EACA;EACA;;AnCnDA;EmCyCE;IAeD;;;AAfC;EAQF;EACA;EACA;EAEC;;AnCrDD;EmCyCE;IAeD;;;AA6BD;EAEC;EACA;EACA;EpCyHD;EoCvHC;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;EpC9CA;EACA;EACA;EACA;EACA,oBoC2CmB;;;AAInB;EACC;EACA;EACA;EACA;EACA;EACA;;;AAID;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKH;EpChIC,SADsB;EAEtB,aoCgIqC;EpC/HrC,iBAHkD;EAIlD,gBoC8HyB;EACzB;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EpC1IA,SADsB;EAEtB,aoC2I0B;EpC1I1B,iBoC0IuC;EpCzIvC,gBAJmE;EoC8InE;EACA;EACA;EACA;;AnChLA;EmCqKD;IAaE;;;AAED;EACC;;;AAKA;EACC;;;AAMH;EpCjKC,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gBAJmE;EoCoKnE;;AACA;EACC;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;;AAKH;AACA;EACC;EAEA;EACA;EACA;;AACA;EACC;EACA;;AAED;EpCjNA,UADmB;EAEnB,KoCiNuB;EpC9MvB,OoC8MgC;EAC/B;;AAGM;EACI;;;ApC1DX;AoC6EA;;AATA;EA/KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EpCsIA;;AoC+BA;EACC;EACA;;AAID;EACC;;;ApCjEA;EADD;AoCgEA;;EATA;IA/KA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IpCsIA;;EoC+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;;ApC1EA;EoCmCA;IAyCC;;;AApCC;EA6BF;EACA;EACA;EACA;EACA;EACA;;ApC1EA;EoCwCE;IAoCD;;;AApCC;EA6BF;EACA;EACA;EACA;EACA;EACA;;ApC1EA;EoCwCE;IAoCD;;;AApCC;EA6BF;EACA;EACA;EACA;EACA;EACA;;ApC1EA;EoCwCE;IAoCD;;;AAUD;EACC;EACA;ElC5ED;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkC8DA;ErCwHD;EqCtHC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAED;EACC;EACA;;AAED;ElCpGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkCsFA;EACA;EACA;;;AAKD;EACC;EACA;;;AAOD;EAjFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ErCiJA;EGtMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkC2GA;;AACA;ElC5HD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkC8GC;;;ArC6CD;EqCrDD;IAjFA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IrCiJA;IGtMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IkC2GA;;EACA;IlC5HD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IkC8GC;;;;AAKH;AA2CA;EAjBC;EACA;EACA;EACA;EAiBA;EACA;EAIE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIF;ElC1LA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkC4KD;EACA;EACA;EACA;EACA;EACA;;AACA;EA/BA;EACA;EACA;EACA;;ApClLA;EoC8MA;IAvBC;;;AA2BC;EAnCF;EACA;EACA;EACA;;ApClLA;EoCkNE;IA3BD;;;AA2BC;EAnCF;EACA;EACA;EACA;;ApClLA;EoCkNE;IA3BD;;;AA2BC;EAnCF;EACA;EACA;EACA;EAEC;;ApCpLD;EoCkNE;IA3BD;;;AAgCD;EACC;;AAED;EACC;;;AAOD;EAzDA;EACA;EACA;EACA;ElChKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkCyMA;;AACA;EACC;;AAED;EACC;;;ArCnDD;EqC2CD;IAzDA;IACA;IACA;IACA;IlChKA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IkCyMA;;EACA;IACC;;EAED;IACC;;;;AC7OH;AACA;AAAA;EtCmGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AsCvGD;EACC;;;AAED;EACC;EACA;;AACA;EACC;;;AAIF;EtCmBC,SADsB;EAEtB,aAFiC;EAGjC,iBsCpB0B;EtCqB1B,gBAJmE;EsChBnE;;AACA;EACC;;AAIG;EACC;;AAIH;EACC;EACA;EACA;;;AAsKJ;EArBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EA3HE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIF;EACA;;AASI;AAAA;EAyCJ;EACA;;ArC3HA;EqCiFI;AAAA;IA4CH;;;AA1CI;AAAA;EtC9DJ,OsC6Ge;EtC5Gf,QsC4Ge;EAChB;;AA5CK;AAAA;EA4EL;;AACA;AAAA;EACC;;ArCrKD;EqCoKA;AAAA;IAGE;;;AAvEG;EAwCL;;AArCK;EA0CL;EACA;EtCzHC,OsC0He;EtCzHf,QsCyHe;EAChB;EACA;;AAtCK;EA0CL;;AAvCK;EA4CL;EACA;EnC5JA;EHsBC,OsCuIwB;EtCtIxB,QsCsIwB;EnC3JzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmC2IA;;AA7EI;AAAA;EAyCJ;EACA;;ArC3HA;EqCiFI;AAAA;IA4CH;;;AA1CI;AAAA;EtC9DJ,OsC6Ge;EtC5Gf,QsC4Ge;EAChB;;AA5CK;AAAA;EA4EL;;AACA;AAAA;EACC;;ArCrKD;EqCoKA;AAAA;IAGE;;;AAvEG;EAwCL;;AArCK;EA0CL;EACA;EtCzHC,OsC0He;EtCzHf,QsCyHe;EAChB;EACA;;AAtCK;EA0CL;;AAvCK;EA4CL;EACA;EnC5JA;EHsBC,OsCuIwB;EtCtIxB,QsCsIwB;EnC3JzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmC2IA;;AA6CC;AAAA;EACC;EACA;EAnFF;EACA;;ArC3HA;EqC2MC;AAAA;IA9EA;;;AAmFC;AAAA;AAAA;EAEC;EtCvLH;EsCyLG;;AAED;AAAA;EACC;EtClMF,OsC6Ge;EtC5Gf,QsC4Ge;EAChB;EAsFG;EACA;EACA;;AAED;AAAA;EACC;EACA;;AAID;AAAA;EACC;EACA;;AACA;AAAA;EACC;EACA;;AAKF;AAAA;EtC7OF;EACA,gBsC6O2B;;AAQzB;EA9GF;;AAiHE;EA5GF;EACA;EtCzHC,OsC0He;EtCzHf,QsCyHe;EAChB;EACA;;AA8GG;EACC;;AAED;EACC;;AAKA;EACC;;AAUH;EA9HF;;AAiIE;EA5HF;EACA;EnC5JA;EHsBC,OsCuIwB;EtCtIxB,QsCsIwB;EnC3JzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmC2IA;;AA8HG;EACC;EACA;;AAED;EACC;EACA;;AAKA;EACC;;AAQL;EACC;;AACA;EACC;;;AAUF;EA/IA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EA3HE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIF;EACA;;AASI;AAAA;EAyCJ;EACA;;ArC3HA;EqCiFI;AAAA;IA4CH;;;AA1CI;AAAA;EtC9DJ,OsC6Ge;EtC5Gf,QsC4Ge;EAChB;;AA5CK;AAAA;EA4EL;;AACA;AAAA;EACC;;ArCrKD;EqCoKA;AAAA;IAGE;;;AAvEG;EAwCL;;AArCK;EA0CL;EACA;EtCzHC,OsC0He;EtCzHf,QsCyHe;EAChB;EACA;;AAtCK;EA0CL;;AAvCK;EA4CL;EACA;EnC5JA;EHsBC,OsCuIwB;EtCtIxB,QsCsIwB;EnC3JzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmC2IA;;AA7EI;AAAA;EAyCJ;EACA;;ArC3HA;EqCiFI;AAAA;IA4CH;;;AA1CI;AAAA;EtC9DJ,OsC6Ge;EtC5Gf,QsC4Ge;EAChB;;AA5CK;AAAA;EA4EL;;AACA;AAAA;EACC;;ArCrKD;EqCoKA;AAAA;IAGE;;;AAvEG;EAwCL;;AArCK;EA0CL;EACA;EtCzHC,OsC0He;EtCzHf,QsCyHe;EAChB;EACA;;AAtCK;EA0CL;;AAvCK;EA4CL;EACA;EnC5JA;EHsBC,OsCuIwB;EtCtIxB,QsCsIwB;EnC3JzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmC2IA;;AAuKG;EA3KH;EACA;EnC5JA;EHsBC,OsCuIwB;EtCtIxB,QsCsIwB;EnC3JzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmC2IA;;AA6KI;EACC;EACA;;AAKA;EACC;;AAWF;EACC;;AAED;EACC;;AAKA;EACC;;;AtCjLL;EsCsID;IA/IA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IA3HE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAIF;IACA;;EASI;AAAA;IAyCJ;IACA;;;ArC3HA;EqCiFI;AAAA;IA4CH;;;AtC0DA;EsCpGI;AAAA;ItC9DJ,OsC6Ge;ItC5Gf,QsC4Ge;IAChB;;EA5CK;AAAA;IA4EL;;EACA;AAAA;IACC;;;ArCrKD;EqCoKA;AAAA;IAGE;;;AtCgBD;EsCvFI;IAwCL;;EArCK;IA0CL;IACA;ItCzHC,OsC0He;ItCzHf,QsCyHe;IAChB;IACA;;EAtCK;IA0CL;;EAvCK;IA4CL;IACA;InC5JA;IHsBC,OsCuIwB;ItCtIxB,QsCsIwB;InC3JzB;IAIA;IAOA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;ImC2IA;;EA7EI;AAAA;IAyCJ;IACA;;;ArC3HA;EqCiFI;AAAA;IA4CH;;;AtC0DA;EsCpGI;AAAA;ItC9DJ,OsC6Ge;ItC5Gf,QsC4Ge;IAChB;;EA5CK;AAAA;IA4EL;;EACA;AAAA;IACC;;;ArCrKD;EqCoKA;AAAA;IAGE;;;AtCgBD;EsCvFI;IAwCL;;EArCK;IA0CL;IACA;ItCzHC,OsC0He;ItCzHf,QsCyHe;IAChB;IACA;;EAtCK;IA0CL;;EAvCK;IA4CL;IACA;InC5JA;IHsBC,OsCuIwB;ItCtIxB,QsCsIwB;InC3JzB;IAIA;IAOA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;ImC2IA;;EAuKG;IA3KH;IACA;InC5JA;IHsBC,OsCuIwB;ItCtIxB,QsCsIwB;InC3JzB;IAIA;IAOA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;ImC2IA;;EA6KI;IACC;IACA;;EAKA;IACC;;EAWF;IACC;;EAED;IACC;;EAKA;IACC;;;;AC3WP;AAqGA;EAvCC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAvCE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIF;;AASI;AAAA;EA+BJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AtCnFA;EsC4CI;AAAA;IAyCH;;;AAtCI;AAAA;EpChDL;EHsBC,OuCqEwB;EvCpExB,QuCoEwB;EpCzFzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EoCyEA;EACA;;AAjDI;AAAA;EA+BJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AtCnFA;EsC4CI;AAAA;IAyCH;;;AAtCI;AAAA;EpChDL;EHsBC,OuCqEwB;EvCpExB,QuCoEwB;EpCzFzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EoCyEA;EACA;;AAjDI;AAAA;EA+BJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AtCnFA;EsC4CI;AAAA;IAyCH;;;AAtCI;AAAA;EpChDL;EHsBC,OuCqEwB;EvCpExB,QuCoEwB;EpCzFzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EoCyEA;EACA;;AAaC;AAAA;EACC;EACA;EACA;EAlCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AtCnFA;EsC0GC;AAAA;IArBA;;;AA4BC;AAAA;EvCtFF;EG5BA;EHsBC,OuCqEwB;EvCpExB,QuCoEwB;EpCzFzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EoCyEA;EACA;;AA0BE;AAAA;EACC;EACA;EACA;EACA;;AACA;AAAA;EACC;;AAKF;AAAA;EACC;EACA;EACA;;AACA;AAAA;EpC1HH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EoCqHI;;AAOF;EACC;;AAKA;EACC;EACA;;AAMD;EACC;;AAOH;AAAA;EvCrKD;EACA,gBAFqB;;;AuCiLrB;EArHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAkHG;AAAA;EpCzLH;EHsBC,OuCqEwB;EvCpExB,QuCoEwB;EpCzFzB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EoCyEA;EACA;;AAiGI;AAAA;EACC;;AAMD;AAAA;EACC;;;AvCfJ;EuCPD;IArHA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAkHG;AAAA;IpCzLH;IHsBC,OuCqEwB;IvCpExB,QuCoEwB;IpCzFzB;IAIA;IAOA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IoCyEA;IACA;;EAiGI;AAAA;IACC;;EAMD;AAAA;IACC;;;;ACzMN;AAmHA;EA7CC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAwCA;EACA;EA3FE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIF;;AAQI;EA2CJ;EACA;EACA;;AvCnFA;EuCsCI;IA+CH;;;AA7CI;EAkDL;EACA;EACA;;AAlDM;ExCrBL,OwC2Ee;ExC1Ef,QwC0Ee;EAChB;;AArDO;ErC7CP;EHsBC,OwCqFwB;ExCpFxB,QwCoFwB;ErCzGzB;EAIA;EqCsGA;;AAtDO;EAiDP;;AAhEI;EA2CJ;EACA;EACA;;AvCnFA;EuCsCI;IA+CH;;;AA7CI;EAkDL;EACA;EACA;;AAlDM;ExCrBL,OwC2Ee;ExC1Ef,QwC0Ee;EAChB;;AArDO;ErC7CP;EHsBC,OwCqFwB;ExCpFxB,QwCoFwB;ErCzGzB;EAIA;EqCsGA;;AAtDO;EAiDP;;AAsBC;ExC5HD;EACA,gBAFqB;;AwCmIpB;EACC;EACA;EAnDF;EACA;EACA;;AvCnFA;EuCkIC;IA7CA;;;AAiDC;EA5CF;EACA;EACA;EA4CG;EACA;;AACA;ExC9HH,UADmB;EAEnB,KwC8H0B;ExC5H1B,MwC4HiC;ExC3GjC,SADsB;EAEtB,awC2G8B;ExC1G9B,iBwC0G2C;ExCzG3C,gBAJmE;EAVlE,OwC2Ee;ExC1Ef,QwC0Ee;EAChB;EA6CI;EACA;EACA;EACA;;AACA;ExCvHJ;EG5BA;EHsBC,OwCqFwB;ExCpFxB,QwCoFwB;ErCzGzB;EAIA;EqCsGA;ErC/FA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EqCoIK;;AAOF;EACC;;AACA;EA1DJ;EA4DK;;AACA;ErCvJL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EqCkJM;;AAQH;EACC;;AACA;EACC;EACA;;AACA;EACC;;;AAaN;EA7HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AxC2GC;EwCSD;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;EzCvCA,UADmB;EAEnB,KyCuCuB;EzCrCvB,MyCqCkC;EACjC;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EzC9BD,SADsB;EAEtB,ayC8B4B;EzC7B5B,iByC6ByC;EzC5BzC,gBAJmE;EyCiCjE;EACA;EACA;EACA;;AACA;EzCpCF,SADsB;EAEtB,ayCoC6B;EzCnC7B,iByCmC0C;EzClC1C,gBAJmE;EAVlE,OyCiDkB;EzChDlB,QyCgDkB;EAChB;EACA;EACA;EACA;;AACA;EzChDH;EG5BA;EHsBC,OyCwDqB;EzCvDrB,QyCuDqB;EtC5EtB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EsC4DI;;AAGA;EACC;;AAIH;EzCvDF,SADsB;EAEtB,ayCuD6B;EzCtD7B,iByCsD0C;EzCrD1C,gBAJmE;EyC0DhE;;AACA;EzC1DH,SADsB;EAEtB,ayC0D8B;EzCzD9B,iByCyD2C;EzCxD3C,gBAJmE;EyC6D/D;EACA;EACA;EACA;EACA;;AACA;EzCtEJ;EG5BA;EHsBC,OyC8EsB;EzC7EtB,QyC6EsB;EtClGvB;EAIA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AsCmFI;EACC;;AAED;EAGC;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAIH;EACC;EAEA;;AACA;EzCQH;EACA;EACA;EAzHD,UADmB;EAEnB,KyCgH0B;EzC9G1B,MyC8GkD;EzC9DjD;EACA;EyC+DI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EzCDJ;EACA;EACA;EyCCK;;AAED;EzC7GL,SADsB;EAEtB,aAFiC;EAGjC,iBAHkD;EAIlD,gByC2GgC;;AAC1B;EACC;;AAED;EzClHN,SADsB;EAEtB,ayCkH8C;EzCjH9C,iByCiHiC;EzChHjC,gBAJmE;EAVlE,OyC+HsB;EzC9HtB,QyC8H4B;EACtB;EACA;EACA;;AACA;EACC;;AAED;EAEC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAQP;EACC;;AACA;EACC;;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;AAAA;EAEC;;AAED;EACC;EACA;EACA;;AAED;EACC;;AACA;EzC3KL,SADsB;EAEtB,ayC2KgC;EzC1KhC,iByC0K6C;EzCzK7C,gBAJmE;EAVlE,OyCwLqB;EzCvLrB,QyCuLqB;EAChB;EACA;EACA;EACA;;AACA;EACC;;AAED;EzCzMN,UADmB;EAEnB,KyCyM6B;EzCvM7B,MyCuMoC;EzC3LpC;EANC,OyCmMsB;EzClMtB,QyCkMsB;EAChB;EACA;;AAGF;EACC;;AAGA;EACC;;AAKD;EACC;;AAKA;EACC;;AACA;EzCpNR;EANC,OyC4NwB;EzC3NxB,QyC2NwB;EzCrOzB,UADmB;EAGnB,QyCoO+B;EzCnL9B;EACA;EyCoLQ;EACA;;AAMH;EACC;;AACA;EACC;EzC5FR;EACA,uByC4F2B;;AACnB;EzCpPR,UADmB;EAGnB,QyCmP+B;EzClM9B;EACA;EyCmMQ;EACA;EACA;;AAKJ;EACC;;AAED;EAGC;;AACA;EACC;;AAID;EACC;;AAIA;EACC;EACA;;AAID;EACC;EACA;;AAID;EACC;EACA;;AAQP;EACC;;AACA;EzCnRF,SADsB;EAEtB,ayCmR4C;EzClR5C,iByCkR6B;EzCjR7B,gBAJmE;EyCsRhE;EACA;EACA;EACA;;AACA;EACC;;AAOA;EACC;;AACA;EACC;;AACA;EzCzTN,UADmB;EAEnB,KyCyT6B;EzCvT7B,MyCuTsC;EzC3StC;EANC,OyCmTsB;EzClTtB,QyCkT4B;EACtB;;AAID;EACC;;AAID;EACC;EACA;EACA;EzChUN,OyCiUsB;EzChUtB,QyCgUwD;EAClD;EACA;;AAID;EACC;EACA;EACA;EzC1UN,OyC2UsB;EzC1UtB,QyC0UwD;;AAInD;EACC;;AAQP;EACC;;;AAUD;EAvWA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAyVI;EtC/XJ;EHsBC,OyC0WsB;EzCzWtB,QyCyWsB;EtC9XvB;EAIA;;AsC+XK;EtCrYL;EHsBC,OyCgXuB;EzC/WvB,QyC+WuB;EtCpYxB;EAIA;;;AHkLC;EyCiMD;IAvWA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAyVI;ItC/XJ;IHsBC,OyC0WsB;IzCzWtB,QyCyWsB;ItC9XvB;IAIA;;EsC+XK;ItCrYL;IHsBC,OyCgXuB;IzC/WvB,QyC+WuB;ItCpYxB;IAIA;;;;AFoBA;EDiIA;IACC;;EAXD;IACC;IACA;;EAED;IACC;;;AyCkQF;EAEE;IAEC;IACA,OAFI;;;AC7ZP;AAgBA;AACA;EAdC;EAKA;EACA;EACA;EACA;;AAWC;EACC;;AAGA;EACC;;AACA;E1CEH;EANC,O0CMmB;E1CLnB,Q0CKmB;EAChB;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;;AAaA;EACC,OAHU;EAIV,QAJU;;AAEX;EACC,OAHU;EAIV,QAJU;;AAEX;EACC,OAHU;EAIV,QAJU;;AAEX;EACC,OAHU;EAIV,QAJU;;AAEX;EACC,OAHU;EAIV,QAJU;;;AAgBf;EACC;;AAGA;EACC;;AAGF;EACC;EACA;;;A1C8FF;A0CpFA;;AACA;EAjFA;EACA;EACA;EACA;;AAkFG;EACC;;;A1C4FH;EADD;A0CjGA;;EACA;IAjFA;IACA;IACA;IACA;;EAkFG;IACC;;;;AC9FL;AAkBA;EAPC;EACA;;AAUG;EACD;;AAGG;E3CSL,SADsB;EAEtB,a2CT8C;E3CU9C,iBAHkD;EAIlD,gB2CXiC;;AAC1B;EACE;EACA;EACA;;A1C5BT;E0CyBO;IAKI;;;AAGJ;EACE;EACA;;A1CnCT;E0CiCO;IAII;;;AAKR;EACE;;;A3C8HL;A2CpHC;;AACA;EA9CD;EACA;;;A3C8KC;EADD;A2CjIC;;EACA;IA9CD;IACA","file":"output.css","sourcesContent":["//공통\n\n@import \"path\";\n@import \"../../css/token/krds_tokens.css\"; //디자인 토큰\n@import \"include\";\n\n@import \"root\";\n@import \"icon\";\n\n@import \"dropdown\";\n\n@import \"reset\";\n","@import \"group_variables\";\n\n//모드 설정\n$mode-setting: light;\n:root {\n\t//* PRIMITIVE *\n\t--krds-font-family-base: var(--krds-typo-font-type);\n\t--krds-font-size-base: #{$font-size-base};\n\n\t//line heights\n\t@each $type, $value in $font-line-heights {\n\t\t--krds-line-height-#{$type}: #{$value};\n\t}\n\n\t//letter spacings\n\t@each $type, $value in $font-letter-spacings {\n\t\t--krds-letter-spacing-#{$type}: #{$value};\n\t}\n\n\t//font weight\n\t@each $type, $value in $font-weights {\n\t\t--krds-font-weight-#{$type}: #{$value};\n\t}\n\n\t//transition\n\t--krds-transition-base: #{$transition-base};\n\t--krds-transition-fade: #{$transition-fade};\n\t--krds-transition-collapse: #{$transition-collapse};\n\t--krds-transition-collapse-width: #{$transition-collapse-width};\n\n\t//contents size\n\t--krds-contents-size: #{$contents-size};\n\t--krds-contents-padding-x: #{$contents-padding-x-pc};\n\t--krds-contents-wrap-size: #{$contents-wrap-size};\n\n\t//box shadow (only for focus outline)\n\t--krds-box-shadow-outline: 0 0 0 0.4rem var(--krds-#{$mode-setting}-color-border-primary);\n\t--krds-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--krds-#{$mode-setting}-color-border-primary);\n\n\t//screen zoom sizes\n\t@each $type, $value in $screen-zoom-sizes {\n\t\t--krds-zoom-#{$type}: #{$value};\n\t}\n\n\t//text underline offset\n\t--krds-font-underline-offset: #{$font-underline-offset-default};\n\n\t//svg icon size\n\t@each $size, $value in $icon-sizes {\n\t\t--krds-icon--size-#{$size}: #{$value};\n\t}\n\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t:root {\n\t\t//box shadow (only for focus outline)\n\t\t--krds-box-shadow-outline: 0 0 0 0.4rem var(--krds-#{$mode-setting}-color-border-primary);\n\t\t--krds-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--krds-#{$mode-setting}-color-border-primary);\n\t}\n}\n\n//responsive mobile\n@include size-large-less {\n\t:root {\n\t\t//contents size\n\t\t--krds-contents-padding-x: #{$contents-padding-x-mobile};\n\t}\n\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}",".svg-icon {\n\t&.ico-angle { //꺽쇠모양\n\t\t@include icon-set(ico_angle);\n\t\t//disabled (for selectbox)\n\t\t&.disabled {\n\t\t\t@include icon-set(ico_angle_disabled, $effect: pure);\n\t\t}\n\t\t//default: down\n\t\t&.up {\n\t\t\ttransform: rotate(180deg);\n\t\t}\n\t\t&.left {\n\t\t\ttransform: rotate(90deg);\n\t\t}\n\t\t&.right {\n\t\t\ttransform: rotate(-90deg);\n\t\t}\n\t}\n\t&.ico-sch {\n\t\t@include icon-set(ico_sch);\n\t}\n\n\t&.ico-upload {\n\t\t@include icon-set(ico_upload);\n\t}\n\t&.ico-call {\n\t\t@include icon-set(ico_call);\n\t}\n\t&.ico-faq {\n\t\t@include icon-set(ico_faq);\n\t}\n\t&.ico-like {\n\t\t@include icon-set(ico_like);\n\t}\n\t&.ico-share {\n\t\t@include icon-set(ico_share);\n\t}\n\t&.ico-more {\n\t\t@include icon-set(ico_more);\n\t}\n\t&.ico-sch-plus {\n\t\t@include icon-set(ico_sch_plus);\n\t}\n\n\t&.ico-go {\n\t\t@include icon-set(ico_go);\n\t}\n\t&.ico-down {\n\t\t@include icon-set(ico_download);\n\t}\n\t&.ico-filter {\n\t\t@include icon-set(ico_filter);\n\t}\n\n\t&.ico-reset {\n\t\t@include icon-set(ico_reset);\n\t}\n\t&.ico-log {\n\t\t@include icon-set(ico_login);\n\t}\n\t&.ico-func {\n\t\t@include icon-set(ico_expand);\n\t\t//default:right\n\t\t&.up {\n\t\t\ttransform: rotate(-90deg);\n\t\t}\n\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-logout {\n\t\t@include icon-set(ico_logout);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-email {\n\t\t@include icon-set(ico_email);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-print {\n\t\t@include icon-set(ico_print);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-scrap {\n\t\t@include icon-set(ico_scrap);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-del {\n\t\t@include icon-set(ico_delete);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-popup-close {\n\t\t@include icon-set(ico_close);\n\t}\n\t&.ico-delete-fill {\n\t\t@include icon-set(ico_delete_fill, pure);\n\t}\n\t&.ico-plus {\n\t\t@include icon-set(ico_plus);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-setting {\n\t\t@include icon-set(ico_setting);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\n\t&.ico-link {\n\t\t@include icon-set(ico_go);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\n\t&.ico-refresh {\n\t\t@include icon-set(ico_reset);\n\t}\n\n\t&.ico-toggle {\n\t\t@include icon-set(ico_angle);\n\t}\n\t&.ico-pw-visible {\n\t\t@include icon-set(ico_pw_visible_off);\n\t}\n\t&.ico-pw-visible-on {\n\t\t@include icon-set(ico_pw_visible_on);\n\t}\n\n\t&.ico-help {\n\t\t@include icon-set(ico_help, pure);\n\t}\n\n\t&.ico-page-next {\n\t\t@include icon-set(ico_angle);\n\t\ttransform: rotate(-90deg);\n\t}\n\n\t&.ico-bread-home {\n\t\t@include icon-set(ico_bread_home);\n\t}\n\n\t&.ico-cal-move {\n\t\t@include icon-set(ico_arrow_dropdown);\n\t}\n\t\n\t&.ico-calendar {\n\t\t@include icon-set(ico_calendar);\n\t}\n\n\t&.ico-success-fill {\n\t\t@include icon-set(ico_success_fill, pure);\n\t}\n\t&.ico-information-fill {\n\t\t@include icon-set(ico_information_fill, pure);\n\t}\n\t&.ico-error-fill {\n\t\t@include icon-set(ico_error_fill, pure);\n\t}\n\t&.ico-complete-fill {\n\t\t@include icon-set(ico_complete_fill, pure);\n\t}\n\n\t&.ico-modal-close {\n\t\t@include icon-set(ico_close);\n\t}\n\n\t&.ico-fold {\n\t\t@include icon-set(ico_foldable);\n\n\t\t&.right {\n\t\t\ttransform: rotate(-180deg);\n\t\t}\n\t}\n\n\t&.ico-ellipsis {\n\t\t@include icon-set(ico_ellipsis);\n\t}\n\n\t&.ico-swiper-play {\n\t\t@include icon-set(ico_swiper_play);\n\t}\n\n\t&.ico-swiper-stop {\n\t\t@include icon-set(ico_swiper_stop);\n\t}\n\n\t&.ico-tooltip {\n\t\t@include icon-set(ico_tooltip);\n\t}\n\n\t&.ico-urgent-danger {\n\t\t@include icon-set(ico_urgent_badge_danger);\n\t}\n\n\t&.ico-blog {\n\t\t@include icon-set(ico_blog);\n\t}\n\n\t&.ico-facebook {\n\t\t@include icon-set(ico_facebook);\n\t}\n\n\t&.ico-instagram {\n\t\t@include icon-set(ico_instagram);\n\t}\n\n\t&.ico-sns-x {\n\t\t@include icon-set(ico_sns_x);\n\t}\n\n\t&.ico-youtube {\n\t\t@include icon-set(ico_youtube);\n\t}\n\n\t&.ico-all {\n\t\t@include icon-set(ico_all);\n\t}\n\n\t&.ico-join {\n\t\t@include icon-set(ico_join);\n\t}\n\t&.ico-my {\n\t\t@include icon-set(ico_my);\n\t}\n\n\t&.ico-login-go {\n\t\t@include icon-set(ico_login_certify_go);\n\t}\n\n\t&.ico-global {\n\t\t@include icon-set(ico_global);\n\t}\n\n\t&.ico-view-mode {\n\t\t@include icon-set(ico_view_mode);\n\t}\n\n\t&.ico-go-top {\n\t\t@include icon-set(ico_go_top);\n\t}\n\n\t&.ico-login-type01 {\n\t\t@include icon-set(ico_login_certify_type_01);\n\t}\n\n\t&.ico-login-type02 {\n\t\t@include icon-set(ico_login_certify_type_02);\n\t}\n\n\t&.ico-login-type03 {\n\t\t@include icon-set(ico_login_certify_type_03);\n\t}\n\n\t&.ico-login-type04 {\n\t\t@include icon-set(ico_login_certify_type_04);\n\t}\n\n\t&.ico-login-type05 {\n\t\t@include icon-set(ico_login_certify_type_05);\n\t}\n\n\t&.ico-login-type06 {\n\t\t@include icon-set(ico_login_certify_type_06);\n\t}\n\n\t&.ico-flag {\n\t\t@include icon-set(ico_flag, $effect: pure);\n\t}\n\n\t&.ico-file {\n\t\t@include icon-set(ico_file);\n\t}\n\n\t&.ico-checkbox {\n\t\t@include icon-set(ico_checkbox_checked);     \n\t}\n}\n  \n//고대비모드\n@include color-mode($mode: high-contrast){\n\t.svg-icon {\n\t\t&.ico-help {\n\t\t\tbackground-image: url(#{$url}/img/component/icon/ico_help_fill.svg);\n\t\t}\n\t\t\n\t}\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@mixin dropdown-size-variable() {\n\t--krds-dropdown--menu-radius: var(--krds-radius-medium4);\n\t--krds-dropdown--menu-padding: var(--krds-padding-3);\n\t--krds-dropdown--menu-margin-top: var(--krds-padding-6);\n\t--krds-dropdown--menu-gap: var(--krds-gap-3);\n\t--krds-dropdown--list-item-radius: var(--krds-radius-medium2);\n\t--krds-dropdown--list-item-height: var(--krds-size-height-7);\n\t--krds-dropdown--list-item-pc-font-size: var(--krds-pc-font-size-navigation-depth-medium);\n\t--krds-dropdown--list-item-mobile-font-size: var(--krds-mobile-font-size-navigation-depth-medium);\n}\n\n//컬러 정의\n@mixin dropdown-color-variable($mode: light) {\n\t--krds-dropdown--menu-color-border: var(--krds-#{$mode}-color-border-gray-light);\n\t--krds-dropdown--menu-color-surface: var(--krds-#{$mode}-color-surface-white-subtler);\n\t--krds-dropdown--menu-color-alpha-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-dropdown--list-item-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-dropdown--list-item-color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-dropdown--list-item-color-action-selected: var(--krds-#{$mode}-color-action-secondary-selected);\n\t--krds-dropdown--list-item-color-text-selected: var(--krds-#{$mode}-color-text-secondary);\n}\n\n//모드 설정\n$mode-setting: light;\n/* krds-drop-wrap */\n.krds-drop-wrap {\n\t@include dropdown-size-variable();\n\t@include dropdown-color-variable(#{$mode-setting});\n\n\tdisplay: inline-flex;\n\tposition: relative;\n\t.drop-menu {\n\t\t@include position($t: 100%, $l: 50%);\n\t\tdisplay: none;\n\t\tz-index: 6;\n\t\tmin-width: 13rem;\n\t\tborder-radius: var(--krds-dropdown--menu-radius);\n\t\tpadding: var(--krds-dropdown--menu-padding);\n\t\tmargin-top: var(--krds-dropdown--menu-margin-top);\n\t\tbackground-color: var(--krds-dropdown--menu-color-surface);\n\t\tborder: 0.1rem solid var(--krds-dropdown--menu-color-border);\n\t\tbox-shadow: var(--krds-dropdown--menu-color-alpha-shadow);\n\t\ttransform: translateX(-50%);\n\t\t&::before {\n\t\t\t@include pseudo();\n\t\t\t@include square(1.2rem);\n\t\t\t@include position($b: 100%, $l: 50%);\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: -0.5rem;\n\t\t\tmargin-left: -0.6rem;\n\t\t\ttransform: rotate(-135deg);\n\t\t\tbackground-color: var(--krds-dropdown--menu-color-surface);\n\t\t\tborder: 0.1rem solid var(--krds-dropdown--menu-color-border);\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-left-color: transparent;\n\t\t}\n\t\t.drop-in {\n\t\t\t@include flex-layout($fd: column, $ai: flex-start);\n\t\t\tgap: var(--krds-dropdown--menu-gap);\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\t\t.drop-top {\n\t\t\twidth: 100%;\n\t\t\tpadding: var(--krds-padding-3) var(--krds-padding-6);\n\t\t\tborder-bottom: 0.1rem solid var(--krds-dropdown--menu-color-border);\n\t\t}\n\t\t.drop-bottom {\n\t\t\t@include flex-layout($jc: center);\n\t\t\twidth: 100%;\n\t\t\tpadding: var(--krds-padding-3) 0;\n\t\t\tborder-top: 0.1rem solid var(--krds-dropdown--menu-color-border);\n\t\t}\n\t\t.drop-list {\n\t\t\twidth: 100%;\n\t\t\t.item-link {\n\t\t\t\t@include flex-layout($jc: flex-start, $ai: center);\n\t\t\t\twidth: 100%;\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\tpadding: 0 var(--krds-padding-6);\n\t\t\t\tfont-size: var(--krds-dropdown--list-item-pc-font-size);\n\t\t\t\tborder-radius: var(--krds-dropdown--list-item-radius);\n\t\t\t\theight: var(--krds-dropdown--list-item-height);\n\t\t\t\tbackground-color: var(--krds-dropdown--menu-color-surface);\n\t\t\t\t@include size-medium {\n\t\t\t\t\tfont-size: var(--krds-dropdown--list-item-mobile-font-size);\n\t\t\t\t}\n\t\t\t\t.ico-go {\n\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t}\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: var(--krds-dropdown--list-item-color-action-hover);\n\t\t\t\t}\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: var(--krds-dropdown--list-item-color-action-pressed);\n\t\t\t\t}\n\t\t\t\t&.active {\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\tcolor: var(--krds-dropdown--list-item-color-text-selected);\n\t\t\t\t\tbackground-color: var(--krds-dropdown--list-item-color-action-selected);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&.drop-left {\n\t\t.drop-menu {\n\t\t\tleft: 0;\n\t\t\tright: unset;\n\t\t\ttransform: none;\n\t\t\t&::before {\n\t\t\t\tleft: 2.4rem;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\t}\n\t&.drop-right {\n\t\t.drop-menu {\n\t\t\tleft: unset;\n\t\t\tright: 0;\n\t\t\ttransform: none;\n\t\t\t&::before {\n\t\t\t\tleft: unset;\n\t\t\t\tright: 2.4rem;\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-drop-wrap */\n\t.krds-drop-wrap {\n\t\t@include dropdown-color-variable(#{$mode-setting});\n\t\t.drop-list {\n\t\t\t.item-link {\n\t\t\t\t.ico-go {\n\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","/* reset */\n//모드 설정\n$mode-setting: light;\nhtml, body {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\tfont-family: var(--krds-font-family-base);\n\tcolor: var(--krds-#{$mode-setting}-color-text-basic);\n\tfont-weight: var(--krds-font-weight-regular);\n\tline-height: var(--krds-line-height-base);\n\tword-break: keep-all;\n\tword-wrap: break-word;\n\t-webkit-tap-highlight-color : transparent;\n\tscroll-behavior: smooth;\n}\nhtml {\n\tfont-size: var(--krds-font-size-base);\n}\nbody {\n\tbackground-color: var(--krds-#{$mode-setting}-color-background-white);\n\tfont-size: var(--krds-pc-font-size-body-medium);\n\toverflow-x: hidden;\n}\n//시스템 고대비모드 켜도 우리 style 적용되도록\n* {\n\t//forced-color-adjust: none;\n}\n\n//고대비모드\n@include color-mode(high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\thtml, body {\n\t\tcolor: var(--krds-#{$mode-setting}-color-text-basic);\n\t}\n\tbody {\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-background-white);\n\t}\n}\n*:focus {\n\t//@include focus();\n\toutline: 0.2rem solid var(--krds-light-color-border-inverse);\n\toutline-offset: 0;\n\tbox-shadow: var(--krds-box-shadow-outline);\n\ttransition: outline 0s, box-shadow 0s !important;\n}\n::-moz-selection {\n\tbackground: var(--krds-color-light-secondary-50);\n\tcolor: var(--krds-color-light-gray-0);\n}\n::selection {\n\tbackground: var(--krds-color-light-secondary-50);\n\tcolor: var(--krds-color-light-gray-0);\n}\n\nbody,\ndiv,\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nul,\nol,\nli,\ndl,\ndt,\ndd,\ntable,\nth,\ntd,\nform,\nfieldset,\nlegend,\ninput,\ntextarea,\na,\nbutton,\nselect,\nul,\nli,\nspan,\nem,\nlabel,\n:before,\n:after {\n\tmargin: 0;\n\tpadding: 0;\n\tbox-sizing: border-box;\n\t-webkit-text-size-adjust: none;\n\tfont-family: inherit;\n\tline-height: var(--krds-line-height-base);\n\tletter-spacing: inherit;\n}\npre {\n\tfont-family: inherit;\n}\ninput,\ntextarea,\na,\nbutton,\nselect,\nspan,\nlabel,\n:before,\n:after {\n\tfont: {\n\t\tsize: inherit;\n\t\tweight: inherit;\n\t}\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n\tfont-weight: var(--krds-font-weight-bold);\n}\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection {\n\tdisplay: block;\n\tmargin: 0;\n\tpadding: 0;\n\tbox-sizing: border-box;\n}\nimg,\nfieldset {\n\tborder: 0\n}\nfieldset {\n\tmin-width: 100%;\n}\nimg {\n\tmax-width: 100%;\n\tvertical-align: top;\n}\nul,\nol {\n\tlist-style: none;\n}\nem,\naddress,\ni {\n\tfont-style: normal;\n}\na,\nbutton {\n\ttransition: var(--krds-transition-base);\n}\na,\na:hover,\na:active,\na:focus {\n\tcolor: inherit;\n\ttext-decoration: none;\n}\na:visited {\n\t&.visited,\n\t.visited {\n\t\tcolor: var(--krds-#{$mode-setting}-color-link-visited);\n\t}\n}\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"] {\n\toverflow: visible;\n\tmargin: 0;\n\tbackground-color: transparent;\n\tborder: none;\n\t-webkit-appearance: button;\n\tcursor: pointer;\n\tfont: inherit;\n\tcolor: inherit;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n\tpadding: 0;\n\tborder: 0;\n}\n\ntextarea {\n\tresize: none;\n}\n\nlabel {\n\tcursor: pointer;\n}\n\nselect {\n\tappearance: none;\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n}\n\ninput[type=\"text\"],\ninput[type=\"tel\"],\ninput[type=\"password\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"date\"],\ninput[type=\"search\"],\ntextarea {\n\t-webkit-box-shadow: none;\n\tbox-shadow: none;\n\tappearance: none;\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\t-webkit-tap-highlight-color: transparent;\n}\ninput[type=\"number\"] {\n\t-moz-appearance: textfield;\n\tmargin: 0;\n}\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n\t-webkit-appearance: none;\n\tmargin: 0;\n}\n\ninput[type='text']::-ms-clear {\n\tdisplay: none;\n}\n\ncaption {\n\tposition: static !important;\n\tmargin: 0 !important;\n}\n\ntable {\n\ttable-layout: fixed;\n\tmax-width: none;\n\twidth: auto;\n\tmin-width: 100%;\n\tborder-collapse: collapse;\n}\n\n[role=\"button\"] {\n\tcursor: pointer;\n}\n\n.img img {\n\tmin-width: 100%;\n\tmax-width: 100%;\n}\n.img.bg-img {\n\tbackground-size: cover;\n}\n\n.blind,\nhr,\n.sr-only,\nlegend,\ncaption {\n\t@include sr-only;\n}\n.hide {\n\tdisplay: none !important;\n}\n.show {\n\tdisplay: block !important;\n}\n\n.al {\n\ttext-align: left !important;\n}\n.ac {\n\ttext-align: center !important;\n}\n.ar {\n\ttext-align: right !important;\n}\n.underline {\n\t@include underline();\n}\n.break-all {\n\tword-break: break-all;\n}\n//svg icon\n.svg-icon {\n\t@include svg-icon();\n\t&.pure {\n\t\t@include svg-icon($effect: pure);\n\t}\n}\n\n.inner {\n\tmax-width: var(--krds-contents-wrap-size);\n\tpadding-left: var(--krds-contents-padding-x);\n\tpadding-right: var(--krds-contents-padding-x);\n}\n\n//responsive mobile\n@include size-medium {\n\tbody {\n\t\tfont-size: var(--krds-mobile-font-size-body-medium);\n\t}\n\t.pc-only {\n\t\tdisplay: none !important;\n\t}\n\t.pc-only.read {\n\t\t@include sr-only;\n\t}\n\t.mob-line {\n\t\tdisplay: block;\n\t\tline-height: inherit;\n\t}\n}\n\n//responsive web\n@include size-large-more {\n\t.inner {\n\t\tmargin: 0 auto;\n\t}\n}\n\n@include size-medium-more {\n\t.mob-only {\n\t\tdisplay: none !important;\n\t}\n\t.mob-only.read {\n\t\t@include sr-only;\n\t}\n\t.pc-line {\n\t\tdisplay: block;\n\t\tline-height: inherit;\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\ta:visited {\n\t\t&.visited,\n\t\t.visited {\n\t\t\tcolor: var(--krds-#{$mode-setting}-color-link-visited);\n\t\t}\n\t}\n}","/* 버튼 / 링크 */\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}","/* 탭 */\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}","/* 아코디언 */\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"]}