Domain > auth.socar.kr

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2025-09-03	3.169.149.38 (ClassC)
2025-12-19	13.227.87.105 (ClassC)
2026-03-07	3.169.173.80 (ClassC)

HTTP/1.1 200 OKContent-Type: text/html; charsetutf-8Content-Length: 102072Connection: keep-aliveDate: Sat, 07 Mar 2026 21:55:56 GMTETag: 13slwh6s01726r2Vary: Accept-EncodingX-Cache: Miss from cloudfrontVia: 1.1 9a4713706b0c5d2719c0ce83795d8ec2.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P4Alt-Svc: h3:443; ma86400X-Amz-Cf-Id: FUVFRhpiMHoqB074ikzwMHqKBe4cmst8JqtInL2MW_w5sKN5BCBKyg

!DOCTYPE html>html langko data-fontios data-useragent data-mobile-devicetrue data-critters-container>head>title>쏘카 로그인/title>meta charsetutf-8>meta http-equivX-UA-Compatible contentIE-Edge>meta nameviewport contentwidthdevice-width, initial-scale1, maximum-scale1.0, minimum-scale1, user-scalable0>meta namenext-head-count content4>style>@charset UTF-8;/* src/components/Button/style.scss */*,*::before,*::after {  box-sizing: border-box;}a {  text-decoration: none;  color: inherit;  cursor: pointer;}button {  background-color: transparent;  color: inherit;  border-width: 0;  padding: 0;  cursor: pointer;}button:focus {  outline: 0;}figure {  margin: 0;}input::-moz-focus-inner {  border: 0;  padding: 0;  margin: 0;}ul,ol,dd {  margin: 0;  padding: 0;  list-style: none;}h1,h2,h3,h4,h5,h6 {  margin: 0;  font-size: inherit;  font-weight: inherit;}p {  margin: 0;}cite {  font-style: normal;}fieldset {  border-width: 0;  padding: 0;  margin: 0;}html {  font-size: 1px;}html {  line-height: 1.15;  -webkit-text-size-adjust: 100%;}body {  margin: 0;}main {  display: block;}h1 {  font-size: 2em;  margin: 0.67em 0;}hr {  box-sizing: content-box;  height: 0;  overflow: visible;}pre {  font-family: monospace, monospace;  font-size: 1em;}a {  background-color: transparent;}abbrtitle {  border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted;}b,strong {  font-weight: bolder;}code,kbd,samp {  font-family: monospace, monospace;  font-size: 1em;}small {  font-size: 80%;}sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}img {  border-style: none;}button,input,optgroup,select,textarea {  font-family: inherit;  font-size: 100%;  line-height: 1.15;  margin: 0;}button,input {  overflow: visible;}button,select {  text-transform: none;}button,typebutton,typereset,typesubmit {  -webkit-appearance: button;}button::-moz-focus-inner,typebutton::-moz-focus-inner,typereset::-moz-focus-inner,typesubmit::-moz-focus-inner {  border-style: none;  padding: 0;}button:-moz-focusring,typebutton:-moz-focusring,typereset:-moz-focusring,typesubmit:-moz-focusring {  outline: 1px dotted ButtonText;}fieldset {  padding: 0.35em 0.75em 0.625em;}legend {  box-sizing: border-box;  color: inherit;  display: table;  max-width: 100%;  padding: 0;  white-space: normal;}progress {  vertical-align: baseline;}textarea {  overflow: auto;}typecheckbox,typeradio {  box-sizing: border-box;  padding: 0;}typenumber::-webkit-inner-spin-button,typenumber::-webkit-outer-spin-button {  height: auto;}typesearch {  -webkit-appearance: textfield;  outline-offset: -2px;}typesearch::-webkit-search-decoration {  -webkit-appearance: none;}::-webkit-file-upload-button {  -webkit-appearance: button;  font: inherit;}details {  display: block;}summary {  display: list-item;}template {  display: none;}hidden {  display: none;}data-fontios body {  font-family:    Pretendard,    -apple-system,    BlinkMacSystemFont,    Malgun Gothic,    \b9d1\c740  \ace0\b515,    helvetica,    Apple SD Gothic Neo,    sans-serif;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontandroid body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontweb body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.display1 {  font-weight: var(--font-weight-bold);  font-size: 40px;  line-height: 1.25;  letter-spacing: -0.6px;}.display2 {  font-weight: var(--font-weight-bold);  font-size: 36px;  line-height: 1.22;  letter-spacing: -0.6px;}.heading1 {  font-size: 26px;  font-weight: var(--font-weight-bold);  line-height: 1.38;  letter-spacing: 0;}.heading2 {  font-size: 24px;  font-weight: var(--font-weight-bold);  line-height: 1.41;  letter-spacing: 0;}.heading3 {  font-size: 22px;  font-weight: var(--font-weight-bold);  line-height: 1.36;  letter-spacing: 0;}.title1,.design-system-button.largeFill-button-blue,.design-system-button.largeFill-button-grey,.design-system-button.largeFill-button-coral {  font-size: 18px;  font-weight: var(--font-weight-semiBold);  line-height: 1.44;  letter-spacing: 0;}.title2,.design-system-button.regularFill-button-blue,.design-system-button.regularFill-button-grey,.design-system-button.regularFill-button-coral {  font-size: 16px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.title3 {  font-size: 14px;  font-weight: var(--font-weight-semiBold);  line-height: 1.57;  letter-spacing: 0;}.title4 {  font-size: 13px;  font-weight: var(--font-weight-semiBold);  line-height: 1.53;  letter-spacing: 0;}.body1 {  font-size: 18px;  font-weight: var(--font-weight-regular);  line-height: 1.44;  letter-spacing: 0;}.body2,.design-system-button.regularLine-button-blue,.design-system-button.regularLine-button-grey,.design-system-button.regularLine-button-coral {  font-size: 16px;  font-weight: var(--font-weight-regular);  line-height: 1.5;  letter-spacing: 0;}.body3,.design-system-button.smallLine-button-blue,.design-system-button.smallLine-button-grey,.design-system-button.smallLine-button-coral,.design-system-button.smallText-button-blue,.design-system-button.smallText-button-grey,.design-system-button.smallText-button-coral {  font-size: 14px;  font-weight: var(--font-weight-regular);  line-height: 1.57;  letter-spacing: 0;}.body4 {  font-size: 13px;  font-weight: var(--font-weight-regular);  line-height: 1.53;  letter-spacing: 0;}.caption1 {  font-size: 12px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.caption2 {  font-size: 12px;  font-weight: var(--font-weight-medium);  line-height: 1.5;  letter-spacing: 0;}.caption3 {  font-size: 10px;  font-weight: var(--font-weight-semiBold);  line-height: 1.6;  letter-spacing: 0;}.text-ellipsis-1 {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.text-ellipsis-2 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.text-ellipsis-3 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}:root {  --font-weight-regular: 400;  --font-weight-medium: 500;  --font-weight-semiBold: 600;  --font-weight-bold: 700;}:root {  --gray-50: #f9f9fb;  --gray-100: #f2f3f8;  --gray-200: #e5e8ef;  --gray-300: #c8d1dc;  --gray-400: #b4bbcb;  --gray-500: #99a1b1;  --gray-600: #697383;  --gray-800: #354153;  --gray-900: #262f3c;  --gray-1000: #141a24;  --blue-50: #ebf5ff;  --lightblue-100: #d6f4ff;  --lightblue-200: #8fdfff;  --lightblue-300: #54c9ff;  --lightblue-400: #33beff;  --blue-500: #0078ff;  --blue-600: #0069ff;  --lightblue-800: #0086ec;  --indigo-50: #eceffe;  --indigo-800: #1c36e0;  --blue-100: #d6ebff;  --blue-300: #6bb5ff;  --blue-400: #3393ff;  --blue-700: #0052e0;  --blue-800: #0042c7;  --blue-900: #0033a9;  --orange-50: #fff8e6;  --orange-200: #ffdd99;  --orange-300: #ffc566;  --orange-400: #ffa940;  --orange-500: #ff8800;  --orange-600: #fa7900;  --orange-700: #f56a00;  --orange-800: #ec5704;  --red-50: #fff0f3;  --red-100: #ffdbdf;  --red-200: #ffa1ac;  --red-400: #ff576a;  --red-500: #ff3a5b;  --red-600: #f51441;  --red-800: #d30831;  --red-900: #c10027;  --green-50: #e6fef0;  --green-100: #d3fde5;  --green-200: #a0fcc8;  --green-400: #14e28f;  --green-500: #04ca81;  --green-600: #00bb83;  --green-700: #00ae82;  --service-socar: #0078ff;  --service-business: #0033a9;  --text-strong: #141a24;  --text-primary: #354153;  --text-secondary: #697383;  --text-tertiary: #99a1b1;  --text-disabled: #cbd1dc;  --background-regular: #f2f3f8;  --white: #ffffff;  --black: #000000;  --border-regular: #e5e8ef;  --notification-red: #ff3a5b;  --indigo-600: #3554f8;  --gray-900_rgb: rgb(40, 50, 60);  --white_rgb: rgb(255, 255, 255);}.background {  background-color: var(--white);}.background-elevated-modal {  background-color: var(--white);}.background-base-otherside {  background-color: var(--gray-900);}.background-base {  background-color: var(--gray-50);}.background-base-new {  background-color: var(--gray-100);}.background-grouped-contents {  background-color: var(--white);}.button-basecolor-blue,.design-system-button.largeFill-button-blue,.design-system-button.regularFill-button-blue {  background-color: var(--blue-500);}.button-basecolor-grey,.design-system-button.largeFill-button-grey,.design-system-button.regularFill-button-grey {  background-color: var(--gray-800);}.button-basecolor-coral,.design-system-button.largeFill-button-coral,.design-system-button.regularFill-button-coral {  background-color: var(--orange-500);}.button-basecolor-disabled,.disabled.design-system-button.largeFill-button-blue,.disabled.design-system-button.largeFill-button-grey,.disabled.design-system-button.largeFill-button-coral,.disabled.design-system-button.regularFill-button-blue,.disabled.design-system-button.regularFill-button-grey,.disabled.design-system-button.regularFill-button-coral,.disabled.design-system-button.regularLine-button-blue,.disabled.design-system-button.regularLine-button-grey,.disabled.design-system-button.regularLine-button-coral {  background-color: var(--gray-200);}.button-basecolor-line,.design-system-button.regularLine-button-blue,.design-system-button.regularLine-button-grey,.design-system-button.regularLine-button-coral,.design-system-button.smallLine-button-blue,.design-system-button.smallLine-button-grey,.design-system-button.smallLine-button-coral {  background-color: var(--white);}.tag-basecolor-basic {  background-color: var(--gray-200);}.tag-basecolor-grey {  background-color: var(--gray-800);}.tag-basecolor-blue {  background-color: var(--blue-500);}.tag-basecolor-navy {  background-color: var(--blue-600);}.tag-basecolor-red {  background-color: var(--red-500);}.tag-basecolor-drivingmode-basic {  background-color: var(--gray-800);}.bg-pressed-light {  background-color: var(--pressed-light);}.bg-gray-50 {  background-color: var(--gray-50);}.bg-gray-200 {  background-color: var(--gray-200);}.bg-gray-400 {  background-color: var(--gray-400);}.bg-gray-600 {  background-color: var(--gray-600);}.bg-gray-800 {  background-color: var(--gray-800);}.bg-gray-900 {  background-color: var(--gray-900);}.bg-gray-1000 {  background-color: var(--gray-1000);}.bg-white {  background-color: var(--white);}.bg-black {  background-color: var(--black);}.bg-blue-50 {  background-color: var(--blue-50);}.bg-lightblue-200 {  background-color: var(--lightblue-200);}.bg-lightblue-300 {  background-color: var(--lightblue-300);}.bg-lightblue-400 {  background-color: var(--lightblue-400);}.bg-blue-500 {  background-color: var(--blue-500);}.bg-blue-600 {  background-color: var(--blue-600);}.bg-lightblue-800 {  background-color: var(--lightblue-800);}.bg-orange-50 {  background-color: var(--orange-50);}.bg-orange-200 {  background-color: var(--orange-200);}.bg-orange-300 {  background-color: var(--orange-300);}.bg-orange-400 {  background-color: var(--orange-400);}.bg-orange-500 {  background-color: var(--orange-500);}.bg-orange-600 {  background-color: var(--orange-600);}.bg-orange-700 {  background-color: var(--orange-700);}.bg-orange-800 {  background-color: var(--orange-800);}.bg-blue-700 {  background-color: var(--blue-700);}.bg-red-200 {  background-color: var(--red-200);}.bg-red-400 {  background-color: var(--red-400);}.bg-red-500 {  background-color: var(--red-500);}.bg-socarbusiness050 {  background-color: var(--socarbusiness050);}.bg-socarplus050 {  background-color: var(--socarplus050);}.bg-socarplan050 {  background-color: var(--socarplan050);}.bg-green-100 {  background-color: var(--green-100);}.primary {  color: var(--gray-800);}.text-secondary {  color: var(--gray-600);}.disable-placeholder {  color: var(--gray-400);}.button-textcolor-white,.design-system-button.largeFill-button-blue,.design-system-button.largeFill-button-grey,.design-system-button.largeFill-button-coral,.design-system-button.regularFill-button-blue,.design-system-button.regularFill-button-grey,.design-system-button.regularFill-button-coral {  color: var(--white);}.button-textcolor-disabled,.disabled.design-system-button.largeFill-button-blue,.disabled.design-system-button.largeFill-button-grey,.disabled.design-system-button.largeFill-button-coral,.disabled.design-system-button.regularFill-button-blue,.disabled.design-system-button.regularFill-button-grey,.disabled.design-system-button.regularFill-button-coral,.disabled.design-system-button.regularLine-button-blue,.disabled.design-system-button.regularLine-button-grey,.disabled.design-system-button.regularLine-button-coral,.disabled.design-system-button.smallLine-button-blue,.disabled.design-system-button.smallLine-button-grey,.disabled.design-system-button.smallLine-button-coral,.disabled.design-system-button.smallText-button-blue,.disabled.design-system-button.smallText-button-grey,.disabled.design-system-button.smallText-button-coral {  color: var(--gray-400);}.button-textcolor-blue,.design-system-button.regularLine-button-blue,.design-system-button.smallText-button-blue {  color: var(--blue-500);}.button-textcolor-secondary,.design-system-button.regularLine-button-grey,.design-system-button.smallLine-button-blue,.design-system-button.smallLine-button-grey,.design-system-button.smallLine-button-coral,.design-system-button.smallText-button-grey {  color: var(--gray-600);}.button-textcolor-coral,.design-system-button.regularLine-button-coral,.design-system-button.smallText-button-coral {  color: var(--orange-500);}.button-textcolor-grey {  color: var(--gray-600);}.tag-textcolor-secondary {  color: var(--gray-600);}.tag-textcolor-basic {  color: var(--gray-600);}.tag-textcolor-grey {  color: var(--white);}.tag-textcolor-white {  color: var(--white);}.gray-50 {  color: var(--gray-50);}.gray-200 {  color: var(--gray-200);}.gray-400 {  color: var(--gray-400);}.gray-600 {  color: var(--gray-600);}.gray-800 {  color: var(--gray-800);}.gray-900 {  color: var(--gray-900);}.gray-1000 {  color: var(--gray-1000);}.white {  color: var(--white);}.black {  color: var(--black);}.blue-50 {  color: var(--blue-50);}.lightblue-200 {  color: var(--lightblue-200);}.lightblue-300 {  color: var(--lightblue-300);}.lightblue-400 {  color: var(--lightblue-400);}.blue-500 {  color: var(--blue-500);}.blue-600 {  color: var(--blue-600);}.lightblue-800 {  color: var(--lightblue-800);}.orange-50 {  color: var(--orange-50);}.orange-200 {  color: var(--orange-200);}.orange-300 {  color: var(--orange-300);}.orange-400 {  color: var(--orange-400);}.orange-500 {  color: var(--orange-500);}.orange-600 {  color: var(--orange-600);}.orange-700 {  color: var(--orange-700);}.orange-800 {  color: var(--orange-800);}.blue-700 {  color: var(--blue-700);}.red-200 {  color: var(--red-200);}.red-400 {  color: var(--red-400);}.red-500 {  color: var(--red-500);}.socarbusiness050 {  color: var(--socarbusiness050);}.socarplus050 {  color: var(--socarplus050);}.socarplan050 {  color: var(--socarplan050);}.text-tertiary {  color: var(--gray-500);}.initial {  color: var(--gray-1000);}.green-100 {  color: var(--green-100);}.border-basic {  border-color: var(--gray-200);}.border-basic2 {  border-color: var(--gray-200);}.button-bordercolor-line {  border-color: var(--gray-200);}.dim-thick {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-basic {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-thin {  background-color: var(--gray-1000);  opacity: 0.44;}.design-system-button.largeFill-button-blue:active::after,.design-system-button.largeFill-button-grey:active::after,.design-system-button.largeFill-button-coral:active::after,.design-system-button.regularFill-button-blue:active::after,.design-system-button.regularFill-button-grey:active::after,.design-system-button.regularFill-button-coral:active::after {  content: ;  position: absolute;  background-color: rgba(var(--white_rgb), 0.15);  width: 100%;  height: 100%;  left: 0;  top: 0;}.design-system-button.regularLine-button-blue:active,.design-system-button.regularLine-button-grey:active,.design-system-button.regularLine-button-coral:active,.design-system-button.smallLine-button-blue:active,.design-system-button.smallLine-button-grey:active,.design-system-button.smallLine-button-coral:active,.design-system-button.smallText-button-blue:active,.design-system-button.smallText-button-grey:active,.design-system-button.smallText-button-coral:active {  background-color: rgba(var(--gray-900_rgb), 0.05);}.design-system-button.largeFill-button-coral,.design-system-button.largeFill-button-grey,.design-system-button.largeFill-button-blue {  height: 64px;}.design-system-button.regularFill-button-coral,.design-system-button.regularFill-button-grey,.design-system-button.regularFill-button-blue {  height: 54px;}.design-system-button.regularLine-button-coral,.design-system-button.regularLine-button-grey,.design-system-button.regularLine-button-blue {  border: 1px solid var(--gray-200);  height: 54px;}.design-system-button.smallLine-button-coral,.design-system-button.smallLine-button-grey,.design-system-button.smallLine-button-blue {  border: 1px solid var(--gray-200);  height: 32px;  padding: 5px 8px;  width: auto;  border-radius: 2px;}.design-system-button.smallText-button-coral,.design-system-button.smallText-button-grey,.design-system-button.smallText-button-blue {  height: 32px;  padding: 8px;  width: auto;}.design-system-button {  position: relative;  margin: 0 auto;  width: 100%;}.design-system-button .icon-front {  vertical-align: text-top;  margin-right: 8px;}.design-system-button .icon-rear {  vertical-align: text-top;  margin-left: 2px;}/* src/components/CheckBox/style.scss */*,*::before,*::after {  box-sizing: border-box;}a {  text-decoration: none;  color: inherit;  cursor: pointer;}button {  background-color: transparent;  color: inherit;  border-width: 0;  padding: 0;  cursor: pointer;}button:focus {  outline: 0;}figure {  margin: 0;}input::-moz-focus-inner {  border: 0;  padding: 0;  margin: 0;}ul,ol,dd {  margin: 0;  padding: 0;  list-style: none;}h1,h2,h3,h4,h5,h6 {  margin: 0;  font-size: inherit;  font-weight: inherit;}p {  margin: 0;}cite {  font-style: normal;}fieldset {  border-width: 0;  padding: 0;  margin: 0;}html {  font-size: 1px;}html {  line-height: 1.15;  -webkit-text-size-adjust: 100%;}body {  margin: 0;}main {  display: block;}h1 {  font-size: 2em;  margin: 0.67em 0;}hr {  box-sizing: content-box;  height: 0;  overflow: visible;}pre {  font-family: monospace, monospace;  font-size: 1em;}a {  background-color: transparent;}abbrtitle {  border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted;}b,strong {  font-weight: bolder;}code,kbd,samp {  font-family: monospace, monospace;  font-size: 1em;}small {  font-size: 80%;}sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}img {  border-style: none;}button,input,optgroup,select,textarea {  font-family: inherit;  font-size: 100%;  line-height: 1.15;  margin: 0;}button,input {  overflow: visible;}button,select {  text-transform: none;}button,typebutton,typereset,typesubmit {  -webkit-appearance: button;}button::-moz-focus-inner,typebutton::-moz-focus-inner,typereset::-moz-focus-inner,typesubmit::-moz-focus-inner {  border-style: none;  padding: 0;}button:-moz-focusring,typebutton:-moz-focusring,typereset:-moz-focusring,typesubmit:-moz-focusring {  outline: 1px dotted ButtonText;}fieldset {  padding: 0.35em 0.75em 0.625em;}legend {  box-sizing: border-box;  color: inherit;  display: table;  max-width: 100%;  padding: 0;  white-space: normal;}progress {  vertical-align: baseline;}textarea {  overflow: auto;}typecheckbox,typeradio {  box-sizing: border-box;  padding: 0;}typenumber::-webkit-inner-spin-button,typenumber::-webkit-outer-spin-button {  height: auto;}typesearch {  -webkit-appearance: textfield;  outline-offset: -2px;}typesearch::-webkit-search-decoration {  -webkit-appearance: none;}::-webkit-file-upload-button {  -webkit-appearance: button;  font: inherit;}details {  display: block;}summary {  display: list-item;}template {  display: none;}hidden {  display: none;}data-fontios body {  font-family:    Pretendard,    -apple-system,    BlinkMacSystemFont,    Malgun Gothic,    \b9d1\c740  \ace0\b515,    helvetica,    Apple SD Gothic Neo,    sans-serif;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontandroid body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontweb body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.display1 {  font-weight: var(--font-weight-bold);  font-size: 40px;  line-height: 1.25;  letter-spacing: -0.6px;}.display2 {  font-weight: var(--font-weight-bold);  font-size: 36px;  line-height: 1.22;  letter-spacing: -0.6px;}.heading1 {  font-size: 26px;  font-weight: var(--font-weight-bold);  line-height: 1.38;  letter-spacing: 0;}.heading2 {  font-size: 24px;  font-weight: var(--font-weight-bold);  line-height: 1.41;  letter-spacing: 0;}.heading3 {  font-size: 22px;  font-weight: var(--font-weight-bold);  line-height: 1.36;  letter-spacing: 0;}.title1 {  font-size: 18px;  font-weight: var(--font-weight-semiBold);  line-height: 1.44;  letter-spacing: 0;}.title2 {  font-size: 16px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.title3 {  font-size: 14px;  font-weight: var(--font-weight-semiBold);  line-height: 1.57;  letter-spacing: 0;}.title4 {  font-size: 13px;  font-weight: var(--font-weight-semiBold);  line-height: 1.53;  letter-spacing: 0;}.body1 {  font-size: 18px;  font-weight: var(--font-weight-regular);  line-height: 1.44;  letter-spacing: 0;}.body2 {  font-size: 16px;  font-weight: var(--font-weight-regular);  line-height: 1.5;  letter-spacing: 0;}.body3 {  font-size: 14px;  font-weight: var(--font-weight-regular);  line-height: 1.57;  letter-spacing: 0;}.body4 {  font-size: 13px;  font-weight: var(--font-weight-regular);  line-height: 1.53;  letter-spacing: 0;}.caption1 {  font-size: 12px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.caption2 {  font-size: 12px;  font-weight: var(--font-weight-medium);  line-height: 1.5;  letter-spacing: 0;}.caption3 {  font-size: 10px;  font-weight: var(--font-weight-semiBold);  line-height: 1.6;  letter-spacing: 0;}.text-ellipsis-1 {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.text-ellipsis-2 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.text-ellipsis-3 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}:root {  --font-weight-regular: 400;  --font-weight-medium: 500;  --font-weight-semiBold: 600;  --font-weight-bold: 700;}:root {  --gray-50: #f9f9fb;  --gray-100: #f2f3f8;  --gray-200: #e5e8ef;  --gray-300: #c8d1dc;  --gray-400: #b4bbcb;  --gray-500: #99a1b1;  --gray-600: #697383;  --gray-800: #354153;  --gray-900: #262f3c;  --gray-1000: #141a24;  --blue-50: #ebf5ff;  --lightblue-100: #d6f4ff;  --lightblue-200: #8fdfff;  --lightblue-300: #54c9ff;  --lightblue-400: #33beff;  --blue-500: #0078ff;  --blue-600: #0069ff;  --lightblue-800: #0086ec;  --indigo-50: #eceffe;  --indigo-800: #1c36e0;  --blue-100: #d6ebff;  --blue-300: #6bb5ff;  --blue-400: #3393ff;  --blue-700: #0052e0;  --blue-800: #0042c7;  --blue-900: #0033a9;  --orange-50: #fff8e6;  --orange-200: #ffdd99;  --orange-300: #ffc566;  --orange-400: #ffa940;  --orange-500: #ff8800;  --orange-600: #fa7900;  --orange-700: #f56a00;  --orange-800: #ec5704;  --red-50: #fff0f3;  --red-100: #ffdbdf;  --red-200: #ffa1ac;  --red-400: #ff576a;  --red-500: #ff3a5b;  --red-600: #f51441;  --red-800: #d30831;  --red-900: #c10027;  --green-50: #e6fef0;  --green-100: #d3fde5;  --green-200: #a0fcc8;  --green-400: #14e28f;  --green-500: #04ca81;  --green-600: #00bb83;  --green-700: #00ae82;  --service-socar: #0078ff;  --service-business: #0033a9;  --text-strong: #141a24;  --text-primary: #354153;  --text-secondary: #697383;  --text-tertiary: #99a1b1;  --text-disabled: #cbd1dc;  --background-regular: #f2f3f8;  --white: #ffffff;  --black: #000000;  --border-regular: #e5e8ef;  --notification-red: #ff3a5b;  --indigo-600: #3554f8;  --gray-900_rgb: rgb(40, 50, 60);  --white_rgb: rgb(255, 255, 255);}.background {  background-color: var(--white);}.background-elevated-modal {  background-color: var(--white);}.background-base-otherside {  background-color: var(--gray-900);}.background-base {  background-color: var(--gray-50);}.background-base-new {  background-color: var(--gray-100);}.background-grouped-contents {  background-color: var(--white);}.button-basecolor-blue {  background-color: var(--blue-500);}.button-basecolor-grey {  background-color: var(--gray-800);}.button-basecolor-coral {  background-color: var(--orange-500);}.button-basecolor-disabled {  background-color: var(--gray-200);}.button-basecolor-line {  background-color: var(--white);}.tag-basecolor-basic {  background-color: var(--gray-200);}.tag-basecolor-grey {  background-color: var(--gray-800);}.tag-basecolor-blue {  background-color: var(--blue-500);}.tag-basecolor-navy {  background-color: var(--blue-600);}.tag-basecolor-red {  background-color: var(--red-500);}.tag-basecolor-drivingmode-basic {  background-color: var(--gray-800);}.bg-pressed-light {  background-color: var(--pressed-light);}.bg-gray-50 {  background-color: var(--gray-50);}.bg-gray-200 {  background-color: var(--gray-200);}.bg-gray-400 {  background-color: var(--gray-400);}.bg-gray-600 {  background-color: var(--gray-600);}.bg-gray-800 {  background-color: var(--gray-800);}.bg-gray-900 {  background-color: var(--gray-900);}.bg-gray-1000 {  background-color: var(--gray-1000);}.bg-white {  background-color: var(--white);}.bg-black {  background-color: var(--black);}.bg-blue-50 {  background-color: var(--blue-50);}.bg-lightblue-200 {  background-color: var(--lightblue-200);}.bg-lightblue-300 {  background-color: var(--lightblue-300);}.bg-lightblue-400 {  background-color: var(--lightblue-400);}.bg-blue-500 {  background-color: var(--blue-500);}.bg-blue-600 {  background-color: var(--blue-600);}.bg-lightblue-800 {  background-color: var(--lightblue-800);}.bg-orange-50 {  background-color: var(--orange-50);}.bg-orange-200 {  background-color: var(--orange-200);}.bg-orange-300 {  background-color: var(--orange-300);}.bg-orange-400 {  background-color: var(--orange-400);}.bg-orange-500 {  background-color: var(--orange-500);}.bg-orange-600 {  background-color: var(--orange-600);}.bg-orange-700 {  background-color: var(--orange-700);}.bg-orange-800 {  background-color: var(--orange-800);}.bg-blue-700 {  background-color: var(--blue-700);}.bg-red-200 {  background-color: var(--red-200);}.bg-red-400 {  background-color: var(--red-400);}.bg-red-500 {  background-color: var(--red-500);}.bg-socarbusiness050 {  background-color: var(--socarbusiness050);}.bg-socarplus050 {  background-color: var(--socarplus050);}.bg-socarplan050 {  background-color: var(--socarplan050);}.bg-green-100 {  background-color: var(--green-100);}.primary {  color: var(--gray-800);}.text-secondary {  color: var(--gray-600);}.disable-placeholder {  color: var(--gray-400);}.button-textcolor-white {  color: var(--white);}.button-textcolor-disabled {  color: var(--gray-400);}.button-textcolor-blue {  color: var(--blue-500);}.button-textcolor-secondary {  color: var(--gray-600);}.button-textcolor-coral {  color: var(--orange-500);}.button-textcolor-grey {  color: var(--gray-600);}.tag-textcolor-secondary {  color: var(--gray-600);}.tag-textcolor-basic {  color: var(--gray-600);}.tag-textcolor-grey {  color: var(--white);}.tag-textcolor-white {  color: var(--white);}.gray-50 {  color: var(--gray-50);}.gray-200 {  color: var(--gray-200);}.gray-400 {  color: var(--gray-400);}.gray-600 {  color: var(--gray-600);}.gray-800 {  color: var(--gray-800);}.gray-900 {  color: var(--gray-900);}.gray-1000 {  color: var(--gray-1000);}.white {  color: var(--white);}.black {  color: var(--black);}.blue-50 {  color: var(--blue-50);}.lightblue-200 {  color: var(--lightblue-200);}.lightblue-300 {  color: var(--lightblue-300);}.lightblue-400 {  color: var(--lightblue-400);}.blue-500 {  color: var(--blue-500);}.blue-600 {  color: var(--blue-600);}.lightblue-800 {  color: var(--lightblue-800);}.orange-50 {  color: var(--orange-50);}.orange-200 {  color: var(--orange-200);}.orange-300 {  color: var(--orange-300);}.orange-400 {  color: var(--orange-400);}.orange-500 {  color: var(--orange-500);}.orange-600 {  color: var(--orange-600);}.orange-700 {  color: var(--orange-700);}.orange-800 {  color: var(--orange-800);}.blue-700 {  color: var(--blue-700);}.red-200 {  color: var(--red-200);}.red-400 {  color: var(--red-400);}.red-500 {  color: var(--red-500);}.socarbusiness050 {  color: var(--socarbusiness050);}.socarplus050 {  color: var(--socarplus050);}.socarplan050 {  color: var(--socarplan050);}.text-tertiary {  color: var(--gray-500);}.initial {  color: var(--gray-1000);}.green-100 {  color: var(--green-100);}.border-basic {  border-color: var(--gray-200);}.border-basic2 {  border-color: var(--gray-200);}.button-bordercolor-line {  border-color: var(--gray-200);}.dim-thick {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-basic {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-thin {  background-color: var(--gray-1000);  opacity: 0.44;}label {  width: fit-content;  display: inline-flex;  line-height: 24px;  display: flex;  align-items: center;}label.has-link {  width: 100%;}label > inputtypecheckbox {  -webkit-appearance: none;  -moz-appearance: none;  display: none;}.check-wrapper {  margin: 12px 0;}.check-wrapper.check-inline {  display: inline-flex;}.check-wrapper.check-inline:not(:last-of-type) {  margin-right: 10px;}.check-wrapper .check-text {  user-select: none;  word-break: break-all;}.check-wrapper .check-icon {  margin-right: 8px;  margin-bottom: auto;}.check-wrapper .check-chevron {  font-size: inherit;  margin-left: 10px;}/* src/components/Loading/style.scss */.Loading {  position: relative;}.Loading.full-screen {  z-index: 9999;  height: auto;  position: absolute;  bottom: 0;  left: 0;  right: 0;  top: 0;}.Loading .animation-box {  left: 50%;  position: absolute;  top: 50%;  transform: translate(-50%, -50%);}/* src/components/Navigation/style.scss */.action-bar {  position: fixed;  top: 0;  left: 0;  z-index: 9999;  display: flex;  align-items: center;  width: 100vw;  min-width: 100vw;  justify-content: space-between;  overflow-y: hidden;}.action-bar.line {  border: 1px solid transparent;  transition: border-color ease-in 0.1s forwards;}.action-bar.line.visible {  border-color: var(--gray-200);}.action-bar .page-name {  text-align: center;  flex: 1 1;  opacity: 0;  transition: opacity ease-in-out 0.1s;}.action-bar .page-name.visible {  opacity: 1;}.action-bar .left-part,.action-bar .right-part {  display: flex;  padding: 0 6px;  flex: 0 1 104px;}.action-bar .left-part .L1,.action-bar .left-part .R2,.action-bar .right-part .L1,.action-bar .right-part .R2 {  margin-right: 4px;}.action-bar .left-part .action-button,.action-bar .right-part .action-button {  display: flex;  align-items: center;  width: 24px;  height: 24px;  padding: 10px;  box-sizing: content-box;}.action-bar .left-part .action-button.text,.action-bar .right-part .action-button.text {  min-width: 26px;  width: auto;}.action-bar .right-part {  justify-content: flex-end;}/* src/components/Radio/style.scss */*,*::before,*::after {  box-sizing: border-box;}a {  text-decoration: none;  color: inherit;  cursor: pointer;}button {  background-color: transparent;  color: inherit;  border-width: 0;  padding: 0;  cursor: pointer;}button:focus {  outline: 0;}figure {  margin: 0;}input::-moz-focus-inner {  border: 0;  padding: 0;  margin: 0;}ul,ol,dd {  margin: 0;  padding: 0;  list-style: none;}h1,h2,h3,h4,h5,h6 {  margin: 0;  font-size: inherit;  font-weight: inherit;}p {  margin: 0;}cite {  font-style: normal;}fieldset {  border-width: 0;  padding: 0;  margin: 0;}html {  font-size: 1px;}html {  line-height: 1.15;  -webkit-text-size-adjust: 100%;}body {  margin: 0;}main {  display: block;}h1 {  font-size: 2em;  margin: 0.67em 0;}hr {  box-sizing: content-box;  height: 0;  overflow: visible;}pre {  font-family: monospace, monospace;  font-size: 1em;}a {  background-color: transparent;}abbrtitle {  border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted;}b,strong {  font-weight: bolder;}code,kbd,samp {  font-family: monospace, monospace;  font-size: 1em;}small {  font-size: 80%;}sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}img {  border-style: none;}button,input,optgroup,select,textarea {  font-family: inherit;  font-size: 100%;  line-height: 1.15;  margin: 0;}button,input {  overflow: visible;}button,select {  text-transform: none;}button,typebutton,typereset,typesubmit {  -webkit-appearance: button;}button::-moz-focus-inner,typebutton::-moz-focus-inner,typereset::-moz-focus-inner,typesubmit::-moz-focus-inner {  border-style: none;  padding: 0;}button:-moz-focusring,typebutton:-moz-focusring,typereset:-moz-focusring,typesubmit:-moz-focusring {  outline: 1px dotted ButtonText;}fieldset {  padding: 0.35em 0.75em 0.625em;}legend {  box-sizing: border-box;  color: inherit;  display: table;  max-width: 100%;  padding: 0;  white-space: normal;}progress {  vertical-align: baseline;}textarea {  overflow: auto;}typecheckbox,typeradio {  box-sizing: border-box;  padding: 0;}typenumber::-webkit-inner-spin-button,typenumber::-webkit-outer-spin-button {  height: auto;}typesearch {  -webkit-appearance: textfield;  outline-offset: -2px;}typesearch::-webkit-search-decoration {  -webkit-appearance: none;}::-webkit-file-upload-button {  -webkit-appearance: button;  font: inherit;}details {  display: block;}summary {  display: list-item;}template {  display: none;}hidden {  display: none;}data-fontios body {  font-family:    Pretendard,    -apple-system,    BlinkMacSystemFont,    Malgun Gothic,    \b9d1\c740  \ace0\b515,    helvetica,    Apple SD Gothic Neo,    sans-serif;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontandroid body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontweb body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.display1 {  font-weight: var(--font-weight-bold);  font-size: 40px;  line-height: 1.25;  letter-spacing: -0.6px;}.display2 {  font-weight: var(--font-weight-bold);  font-size: 36px;  line-height: 1.22;  letter-spacing: -0.6px;}.heading1 {  font-size: 26px;  font-weight: var(--font-weight-bold);  line-height: 1.38;  letter-spacing: 0;}.heading2 {  font-size: 24px;  font-weight: var(--font-weight-bold);  line-height: 1.41;  letter-spacing: 0;}.heading3 {  font-size: 22px;  font-weight: var(--font-weight-bold);  line-height: 1.36;  letter-spacing: 0;}.title1 {  font-size: 18px;  font-weight: var(--font-weight-semiBold);  line-height: 1.44;  letter-spacing: 0;}.title2 {  font-size: 16px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.title3 {  font-size: 14px;  font-weight: var(--font-weight-semiBold);  line-height: 1.57;  letter-spacing: 0;}.title4 {  font-size: 13px;  font-weight: var(--font-weight-semiBold);  line-height: 1.53;  letter-spacing: 0;}.body1 {  font-size: 18px;  font-weight: var(--font-weight-regular);  line-height: 1.44;  letter-spacing: 0;}.body2 {  font-size: 16px;  font-weight: var(--font-weight-regular);  line-height: 1.5;  letter-spacing: 0;}.body3 {  font-size: 14px;  font-weight: var(--font-weight-regular);  line-height: 1.57;  letter-spacing: 0;}.body4 {  font-size: 13px;  font-weight: var(--font-weight-regular);  line-height: 1.53;  letter-spacing: 0;}.caption1 {  font-size: 12px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.caption2 {  font-size: 12px;  font-weight: var(--font-weight-medium);  line-height: 1.5;  letter-spacing: 0;}.caption3 {  font-size: 10px;  font-weight: var(--font-weight-semiBold);  line-height: 1.6;  letter-spacing: 0;}.text-ellipsis-1 {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.text-ellipsis-2 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.text-ellipsis-3 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}:root {  --font-weight-regular: 400;  --font-weight-medium: 500;  --font-weight-semiBold: 600;  --font-weight-bold: 700;}:root {  --gray-50: #f9f9fb;  --gray-100: #f2f3f8;  --gray-200: #e5e8ef;  --gray-300: #c8d1dc;  --gray-400: #b4bbcb;  --gray-500: #99a1b1;  --gray-600: #697383;  --gray-800: #354153;  --gray-900: #262f3c;  --gray-1000: #141a24;  --blue-50: #ebf5ff;  --lightblue-100: #d6f4ff;  --lightblue-200: #8fdfff;  --lightblue-300: #54c9ff;  --lightblue-400: #33beff;  --blue-500: #0078ff;  --blue-600: #0069ff;  --lightblue-800: #0086ec;  --indigo-50: #eceffe;  --indigo-800: #1c36e0;  --blue-100: #d6ebff;  --blue-300: #6bb5ff;  --blue-400: #3393ff;  --blue-700: #0052e0;  --blue-800: #0042c7;  --blue-900: #0033a9;  --orange-50: #fff8e6;  --orange-200: #ffdd99;  --orange-300: #ffc566;  --orange-400: #ffa940;  --orange-500: #ff8800;  --orange-600: #fa7900;  --orange-700: #f56a00;  --orange-800: #ec5704;  --red-50: #fff0f3;  --red-100: #ffdbdf;  --red-200: #ffa1ac;  --red-400: #ff576a;  --red-500: #ff3a5b;  --red-600: #f51441;  --red-800: #d30831;  --red-900: #c10027;  --green-50: #e6fef0;  --green-100: #d3fde5;  --green-200: #a0fcc8;  --green-400: #14e28f;  --green-500: #04ca81;  --green-600: #00bb83;  --green-700: #00ae82;  --service-socar: #0078ff;  --service-business: #0033a9;  --text-strong: #141a24;  --text-primary: #354153;  --text-secondary: #697383;  --text-tertiary: #99a1b1;  --text-disabled: #cbd1dc;  --background-regular: #f2f3f8;  --white: #ffffff;  --black: #000000;  --border-regular: #e5e8ef;  --notification-red: #ff3a5b;  --indigo-600: #3554f8;  --gray-900_rgb: rgb(40, 50, 60);  --white_rgb: rgb(255, 255, 255);}.background {  background-color: var(--white);}.background-elevated-modal {  background-color: var(--white);}.background-base-otherside {  background-color: var(--gray-900);}.background-base {  background-color: var(--gray-50);}.background-base-new {  background-color: var(--gray-100);}.background-grouped-contents {  background-color: var(--white);}.button-basecolor-blue {  background-color: var(--blue-500);}.button-basecolor-grey {  background-color: var(--gray-800);}.button-basecolor-coral {  background-color: var(--orange-500);}.button-basecolor-disabled {  background-color: var(--gray-200);}.button-basecolor-line {  background-color: var(--white);}.tag-basecolor-basic {  background-color: var(--gray-200);}.tag-basecolor-grey {  background-color: var(--gray-800);}.tag-basecolor-blue {  background-color: var(--blue-500);}.tag-basecolor-navy {  background-color: var(--blue-600);}.tag-basecolor-red {  background-color: var(--red-500);}.tag-basecolor-drivingmode-basic {  background-color: var(--gray-800);}.bg-pressed-light {  background-color: var(--pressed-light);}.bg-gray-50 {  background-color: var(--gray-50);}.bg-gray-200 {  background-color: var(--gray-200);}.bg-gray-400 {  background-color: var(--gray-400);}.bg-gray-600 {  background-color: var(--gray-600);}.bg-gray-800 {  background-color: var(--gray-800);}.bg-gray-900 {  background-color: var(--gray-900);}.bg-gray-1000 {  background-color: var(--gray-1000);}.bg-white {  background-color: var(--white);}.bg-black {  background-color: var(--black);}.bg-blue-50 {  background-color: var(--blue-50);}.bg-lightblue-200 {  background-color: var(--lightblue-200);}.bg-lightblue-300 {  background-color: var(--lightblue-300);}.bg-lightblue-400 {  background-color: var(--lightblue-400);}.bg-blue-500 {  background-color: var(--blue-500);}.bg-blue-600 {  background-color: var(--blue-600);}.bg-lightblue-800 {  background-color: var(--lightblue-800);}.bg-orange-50 {  background-color: var(--orange-50);}.bg-orange-200 {  background-color: var(--orange-200);}.bg-orange-300 {  background-color: var(--orange-300);}.bg-orange-400 {  background-color: var(--orange-400);}.bg-orange-500 {  background-color: var(--orange-500);}.bg-orange-600 {  background-color: var(--orange-600);}.bg-orange-700 {  background-color: var(--orange-700);}.bg-orange-800 {  background-color: var(--orange-800);}.bg-blue-700 {  background-color: var(--blue-700);}.bg-red-200 {  background-color: var(--red-200);}.bg-red-400 {  background-color: var(--red-400);}.bg-red-500 {  background-color: var(--red-500);}.bg-socarbusiness050 {  background-color: var(--socarbusiness050);}.bg-socarplus050 {  background-color: var(--socarplus050);}.bg-socarplan050 {  background-color: var(--socarplan050);}.bg-green-100 {  background-color: var(--green-100);}.primary {  color: var(--gray-800);}.text-secondary {  color: var(--gray-600);}.disable-placeholder {  color: var(--gray-400);}.button-textcolor-white {  color: var(--white);}.button-textcolor-disabled {  color: var(--gray-400);}.button-textcolor-blue {  color: var(--blue-500);}.button-textcolor-secondary {  color: var(--gray-600);}.button-textcolor-coral {  color: var(--orange-500);}.button-textcolor-grey {  color: var(--gray-600);}.tag-textcolor-secondary {  color: var(--gray-600);}.tag-textcolor-basic {  color: var(--gray-600);}.tag-textcolor-grey {  color: var(--white);}.tag-textcolor-white {  color: var(--white);}.gray-50 {  color: var(--gray-50);}.gray-200 {  color: var(--gray-200);}.gray-400 {  color: var(--gray-400);}.gray-600 {  color: var(--gray-600);}.gray-800 {  color: var(--gray-800);}.gray-900 {  color: var(--gray-900);}.gray-1000 {  color: var(--gray-1000);}.white {  color: var(--white);}.black {  color: var(--black);}.blue-50 {  color: var(--blue-50);}.lightblue-200 {  color: var(--lightblue-200);}.lightblue-300 {  color: var(--lightblue-300);}.lightblue-400 {  color: var(--lightblue-400);}.blue-500 {  color: var(--blue-500);}.blue-600 {  color: var(--blue-600);}.lightblue-800 {  color: var(--lightblue-800);}.orange-50 {  color: var(--orange-50);}.orange-200 {  color: var(--orange-200);}.orange-300 {  color: var(--orange-300);}.orange-400 {  color: var(--orange-400);}.orange-500 {  color: var(--orange-500);}.orange-600 {  color: var(--orange-600);}.orange-700 {  color: var(--orange-700);}.orange-800 {  color: var(--orange-800);}.blue-700 {  color: var(--blue-700);}.red-200 {  color: var(--red-200);}.red-400 {  color: var(--red-400);}.red-500 {  color: var(--red-500);}.socarbusiness050 {  color: var(--socarbusiness050);}.socarplus050 {  color: var(--socarplus050);}.socarplan050 {  color: var(--socarplan050);}.text-tertiary {  color: var(--gray-500);}.initial {  color: var(--gray-1000);}.green-100 {  color: var(--green-100);}.border-basic {  border-color: var(--gray-200);}.border-basic2 {  border-color: var(--gray-200);}.button-bordercolor-line {  border-color: var(--gray-200);}.dim-thick {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-basic {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-thin {  background-color: var(--gray-1000);  opacity: 0.44;}label {  width: fit-content;  display: inline-flex;  line-height: 24px;  display: flex;  align-items: center;}label > inputtyperadio {  -webkit-appearance: none;  -moz-appearance: none;  display: none;}.radio-wrapper {  margin: 12px 0;}.radio-wrapper.radio-inline {  display: inline-flex;}.radio-wrapper.radio-inline:not(:last-of-type) {  margin-right: 10px;}.radio-wrapper .radio-text {  user-select: none;  word-break: break-all;}.radio-wrapper .radio-icon {  margin-right: 8px;  margin-bottom: auto;}/* src/components/Snackbar/style.scss */*,*::before,*::after {  box-sizing: border-box;}a {  text-decoration: none;  color: inherit;  cursor: pointer;}button {  background-color: transparent;  color: inherit;  border-width: 0;  padding: 0;  cursor: pointer;}button:focus {  outline: 0;}figure {  margin: 0;}input::-moz-focus-inner {  border: 0;  padding: 0;  margin: 0;}ul,ol,dd {  margin: 0;  padding: 0;  list-style: none;}h1,h2,h3,h4,h5,h6 {  margin: 0;  font-size: inherit;  font-weight: inherit;}p {  margin: 0;}cite {  font-style: normal;}fieldset {  border-width: 0;  padding: 0;  margin: 0;}html {  font-size: 1px;}html {  line-height: 1.15;  -webkit-text-size-adjust: 100%;}body {  margin: 0;}main {  display: block;}h1 {  font-size: 2em;  margin: 0.67em 0;}hr {  box-sizing: content-box;  height: 0;  overflow: visible;}pre {  font-family: monospace, monospace;  font-size: 1em;}a {  background-color: transparent;}abbrtitle {  border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted;}b,strong {  font-weight: bolder;}code,kbd,samp {  font-family: monospace, monospace;  font-size: 1em;}small {  font-size: 80%;}sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}img {  border-style: none;}button,input,optgroup,select,textarea {  font-family: inherit;  font-size: 100%;  line-height: 1.15;  margin: 0;}button,input {  overflow: visible;}button,select {  text-transform: none;}button,typebutton,typereset,typesubmit {  -webkit-appearance: button;}button::-moz-focus-inner,typebutton::-moz-focus-inner,typereset::-moz-focus-inner,typesubmit::-moz-focus-inner {  border-style: none;  padding: 0;}button:-moz-focusring,typebutton:-moz-focusring,typereset:-moz-focusring,typesubmit:-moz-focusring {  outline: 1px dotted ButtonText;}fieldset {  padding: 0.35em 0.75em 0.625em;}legend {  box-sizing: border-box;  color: inherit;  display: table;  max-width: 100%;  padding: 0;  white-space: normal;}progress {  vertical-align: baseline;}textarea {  overflow: auto;}typecheckbox,typeradio {  box-sizing: border-box;  padding: 0;}typenumber::-webkit-inner-spin-button,typenumber::-webkit-outer-spin-button {  height: auto;}typesearch {  -webkit-appearance: textfield;  outline-offset: -2px;}typesearch::-webkit-search-decoration {  -webkit-appearance: none;}::-webkit-file-upload-button {  -webkit-appearance: button;  font: inherit;}details {  display: block;}summary {  display: list-item;}template {  display: none;}hidden {  display: none;}data-fontios body {  font-family:    Pretendard,    -apple-system,    BlinkMacSystemFont,    Malgun Gothic,    \b9d1\c740  \ace0\b515,    helvetica,    Apple SD Gothic Neo,    sans-serif;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontandroid body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontweb body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.display1 {  font-weight: var(--font-weight-bold);  font-size: 40px;  line-height: 1.25;  letter-spacing: -0.6px;}.display2 {  font-weight: var(--font-weight-bold);  font-size: 36px;  line-height: 1.22;  letter-spacing: -0.6px;}.heading1 {  font-size: 26px;  font-weight: var(--font-weight-bold);  line-height: 1.38;  letter-spacing: 0;}.heading2 {  font-size: 24px;  font-weight: var(--font-weight-bold);  line-height: 1.41;  letter-spacing: 0;}.heading3 {  font-size: 22px;  font-weight: var(--font-weight-bold);  line-height: 1.36;  letter-spacing: 0;}.title1 {  font-size: 18px;  font-weight: var(--font-weight-semiBold);  line-height: 1.44;  letter-spacing: 0;}.title2 {  font-size: 16px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.title3 {  font-size: 14px;  font-weight: var(--font-weight-semiBold);  line-height: 1.57;  letter-spacing: 0;}.title4 {  font-size: 13px;  font-weight: var(--font-weight-semiBold);  line-height: 1.53;  letter-spacing: 0;}.body1 {  font-size: 18px;  font-weight: var(--font-weight-regular);  line-height: 1.44;  letter-spacing: 0;}.body2 {  font-size: 16px;  font-weight: var(--font-weight-regular);  line-height: 1.5;  letter-spacing: 0;}.body3 {  font-size: 14px;  font-weight: var(--font-weight-regular);  line-height: 1.57;  letter-spacing: 0;}.body4 {  font-size: 13px;  font-weight: var(--font-weight-regular);  line-height: 1.53;  letter-spacing: 0;}.caption1 {  font-size: 12px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.caption2 {  font-size: 12px;  font-weight: var(--font-weight-medium);  line-height: 1.5;  letter-spacing: 0;}.caption3 {  font-size: 10px;  font-weight: var(--font-weight-semiBold);  line-height: 1.6;  letter-spacing: 0;}.text-ellipsis-1 {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.text-ellipsis-2 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.text-ellipsis-3 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}:root {  --font-weight-regular: 400;  --font-weight-medium: 500;  --font-weight-semiBold: 600;  --font-weight-bold: 700;}:root {  --gray-50: #f9f9fb;  --gray-100: #f2f3f8;  --gray-200: #e5e8ef;  --gray-300: #c8d1dc;  --gray-400: #b4bbcb;  --gray-500: #99a1b1;  --gray-600: #697383;  --gray-800: #354153;  --gray-900: #262f3c;  --gray-1000: #141a24;  --blue-50: #ebf5ff;  --lightblue-100: #d6f4ff;  --lightblue-200: #8fdfff;  --lightblue-300: #54c9ff;  --lightblue-400: #33beff;  --blue-500: #0078ff;  --blue-600: #0069ff;  --lightblue-800: #0086ec;  --indigo-50: #eceffe;  --indigo-800: #1c36e0;  --blue-100: #d6ebff;  --blue-300: #6bb5ff;  --blue-400: #3393ff;  --blue-700: #0052e0;  --blue-800: #0042c7;  --blue-900: #0033a9;  --orange-50: #fff8e6;  --orange-200: #ffdd99;  --orange-300: #ffc566;  --orange-400: #ffa940;  --orange-500: #ff8800;  --orange-600: #fa7900;  --orange-700: #f56a00;  --orange-800: #ec5704;  --red-50: #fff0f3;  --red-100: #ffdbdf;  --red-200: #ffa1ac;  --red-400: #ff576a;  --red-500: #ff3a5b;  --red-600: #f51441;  --red-800: #d30831;  --red-900: #c10027;  --green-50: #e6fef0;  --green-100: #d3fde5;  --green-200: #a0fcc8;  --green-400: #14e28f;  --green-500: #04ca81;  --green-600: #00bb83;  --green-700: #00ae82;  --service-socar: #0078ff;  --service-business: #0033a9;  --text-strong: #141a24;  --text-primary: #354153;  --text-secondary: #697383;  --text-tertiary: #99a1b1;  --text-disabled: #cbd1dc;  --background-regular: #f2f3f8;  --white: #ffffff;  --black: #000000;  --border-regular: #e5e8ef;  --notification-red: #ff3a5b;  --indigo-600: #3554f8;  --gray-900_rgb: rgb(40, 50, 60);  --white_rgb: rgb(255, 255, 255);}.background {  background-color: var(--white);}.background-elevated-modal {  background-color: var(--white);}.background-base-otherside {  background-color: var(--gray-900);}.background-base {  background-color: var(--gray-50);}.background-base-new {  background-color: var(--gray-100);}.background-grouped-contents {  background-color: var(--white);}.button-basecolor-blue {  background-color: var(--blue-500);}.button-basecolor-grey {  background-color: var(--gray-800);}.button-basecolor-coral {  background-color: var(--orange-500);}.button-basecolor-disabled {  background-color: var(--gray-200);}.button-basecolor-line {  background-color: var(--white);}.tag-basecolor-basic {  background-color: var(--gray-200);}.tag-basecolor-grey {  background-color: var(--gray-800);}.tag-basecolor-blue {  background-color: var(--blue-500);}.tag-basecolor-navy {  background-color: var(--blue-600);}.tag-basecolor-red {  background-color: var(--red-500);}.tag-basecolor-drivingmode-basic {  background-color: var(--gray-800);}.bg-pressed-light {  background-color: var(--pressed-light);}.bg-gray-50 {  background-color: var(--gray-50);}.bg-gray-200 {  background-color: var(--gray-200);}.bg-gray-400 {  background-color: var(--gray-400);}.bg-gray-600 {  background-color: var(--gray-600);}.bg-gray-800 {  background-color: var(--gray-800);}.bg-gray-900 {  background-color: var(--gray-900);}.bg-gray-1000 {  background-color: var(--gray-1000);}.bg-white {  background-color: var(--white);}.bg-black {  background-color: var(--black);}.bg-blue-50 {  background-color: var(--blue-50);}.bg-lightblue-200 {  background-color: var(--lightblue-200);}.bg-lightblue-300 {  background-color: var(--lightblue-300);}.bg-lightblue-400 {  background-color: var(--lightblue-400);}.bg-blue-500 {  background-color: var(--blue-500);}.bg-blue-600 {  background-color: var(--blue-600);}.bg-lightblue-800 {  background-color: var(--lightblue-800);}.bg-orange-50 {  background-color: var(--orange-50);}.bg-orange-200 {  background-color: var(--orange-200);}.bg-orange-300 {  background-color: var(--orange-300);}.bg-orange-400 {  background-color: var(--orange-400);}.bg-orange-500 {  background-color: var(--orange-500);}.bg-orange-600 {  background-color: var(--orange-600);}.bg-orange-700 {  background-color: var(--orange-700);}.bg-orange-800 {  background-color: var(--orange-800);}.bg-blue-700 {  background-color: var(--blue-700);}.bg-red-200 {  background-color: var(--red-200);}.bg-red-400 {  background-color: var(--red-400);}.bg-red-500 {  background-color: var(--red-500);}.bg-socarbusiness050 {  background-color: var(--socarbusiness050);}.bg-socarplus050 {  background-color: var(--socarplus050);}.bg-socarplan050 {  background-color: var(--socarplan050);}.bg-green-100 {  background-color: var(--green-100);}.primary {  color: var(--gray-800);}.text-secondary {  color: var(--gray-600);}.disable-placeholder {  color: var(--gray-400);}.button-textcolor-white {  color: var(--white);}.button-textcolor-disabled {  color: var(--gray-400);}.button-textcolor-blue {  color: var(--blue-500);}.button-textcolor-secondary {  color: var(--gray-600);}.button-textcolor-coral {  color: var(--orange-500);}.button-textcolor-grey {  color: var(--gray-600);}.tag-textcolor-secondary {  color: var(--gray-600);}.tag-textcolor-basic {  color: var(--gray-600);}.tag-textcolor-grey {  color: var(--white);}.tag-textcolor-white {  color: var(--white);}.gray-50 {  color: var(--gray-50);}.gray-200 {  color: var(--gray-200);}.gray-400 {  color: var(--gray-400);}.gray-600 {  color: var(--gray-600);}.gray-800 {  color: var(--gray-800);}.gray-900 {  color: var(--gray-900);}.gray-1000 {  color: var(--gray-1000);}.white {  color: var(--white);}.black {  color: var(--black);}.blue-50 {  color: var(--blue-50);}.lightblue-200 {  color: var(--lightblue-200);}.lightblue-300 {  color: var(--lightblue-300);}.lightblue-400 {  color: var(--lightblue-400);}.blue-500 {  color: var(--blue-500);}.blue-600 {  color: var(--blue-600);}.lightblue-800 {  color: var(--lightblue-800);}.orange-50 {  color: var(--orange-50);}.orange-200 {  color: var(--orange-200);}.orange-300 {  color: var(--orange-300);}.orange-400 {  color: var(--orange-400);}.orange-500 {  color: var(--orange-500);}.orange-600 {  color: var(--orange-600);}.orange-700 {  color: var(--orange-700);}.orange-800 {  color: var(--orange-800);}.blue-700 {  color: var(--blue-700);}.red-200 {  color: var(--red-200);}.red-400 {  color: var(--red-400);}.red-500 {  color: var(--red-500);}.socarbusiness050 {  color: var(--socarbusiness050);}.socarplus050 {  color: var(--socarplus050);}.socarplan050 {  color: var(--socarplan050);}.text-tertiary {  color: var(--gray-500);}.initial {  color: var(--gray-1000);}.green-100 {  color: var(--green-100);}.border-basic {  border-color: var(--gray-200);}.border-basic2 {  border-color: var(--gray-200);}.button-bordercolor-line {  border-color: var(--gray-200);}.dim-thick {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-basic {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-thin {  background-color: var(--gray-1000);  opacity: 0.44;}@keyframes snackbar-fade-in {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@keyframes snackbar-fade-out {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}.design-system-snackbar {  display: flex;  animation: snackbar-fade-in 0.25s ease-in;  background: var(--dim-thick);  border-radius: 4px;  color: var(--white);  text-align: center;  margin: 0 16px;  padding: 16px;}.design-system-snackbar .subtitle3 {  font-size: 14px;  font-weight: var(--font-weight-medium);  font-stretch: normal;  font-style: normal;  line-height: 1.43;  letter-spacing: normal;}.design-system-snackbar > .buttonbox {  min-width: 26px;  color: var(--blue-600);  font-weight: 400;  text-align: right;}.design-system-snackbar.fade-out {  animation: snackbar-fade-out 0.2s ease-out forwards;}.design-system-snackbar.fade-out-basic {  animation: snackbar-fade-out 0.2s 3s ease-out forwards;}.design-system-snackbar.fade-out-long {  animation: snackbar-fade-out 0.2s 6s ease-out forwards;}.design-system-snackbar.basic {  justify-content: center;}.design-system-snackbar.button-short {  justify-content: space-between;}.design-system-snackbar.button-short .textbox {  padding-right: 16px;}.design-system-snackbar.button-short .buttonbox {  width: 29px;}.design-system-snackbar.button-long {  flex-direction: column;  justify-content: space-between;  text-align: left;}.design-system-snackbar.button-long .textbox {  margin-bottom: 8px;}/* src/components/Tag/style.scss */*,*::before,*::after {  box-sizing: border-box;}a {  text-decoration: none;  color: inherit;  cursor: pointer;}button {  background-color: transparent;  color: inherit;  border-width: 0;  padding: 0;  cursor: pointer;}button:focus {  outline: 0;}figure {  margin: 0;}input::-moz-focus-inner {  border: 0;  padding: 0;  margin: 0;}ul,ol,dd {  margin: 0;  padding: 0;  list-style: none;}h1,h2,h3,h4,h5,h6 {  margin: 0;  font-size: inherit;  font-weight: inherit;}p {  margin: 0;}cite {  font-style: normal;}fieldset {  border-width: 0;  padding: 0;  margin: 0;}html {  font-size: 1px;}html {  line-height: 1.15;  -webkit-text-size-adjust: 100%;}body {  margin: 0;}main {  display: block;}h1 {  font-size: 2em;  margin: 0.67em 0;}hr {  box-sizing: content-box;  height: 0;  overflow: visible;}pre {  font-family: monospace, monospace;  font-size: 1em;}a {  background-color: transparent;}abbrtitle {  border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted;}b,strong {  font-weight: bolder;}code,kbd,samp {  font-family: monospace, monospace;  font-size: 1em;}small {  font-size: 80%;}sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}img {  border-style: none;}button,input,optgroup,select,textarea {  font-family: inherit;  font-size: 100%;  line-height: 1.15;  margin: 0;}button,input {  overflow: visible;}button,select {  text-transform: none;}button,typebutton,typereset,typesubmit {  -webkit-appearance: button;}button::-moz-focus-inner,typebutton::-moz-focus-inner,typereset::-moz-focus-inner,typesubmit::-moz-focus-inner {  border-style: none;  padding: 0;}button:-moz-focusring,typebutton:-moz-focusring,typereset:-moz-focusring,typesubmit:-moz-focusring {  outline: 1px dotted ButtonText;}fieldset {  padding: 0.35em 0.75em 0.625em;}legend {  box-sizing: border-box;  color: inherit;  display: table;  max-width: 100%;  padding: 0;  white-space: normal;}progress {  vertical-align: baseline;}textarea {  overflow: auto;}typecheckbox,typeradio {  box-sizing: border-box;  padding: 0;}typenumber::-webkit-inner-spin-button,typenumber::-webkit-outer-spin-button {  height: auto;}typesearch {  -webkit-appearance: textfield;  outline-offset: -2px;}typesearch::-webkit-search-decoration {  -webkit-appearance: none;}::-webkit-file-upload-button {  -webkit-appearance: button;  font: inherit;}details {  display: block;}summary {  display: list-item;}template {  display: none;}hidden {  display: none;}data-fontios body {  font-family:    Pretendard,    -apple-system,    BlinkMacSystemFont,    Malgun Gothic,    \b9d1\c740  \ace0\b515,    helvetica,    Apple SD Gothic Neo,    sans-serif;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontandroid body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontweb body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.display1 {  font-weight: var(--font-weight-bold);  font-size: 40px;  line-height: 1.25;  letter-spacing: -0.6px;}.display2 {  font-weight: var(--font-weight-bold);  font-size: 36px;  line-height: 1.22;  letter-spacing: -0.6px;}.heading1 {  font-size: 26px;  font-weight: var(--font-weight-bold);  line-height: 1.38;  letter-spacing: 0;}.heading2 {  font-size: 24px;  font-weight: var(--font-weight-bold);  line-height: 1.41;  letter-spacing: 0;}.heading3 {  font-size: 22px;  font-weight: var(--font-weight-bold);  line-height: 1.36;  letter-spacing: 0;}.title1 {  font-size: 18px;  font-weight: var(--font-weight-semiBold);  line-height: 1.44;  letter-spacing: 0;}.title2 {  font-size: 16px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.title3 {  font-size: 14px;  font-weight: var(--font-weight-semiBold);  line-height: 1.57;  letter-spacing: 0;}.title4 {  font-size: 13px;  font-weight: var(--font-weight-semiBold);  line-height: 1.53;  letter-spacing: 0;}.body1 {  font-size: 18px;  font-weight: var(--font-weight-regular);  line-height: 1.44;  letter-spacing: 0;}.body2 {  font-size: 16px;  font-weight: var(--font-weight-regular);  line-height: 1.5;  letter-spacing: 0;}.body3 {  font-size: 14px;  font-weight: var(--font-weight-regular);  line-height: 1.57;  letter-spacing: 0;}.body4 {  font-size: 13px;  font-weight: var(--font-weight-regular);  line-height: 1.53;  letter-spacing: 0;}.caption1 {  font-size: 12px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.caption2,.design-system-tag {  font-size: 12px;  font-weight: var(--font-weight-medium);  line-height: 1.5;  letter-spacing: 0;}.caption3 {  font-size: 10px;  font-weight: var(--font-weight-semiBold);  line-height: 1.6;  letter-spacing: 0;}.text-ellipsis-1 {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.text-ellipsis-2 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.text-ellipsis-3 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}:root {  --font-weight-regular: 400;  --font-weight-medium: 500;  --font-weight-semiBold: 600;  --font-weight-bold: 700;}:root {  --gray-50: #f9f9fb;  --gray-100: #f2f3f8;  --gray-200: #e5e8ef;  --gray-300: #c8d1dc;  --gray-400: #b4bbcb;  --gray-500: #99a1b1;  --gray-600: #697383;  --gray-800: #354153;  --gray-900: #262f3c;  --gray-1000: #141a24;  --blue-50: #ebf5ff;  --lightblue-100: #d6f4ff;  --lightblue-200: #8fdfff;  --lightblue-300: #54c9ff;  --lightblue-400: #33beff;  --blue-500: #0078ff;  --blue-600: #0069ff;  --lightblue-800: #0086ec;  --indigo-50: #eceffe;  --indigo-800: #1c36e0;  --blue-100: #d6ebff;  --blue-300: #6bb5ff;  --blue-400: #3393ff;  --blue-700: #0052e0;  --blue-800: #0042c7;  --blue-900: #0033a9;  --orange-50: #fff8e6;  --orange-200: #ffdd99;  --orange-300: #ffc566;  --orange-400: #ffa940;  --orange-500: #ff8800;  --orange-600: #fa7900;  --orange-700: #f56a00;  --orange-800: #ec5704;  --red-50: #fff0f3;  --red-100: #ffdbdf;  --red-200: #ffa1ac;  --red-400: #ff576a;  --red-500: #ff3a5b;  --red-600: #f51441;  --red-800: #d30831;  --red-900: #c10027;  --green-50: #e6fef0;  --green-100: #d3fde5;  --green-200: #a0fcc8;  --green-400: #14e28f;  --green-500: #04ca81;  --green-600: #00bb83;  --green-700: #00ae82;  --service-socar: #0078ff;  --service-business: #0033a9;  --text-strong: #141a24;  --text-primary: #354153;  --text-secondary: #697383;  --text-tertiary: #99a1b1;  --text-disabled: #cbd1dc;  --background-regular: #f2f3f8;  --white: #ffffff;  --black: #000000;  --border-regular: #e5e8ef;  --notification-red: #ff3a5b;  --indigo-600: #3554f8;  --gray-900_rgb: rgb(40, 50, 60);  --white_rgb: rgb(255, 255, 255);}.background {  background-color: var(--white);}.background-elevated-modal {  background-color: var(--white);}.background-base-otherside {  background-color: var(--gray-900);}.background-base {  background-color: var(--gray-50);}.background-base-new {  background-color: var(--gray-100);}.background-grouped-contents {  background-color: var(--white);}.button-basecolor-blue {  background-color: var(--blue-500);}.button-basecolor-grey {  background-color: var(--gray-800);}.button-basecolor-coral {  background-color: var(--orange-500);}.button-basecolor-disabled {  background-color: var(--gray-200);}.button-basecolor-line {  background-color: var(--white);}.tag-basecolor-basic,.design-system-tag.tag-basic {  background-color: var(--gray-200);}.tag-basecolor-grey,.design-system-tag.tag-grey {  background-color: var(--gray-800);}.tag-basecolor-blue,.design-system-tag.tag-blue {  background-color: var(--blue-500);}.tag-basecolor-navy,.design-system-tag.tag-navy {  background-color: var(--blue-600);}.tag-basecolor-red,.design-system-tag.tag-red {  background-color: var(--red-500);}.tag-basecolor-drivingmode-basic,.design-system-tag.tag-drivingmode-basic {  background-color: var(--gray-800);}.bg-pressed-light {  background-color: var(--pressed-light);}.bg-gray-50 {  background-color: var(--gray-50);}.bg-gray-200 {  background-color: var(--gray-200);}.bg-gray-400 {  background-color: var(--gray-400);}.bg-gray-600 {  background-color: var(--gray-600);}.bg-gray-800 {  background-color: var(--gray-800);}.bg-gray-900 {  background-color: var(--gray-900);}.bg-gray-1000 {  background-color: var(--gray-1000);}.bg-white {  background-color: var(--white);}.bg-black {  background-color: var(--black);}.bg-blue-50 {  background-color: var(--blue-50);}.bg-lightblue-200 {  background-color: var(--lightblue-200);}.bg-lightblue-300 {  background-color: var(--lightblue-300);}.bg-lightblue-400 {  background-color: var(--lightblue-400);}.bg-blue-500 {  background-color: var(--blue-500);}.bg-blue-600 {  background-color: var(--blue-600);}.bg-lightblue-800 {  background-color: var(--lightblue-800);}.bg-orange-50 {  background-color: var(--orange-50);}.bg-orange-200 {  background-color: var(--orange-200);}.bg-orange-300 {  background-color: var(--orange-300);}.bg-orange-400 {  background-color: var(--orange-400);}.bg-orange-500 {  background-color: var(--orange-500);}.bg-orange-600 {  background-color: var(--orange-600);}.bg-orange-700 {  background-color: var(--orange-700);}.bg-orange-800 {  background-color: var(--orange-800);}.bg-blue-700 {  background-color: var(--blue-700);}.bg-red-200 {  background-color: var(--red-200);}.bg-red-400 {  background-color: var(--red-400);}.bg-red-500 {  background-color: var(--red-500);}.bg-socarbusiness050 {  background-color: var(--socarbusiness050);}.bg-socarplus050 {  background-color: var(--socarplus050);}.bg-socarplan050 {  background-color: var(--socarplan050);}.bg-green-100 {  background-color: var(--green-100);}.primary {  color: var(--gray-800);}.text-secondary {  color: var(--gray-600);}.disable-placeholder {  color: var(--gray-400);}.button-textcolor-white {  color: var(--white);}.button-textcolor-disabled {  color: var(--gray-400);}.button-textcolor-blue {  color: var(--blue-500);}.button-textcolor-secondary {  color: var(--gray-600);}.button-textcolor-coral {  color: var(--orange-500);}.button-textcolor-grey {  color: var(--gray-600);}.tag-textcolor-secondary,.design-system-tag.tag-basic {  color: var(--gray-600);}.tag-textcolor-basic {  color: var(--gray-600);}.tag-textcolor-grey,.design-system-tag.tag-grey {  color: var(--white);}.tag-textcolor-white,.design-system-tag.tag-blue,.design-system-tag.tag-navy,.design-system-tag.tag-red,.design-system-tag.tag-drivingmode-basic {  color: var(--white);}.gray-50 {  color: var(--gray-50);}.gray-200 {  color: var(--gray-200);}.gray-400 {  color: var(--gray-400);}.gray-600 {  color: var(--gray-600);}.gray-800 {  color: var(--gray-800);}.gray-900 {  color: var(--gray-900);}.gray-1000 {  color: var(--gray-1000);}.white {  color: var(--white);}.black {  color: var(--black);}.blue-50 {  color: var(--blue-50);}.lightblue-200 {  color: var(--lightblue-200);}.lightblue-300 {  color: var(--lightblue-300);}.lightblue-400 {  color: var(--lightblue-400);}.blue-500 {  color: var(--blue-500);}.blue-600 {  color: var(--blue-600);}.lightblue-800 {  color: var(--lightblue-800);}.orange-50 {  color: var(--orange-50);}.orange-200 {  color: var(--orange-200);}.orange-300 {  color: var(--orange-300);}.orange-400 {  color: var(--orange-400);}.orange-500 {  color: var(--orange-500);}.orange-600 {  color: var(--orange-600);}.orange-700 {  color: var(--orange-700);}.orange-800 {  color: var(--orange-800);}.blue-700 {  color: var(--blue-700);}.red-200 {  color: var(--red-200);}.red-400 {  color: var(--red-400);}.red-500 {  color: var(--red-500);}.socarbusiness050 {  color: var(--socarbusiness050);}.socarplus050 {  color: var(--socarplus050);}.socarplan050 {  color: var(--socarplan050);}.text-tertiary {  color: var(--gray-500);}.initial {  color: var(--gray-1000);}.green-100 {  color: var(--green-100);}.border-basic {  border-color: var(--gray-200);}.border-basic2 {  border-color: var(--gray-200);}.button-bordercolor-line {  border-color: var(--gray-200);}.dim-thick {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-basic {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-thin {  background-color: var(--gray-1000);  opacity: 0.44;}.design-system-tag {  border-radius: 2px;  display: inline-block;  height: 24px;  min-width: 37px;  padding: 3px 8px;  width: auto;  text-align: center;  margin: 0 4px 4px 0;  line-height: 1.6;}/* src/components/Tags/style.scss */*,*::before,*::after {  box-sizing: border-box;}a {  text-decoration: none;  color: inherit;  cursor: pointer;}button {  background-color: transparent;  color: inherit;  border-width: 0;  padding: 0;  cursor: pointer;}button:focus {  outline: 0;}figure {  margin: 0;}input::-moz-focus-inner {  border: 0;  padding: 0;  margin: 0;}ul,ol,dd {  margin: 0;  padding: 0;  list-style: none;}h1,h2,h3,h4,h5,h6 {  margin: 0;  font-size: inherit;  font-weight: inherit;}p {  margin: 0;}cite {  font-style: normal;}fieldset {  border-width: 0;  padding: 0;  margin: 0;}html {  font-size: 1px;}html {  line-height: 1.15;  -webkit-text-size-adjust: 100%;}body {  margin: 0;}main {  display: block;}h1 {  font-size: 2em;  margin: 0.67em 0;}hr {  box-sizing: content-box;  height: 0;  overflow: visible;}pre {  font-family: monospace, monospace;  font-size: 1em;}a {  background-color: transparent;}abbrtitle {  border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted;}b,strong {  font-weight: bolder;}code,kbd,samp {  font-family: monospace, monospace;  font-size: 1em;}small {  font-size: 80%;}sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}img {  border-style: none;}button,input,optgroup,select,textarea {  font-family: inherit;  font-size: 100%;  line-height: 1.15;  margin: 0;}button,input {  overflow: visible;}button,select {  text-transform: none;}button,typebutton,typereset,typesubmit {  -webkit-appearance: button;}button::-moz-focus-inner,typebutton::-moz-focus-inner,typereset::-moz-focus-inner,typesubmit::-moz-focus-inner {  border-style: none;  padding: 0;}button:-moz-focusring,typebutton:-moz-focusring,typereset:-moz-focusring,typesubmit:-moz-focusring {  outline: 1px dotted ButtonText;}fieldset {  padding: 0.35em 0.75em 0.625em;}legend {  box-sizing: border-box;  color: inherit;  display: table;  max-width: 100%;  padding: 0;  white-space: normal;}progress {  vertical-align: baseline;}textarea {  overflow: auto;}typecheckbox,typeradio {  box-sizing: border-box;  padding: 0;}typenumber::-webkit-inner-spin-button,typenumber::-webkit-outer-spin-button {  height: auto;}typesearch {  -webkit-appearance: textfield;  outline-offset: -2px;}typesearch::-webkit-search-decoration {  -webkit-appearance: none;}::-webkit-file-upload-button {  -webkit-appearance: button;  font: inherit;}details {  display: block;}summary {  display: list-item;}template {  display: none;}hidden {  display: none;}data-fontios body {  font-family:    Pretendard,    -apple-system,    BlinkMacSystemFont,    Malgun Gothic,    \b9d1\c740  \ace0\b515,    helvetica,    Apple SD Gothic Neo,    sans-serif;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontandroid body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}data-fontweb body {  font-family: Pretendard;  font-size: 14px;  font-style: normal;  font-weight: var(--font-weight-regular);  height: 100%;  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.display1 {  font-weight: var(--font-weight-bold);  font-size: 40px;  line-height: 1.25;  letter-spacing: -0.6px;}.display2 {  font-weight: var(--font-weight-bold);  font-size: 36px;  line-height: 1.22;  letter-spacing: -0.6px;}.heading1 {  font-size: 26px;  font-weight: var(--font-weight-bold);  line-height: 1.38;  letter-spacing: 0;}.heading2 {  font-size: 24px;  font-weight: var(--font-weight-bold);  line-height: 1.41;  letter-spacing: 0;}.heading3 {  font-size: 22px;  font-weight: var(--font-weight-bold);  line-height: 1.36;  letter-spacing: 0;}.title1 {  font-size: 18px;  font-weight: var(--font-weight-semiBold);  line-height: 1.44;  letter-spacing: 0;}.title2 {  font-size: 16px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.title3 {  font-size: 14px;  font-weight: var(--font-weight-semiBold);  line-height: 1.57;  letter-spacing: 0;}.title4 {  font-size: 13px;  font-weight: var(--font-weight-semiBold);  line-height: 1.53;  letter-spacing: 0;}.body1 {  font-size: 18px;  font-weight: var(--font-weight-regular);  line-height: 1.44;  letter-spacing: 0;}.body2 {  font-size: 16px;  font-weight: var(--font-weight-regular);  line-height: 1.5;  letter-spacing: 0;}.body3 {  font-size: 14px;  font-weight: var(--font-weight-regular);  line-height: 1.57;  letter-spacing: 0;}.body4 {  font-size: 13px;  font-weight: var(--font-weight-regular);  line-height: 1.53;  letter-spacing: 0;}.caption1 {  font-size: 12px;  font-weight: var(--font-weight-semiBold);  line-height: 1.5;  letter-spacing: 0;}.caption2 {  font-size: 12px;  font-weight: var(--font-weight-medium);  line-height: 1.5;  letter-spacing: 0;}.caption3 {  font-size: 10px;  font-weight: var(--font-weight-semiBold);  line-height: 1.6;  letter-spacing: 0;}.text-ellipsis-1 {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.text-ellipsis-2 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.text-ellipsis-3 {  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}:root {  --font-weight-regular: 400;  --font-weight-medium: 500;  --font-weight-semiBold: 600;  --font-weight-bold: 700;}:root {  --gray-50: #f9f9fb;  --gray-100: #f2f3f8;  --gray-200: #e5e8ef;  --gray-300: #c8d1dc;  --gray-400: #b4bbcb;  --gray-500: #99a1b1;  --gray-600: #697383;  --gray-800: #354153;  --gray-900: #262f3c;  --gray-1000: #141a24;  --blue-50: #ebf5ff;  --lightblue-100: #d6f4ff;  --lightblue-200: #8fdfff;  --lightblue-300: #54c9ff;  --lightblue-400: #33beff;  --blue-500: #0078ff;  --blue-600: #0069ff;  --lightblue-800: #0086ec;  --indigo-50: #eceffe;  --indigo-800: #1c36e0;  --blue-100: #d6ebff;  --blue-300: #6bb5ff;  --blue-400: #3393ff;  --blue-700: #0052e0;  --blue-800: #0042c7;  --blue-900: #0033a9;  --orange-50: #fff8e6;  --orange-200: #ffdd99;  --orange-300: #ffc566;  --orange-400: #ffa940;  --orange-500: #ff8800;  --orange-600: #fa7900;  --orange-700: #f56a00;  --orange-800: #ec5704;  --red-50: #fff0f3;  --red-100: #ffdbdf;  --red-200: #ffa1ac;  --red-400: #ff576a;  --red-500: #ff3a5b;  --red-600: #f51441;  --red-800: #d30831;  --red-900: #c10027;  --green-50: #e6fef0;  --green-100: #d3fde5;  --green-200: #a0fcc8;  --green-400: #14e28f;  --green-500: #04ca81;  --green-600: #00bb83;  --green-700: #00ae82;  --service-socar: #0078ff;  --service-business: #0033a9;  --text-strong: #141a24;  --text-primary: #354153;  --text-secondary: #697383;  --text-tertiary: #99a1b1;  --text-disabled: #cbd1dc;  --background-regular: #f2f3f8;  --white: #ffffff;  --black: #000000;  --border-regular: #e5e8ef;  --notification-red: #ff3a5b;  --indigo-600: #3554f8;  --gray-900_rgb: rgb(40, 50, 60);  --white_rgb: rgb(255, 255, 255);}.background {  background-color: var(--white);}.background-elevated-modal {  background-color: var(--white);}.background-base-otherside {  background-color: var(--gray-900);}.background-base {  background-color: var(--gray-50);}.background-base-new {  background-color: var(--gray-100);}.background-grouped-contents {  background-color: var(--white);}.button-basecolor-blue {  background-color: var(--blue-500);}.button-basecolor-grey {  background-color: var(--gray-800);}.button-basecolor-coral {  background-color: var(--orange-500);}.button-basecolor-disabled {  background-color: var(--gray-200);}.button-basecolor-line {  background-color: var(--white);}.tag-basecolor-basic {  background-color: var(--gray-200);}.tag-basecolor-grey {  background-color: var(--gray-800);}.tag-basecolor-blue {  background-color: var(--blue-500);}.tag-basecolor-navy {  background-color: var(--blue-600);}.tag-basecolor-red {  background-color: var(--red-500);}.tag-basecolor-drivingmode-basic {  background-color: var(--gray-800);}.bg-pressed-light {  background-color: var(--pressed-light);}.bg-gray-50 {  background-color: var(--gray-50);}.bg-gray-200 {  background-color: var(--gray-200);}.bg-gray-400 {  background-color: var(--gray-400);}.bg-gray-600 {  background-color: var(--gray-600);}.bg-gray-800 {  background-color: var(--gray-800);}.bg-gray-900 {  background-color: var(--gray-900);}.bg-gray-1000 {  background-color: var(--gray-1000);}.bg-white {  background-color: var(--white);}.bg-black {  background-color: var(--black);}.bg-blue-50 {  background-color: var(--blue-50);}.bg-lightblue-200 {  background-color: var(--lightblue-200);}.bg-lightblue-300 {  background-color: var(--lightblue-300);}.bg-lightblue-400 {  background-color: var(--lightblue-400);}.bg-blue-500 {  background-color: var(--blue-500);}.bg-blue-600 {  background-color: var(--blue-600);}.bg-lightblue-800 {  background-color: var(--lightblue-800);}.bg-orange-50 {  background-color: var(--orange-50);}.bg-orange-200 {  background-color: var(--orange-200);}.bg-orange-300 {  background-color: var(--orange-300);}.bg-orange-400 {  background-color: var(--orange-400);}.bg-orange-500 {  background-color: var(--orange-500);}.bg-orange-600 {  background-color: var(--orange-600);}.bg-orange-700 {  background-color: var(--orange-700);}.bg-orange-800 {  background-color: var(--orange-800);}.bg-blue-700 {  background-color: var(--blue-700);}.bg-red-200 {  background-color: var(--red-200);}.bg-red-400 {  background-color: var(--red-400);}.bg-red-500 {  background-color: var(--red-500);}.bg-socarbusiness050 {  background-color: var(--socarbusiness050);}.bg-socarplus050 {  background-color: var(--socarplus050);}.bg-socarplan050 {  background-color: var(--socarplan050);}.bg-green-100 {  background-color: var(--green-100);}.primary {  color: var(--gray-800);}.text-secondary {  color: var(--gray-600);}.disable-placeholder {  color: var(--gray-400);}.button-textcolor-white {  color: var(--white);}.button-textcolor-disabled {  color: var(--gray-400);}.button-textcolor-blue {  color: var(--blue-500);}.button-textcolor-secondary {  color: var(--gray-600);}.button-textcolor-coral {  color: var(--orange-500);}.button-textcolor-grey {  color: var(--gray-600);}.tag-textcolor-secondary {  color: var(--gray-600);}.tag-textcolor-basic {  color: var(--gray-600);}.tag-textcolor-grey {  color: var(--white);}.tag-textcolor-white {  color: var(--white);}.gray-50 {  color: var(--gray-50);}.gray-200 {  color: var(--gray-200);}.gray-400 {  color: var(--gray-400);}.gray-600 {  color: var(--gray-600);}.gray-800 {  color: var(--gray-800);}.gray-900 {  color: var(--gray-900);}.gray-1000 {  color: var(--gray-1000);}.white {  color: var(--white);}.black {  color: var(--black);}.blue-50 {  color: var(--blue-50);}.lightblue-200 {  color: var(--lightblue-200);}.lightblue-300 {  color: var(--lightblue-300);}.lightblue-400 {  color: var(--lightblue-400);}.blue-500 {  color: var(--blue-500);}.blue-600 {  color: var(--blue-600);}.lightblue-800 {  color: var(--lightblue-800);}.orange-50 {  color: var(--orange-50);}.orange-200 {  color: var(--orange-200);}.orange-300 {  color: var(--orange-300);}.orange-400 {  color: var(--orange-400);}.orange-500 {  color: var(--orange-500);}.orange-600 {  color: var(--orange-600);}.orange-700 {  color: var(--orange-700);}.orange-800 {  color: var(--orange-800);}.blue-700 {  color: var(--blue-700);}.red-200 {  color: var(--red-200);}.red-400 {  color: var(--red-400);}.red-500 {  color: var(--red-500);}.socarbusiness050 {  color: var(--socarbusiness050);}.socarplus050 {  color: var(--socarplus050);}.socarplan050 {  color: var(--socarplan050);}.text-tertiary {  color: var(--gray-500);}.initial {  color: var(--gray-1000);}.green-100 {  color: var(--green-100);}.border-basic {  border-color: var(--gray-200);}.border-basic2 {  border-color: var(--gray-200);}.button-bordercolor-line {  border-color: var(--gray-200);}.dim-thick {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-basic {  background-color: var(--gray-1000);  opacity: 0.44;}.dim-thin {  background-color: var(--gray-1000);  opacity: 0.44;}.design-system-tags {  width: 100%;  height: auto;}/* src/components/TextField/style.scss */.text-field {  display: flex;  flex-direction: column;}.text-field .text-field-label {  padding: 0 8px 4px;}.text-field .text-field-input-container {  position: relative;  display: flex;  border: 1px solid var(--gray-200);  box-sizing: border-box;}.text-field .text-field-input-container:focus-within {  border: 1px solid var(--gray-800);}.text-field .text-field-input-container:focus-within .text-field-add-ons > .text-clear-button {  display: inline-block;}.text-field .text-field-input-container .text-field-input {  padding: 15px 0 15px 15px;  height: 54px;  outline: none;  border: none;  background: none;  caret-color: var(--blue-500);  flex: 1;  width: 100%;}.text-field .text-field-input-container .text-field-input.textarea {  height: 78px;  resize: none;}.text-field .text-field-input-container .text-field-input::placeholder {  color: var(--gray-400);}.text-field .text-field-input-container .text-field-input {}.text-field .text-field-input-container .text-field-inputtypenumber::-webkit-outer-spin-button,.text-field .text-field-input-container .text-field-inputtypenumber::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}.text-field .text-field-input-container .text-field-input {}.text-field .text-field-input-container .text-field-inputtypenumber {  -moz-appearance: textfield;}.text-field .text-field-input-container .text-field-add-ons {  padding: 15px 15px 15px 0;  display: flex;  align-items: flex-start;}.text-field .text-field-input-container .text-field-add-ons .text-clear-button {  display: none;  margin-left: 8px;  width: 24px;  height: 24px;  z-index: 1;}.text-field .text-field-input-container .text-field-add-ons .time {  display: inline-block;  margin-left: 8px;  line-height: 24px;  text-align: right;  white-space: nowrap;}.text-field .subtext {  display: flex;  justify-content: space-between;  padding: 4px 0 0 8px;}.text-field .subtext .character-limit {  margin-left: 16px;}.text-field.error .text-field-input-container,.text-field.error .text-field-input-container:focus-within {  border: 1px solid var(--red-500);}.text-field.disabled .text-field-input-container {  background: var(--gray-50);}/* src/components/Tooltip/style.scss */@keyframes tooltip-fade-in {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@keyframes tooltip-fade-out {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}.design-tooltip-container {  display: inline-block;  position: relative;}.design-tooltip-container .design-tooltip {  position: absolute;  top: 0;  left: 0;  background-color: var(--blue-400);  color: var(--white);  font-size: 14px;  font-weight: 600;  line-height: 20px;  padding: 16px;  box-shadow: 0 2px 4px rgba(40, 50, 60, 0.25);  border-radius: 4px;  white-space: pre-line;  width: max-content;}.design-tooltip-container .design-tooltip.fade-in {  animation: tooltip-fade-in 0.25s ease-in;}.design-tooltip-container .design-tooltip.fade-out {  animation: tooltip-fade-out 0.2s ease-out forwards;}.design-tooltip-container .design-tooltip.fade-out-late {  animation: tooltip-fade-out 0.2s ease-out 3s forwards;}.design-tooltip-container .design-tooltip.tooltip-flex {  display: flex;}.design-tooltip-container .design-tooltip:after {  content: ;  position: absolute;  border-left: 9px solid transparent;  border-right: 9px solid transparent;}.design-tooltip-container .design-tooltip.left:after {  left: 16px;}.design-tooltip-container .design-tooltip.right:after {  right: 16px;}.design-tooltip-container .design-tooltip.mid:after {  transform: translateX(-50%);  left: 50%;}.design-tooltip-container .design-tooltip.up-arrow:after {  border-bottom: 8px solid var(--blue-400);  top: calc(-1 * 8px);}.design-tooltip-container .design-tooltip.down-arrow:after {  border-top: 8px solid var(--blue-400);  filter: drop-shadow(0px 2px 4px rgba(40, 50, 60, 0.25));  top: 100%;}.design-tooltip-container .design-tooltip > button {  width: 18px;  height: 18px;  align-self: baseline;  margin-left: 8px;}.design-tooltip-container .design-tooltip > button:active {  opacity: 0;}.design-tooltip-container .design-tooltip .button-group {  text-align: end;  margin-top: 16px;}.design-tooltip-container .design-tooltip .button-group button {  margin-left: 16px;}.design-tooltip-container .design-tooltip .button-group button:active {  color: var(--blue-400);}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//*# sourceMappingURLindex.css.map *//style>script iduser-agent-injection data-nscriptbeforeInteractive>const mobileAgents  /Android|iPhone|iPad|Opera Mini|IEMobile|WPDesktop/iconst iOS  /iPhone|iPad/iconst isAndroid  /Android/iconst checkMobile  (userAgent) > mobileAgents.test(userAgent)const checkIOS  (userAgent) > iOS.test(userAgent)const checkAndroid  (userAgent) > isAndroid.test(userAgent)const getDataFont  (userAgent) > {  const isMobile  checkMobile(userAgent)  const isIOS  checkIOS(userAgent)  const isAndroid  checkAndroid(userAgent)  if (isMobile) {    if (isIOS) return ios    if (isAndroid) return android  }  return web}(function injectUserAgent() {  const userAgent  navigator.userAgent  document    .getElementsByTagName(html)0    .setAttribute(data-useragent, userAgent)  document    .getElementsByTagName(html)0    .setAttribute(data-font, getDataFont(userAgent))  document    .getElementsByTagName(html)0    .setAttribute(data-mobile-device, String(checkMobile(userAgent)))})()/script>script idgoogle-analytics data-nscriptbeforeInteractive>                  window.dataLayer  window.dataLayer || ;                  function gtag(){dataLayer.push(arguments);}                                    gtag(js, new Date());                  gtag(config, G-R11YXY6K9D);              /script>script defer crossorigin nomodule src/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js>/script>script srchttps://www.googletagmanager.com/gtag/js?idG-R11YXY6K9D defer data-nscriptbeforeInteractive crossorigin>/script>script src/_next/static/chunks/webpack-6c5aade45e092efe.js defer crossorigin>/script>script src/_next/static/chunks/framework-3ae1a93e80331c61.js defer crossorigin>/script>script src/_next/static/chunks/main-ba8663b67c339111.js defer crossorigin>/script>script src/_next/static/chunks/pages/_app-68a36f6a86a6429e.js defer crossorigin>/script>script src/_next/static/chunks/195-ef2ff9295f2c9fc5.js defer crossorigin>/script>script src/_next/static/chunks/5520-73202655f694391f.js defer crossorigin>/script>script src/_next/static/chunks/pages/index-f00d746bee2464cb.js defer crossorigin>/script>script src/_next/static/ZI56tg2rgbVtjQ1tE7dO_/_buildManifest.js defer crossorigin>/script>script src/_next/static/ZI56tg2rgbVtjQ1tE7dO_/_ssgManifest.js defer crossorigin>/script>style>body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.title2{font-size:16px;font-weight:var(--font-weight-semiBold);line-height:1.5;letter-spacing:0}.action-bar{position:fixed;top:0;left:0;z-index:9999;display:flex;align-items:center;width:100vw;min-width:100vw;justify-content:space-between;overflow-y:hidden}.action-bar .page-name{text-align:center;flex:1 1;opacity:0;transition:opacity .1s ease-in-out}.action-bar .page-name.visible{opacity:1}.action-bar .left-part,.action-bar .right-part{display:flex;padding:0 6px;flex:0 1 104px}.action-bar .right-part{justify-content:flex-end}*,:after,:before{box-sizing:border-box}h2{margin:0;font-size:inherit;font-weight:inherit}html{font-size:1px;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}data-fontios body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Malgun Gothic,\b9d1\c740  \ace0\b515,helvetica,Apple SD Gothic Neo,sans-serif;font-size:14px;font-style:normal;font-weight:var(--font-weight-regular);height:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.title2{font-weight:var(--font-weight-semiBold);letter-spacing:0}.title2{font-size:16px;line-height:1.5}.text-ellipsis-1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--font-weight-regular:400;--font-weight-medium:500;--font-weight-semiBold:600;--font-weight-bold:700;--gray-50:#f9f9fb;--gray-100:#f2f3f8;--gray-200:#e5e8ef;--gray-300:#c8d1dc;--gray-400:#b4bbcb;--gray-500:#99a1b1;--gray-600:#697383;--gray-800:#354153;--gray-900:#262f3c;--gray-1000:#141a24;--blue-50:#ebf5ff;--lightblue-100:#d6f4ff;--lightblue-200:#8fdfff;--lightblue-300:#54c9ff;--lightblue-400:#33beff;--blue-500:#0078ff;--blue-600:#0069ff;--lightblue-800:#0086ec;--indigo-50:#eceffe;--indigo-800:#1c36e0;--blue-100:#d6ebff;--blue-300:#6bb5ff;--blue-400:#3393ff;--blue-700:#0052e0;--blue-800:#0042c7;--blue-900:#0033a9;--orange-50:#fff8e6;--orange-200:#fd9;--orange-300:#ffc566;--orange-400:#ffa940;--orange-500:#f80;--orange-600:#fa7900;--orange-700:#f56a00;--orange-800:#ec5704;--red-50:#fff0f3;--red-100:#ffdbdf;--red-200:#ffa1ac;--red-400:#ff576a;--red-500:#ff3a5b;--red-600:#f51441;--red-800:#d30831;--red-900:#c10027;--green-50:#e6fef0;--green-100:#d3fde5;--green-200:#a0fcc8;--green-400:#14e28f;--green-500:#04ca81;--green-600:#00bb83;--green-700:#00ae82;--service-socar:#0078ff;--service-business:#0033a9;--text-strong:#141a24;--text-primary:#354153;--text-secondary:#697383;--text-tertiary:#99a1b1;--text-disabled:#cbd1dc;--background-regular:#f2f3f8;--white:#fff;--black:#000;--border-regular:#e5e8ef;--notification-red:#ff3a5b;--indigo-600:#3554f8;--gray-900_rgb:#28323c;--white_rgb:#fff}.bg-white{background-color:var(--white)}.initial{color:var(--gray-1000)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-flex{display:flex}.tw-h-\100vh\{height:100vh}.tw-w-screen{width:100vw}.tw-min-w-\320px\{min-width:320px}.tw-max-w-\420px\{max-width:420px}.tw-justify-center{justify-content:center}.tw-overflow-x-hidden{overflow-x:hidden}.tw-pt-\44px\{padding-top:44px}@supports (height:100dvh){.supports-\height\:100dvh\\:tw-h-\100dvh\{height:100dvh}}/style>link relstylesheet href/_next/static/css/a154765db17d2a3e.css crossorigin data-n-g mediaprint onloadthis.mediaall>noscript>link relstylesheet href/_next/static/css/a154765db17d2a3e.css>/noscript>noscript data-n-css>/noscript>/head>body>div id__next>div classtw-flex tw-h-100vh tw-justify-center supports-height:100dvh:tw-h-100dvh>div classtw-w-screen tw-min-w-320px tw-max-w-420px tw-overflow-x-hidden tw-pt-44px>nav classaction-bar bg-white default  styleheight:44px;left:auto;width:100%;min-width:320px;max-width:420px;z-index:9>div classleft-part>/div>h2 classtitle2 text-ellipsis-1 page-name initial visible>/h2>div classright-part>/div>/nav>div>/div>/div>/div>/div>script id__NEXT_DATA__ typeapplication/json crossorigin>{props:{pageProps:{}},page:/,query:{},buildId:ZI56tg2rgbVtjQ1tE7dO_,nextExport:true,autoExport:true,isFallback:false,locale:ko,locales:ko,defaultLocale:ko,scriptLoader:}/script>/body>/html>

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > auth.socar.kr

Is this malicious?

DNS Resolutions

Port 80

Port 443