@charset "UTF-8";

:root {
  /* color */
  --primary-p50:#E6EAF0;
  --primary-p100:#C0CADC;
  --primary-p200:#98A8C4;
  --primary-p300:#7186AC;
  --primary-p400:#516D9C;
  --primary-p500:#30558E;
  --primary-p600:#294D85;
  --primary-p700:#21437A;
  --primary-p800:#1A3A6D;
  --primary-p900:#122A55;
    
  --point-50:#E8EAF8;
  --point-100:#C6C9EE;
  --point-200:#A0A6E3;
  --point-300:#7A83D8;
  --point-400:#5D67CF;
  --point-500:#404BC5;
  --point-600:#3A43BB;
  --point-700:#3139AF;
  --point-800:#292EA3;
  --point-900:#1D1A8D;

  --bg-glass-60:rgba(255, 255, 255, 0.60);
  --bg-glass-80:rgba(255, 255, 255, 0.80);
  --white:#FFF;
  --gray-20:#F8F9FC;
  --gray-40:#F3F5F8;
  --gray-60:#E7E9EF;
  --gray-100:#CDD1DA;
  --gray-200:#B2B7C2;
  --gray-300:#969DAB;
  --gray-400:#7A8394;
  --gray-500:#626A7A;
  --gray-600:#4B515D;
  --gray-700:#343841;
  --gray-800:#22252A;
  --gray-900:#191B1E;
  --black:#000;

  --blue-50:#E4F3FF;
  --blue-100:#BDE0FF;
  --blue-200:#93CEFF;
  --blue-300:#66BAFF;
  --blue-400:#44ABFF;
  --blue-500:#2A9CFF;
  --blue-600:#2D8DFF;
  --blue-700:#2D7AEB;
  --blue-800:#2D68D8;
  --blue-900:#2A48B9;

  --green-50:#E7F5F0;
  --green-100:#C4E7DB;
  --green-200:#A1D9C5;
  --green-300:#7ECAAF;
  --green-400:#5BBC99;
  --green-500:#37AD84;
  --green-600:#149F6E;
  --green-700:#0B9665;
  --green-800:#08885B;
  --green-900:#067D53;

  --red-50:#FFEAEF;
  --red-100:#FFCBD5;
  --red-200:#F9959D;
  --red-300:#F26A76;
  --red-400:#FF3F53;
  --red-500:#FF1C37;
  --red-600:#F70537;
  --red-700:#E50031;
  --red-800:#D80029;
  --red-900:#C8001D;

  --yellow-50:#FFF9E6;
  --yellow-100:#FFF0C3;
  --yellow-200:#FFE494;
  --yellow-300:#FFD863;
  --yellow-400:#FFCC34;
  --yellow-500:#FFC107;
  --yellow-600:#D9A406;
  --yellow-700:#B58905;
  --yellow-800:#916E04;
  --yellow-900:#735703;

  --text-primary:#191B1E;
  --text-secondary:#343841;
  --text-quaternary:#626A7A;
  --text-tertiary:#4B515D;
  --text-placeholder:#626A7A;
  --text-disable:#969DAB;
  --text-warning:#D80029;

  /* radius */
  --radius-4:4px;
  --radius-8:8px;
  --radius-12:12px;
  --radius-16:16px;
  --radius-20:20px;
  --radius-24:24px;
}

/* reset */
html{height:100%}
body{min-height:100%; -webkit-touch-callout:none; -webkit-user-select:none; background-color:var(--background-color-1);}
body, html {margin:0; padding:0; line-height:1.5;/*  height:100%; overflow:auto; */}
body, button, input, textarea, th, td {font-family:'Pretendard';}
html.stop-scroll,
body.stop-scroll {overflow:hidden; touch-action:none;}
body.stop-scroll.is-scroll-position-locked {position:fixed; left:0; right:0; width:100%;}
div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, button,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0; padding:0; font-size:100%; font-family:inherit; font-weight:inherit; line-height:inherit; border:0 none; box-sizing:border-box;
}
*::after, *::before {box-sizing:border-box;}
li {list-style:none;}
strong {font-weight:bold;}
button {background-color:transparent; color:inherit; cursor:pointer;}
input[type=text], input[type=password], input[type=tel], input[type=number] {-webkit-appearance:none;}
a {text-decoration:none; color:var(--font-neutral-2);}
a, label, button {-webkit-tap-highlight-color:transparent;}
i, em {font-style:normal;}
img {max-width:100%;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
caption {overflow:hidden; width:0; height:0; text-indent:-9999px;}
.hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
.dpn { display: none; }

/* font-face */
@font-face {
  font-family:"Pretendard";
  font-weight:400;
  font-style:normal;
  src:url("../styles/fonts/Pretendard-Regular.woff2") format("woff2"), url("../styles/fonts/Pretendard-Regular.woff") format("woff"), url("../styles/fonts/Pretendard-Regular.otf") format("opentype");
}
@font-face {
  font-family:"Pretendard";
  font-weight:500;
  font-style:normal;
  src:url("../styles/fonts/Pretendard-Medium.woff2") format("woff2"), url("../styles/fonts/Pretendard-Medium.woff") format("woff"), url("../styles/fonts/Pretendard-Medium.otf") format("opentype");
}
@font-face {
  font-family:"Pretendard";
  font-weight:600;
  font-style:normal;
  src:url("../styles/fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../styles/fonts/Pretendard-SemiBold.woff") format("woff"), url("../styles/fonts/Pretendard-SemiBold.otf") format("opentype");
}
@font-face {
  font-family:"Pretendard";
  font-weight:700;
  font-style:normal;
  src:url("../styles/fonts/Pretendard-Bold.woff2") format("woff2"), url("../styles/fonts/Pretendard-Bold.woff") format("woff"), url("../styles/fonts/Pretendard-Bold.otf") format("opentype");
}

/* component */
/* font */
[class^="_font"] {color:var(--gray-900);}
[class^="_font-headline"],
[class^="_font-title"] {font-weight:700;}
._font-headline-1 {font-size:36px; line-height:48px; letter-spacing:-1.44px;}
._font-title-1 {font-size:32px; line-height:42px; letter-spacing:-1.28px;}
._font-title-2 {font-size:28px; line-height:37px; letter-spacing:-0.56px;}
._font-title-3 {font-size:24px; line-height:36px; letter-spacing:-0.48px;}
._font-title-4 {font-size:20px; line-height:30px; letter-spacing:-0.4px;}

[class^="_font-body-0"] {font-size:18px; font-weight:400; letter-spacing:-0.72px;}
[class^="_font-body-1"] {font-size:16px; font-weight:400; letter-spacing:-0.64px;}
[class^="_font-body-2"] {font-size:14px; font-weight:400; letter-spacing:-0.56px;}
[class^="_font-body-3"] {font-size:12px; font-weight:400; letter-spacing:-0.48px;}
[class^="_font-body-"][class*="-medi"] {font-weight:500;}
[class^="_font-body-"][class*="-semi"] {font-weight:600;}

[class^="_font-caption-1"] {font-size:11px; font-weight:400; letter-spacing:-0.44px;}
[class^="_font-caption-1"][class*="-medi"] {font-weight:500;}
[class^="_font-caption-1"][class*="-semi"] {font-weight:600;}
[class^="_font-caption-2"] {font-size:10px; font-weight:400; letter-spacing:-0.4px;}
[class^="_font-caption-2"][class*="-medi"] {font-weight:500;}
[class^="_font-caption-2"][class*="-semi"] {font-weight:600;}

@media screen and (max-width:767px) {
  ._font-title-1 {font-size:24px; letter-spacing:-0.96px;}
  ._font-title-2 {font-size:20px; letter-spacing:-0.8px;}
  ._font-title-3 {font-size:18px; letter-spacing:-0.72px;}

  [class^="_font-caption-1"] {font-size:13px; letter-spacing:-0.52px;}
  [class^="_font-caption-2"] {font-size:12px; letter-spacing:-0.48px;}
}

/* shadow */
.shadow-1 {box-shadow:0 4px 12px 0 rgba(35, 34, 88, 0.02) inset, 0 16px 32px 0 rgba(35, 34, 88, 0.08); backdrop-filter:blur(10px);}
.shadow-2 {box-shadow:0 4px 12px 0 rgba(35, 34, 88, 0.02) inset, 0 8px 16px 0 rgba(35, 34, 88, 0.08); backdrop-filter:blur(10px);}
.shadow-3 {box-shadow:0 4px 12px 0 rgba(35, 34, 88, 0.02) inset, 0 4px 8px 0 rgba(35, 34, 88, 0.08); backdrop-filter:blur(10px);}

/* button */
[class^="_btn"] {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; line-height:1.5; white-space:nowrap; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid transparent;}
[class^="_btn"]:disabled {pointer-events:none;}

[class^="_btn-large"] {height:56px; padding:0 20px; border-radius:var(--radius-16); font-size:18px; font-weight:600; letter-spacing:-0.72px;}
[class^="_btn-medium"] {height:48px; padding:0 20px; border-radius:var(--radius-12); font-size:18px; font-weight:500; letter-spacing:-0.72px;}
[class^="_btn-small"] {height:40px; padding:0 16px; border-radius:var(--radius-8); font-size:14px; font-weight:600; letter-spacing:-0.56px;}
[class^="_btn-xsmall"] {height:32px; padding:0 10px; border-radius:var(--radius-8); font-size:14px; font-weight:500; letter-spacing:-0.56px;}

[class^="_btn-"][class*="-primary"] {background:var(--primary-p800); color:var(--white);}
[class^="_btn-"][class*="-secondary"] {background:var(--white); border:1px solid var(--primary-p800); color:var(--primary-p800);}
[class^="_btn-"][class*="-tertiary"] {border:1px solid var(--gray-100); background:var(--white); color:var(--gray-900);}
[class^="_btn-"][class*="-quaternery"] {background:var(--gray-60); color:var(--gray-900);}
[class^="_btn-"][class*="-primary"]:active {background:var(--primary-p900);}
[class^="_btn-"][class*="-secondary"]:active {background:var(--primary-p50);}
[class^="_btn-"][class*="-tertiary"]:active {background:var(--gray-60);}
[class^="_btn-"][class*="-quaternery"]:active {background:var(--gray-100);}
[class^="_btn-"][class*="-secondary"]:disabled,
[class^="_btn-"][class*="-secondary"].disabled,
[class^="_btn-"][class*="-tertiary"]:disabled,
[class^="_btn-"][class*="-tertiary"].disabled {border:1px solid var(--gray-60); color:var(--gray-300);}
[class^="_btn-"][class*="-primary"]:disabled,
[class^="_btn-"][class*="-primary"].disabled,
[class^="_btn-"][class*="-quaternery"]:disabled,
[class^="_btn-"][class*="-quaternery"].disabled {background:var(--gray-60); color:var(--gray-300);}

[class^="_btn-underline"] {padding:0 2px; font-size:14px; font-weight:500; letter-spacing:-0.56px; text-decoration:underline;} 
[class^="_btn-underline"][class*="-primary"] {background:transparent; border:none; color:var(--gray-900);}
[class^="_btn-underline"][class*="-secondary"] {background:transparent; border:none; color:var(--gray-500);}
[class^="_btn-underline"][class*="-primary"]:active,
[class^="_btn-underline"][class*="-secondary"]:active {background:var(--gray-60); border-radius:var(--radius-4); color:var(--gray-900);}
[class^="_btn-underline"][class*="-primary"]:disabled,
[class^="_btn-underline"][class*="-primary"].disabled {background:transparent; border:none; color:var(--gray-300);}
[class^="_btn-underline"][class*="-secondary"]:disabled,
[class^="_btn-underline"][class*="-secondary"].disabled {background:transparent; border:none; color:var(--gray-300);}

[class^="_btn-alarm"]{width:40px; height:40px; border-radius:var(--radius-12); border:1px solid var(--gray-100); text-indent:-9999px; color:transparent;}
[class^="_btn-alarm"]::after {display:block; content:''; width:20px; height:20px; background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 7.4087 17.3679 5.88258 16.2426 4.75736C15.1174 3.63214 13.5913 3 12 3C10.4087 3 8.88258 3.63214 7.75736 4.75736C6.63214 5.88258 6 7.4087 6 9C6 16 3 18 3 18H21C21 18 18 16 18 9Z' stroke='%23191B1E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21C13.6569 21 15 19.6569 15 18H9C9 19.6569 10.3431 21 12 21Z' stroke='%23191B1E' stroke-width='1.8'/%3E%3C/svg%3E%0A");}
[class^="_btn-alarm"].on {border:1px solid var(--primary-p800);}
[class^="_btn-alarm"].on::after {background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='%231A3A6D' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 7.4087 17.3679 5.88258 16.2426 4.75736C15.1174 3.63214 13.5913 3 12 3C10.4087 3 8.88258 3.63214 7.75736 4.75736C6.63214 5.88258 6 7.4087 6 9C6 16 3 18 3 18H21C21 18 18 16 18 9Z' stroke='%231A3A6D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21C13.6569 21 15 19.6569 15 18H9C9 19.6569 10.3431 21 12 21Z' stroke='%231A3A6D' stroke-width='1.8'/%3E%3C/svg%3E%0A");}
[class^="_btn-alarm"]:disabled,
[class^="_btn-alarm"].disabled {border:1px solid var(--gray-60); background:var(--gray-60);}
[class^="_btn-alarm"]:disabled::after,
[class^="_btn-alarm"].disabled::after {background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 7.4087 17.3679 5.88258 16.2426 4.75736C15.1174 3.63214 13.5913 3 12 3C10.4087 3 8.88258 3.63214 7.75736 4.75736C6.63214 5.88258 6 7.4087 6 9C6 16 3 18 3 18H21C21 18 18 16 18 9Z' stroke='%23969DAB' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21C13.6569 21 15 19.6569 15 18H9C9 19.6569 10.3431 21 12 21Z' stroke='%23969DAB' stroke-width='1.8'/%3E%3C/svg%3E%0A");}
[class^="_btn-alarm"][class*="-small"]{width:28px; height:28px; border-radius:var(--radius-8);}
[class^="_btn-alarm"][class*="-small"]::after {width:16px; height:16px; background-size:16px;}

._btn-wrap {display:-webkit-box; display:-ms-flexbox; display:flex; width:100%;}
._btn-wrap [class^="_btn"]:only-child {-ms-flex-preferred-size:100%; flex-basis:100%;}
._btn-wrap [class^="_btn"] + [class^="_btn"] {margin-left: 8px;}
._btn-wrap.fixed {position:fixed; left:0; bottom:0; right:0; background-color:#fff;}
._btn-wrap.fixed::before {content:''; position:absolute; top:-24px; left:0; right:0; height:24px; background:linear-gradient(180deg, rgba(248, 249, 252, 0.00) 0%, var(--gray-20) 100%);}
[class^="_btn"].p35 {-ms-flex-preferred-size:35%; flex-basis:35%;}
[class^="_btn"].p50 {-ms-flex-preferred-size:50%; flex-basis:50%;}
[class^="_btn"].p65 {-ms-flex-preferred-size:65%; flex-basis:65%;}

[class^="_textbtn"] {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 2px; text-align:center; color:var(--gray-600); font-weight:500;}
[class^="_textbtn"]:active {border-radius:var(--radius-8); background:var(--gray-60);}
[class^="_textbtn-medium"] {font-size:18px; letter-spacing:-0.72px;}
[class^="_textbtn-small"] {font-size:16px; letter-spacing:-0.64px;}
[class^="_textbtn-xsmall"] {font-size:14px; letter-spacing:-0.56px;}
[class^="_textbtn"].left-icon::before {display:block; content:''; width:20px; height:20px; margin-right:2px; padding-left:2px;}
[class^="_textbtn-small"].left-icon::before {margin-right:4px;}
[class^="_textbtn-xsmall"].left-icon::before {width:16px; height:16px; margin-right:4px;}
[class^="_textbtn"].right-icon::after {display:block; content:''; width:20px; height:20px; margin-left:2px; padding-right:2px;}
[class^="_textbtn-small"].right-icon::after {margin-left:4px;}
[class^="_textbtn-xsmall"].right-icon::after {width:16px; height:16px; margin-left:4px;}
[class^="_textbtn"]:disabled,
[class^="_textbtn"].disabled {background:transparent; color:var(--gray-300); pointer-events:none;}

@media (hover: hover) and (pointer: fine) {
  [class^="_btn-"][class*="-primary"]:hover {background:var(--primary-p900);}
  [class^="_btn-"][class*="-secondary"]:hover {background:var(--primary-p50);}
  [class^="_btn-"][class*="-tertiary"]:hover {background:var(--gray-60);}
  [class^="_btn-"][class*="-quaternery"]:hover {background:var(--gray-100);}
  [class^="_btn-underline"][class*="-primary"]:hover,
  [class^="_btn-underline"][class*="-secondary"]:hover {background:var(--gray-60); border-radius:var(--radius-4); color:var(--gray-900);}
  [class^="_textbtn"]:hover {border-radius:var(--radius-8); background:var(--gray-60);}
}

/* checkbox */
.ipt-wrap {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.ipt-wrap > * + * {margin-left: 8px;}
[class^="_ipt-check-main"] {position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; cursor:pointer; color:var(--gray-900); font-size:18px; font-weight:400; letter-spacing:-0.72px;}
[class^="_ipt-check-main"] input {position:absolute; width:100%; height:100%; margin:0;-webkit-appearance:none; -moz-appearance:none; appearance:none; z-index:-1;}
[class^="_ipt-check-main"] input + i {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
[class^="_ipt-check-main"] input + i::before {content:"";margin-right: 8px;display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-flex:0; -ms-flex:0 0 24px; flex:0 0 24px; width:24px; height:24px; background:url(../images/common/check-default.svg) no-repeat center/100%;}
[class^="_ipt-check-main"] input:checked + i::before {background:url(../images/common/check-selected.svg) no-repeat center/100%;}
[class^="_ipt-check-main"]:hover input:not(:checked):not(:disabled) + i::before {background:url(../images/common/check-hover.svg) no-repeat center/100%;}
[class^="_ipt-check-main"] input:disabled + i,
[class^="_ipt-check-main"] input:checked:disabled + i {color:var(--gray-300);}
[class^="_ipt-check-main"] input:disabled + i::before {background:url(../images/common/check-disabled.svg) no-repeat center/100%;}
[class^="_ipt-check-main"] input:checked:disabled + i::before {background:url(../images/common/check-disabled-selected.svg) no-repeat center/100%;}
[class^="_ipt-check-main"][class*="-small"] {font-size:14px; font-weight:400; color:var(--gray-900); letter-spacing:-0.56px;}
[class^="_ipt-check-main"][class*="-small"] input + i::before {-ms-flex:0 0 20px; flex:0 0 20px; width:20px; height:20px;}
[class^="_ipt-check-sub"] {position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; cursor:pointer;}
[class^="_ipt-check-sub"] input {position:absolute; width:100%; height:100%; margin:0;-webkit-appearance:none; -moz-appearance:none; appearance:none; z-index:-1;}
[class^="_ipt-check-sub"] input + i {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:var(--gray-900); font-size:16px; font-weight:400; letter-spacing:-0.64px;}
[class^="_ipt-check-sub"] input + i::before {content:"";margin-right: 8px;display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-flex:0; -ms-flex:0 0 24px; flex:0 0 24px; width:24px; height:24px; background:url(../images/common/check-sub-default.svg) no-repeat center/100%;}
[class^="_ipt-check-sub"] input:checked + i::before {background:url(../images/common/check-sub-selected.svg) no-repeat center/100%;}
[class^="_ipt-check-sub"]:hover input:not(:checked):not(:disabled) + i::before {background:url(../images/common/check-sub-hover.svg) no-repeat center/100%;}
[class^="_ipt-check-sub"] input:disabled + i {color:var(--gray-300);}
[class^="_ipt-check-sub"] input:disabled + i::before {background:url(../images/common/check-sub-disabled.svg) no-repeat center/100%;}
[class^="_ipt-check-sub"] input:checked:disabled + i::before {background:url(../images/common/check-sub-disabled-selected.svg) no-repeat center/100%;}

[class^="_ipt-check-box"] {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex;}
[class^="_ipt-check-box"] input {position:absolute; top:0; left:0; width:100%; height:100%; margin:0;-webkit-appearance:none; -moz-appearance:none; appearance:none; z-index:-1;}
[class^="_ipt-check-box"] input + i {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; height:48px; padding:1px 40px 1px 11px; border-radius:var(--radius-8); border:1px solid var(--gray-60); background:var(--white); cursor:pointer; color:var(--gray-700); font-size:16px; font-weight:400; letter-spacing:-0.64px; white-space:nowrap;}
[class^="_ipt-check-box"] input + i::after {content:""; position:absolute; right:12px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-flex:0; -ms-flex:0 0 24px; flex:0 0 24px; width:24px; height:24px; background:url(../images/common/check-sub-default.svg) no-repeat center/100%;}
[class^="_ipt-check-box"] input:checked + i {border:2px solid var(--black); padding:0 39px 0 10px;}
[class^="_ipt-check-box"] input:checked + i::after {background:url(../images/common/check-sub-selected.svg) no-repeat center/100%;}
[class^="_ipt-check-box"]:hover input:not(:checked):not(:disabled) + i {background-color:var(--gray-40);}
[class^="_ipt-check-box"]:hover input:not(:checked):not(:disabled) + i::after {background:url(../images/common/check-sub-hover.svg) no-repeat center/100%;}
[class^="_ipt-check-box"] input:disabled + i,
[class^="_ipt-check-box"] input:checked:disabled + i {border:1px solid var(--gray-40); color:var(--gray-300);}
[class^="_ipt-check-box"] input:disabled + i::after {background:url(../images/common/check-sub-disabled.svg) no-repeat center/100%;}
[class^="_ipt-check-box"] input:checked:disabled + i::after {background:url(../images/common/check-sub-disabled-selected.svg) no-repeat center/100%;}

/* radio */
[class^="_ipt-radio-main"] {position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; cursor:pointer;}
[class^="_ipt-radio-main"] input {position:absolute; width:100%; height:100%; margin:0;-webkit-appearance:none; -moz-appearance:none; appearance:none; z-index:-1;}
[class^="_ipt-radio-main"] input + i {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:var(--gray-900); font-size:16px; font-weight:400; letter-spacing:-0.64px;}
[class^="_ipt-radio-main"] input + i::before {content:"";margin-right: 8px;display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-flex:0; -ms-flex:0 0 24px; flex:0 0 24px; width:24px; height:24px; background:url(../images/common/radio-default.svg) no-repeat center/100%;}
[class^="_ipt-radio-main"] input:checked + i::before {background:url(../images/common/radio-selected.svg) no-repeat center/100%;}
[class^="_ipt-radio-main"]:hover input:not(:checked):not(:disabled) + i::before {background:url(../images/common/radio-hover.svg) no-repeat center/100%;}
[class^="_ipt-radio-main"] input:disabled + i,
[class^="_ipt-radio-main"] input:checked:disabled + i {color:var(--gray-300);}
[class^="_ipt-radio-main"] input:disabled + i::before {background:url(../images/common/radio-disabled.svg) no-repeat center/100%;}
[class^="_ipt-radio-main"] input:checked:disabled + i::before {background:url(../images/common/radio-disabled-selected.svg) no-repeat center/100%;}
[class^="_ipt-radio-main"][class*="-small"] {font-size:14px; font-weight:400; color:var(--gray-900); letter-spacing:-0.56px;}
[class^="_ipt-radio-main"][class*="-small"] input + i::before {-ms-flex:0 0 20px; flex:0 0 20px; width:20px; height:20px;}

[class^="_ipt-radio-box"] {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex;}
[class^="_ipt-radio-box"] input {position:absolute; top:0; left:0; width:100%; height:100%; margin:0;-webkit-appearance:none; -moz-appearance:none; appearance:none; z-index:-1;}
[class^="_ipt-radio-box"] input + i {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:48px; padding:12px; border-radius:var(--radius-8); border:1px solid var(--gray-100); background:var(--white); cursor:pointer; color:var(--gray-700); font-size:16px; font-weight:400; letter-spacing:-0.64px; white-space:nowrap;}
[class^="_ipt-radio-box"] input:checked + i {border:1px solid var(--primary-p800); color:var(--primary-p800); font-weight:600;}
[class^="_ipt-radio-box"]:hover input:not(:disabled) + i {background-color:var(--gray-40);}
[class^="_ipt-radio-box"] input:disabled + i {border-color:var(--gray-40); color:var(--gray-300); font-weight:400;}

/* chips */
[class^="_chip-box"] {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex;}
[class^="_chip-box"] input {position:absolute; margin:0; top: 0;left: 0;right: 0;bottom: 0;; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
[class^="_chip-box"] input + i {-webkit-box-flex:0; -ms-flex:0; flex:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-line-pack:center; align-content:center; padding:0 15px; height:40px; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid var(--gray-100); border-radius:var(--radius-12); white-space:nowrap; font-size:18px; font-weight:400; color:var(--gray-900); letter-spacing:-0.72px;}
[class^="_chip-box"] input:checked + i {padding:0 14px; border:2px solid var(--primary-p800); color:var(--primary-p800); font-weight:500;}
[class^="_chip-box"] input:disabled + i {border:1px solid var(--gray-60); color:var(--gray-300);}
[class^="_chip-box"] input:checked:disabled + i {border:1px solid var(--gray-100); color:var(--gray-500); font-weight:400; background-color: var(--gray-40);}
[class^="_chip-box"] input:hover:not(:checked):not(:disabled) + i {border:1px solid var(--gray-100); background-color:var(--gray-60);}
[class^="_chip-box"][class*="-small"] input + i {height:32px; padding:0 12px; border-radius:var(--radius-8); font-size:16px; letter-spacing:-0.64px;}
[class^="_chip-box"][class*="-small"] input:checked + i {padding:0 11px;}

/* input */
.input-title {position:relative; display:block; margin-bottom:8px; font-size:14px; font-weight:500; color:var(--gray-700); line-height:21px; letter-spacing:-0.56px;}
.input-title .sub {color:var(--gray-500); font-size:12px; font-weight:400; line-height:21px; letter-spacing:-0.48px;}
.input-box {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-negative:0; flex-shrink:0; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; min-width:200px; padding:1px; background-color:var(--white); border-radius:var(--radius-12); border:1px solid var(--gray-100);}
.input-box input {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-preferred-size:auto; flex-basis:auto; width:100%; height:30px; padding:11px 44px 11px 14px; border:0 none; border-radius:var(--radius-12); font-size:16px; font-weight:400; color:var(--gray-900); letter-spacing:-0.64px; outline:transparent;}
@media screen and (max-width:767px) {
  .input-inner .input-box input {padding:11px 16px 11px 14px;}/* 모바일 placeholder 잘림이슈 해결 */
  .input-inner .input-box .ipt-clear{
    right: var(--space-6) !important; 
    left: auto !important;
    top:50%;
    transform: translateY(-50%);
  }
}
.business-number .input-box input{padding:11px 16px 11px 14px;}/* 모바일 placeholder 잘림이슈 해결 */

.input-box input[type=password]::-ms-reveal,
.input-box input[type=password]::-ms-clear {display:none;}
.input-box input::-webkit-input-placeholder {color:var(--gray-500);}
.input-box input::-moz-placeholder {color:var(--gray-500);}
.input-box input:-ms-input-placeholder {color:var(--gray-500);}
.input-box input::-ms-input-placeholder {color:var(--gray-500);}
.input-box input::placeholder { color:var(--gray-500);}
.input-box:hover {border:1px solid var(--gray-300);}
.input-box.is-error {padding:0; border:2px solid var(--red-700);}
.input-box:focus-within {padding:0; border:2px solid var(--black);}
.input-box input:disabled {margin:-2px; padding:12px 14px; border:1px solid var(--gray-100); background-color:var(--gray-40); color:var(--gray-300); opacity:1;}
.input-box input:disabled::-webkit-input-placeholder {color:var(--gray-300);}
.input-box input:disabled::-moz-placeholder {color:var(--gray-300);}
.input-box input:disabled:-ms-input-placeholder {color:var(--gray-300);}
.input-box input:disabled::-ms-input-placeholder {color:var(--gray-300);}
.input-box input:disabled::placeholder {color:var(--gray-300);}
.input-box .util-box {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-right:14px;}
.input-box.is-readonly {overflow:visible;}
.input-box input[readonly][data-e2e="true"] + .util-box,
.input-box.virsual-keyboard .util-box {display:none;}
.input-box input:disabled + .util-box {position:absolute; right:0;}
.input-box .util-box .icon-search {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; width:20px; height:20px; background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%23191B1E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-size:20px auto; border:0 none; line-height:1; text-indent:-9999px; white-space:nowrap; overflow:hidden; color:transparent; font-size:0;}
.input-box input:disabled + .util-box .icon-search {background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%23969DAB' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); pointer-events:none;}
.input-box input:disabled + .util-box [class^="_btn"] {background-color:var(--gray-40);}
.input-box .ipt-clear {position: absolute; cursor:pointer; top: 50%; transform: translateY(-50%); width:20px; height:20px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18%209C18%2013.9706%2013.9706%2018%209%2018C4.02944%2018%200%2013.9706%200%209C0%204.02944%204.02944%200%209%200C13.9706%200%2018%204.02944%2018%209ZM11.6871%2012.7477C11.9799%2013.0405%2012.4548%2013.0405%2012.7477%2012.7477C13.0406%2012.4548%2013.0406%2011.9799%2012.7477%2011.687L10.0607%209L12.7477%206.31298C13.0406%206.02009%2013.0406%205.54522%2012.7477%205.25232C12.4548%204.95943%2011.98%204.95943%2011.6871%205.25232L9.00006%207.93934L6.31305%205.25232C6.02015%204.95943%205.54528%204.95943%205.25238%205.25232C4.95949%205.54522%204.95949%206.02009%205.25238%206.31298L7.9394%209L5.2524%2011.687C4.95951%2011.9799%204.95951%2012.4548%205.2524%2012.7477C5.5453%2013.0405%206.02017%2013.0405%206.31306%2012.7477L9.00006%2010.0607L11.6871%2012.7477Z%22%20fill%3D%22%23969DAB%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; background-size:18px auto; border:0 none; line-height:1; text-indent:-9999px; white-space:nowrap; overflow:hidden; color:transparent; font-size:0; z-index: 10;}
.input-box .util-box .count {font-size:14px; font-weight:500; color:var(--gray-700); line-height:21px; letter-spacing:-0.56px; word-break:keep-all;}
.input-box.is-error .util-box .count {color:var(--red-800);}
.input-box .util-box .ipt-mask {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; width:24px;  height:24px; background:url(../images/icons/eye-off.svg) no-repeat 50% 50%/20px auto; border:0 none; line-height:1; text-indent:-9999px; white-space:nowrap; overflow:hidden; color:transparent; font-size:0; opacity:0;}
.input-box .util-box .ipt-mask.on {opacity:1; background-image:url(../images/icons/eye.svg);}
.input-box .util-box .ipt-mask.off {opacity:1; background-image:url(../images/icons/eye-off.svg);}
.input-box .util-box .ipt-calendar {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; width:20px; height:20px; background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2V6M8 2V6M3 10H21M5 4H19C20.1046 4 21 4.89543 21 6V20C21 21.1046 20.1046 22 19 22H5C3.89543 22 3 21.1046 3 20V6C3 4.89543 3.89543 4 5 4Z' stroke='%23191B1E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-size:20px auto; border:0 none; line-height:1; text-indent:-9999px; white-space:nowrap; overflow:hidden; color:transparent; font-size:0;}
.input-box input:disabled + .util-box .ipt-calendar {background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2V6M8 2V6M3 10H21M5 4H19C20.1046 4 21 4.89543 21 6V20C21 21.1046 20.1046 22 19 22H5C3.89543 22 3 21.1046 3 20V6C3 4.89543 3.89543 4 5 4Z' stroke='%23969DAB' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); pointer-events:none;}
.input-help {margin-top:8px; padding:0 4px; font-size:12px; font-weight:400; color:var(--gray-500); word-break:break-word;}
.input-help.is-pass {color:var(--blue-800);}
.input-help.is-error {color:var(--red-800);}
.input-help.is-disabled {color:var(--gray-300);}

/* Dropdown */
.input-box-col {display:-webkit-box; display:-ms-flexbox; display:flex; gap:8px;}
.input-box-col .input-box {-webkit-box-flex:1; -ms-flex:1; flex:1; min-width:auto;}
.input-box-row .input-box + .input-box {margin-top:8px;}
.input-box .ui-selectmenu-button-open.ui-button {border:2px solid var(--black);}
.input-box .ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon {top:13px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.input-box .ui-selectmenu-button.ui-button {width:auto; position:relative; z-index:1; display:-webkit-box; display:-ms-flexbox;  display:flex; padding:14px 16px; height:24px; outline:transparent; border:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; min-width:0; text-align:left; white-space:nowrap; box-sizing:content-box;}
.input-box .ui-selectmenu-button.ui-button::-webkit-input-placeholder {color:var(--gray-500);}
.input-box .ui-selectmenu-button.ui-button::-moz-placeholder {color:var(--gray-500);}
.input-box .ui-selectmenu-button.ui-button:-ms-input-placeholder {color:var(--gray-500);}
.input-box .ui-selectmenu-button.ui-button::-ms-input-placeholder {color:var(--gray-500);}
.input-box .ui-selectmenu-button.ui-button::placeholder {color:var(--gray-500);}
.input-box .ui-selectmenu-button.ui-state-disabled {background-color:var(--gray-40); color:var(--gray-500); border-radius:var(--radius-12); margin:-2px; padding:15px 16px; border:1px solid var(--gray-100); pointer-events:none;}
.input-box .ui-selectmenu-text {display:block; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:400; color:var(--gray-900); letter-spacing:-0.64px;}
.input-box .ui-selectmenu-text.placeholder {color:var(--gray-500);}
.input-box .ui-selectmenu-icon.ui-icon {position:absolute; top:16px; right:16px; width:24px; height:24px; background:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.6309L14%2011.6309L9%206.63086%22%20stroke%3D%22%23191B1E%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50% transparent; -webkit-transform:rotate(90deg); transform:rotate(90deg);}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {font-size:1em; font-weight:bold; line-height:1.5; padding:2px 0.4em; margin:0.5em 0 0 0; height:auto; border:0;}
.ui-selectmenu-menu.ui-selectmenu-open {display:block;}
.ui-selectmenu-menu .ui-menu-item {display:-webkit-box; display:-ms-flexbox; display:flex; font-size:16px; font-weight:400; cursor:pointer; letter-spacing:-0.64px;}
.ui-selectmenu-menu .ui-menu-item + .ui-menu-item {margin-top:12px;}
.ui-selectmenu-menu .ui-menu-item:active,
.ui-selectmenu-menu .ui-menu-item:hover {background-color:var(--gray-20); color:var(--gray-900);}
.ui-selectmenu-menu .ui-menu-item.selected {font-weight:600; color:var(--gray-900);}

@media screen and (min-width: 768px) {
  .ui-selectmenu-menu {overflow:hidden; padding:0; margin:0; position:absolute; top:0; margin-left:-160px; max-width:1000px; left:0; display:none; z-index:11; border:2px solid var(--black); border-radius:var(--radius-12); background:var(--white);}
  .ui-selectmenu-menu .ui-menu {overflow:auto; overflow-x:hidden; padding:8px; width:auto; max-height:256px; max-width:100%; position:relative; z-index:1;}
  .ui-selectmenu-menu .ui-menu-item {-webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:8px; height:40px; padding:0 12px; border-radius:var(--radius-12); color:var(--gray-500);}
}

@media screen and (max-width:767px) {
  .input-box .ui-selectmenu-text {padding-right:36px; font-size:16px;}

  .ui-selectmenu-menu {display:none; position:fixed !important; top:0 !important; left:0 !important; right:0; bottom:0; z-index:999; width:auto; height:100%;  padding:0; margin:0; background:rgba(0, 0, 0, 0.5);}
  .ui-selectmenu-menu .ui-menu {position:relative; z-index:1; overflow-y:auto; width:100% !important; max-height:calc(100vh - 56px); background-color:var(--white); padding:40px 0 24px; padding-bottom:calc(env(safe-area-inset-bottom) + 20px); border-radius:24px 24px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box;}
  .ui-selectmenu-menu.ui-selectmenu-open {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;} 
  .ui-selectmenu-menu .ui-menu::before {content:""; position:absolute; left:calc(50% - 30px); top:12px; width:60px; height:5px; border-radius:5px; background-color:#E7E9EF;}
  .ui-selectmenu-menu .ui-menu-item {padding:16px 20px; color:var(--gray-600); font-size:16px; font-weight:600;}
  .ui-selectmenu-menu .ui-menu-item.selected::after {content:""; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-negative:0; flex-shrink:0; margin-left:auto; width:24px; height:24px; background:url(../images/common/check-sub-selected.svg) no-repeat center / 24px auto;}
}

/* autofill: 배경 흰색 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: var(--gray-900) !important;
  caret-color: var(--gray-900);
  transition: background-color 9999s ease-in-out 0s;
}
/* autofill 상태에서도 placeholder색 유지 */
input:-webkit-autofill::placeholder,
textarea:-webkit-autofill::placeholder {
  -webkit-text-fill-color: var(--gray-500) !important;
  color: var(--gray-500) !important;
  opacity: 1;
}
input:-webkit-autofill:placeholder-shown {
  -webkit-text-fill-color: var(--gray-500) !important;
}


/* tooltip */
.tooltip-title {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:8px;}
.tooltip-trigger {width:16px; height:16px; margin-left:4px; text-indent:-9999px; background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8V12M12 16H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%237A8394' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); color:transparent; font-size:0;}
.tooltip-trigger + .tooltip-content {display:none;}
.tooltip-title .input-title {margin-bottom:0;}
.count-title {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.count-title .count {color:var(--gray-500); font-size:14px; font-weight:400; line-height:21px; letter-spacing:-0.56px;} 

/* switch */
[class^="_switch-box"] {--w:50px; --h:30px; --p:2px; --thumb:calc(var(--h) - var(--p) * 2); position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:12px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
[class^="_switch-box"] .switch {position:relative; display:inline-block; width:var(--w); height:var(--h); -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}
[class^="_switch-box"] .switch .slider {position:absolute; top: 0;left: 0;right: 0;bottom: 0; background:var(--gray-400); border-radius:calc(var(--h) / 2); -webkit-transition:background-color 0.2s ease; transition:background-color 0.2s ease;}
[class^="_switch-box"] .switch .slider::before {content:""; position:absolute; top: 0;left: 0;right: 0;bottom: 0; left:var(--p); top:var(--p); width:var(--thumb); height:var(--thumb); background:var(--white); border-radius:50%; -webkit-transition:-webkit-transform 0.2s ease; transition:-webkit-transform 0.2s ease; transition:transform 0.2s ease; transition:transform 0.2s ease, -webkit-transform 0.2s ease;}
[class^="_switch-box"] input {position:absolute; opacity:0; margin:0; left:calc(50% - var(--w) / 2); width:var(--w); height:var(--h); cursor:pointer; z-index:1;}
[class^="_switch-box"] input:checked + .switch .slider {background-color:var(--primary-p800);}
[class^="_switch-box"] input:checked + .switch .slider::before {-webkit-transform:translateX(calc(var(--w) - var(--thumb) - var(--p) * 2)); transform:translateX(calc(var(--w) - var(--thumb) - var(--p) * 2));}
[class^="_switch-box"] .switch-label {font-size:18px; font-weight:400; color:var(--gray-500); -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}
[class^="_switch-box"] .switch-label.on {text-align:left;}
[class^="_switch-box"] .switch-label.off {text-align:right; -webkit-box-ordinal-group:2; -ms-flex-order:1;order:1;}
[class^="_switch-box"] input:checked ~ .switch-label.on {font-size:18px; font-weight:500; color:var(--gray-900);}
[class^="_switch-box"] input:not(:checked) ~ .switch-label.off {font-size:18px; font-weight:500; color:var(--gray-900);}
[class^="_switch-box"] input:hover + .switch .slider {background-color:var(--gray-500);}
[class^="_switch-box"] input:checked:hover + .switch .slider {background-color:var(--primary-p900);}
[class^="_switch-box"][class*="-small"] {--w:36px; --h:20px; --p:2px; --thumb:calc(var(--h) - var(--p) * 2);}

/* tabs */
.tab-box {position:relative; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.tab-box [class^="_tabs"] {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-sizing:border-box; box-sizing:border-box; }
[class^="_tabs-main"] {position:relative; height:56px;}
[class^="_tabs-main"] > li {-webkit-box-flex:1; -ms-flex:1; flex:1; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-line-pack:stretch; align-content:stretch; position:relative; z-index:1;}


[class^="_tabs-main"] > li + li {margin-left: 24px;}
[class^="_tabs-main"] > li a {-webkit-box-flex:1; -ms-flex:auto; flex:auto; -ms-flex-line-pack:center; align-content:center; text-align:center; line-height:56px; white-space:nowrap; font-size:18px; font-weight:500; color:var(--gray-500);}
[class^="_tabs-main"] > li.is-on a {font-size:18px; font-weight:600; color:var(--gray-900);}
[class^="_tabs-main"] > li.is-on a::after {content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background-color:var(--gray-900);}
[class^="_tabs-main"]::after {content:""; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid var(--gray-100);}

[class^="_tabs-sub"] {height:40px;}
[class^="_tabs-sub"] > li {-webkit-box-flex:0; -ms-flex:0; flex:0; z-index:1;}
[class^="_tabs-sub"] > li + li {margin-left: 8px;}
[class^="_tabs-sub"] > li a {display:-webkit-box; display:-ms-flexbox; display:flex; min-width:73px; padding:8px 16px; border-radius:42px; background-color:var(--gray-40); font-size:16px; font-weight:500; color:var(--gray-600); letter-spacing:-0.64px; line-height:24px; white-space:nowrap; justify-content: center;}
[class^="_tabs-sub"] > li.is-on a {background-color:var(--primary-p800); font-weight:600; color:var(--white);}

@media screen and (max-width:767px) {
  .tab-box,
  [class^="_tabs-sub"] {scrollbar-width:none;}
  .tab-box::-webkit-scrollbar,
  [class^="_tabs-sub"]::-webkit-scrollbar {display:none;}  
}

@media screen and (max-width:1023px) {
  [class^="_tabs-main"] > li.mo-invisible{
    display:none;
  }
}

/* segment */
[class^="_segment"] {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-line-pack:center; align-content:center; height:48px; padding:4px; background-color:#E7E9EF; border-radius:var(--radius-8);}
[class^="_segment"] > li {-webkit-box-flex:1; -ms-flex:1; flex:1; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-line-pack:stretch; align-content:stretch;}
[class^="_segment"] > li + li {margin-left: 4px;}
[class^="_segment"] > li a {-webkit-box-flex:1; -ms-flex:auto; flex:auto; text-align:center; line-height:40px; padding:0 10px; border-radius:var(--radius-8); font-size:16px; font-weight:500; color:var(--gray-600); letter-spacing:-0.64px; white-space:nowrap;}
[class^="_segment"] > li a:hover {background-color:var(--gray-100); color:var(--gray-700);}
[class^="_segment"] > li.is-on a {background-color:var(--white); -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.08); box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.08); font-weight:600; color:var(--gray-900);}
[class^="_segment"][class*="-small"] {height:40px;}
[class^="_segment"][class*="-small"] > li a {line-height:32px; font-size:14px; letter-spacing:-0.56px;}

@media (hover: hover) and (pointer: fine) {
  [class^="_tabs-main"] > li a:hover {background:rgba(0, 0, 0, 0.02);}
  [class^="_tabs-sub"] > li a:hover {background-color:var(--primary-p100); color:var(--gray-900);}
}

/* indicator */
.paging {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; gap:16px;}
.paging a, .paging .shortening {-webkit-box-flex:0; -ms-flex:0 0 24px; flex:0 0 24px; display:-webkit-box; display:-ms-flexbox; display:flex; width:24px; height:24px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.paging .arrow {display:-webkit-box; display:-ms-flexbox; display:flex; gap:8px;}
.paging .arrow a {line-height:1; text-indent:-9999px; white-space:nowrap; overflow:hidden; color:transparent; font-size:0; background-size:24px 24px;}
.paging .arrow a.disabled {pointer-events:none;}
.paging .arrow a.first {background:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%2017L18%2012L13%207M6%2017L11%2012L6%207%22%20stroke%3D%22%23191B1E%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.paging .arrow a.first.disabled {background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%2017L18%2012L13%207M6%2017L11%2012L6%207%22%20stroke%3D%22%23CDD1DA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.paging .arrow a.prev {background:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.6309L14%2011.6309L9%206.63086%22%20stroke%3D%22%23191B1E%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.paging .arrow a.prev.disabled {background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.6309L14%2011.6309L9%206.63086%22%20stroke%3D%22%23CDD1DA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.paging .arrow a.next {background:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.6309L14%2011.6309L9%206.63086%22%20stroke%3D%22%23191B1E%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;}
.paging .arrow a.next.disabled {background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.6309L14%2011.6309L9%206.63086%22%20stroke%3D%22%23CDD1DA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.paging .arrow a.last {background:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%2017L18%2012L13%207M6%2017L11%2012L6%207%22%20stroke%3D%22%23191B1E%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;}
.paging .arrow a.last.disabled {background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%2017L18%2012L13%207M6%2017L11%2012L6%207%22%20stroke%3D%22%23CDD1DA%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.paging .count {display:-webkit-box; display:-ms-flexbox; display:flex;}
.paging .count > * + * {margin-left: 6px;}
.paging .count a, .paging .count .shortening {border-radius:24px; font-size:14px; font-weight:400; color:var(--gray-700);}
.paging .count a.current, .paging .count .shortening.current {font-weight:500; color:var(--white); background-color:var(--primary-p800);}

[class^="_indicator"] {display:flex;}
[class^="_indicator"] .bullet {display:block; width:8px; height:8px; background:var(--gray-100); border-radius:50%;}
[class^="_indicator"] .bullet.active {width:16px; background:var(--gray-900); border-radius:4px;}
[class^="_indicator"] .bullet + .bullet {margin-left: 4px;}
[class^="_indicator"][class*="-small"] .bullet {width:6px; height:6px;}
[class^="_indicator"][class*="-small"] .bullet.active {width:12px; border-radius:3px;}

/* divider */
[class^="_divider-ver"] {display:inline-block; width:1px; height:32px;}
[class^="_divider-ver"][class*="-ver-1"] {background-color:var(--black);}
[class^="_divider-ver"][class*="-ver-2"] {background-color:var(--gray-100);}
[class^="_divider-ver"][class*="-ver-3"] {background-color:var(--gray-60);}
[class^="_divider-ver"][class*="-ver-4"] {background-color:var(--primary-p200);}
[class^="_divider-hor"] {display:block; width:320px; height:1px;}
[class^="_divider-hor"][class*="-hor-1"] {background-color:var(--black);}
[class^="_divider-hor"][class*="-hor-2"] {background-color:var(--gray-100);}
[class^="_divider-hor"][class*="-hor-3"] {background-color:var(--gray-60);}
[class^="_divider-hor"][class*="-hor-4"] {background-color:var(--primary-p200);}
[class^="_divider-group"] {display:block; width:320px; height:10px;}
[class^="_divider-group"][class*="-group-1"] {background-color:var(--gray-100);}
[class^="_divider-group"][class*="-group-2"] {background-color:var(--gray-60);}

@media screen and (max-width:767px) {
  [class^="_divider-hor"],
  [class^="_divider-group"]  {width:100%;}
}

/* progress */
.step-hor .step {display:-webkit-box; display:-ms-flexbox; display:flex;}
.step-hor .step > li {-webkit-box-flex:1; -ms-flex:1; flex:1; text-align:center;}
.step-hor .step > li + li::before {content:""; position:relative; left:calc(-50% + 12px); top:13px; display:block; border-top:1px solid var(--gray-100);}
.step-hor .step .num {position:relative; display:block; width:24px; height:24px; margin:0 auto 8px; border-radius:50%; background-color:var(--gray-60); font-size:14px; font-weight:500; color:var(--primary-p800); line-height:24px; overflow:hidden;}
.step-hor .step .txt {font-size:14px; font-weight:600; color:var(--gray-300);}
.step-hor .step > li.current .num {background-color:var(--primary-p800); color:var(--white);}
.step-hor .step > li.current .txt {color:var(--primary-p800);}
.step-hor .step > li.current::before,
.step-hor .step > li.done::before {border-color:var(--primary-p800);}
.step-hor .step > li.done .num {background-color:var(--primary-p800); color:transparent;}
.step-hor .step > li.done .num::after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.6673%208L12.0007%2022.6667L5.33398%2016%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center; background-size:16px 16px;}
.step-hor .step > li.done .txt {color:var(--primary-p800);}

.step-line ul {display:-webkit-box; display:-ms-flexbox; display:flex;}
.step-line ul li {-webkit-box-flex:1; -ms-flex:1; flex:1;}
.step-line ul li + li {margin-left: 8px;}
.step-line ul li:last-child {padding-right:20px;}
.step-line ul li .step-button {display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; min-width:120px; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.step-line ul li .bar {width:100%; margin-bottom: 6px; height:4px; border-radius:2px; opacity:1; background:var(--gray-60);}
.step-line ul li .step-title {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; width:100%;}
.step-line ul li .step-title > * + * {margin-left: 6px;}
.step-line ul li .step-txt {font-weight:500; font-size:14px; color:var(--gray-500); line-height:1.5; vertical-align:middle;}
.step-line ul li .step-bedge {display:inline-block; padding:2px 6px; font-weight:600; font-size:12px; color:var(--gray-600); line-height:1.5; text-align:center; vertical-align:middle; border-radius:4px; background:var(--gray-60);}
.step-line ul li.on .bar {background:var(--primary-p800);}
.step-line ul li.on .step-txt {color:var(--primary-p800);}
.step-line ul li.on .step-bedge {background:var(--primary-p800); color:var(--white);}

@media screen and (max-width:767px) {
  .step-line {overflow:hidden; overflow-x:auto; scrollbar-width:none;}
  .step-line::-webkit-scrollbar {height:0;}
}

/* badge */
[class^="_badge"] {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:15px; background-color:#fff; font-weight:600;}
[class^="_badge-medium"] {height:28px; padding:0 8px; border-radius:15px; font-size:14px; letter-spacing:-0.28px;}
[class^="_badge-small"] {height:22px; padding:0 6px; border-radius:4px; font-size:12px; letter-spacing:-0.24px;}
[class^="_badge"][class*="-primary"] {background-color:var(--primary-p50); color:var(--primary-p800);}
[class^="_badge"][class*="-gray"] {background-color:var(--primary-p50); color:var(--gray-600);}
[class^="_badge"][class*="-blue"] {background-color:var(--blue-50); color:var(--blue-900);}
[class^="_badge"][class*="-red"] {background-color:var(--red-50); color:var(--red-900);}
[class^="_badge"][class*="-yellow"] {background-color:var(--yellow-50); color:var(--yellow-900);}
[class^="_badge"][class*="-green"] {background-color:var(--green-50); color:var(--green-900);}
[class^="_badge"][class*="-solid-primary"] {background-color:var(--primary-p800); color:var(--white);}
[class^="_badge"][class*="-solid-gray"] {background-color:var(--gray-500); color:var(--white);}
[class^="_badge"][class*="-line-primary"] {background-color:var(--white); border:1px solid var(--primary-p300); color:var(--primary-p800);}
[class^="_badge"][class*="-line-gray-1"] {background-color:var(--white); border:1px solid var(--gray-500); color:var(--gray-600);}
[class^="_badge"][class*="-line-gray-2"] {background-color:var(--white); border:1px solid var(--gray-100); color:var(--gray-600);}

/* table */
.scrollable-table {position:relative;}
[class^="_table"] {overflow-x:auto; border-top:1px solid var(--gray-60);}
[class^="_table"] table {width:100%; table-layout:fixed;}
[class^="_table"] th, 
[class^="_table"] td {padding:12px; border-bottom:1px solid var(--gray-60); vertical-align:middle; text-align:center; font-size:16px; color:var(--gray-700); letter-spacing:-0.64px;}
[class^="_table-small"] th,
[class^="_table-small"] td {font-size:14px;}
[class^="_table"] th {background-color:var(--gray-40); font-weight:600;}
[class^="_table"] td {background-color:var(--white); font-weight:400;}
[class^="_table"] tbody th.left,
[class^="_table"] tbody td.left {text-align:left;}
[class^="_table"] tbody th.right,
[class^="_table"] tbody td.right {text-align:right; padding-right:20px;}
caption {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0 0 0 0);}

@media screen and (max-width:767px) {
  .scrollable-table:after {content:""; position:absolute; top:0; right:0; bottom:0; width:40px; background:-webkit-gradient(linear, right top, left top, from(rgba(35, 34, 88, 0.08)), to(rgba(35, 34, 88, 0))); background:linear-gradient(270deg, rgba(35, 34, 88, 0.08) 0%, rgba(35, 34, 88, 0) 100%); border-radius:0 8px 8px 0;}
}

/* feedback */
.feedback-wrap {padding:100px 0; text-align:center;}
.feedback-wrap::before {content:''; display:block; width:64px; height:64px; margin:0 auto; background:url(../images/common/feedback_check.svg) no-repeat center / 100% auto;}
.feedback-wrap .title {margin-top:12px; color:var(--gray-900); font-size:24px; font-weight:700; line-height:36px; letter-spacing:-0.96px;}
.feedback-wrap .desc {margin-top:8px; color:var(--gray-600); font-size:18px; font-weight:400; line-height:27px; letter-spacing:-0.72px;}
.feedback-wrap .btn-wrap {margin-top:24px;}
.feedback-wrap .btn-wrap button {display:inline-flex;}

@media screen and (max-width:767px) {
  .feedback-wrap .title {font-size:18px; line-height:27px; letter-spacing:-0.72px;}
  .feedback-wrap .desc { font-size:16px; line-height:24px; letter-spacing:-0.64px;}
  .feedback-wrap .btn-wrap {margin-top:24px;}
  .feedback-wrap .btn-wrap button {display:inline-flex;}
}

/* modal */
[class^="_modal"]{display:none;align-items:center;justify-content:center;position:fixed;top: 0;left: 0;right: 0;bottom: 0;;background-color:rgba(25,27,30,0.4);z-index:10;}
[class^="_modal"].open{display:flex;}
[class^="_modal"].open{background-color:transparent;}
[class^="_modal"].open:not([class*="_type-tooltip"]):not([class^="_modal"].open ~ [class^="_modal"].open){background-color:rgba(25,27,30,0.4);}
[class^="_modal"][class*="-popup"] .content .guide-content{display:flex;align-items:center;justify-content:center;width:100%;height:125px;font-weight:600;line-height:1.5;color:var(--red-500);background-color:rgba(255,0,0,0.1);}
[class^="_modal"][class*="-popup"] .inner{position:relative;min-width:320px;max-width:600px;max-height:80vh;padding:20px 0;box-sizing:border-box;background-color:var(--white);border-radius:16px; display:flex;flex-direction:column;/*overflow:hidden; 매출취소요청팝업*/}
[class^="_modal"][class*="-popup"] .header{margin-bottom:16px; flex-shrink:0; padding:0 20px;}
[class^="_modal"][class*="-popup"] .header .title{font-size:24px;font-weight:700;line-height:1.5;letter-spacing:-0.04em;color:var(--gray-900);padding-right:60px;}
[class^="_modal"][class*="-popup"] .header .description{display:block;margin-top:2px;font-size:16px;line-height:1.5;letter-spacing:-0.04em;color:var(--gray-600);}
[class^="_modal"][class*="-popup"] .content{overflow-y:auto;min-height:125px; flex:1;min-height:0;max-height:488px; padding:0 20px;}
[class^="_modal"][class*="-popup"] .content.no-scroll{min-height:auto;max-height:auto;overflow: visible;}
@media screen and (max-width:767px){
  [class^="_modal"][class*="-popup"] .content.no-scroll{flex:1;min-height:0;overflow-y:auto;max-height:none;}
}
[class^="_modal"][class*="-popup"] .button-box{display:flex;margin-top:20px; flex-shrink:0; padding: 0 20px;}
[class^="_modal"][class*="-popup"] .button-box button{flex:1;}
[class^="_modal"][class*="-popup"] .button-box button + button {margin-left: 8px;}
[class^="_modal"][class*="-popup"] .btn-close{position:absolute;top:25px;right:25px;width:24px;height:24px;background:url(../images/icons/x.svg) no-repeat center/24px auto;border:0;text-indent:-9999px;overflow:hidden;}
[class^="_modal"][class*="-popup"].large .inner{width:600px;}
[class^="_modal"][class*="-popup"].medium .inner{width:480px;}
[class^="_modal"][class*="-popup"].small .inner{width:420px;}
[class^="_modal"][class*="-popup"].xsmall .inner{width:320px;}
[class^="_modal"][class*="-popup"] .selectmenu{padding:20px 0;}
[class^="_modal"][class*="-popup"] .selectmenu .header{margin-bottom:16px;padding:0 20px;}
[class^="_modal"][class*="-popup"] .selectmenu .selectmenu-list-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;font-size:16px;font-weight:600;color:var(--gray-600);cursor:pointer;box-sizing:border-box;}
[class^="_modal"][class*="-popup"] .selectmenu .selectmenu-list-item.on{background-color:var(--gray-40); color:var(--gray-900);}
[class^="_modal"][class*="-popup"] .selectmenu .selectmenu-list-item.on::after{content:"";flex-shrink:0;width:24px;height:24px;margin-left:auto;background:url(../images/common/check-sub-selected.svg) no-repeat center/24px auto;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"]{align-items:initial;justify-content:initial;position:absolute;left:auto; right:auto; top:auto; bottom:auto; background-color:transparent;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"].open{display:flex;box-shadow:0 4px 12px 0 rgba(35,34,88,0.02) inset,0 16px 32px 0 rgba(35,34,88,0.08);backdrop-filter:blur(10px);border-radius:16px;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .header{margin-bottom:20px;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .header .title{font-family:Pretendard;font-size:20px;font-style:normal;font-weight:700;line-height:150%;letter-spacing:-0.8px;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .info{display:flex;flex-wrap:wrap;align-items:center;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .info + .info{margin-top:12px;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .info dt{flex:auto;color:#4B515D;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-0.64px;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .info dt .icon-copy{vertical-align:2px;margin-left:4px;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .info dd{flex:auto;text-align:right;font-size:16px;font-weight:500;color:#343841;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .info dd p{text-align:left;word-break:break-word;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .desc{margin-top:16px;padding:12px;background-color:#F3F5F8;border-radius:12px;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .desc dt{font-size:14px;font-weight:500;color:#343841;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .desc dd{font-size:14px;font-weight:400;color:#4B515D;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .info dd.icon-wrap{display:flex;justify-content:flex-end;}
[class^="_modal"][class*="-popup"][class*="_type-tooltip"] .info dd.icon-wrap > * + * {margin-left: 4px;}
@media (max-width:767px){
  [class^="_modal"][class*="-popup"].large .inner,[class^="_modal"][class*="-popup"].medium .inner,[class^="_modal"][class*="-popup"].small .inner,[class^="_modal"][class*="-popup"].xsmall .inner{min-width:100%;width:100%;max-width:100%;}
  [class^="_modal"][class*="-popup"]{align-items:flex-end;}
  [class^="_modal"][class*="-popup"] .inner{width:100%;max-height:calc(100vh - 56px);display:flex;flex-direction:column;padding:20px 0;border-radius:24px 24px 0 0;}
  [class^="_modal"][class*="-popup"] .header{margin-bottom:17px;}
  [class^="_modal"][class*="-popup"] .header .title{font-size:18px;font-weight:600;padding-right:60px;}
  [class^="_modal"][class*="-popup"] .header .description{font-size:14px;}
  [class^="_modal"][class*="-popup"] .content{flex:1;min-height:0;overflow-y:auto;max-height:none;}
  [class^="_modal"][class*="-popup"] .button-box{margin-top:24px;}
  [class^="_modal"][class*="-popup"] .btn-close{top:20px;right:20px;}
  [class^="_modal"][class*="-popup"] .selectmenu{padding:0;}
  [class^="_modal"][class*="-popup"] .selectmenu .header{padding-top:40px;margin-bottom:0;}
  [class^="_modal"][class*="-popup"] .selectmenu .header .title,[class^="_modal"][class*="-popup"] .selectmenu .header .description,[class^="_modal"][class*="-popup"] .selectmenu .btn-close{display:none;}
  [class^="_modal"][class*="-popup"] .selectmenu .header::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:12px;width:60px;height:5px;border-radius:5px;background:#E7E9EF;}
  [class^="_modal"][class*="-popup"][class*="_type-tooltip"]{align-items:flex-end;justify-content:center;position:fixed;top: 0;left: 0;right: 0;bottom: 0;;background-color:rgba(25,27,30,0.4);}
  [class^="_modal"][class*="-popup"][class*="_type-tooltip"].open{box-shadow:none;backdrop-filter:none;border-radius:0;}
}

/* alert */
[class^="_modal"][class*="-alert"] .inner{position:relative;width:320px;padding:24px 20px 20px 20px;background-color:var(--white);border-radius:16px;}
[class^="_modal"][class*="-alert"] .header{margin-bottom:8px;}
[class^="_modal"][class*="-alert"] .header .title{font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-0.04em;color:var(--gray-900);}
[class^="_modal"][class*="-alert"] .button-box{display:flex;margin-top:24px;}
[class^="_modal"][class*="-alert"] .button-box button{flex:1;}
[class^="_modal"][class*="-alert"] .button-box button + button {margin-left: 8px;}
[class^="_modal"][class*="-alert"] .button-box.type2 button:first-child{flex:3;}
[class^="_modal"][class*="-alert"] .button-box.type2 button:last-child{flex:7;}
[class^="_modal"][class*="-alert"] .btn-close{position:absolute;top:25.5px;right:20px;width:24px;height:24px;background:url(../images/icons/x.svg) no-repeat center/24px auto;border:0;text-indent:-9999px;overflow:hidden;}
@media (max-width:767px){
  [class^="_modal"][class*="-alert"]{align-items:center;}
}
@media (max-width:360px){
  [class^="_modal"][class*="-alert"] .inner{margin: 0 20px;}
}

/* toast */
[class^="_toast"][class*="-message"]{position:fixed;bottom:60px;left:0;right:0;z-index:100;opacity:0;-webkit-transition:opacity 500ms;transition:opacity 500ms;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
[class^="_toast"][class*="-message"] p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;border-radius:40px;background-color:var(--gray-800);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;color:var(--white);line-height:150%;letter-spacing:-0.64px;}
[class^="_toast"][class*="-message"] p::before{content:"";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:20px;margin-right:10px;border-radius:20px;background:url(../images/icons/toast-pass.svg) no-repeat 50% 50% var(--blue-700);}
[class^="_toast"][class*="-message"].error p::before{content:"";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:20px;height:20px;margin-right:10px;border-radius:20px;background:url(../images/icons/toast-error.svg) no-repeat 45% 50% var(--red-400);}
[class^="_toast"][class*="-message"].on{opacity:1;}
@media screen and (max-width:767px){
  [class^="_toast"][class*="-message"]{bottom:16px;}
}

/* tooltip */
[class^="_tooltip"]{position:fixed;background-color:var(--gray-800);border-radius:8px;z-index:10;}
[class^="_tooltip"] .tooltip-container{padding:8px 36px 8px 12px;}
[class^="_tooltip"] .tooltip-container .tooltip-tit{margin-bottom:8px;font-size:16px;font-weight:600;color:var(--white);}
[class^="_tooltip"] .tooltip-container .tooltip-content{font-size:14px;font-weight:400;color:var(--white);}
[class^="_tooltip"] .tooltip-container .tooltip-close{position:absolute;right:12px;top:8px;width:16px;height:21px;background:url(../images/icons/tooltip-close.svg) no-repeat 50% 50%;background-size:16px auto;line-height:1;text-indent:-9999px;white-space:nowrap;overflow:hidden;color:transparent;font-size:0;}
[class^="_tooltip"] .tooltip-container::after{content:"";position:absolute;left:12px;bottom:-3px;width:6px;height:6px;background-color:var(--gray-800);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
[class^="_tooltip"].top-center .tooltip-container::after{left:calc(50% - 3px);}
[class^="_tooltip"].top-right .tooltip-container::after{left:auto;right:12px;}
[class^="_tooltip"].middle-left .tooltip-container::after{left:auto;right:-3px;bottom:calc(50% - 4px);}
[class^="_tooltip"].middle-right .tooltip-container::after{left:-3px;bottom:calc(50% - 4px);}
[class^="_tooltip"].bottom-left .tooltip-container::after{top:-3px;bottom:auto;}
[class^="_tooltip"].bottom-center .tooltip-container::after{top:-3px;bottom:auto;left:calc(50% - 3px);}
[class^="_tooltip"].bottom-right .tooltip-container::after{top:-3px;bottom:auto;left:auto;right:12px;}
[class^="_tooltip"].tooltip-long{max-width:270px;min-width:215px;}
[class^="_tooltip"].tooltip-hidden{display:none;}
[class^="_tooltip"] .tt-estimate p + p{margin-top:16px;}
[class^="_tooltip"].tooltip-long .tooltip-container:focus-visible,.tooltip-bubble .tooltip-container:focus-visible{outline-offset:-1px;}
@media screen and (max-width:767px){
  [class^="_tooltip"]{position:fixed;}
  [class^="_tooltip"].tooltip-long{top: 0;left: 0;right: 0;bottom: 0;;outline-width:100%;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;}
  [class^="_tooltip"].tooltip-long .tooltip-container{position:relative;border-radius:24px 24px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-item-align:end;align-self:flex-end;padding:20px;max-width:none;background:var(--white);}
  [class^="_tooltip"].tooltip-long .tooltip-container .tooltip-tit{margin-bottom:20px;font-size:18px;font-weight:600;color:var(--gray-900);}
  [class^="_tooltip"].tooltip-long .tooltip-container .content{font-size:16px;font-weight:400;color:var(--gray-900);}
  [class^="_tooltip"].tooltip-long .tooltip-container .tooltip-close{position:absolute;right:20px;top:20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206L6%2018M6%206L18%2018%22%20stroke%3D%22%23191B1E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;background-size:20px auto;border:0 none;line-height:1;text-indent:-9999px;white-space:nowrap;overflow:hidden;color:transparent;font-size:0;}
  [class^="_tooltip"].tooltip-hidden{display:none;}
  .tt-estimate p + p{margin-top:16px;}
}

/* icon */
.icon-cc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    height: 20px;
    background: url(../images/icons/license-cc.svg) no-repeat 50% 50%;
    background-size: 20px auto;
    border: 0 none;
    line-height: 1;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    font-size: 0;
}
.icon-by {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    height: 20px;
    background: url(../images/icons/license-by.svg) no-repeat 50% 50%;
    background-size: 20px auto;
    border: 0 none;
    line-height: 1;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    font-size: 0;
}