@charset "UTF-8";

:root {
  /* color */
  --primary-p50:#F2F2F2;
  --primary-p100:#D6D6D6;
  --primary-p200:#8A8A8A;
  --primary-p300:#6A6A6A;
  --primary-p400:#505050;
  --primary-p500:#383838;
  --primary-p600:#2A2A2A;
  --primary-p700:#1A1A1A;
  --primary-p800:#0F0F0F;
  --primary-p900:#000;
    
  --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;

  --white:#FFF;
  --gray-20:#FAFAFA;
  --gray-40:#F5F5F5;
  --gray-60:#D9D9D9;
  --gray-100:#BDBDBD;
  --gray-200:#949494;
  --gray-300:#777;
  --gray-400:#555;
  --gray-500:#404040;
  --gray-600:#2E2E2E;
  --gray-700:#222;
  --gray-800:#1A1A1A;
  --gray-900:#151515;
  --bg-black: #111;
  --black:#000;

  --alpha-wt5:rgba(255, 255, 255, 0.05);
  --alpha-wt10:rgba(255, 255, 255, 0.10);
  --alpha-bk5:rgba(0, 0, 0, 0.05);
  --alpha-bk10:rgba(0, 0, 0, 0.10);
  --alpha-bk50:rgba(0, 0, 0, 0.50);
  --alpha-bk60:rgba(0, 0, 0, 0.60);

  --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-6:6px;
  --radius-8:8px;
  --radius-12:12px;
  --radius-16:16px;
  --radius-20:20px;
  --radius-24:24px;
}

@media (prefers-color-scheme:dark) {
  .dp-mode {
    --primary-p50:#2A2A2A;
    --primary-p100:#3F3F3F;
    --primary-p200:#5C5C5C;
    --primary-p300:#7A7A7A;
    --primary-p400:#9A9A9A;
    --primary-p500:#B5B5B5;
    --primary-p600:#CFCFCF;
    --primary-p700:#E6E6E6;
    --primary-p800:#FFF;
    --primary-p900:#FFF;
  }
}

/* reset */
html{height:100%; scrollbar-gutter: stable;}
body{min-height:100%; -webkit-touch-callout: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';}
body.stop-scroll {overflow:hidden; touch-action: none;}
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; }
input,label,button,a {-webkit-tap-highlight-color: transparent!important;}

/* font-face */
@font-face {
  font-family:"Pretendard";
  font-weight:400;
  font-style:normal;
  src:url("/static/styles/fonts/Pretendard-Regular.woff2") format("woff2"), url("/static/styles/fonts/Pretendard-Regular.woff") format("woff"), url("/static/styles/fonts/Pretendard-Regular.otf") format("opentype");
}
@font-face {
  font-family:"Pretendard";
  font-weight:500;
  font-style:normal;
  src:url("/static/styles/fonts/Pretendard-Medium.woff2") format("woff2"), url("/static/styles/fonts/Pretendard-Medium.woff") format("woff"), url("/static/styles/fonts/Pretendard-Medium.otf") format("opentype");
}
@font-face {
  font-family:"Pretendard";
  font-weight:600;
  font-style:normal;
  src:url("/static/styles/fonts/Pretendard-SemiBold.woff2") format("woff2"), url("/static/styles/fonts/Pretendard-SemiBold.woff") format("woff"), url("/static/styles/fonts/Pretendard-SemiBold.otf") format("opentype");
}
@font-face {
  font-family:"Pretendard";
  font-weight:700;
  font-style:normal;
  src:url("/static/styles/fonts/Pretendard-Bold.woff2") format("woff2"), url("/static/styles/fonts/Pretendard-Bold.woff") format("woff"), url("/static/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-p500);}
[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%; gap:8px;}
._btn-wrap [class^="_btn"]:only-child {-ms-flex-preferred-size:100%; flex-basis:100%;}
._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-p500);}
  [class^="_btn-"][class*="-secondary"]:hover {background:var(--primary-p50);}
  [class^="_btn-"][class*="-tertiary"]:hover {background:var(--primary-p50);}
  [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; gap: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%; background-color: var(--white); 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; gap:8px; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
[class^="_ipt-check-main"] input + i::before {content:"";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(/static/images/common/check-default.svg) no-repeat center/100%;}
[class^="_ipt-check-main"] input:checked + i::before {background:url(/static/images/common/check-selected.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(/static/images/common/check-disabled.svg) no-repeat center/100%;}
[class^="_ipt-check-main"] input:checked:disabled + i::before {background:url(/static/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; gap:8px; -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:"";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(/static/images/common/check-sub-default.svg) no-repeat center/100%;}
[class^="_ipt-check-sub"] input:checked + i::before {background:url(/static/images/common/check-sub-selected.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(/static/images/common/check-sub-disabled.svg) no-repeat center/100%;}
[class^="_ipt-check-sub"] input:checked:disabled + i::before {background:url(/static/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(/static/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(/static/images/common/check-sub-selected.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(/static/images/common/check-sub-disabled.svg) no-repeat center/100%;}
[class^="_ipt-check-box"] input:checked:disabled + i::after {background:url(/static/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; gap:8px; -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:"";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(/static/images/common/radio-default.svg) no-repeat center/100%;}
[class^="_ipt-radio-main"] input:checked + i::before {background:url(/static/images/common/radio-selected.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(/static/images/common/radio-disabled.svg) no-repeat center/100%;}
[class^="_ipt-radio-main"] input:checked:disabled + i::before {background:url(/static/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"] 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; inset: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"][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; background-color:var(--white); border-radius:var(--radius-12); box-shadow:inset 0 0 0 1px 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; margin: 2px;}
.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.is-error {padding:0; border:2px solid var(--red-700);}
.input-box:focus-within {padding:0; box-shadow:inset 0 0 0 2px 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 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:20px;  height:20px; background:url(/static/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(/static/images/icons/eye.svg);}
.input-box .util-box .ipt-mask.off {opacity:1; background-image:url(/static/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);}

.input-box input:-webkit-autofill,
.input-box input:-webkit-autofill:hover,
.input-box input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #000 !important;
}


/* 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:not(.ui-state-disabled):active,
.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:18px;}

  .ui-selectmenu-menu {display:none; position:fixed !important; top:0 !important; left:0 !important; right:0; bottom:0; z-index:11; 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(/static/images/common/check-sub-selected.svg) no-repeat center / 24px auto;}
} 

/* 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; }
[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; inset: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; inset: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"][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; gap:24px; 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 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"] {gap:8px; height:40px;}
[class^="_tabs-sub"] > li {-webkit-box-flex:0; -ms-flex:0; flex:0; z-index:1;}
[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;}
}

/* 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); gap:4px;}
[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 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.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;}


/* hover 항목 분리 */
@media (hover: hover) and (pointer: fine) {
      [class^="_ipt-check-main"]:hover input:not(:checked):not(:disabled) + i::before {background:url(/static/images/common/check-hover.svg) no-repeat center/100%;}

      [class^="_ipt-check-sub"]:hover input:not(:checked):not(:disabled) + i::before {background:url(/static/images/common/check-sub-hover.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(/static/images/common/check-sub-hover.svg) no-repeat center/100%;}

      [class^="_ipt-radio-main"]:hover input:not(:checked):not(:disabled) + i::before {background:url(/static/images/common/radio-hover.svg) no-repeat center/100%;}

      [class^="_ipt-radio-box"]:hover input:not(:disabled) + i {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);}

      .input-box:hover { box-shadow:inset 0 0 0 1px var(--gray-300);}

      [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^="_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);}


      header.header .depth2 .link-anchor:hover { background: #1A1A1A; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10); }
      header.header .header-gnb .gnb-item > .link-anchor:hover { color: var(--white); }
      footer.footer .footer-site-btn:hover {background: var(--gray-600);}


      footer.footer .footer-link-anchor:hover {color: var(--gray-60);}
}

/* 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; gap: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; gap:4px;}
[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"][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; gap:8px;}
.step-line ul li {-webkit-box-flex:1; -ms-flex:1; flex:1;}
.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; gap:6px; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.step-line ul li .bar {width:100%; 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%; gap: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(/static/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(0,0,0,0.6);z-index:30;}
[class^="_modal"].open{display:flex;}
[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;display:flex;flex-direction:column;min-width:320px;max-width:600px;max-height:80vh;padding:20px;box-sizing:border-box;background-color:var(--white);border-radius:16px;}
[class^="_modal"][class*="-popup"] .header{margin-bottom:16px;}
[class^="_modal"][class*="-popup"] .header .title{font-size:24px;font-weight:700;line-height:1.5;letter-spacing:-0.04em;color:var(--gray-900);}
[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:0px;max-height:488px;flex: 1 1 auto;}
[class^="_modal"][class*="-popup"] .button-box{display:flex;gap:8px;margin-top:20px;flex-shrink:0;}
[class^="_modal"][class*="-popup"] .button-box button{flex:1;}
[class^="_modal"][class*="-popup"] .btn-close{position:absolute;top:25px;right:25px;width:24px;height:24px;background:url(/static/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"].full .inner{width:100%;height:100%;min-width:auto;max-width:none;max-height:none;padding:0;border-radius:0;}
[class^="_modal"][class*="-popup"].full .content{overflow:hidden;min-height:0px;max-height:none;}

[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(/static/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;gap:4px;justify-content:flex-end;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] {align-items:end;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] .header{margin-bottom: 52px;text-align: center;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] .inner {position:absolute;bottom:0;max-width:none;width:100%;padding:52px 24px 80px;border-radius:0;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] .btn-close {position:absolute; width: 60px; height: 60px; top: -72px; left: 50%; transform: translateX(-50%); background: var(--white); border-radius: 38.5px;}
[class^="_modal"][class*="-popup"][class*="_type-bottom"] .btn-close::before {content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;background:url(/static/images/icons/x.svg) no-repeat center/24px auto;border:0;text-indent:-9999px;overflow:hidden;transform: translate(-50%, -50%);}


@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);max-height:calc(100dvh - 56px);display:flex;flex-direction:column;padding:20px;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;}
  [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;inset: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; display: flex; justify-content: space-between; gap: 8px;}
[class^="_modal"][class*="-alert"] .header .title{font-size:18px;font-weight:600;line-height:27px;letter-spacing:-0.72px;color:var(--gray-900);}
[class^="_modal"][class*="-alert"] .content { font-size: 16px; line-height: 24px; letter-spacing: -0.64px; color: var(--gray-500); }
[class^="_modal"][class*="-alert"] .content strong { font-size: 18px; font-weight: 600; line-height: 27px; letter-spacing: -0.72px; color: var(--gray-900); }
[class^="_modal"][class*="-alert"] .content ul {padding-top: 12px;}
[class^="_modal"][class*="-alert"] .content ul li {font-size: 14px; line-height: 150%;}
[class^="_modal"][class*="-alert"] .content ul.list-type1 li {position: relative; padding-left: 13px;}
[class^="_modal"][class*="-alert"] .content ul.list-type1 li::before {content: ''; display: block; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: var(--gray-500);}
[class^="_modal"][class*="-alert"] .content ul.borderTop {border-top: 1px solid var(--alpha-bk5); margin-top: 16px;}

[class^="_modal"][class*="-alert"] .button-box{display:flex;margin-top:24px;gap:8px;}
[class^="_modal"][class*="-alert"] .button-box button{flex:1;}
[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"] .header .btn-close{position: relative; top: 2px; flex-shrink: 0; width:24px;height:24px;background:url(/static/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(/static/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(/static/images/icons/toast-error.svg) no-repeat 45% 50% var(--red-400);}
[class^="_toast"][class*="-message"].on{opacity:1;}
[class^="_toast"][class*="-message"].entry p { position: relative; padding-left: 50px; }
[class^="_toast"][class*="-message"].entry p::before {content: ''; position: absolute; top: 50%; left: 16px; width: 28px; height: 22px; background: url('/static/images/icons/look.svg') no-repeat center; background-size: contain; transform: translateY(-50%);}
[class^="_toast"][class*="-message"].entry strong { -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 600; }
[class^="_toast"][class*="-message"].posTop {top: 66px; bottom: unset !important;}
@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(/static/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{inset: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;}
}

/* _accordion */
[class^="_accordion"]{display:none;}
[class^="_accordion"].on{display:block;}

/* icon */
.icon-cc { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; background: url(/static/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(/static/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; }

/* header */
header.header {position: sticky; padding: 0 20px; top: 0; width: 100%; background: var(--bg-black); z-index: 22;}
header.header .header-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 70px; width: 100%; background-color: var(--bg-black); }
header.header .header-inner .header-left  { display: flex; align-items: center;}
header.header .header-inner .header-left .history-back-btn { position: relative; width: 24px; height: 24px; flex-shrink: 0;}
header.header .header-inner .header-left .history-back-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; display: block; -webkit-mask: url('/static/images/icons/arrow-left.svg') no-repeat center; mask: url('/static/images/icons/arrow-left.svg') no-repeat center; transform: translate(-50%, -50%); pointer-events: none; background-color: var(--white); }
header.header .header-inner .header-left .header-title { margin: 0 5px 0 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 600; line-height: 27px; letter-spacing: -0.72px; color: var(--white); flex: 1 0 0;}
header.header .header-inner .header-left .header-logo-wrap { display: flex; }
header.header .header-inner .header-left .header-title-wrap { display: none; align-items: center; overflow: hidden;}
header.header .header-inner .header-right { display: flex; align-items: center; margin-left: auto; }
header.header .header-logo .logo { display: block; }
header.header .header-logo .logo-img { display: block; }
header.header .header-family-menu { position: relative; top: 1px; display: flex; align-items: center; }
header.header .header-family-menu::before { content: ""; display: block; width: 1px; height: 18px; background-color: var(--alpha-wt10); margin: 0 8px; }
header.header .header-family-menu .header-site-name { font-size: 18px; font-weight: 600; line-height: 27px; letter-spacing: -0.72px; color: var(--white); }
header.header .header-family-menu .header-family-btn { position: relative; width: 20px; height: 20px; margin-left: 6px; border-radius: var(--radius-6); background-color: var(--gray-700); border: none; cursor: pointer; padding: 0; }
header.header .header-family-menu .header-family-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; display: block; background: url('/static/images/layout/header-top-arrow.svg') no-repeat center; transform: translate(-50%, -50%); pointer-events: none; }
header.header .header-family-menu .header-family-btn[aria-expanded="true"]::before { transform: translate(-50%, -50%) rotate(180deg); }
header.header .header-family-menu .header-family-btn[aria-expanded="true"] + .depth2 { display:block; }
header.header .depth2 { position: absolute; display:none; top: 27px; right: 0; padding: 16px 0; border-radius: 16px; border: 1px solid var(--alpha-wt10); background: #151515; 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); z-index:99;}
header.header .depth2.on { display:block; }
header.header .depth2 .link-anchor { width: 189px; }
header.header .depth2 .link-anchor { display: block; padding: 6px 21px; color: var(--white); font-size: 15px; font-weight: 400; line-height: 18px; letter-spacing: -0.6px; }
header.header .header-gnb { margin-left: auto; }
header.header .header-gnb .gnb-list { display: flex; gap: 40px; list-style: none; margin: 0; padding: 0; }
header.header .header-gnb .gnb-item { position: relative; }
header.header .header-gnb .gnb-item.active > .link-anchor { color: var(--white) }
header.header .header-gnb .gnb-item > .link-anchor { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.64px; color: var(--gray-200); }
header.header .header-gnb .gnb-item.is-hover > .link-anchor { color: var(--white); }
header.header .header-gnb .gnb-item > .link-anchor[aria-expanded="true"] + .depth2 { display:block; }
header.header .header-gnb .gnb-item .depth2 { top:auto; left: 50%; right: auto; transform: translateX(-25%); }
header.header .header-gnb .gnb-item .depth2 .link-anchor { width: 153px; }  
header.header .header-menu-btn { display: none; width: 24px; height: 24px; position:relative; }
header.header .header-menu-btn::before { content: ''; width: 24px; height: 24px; position:absolute; top: 50%; left: 50%; -webkit-mask: url("/static/images/icons/menu.svg") no-repeat center; mask: url("/static/images/icons/menu.svg") no-repeat center; background-size: contain; transform: translate(-50%, -50%); background-color: var(--white); }
header.header .menu { display: none; width:100%; height: 100%; position: fixed; top:0; left: 100%; background-color: var(--bg-black); transition: left 0.3s ease; z-index:99; }
header.header .menu.open { display: block; }
header.header .menu.no-motion { transition: none; }
header.header .menu a { color: var(--white); font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.64px; }
header.header .menu .menu-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; }
header.header .menu .login-btn-wrap { display: flex; }
header.header .menu .is-logout .login-btn { display: inline-flex; align-items: center; position: relative; padding-right: 16px; }
header.header .menu .is-logout .login-btn::after { content: ''; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; transform: translateY(-50%); background: url('/static/images/layout/header-menu-arrow.svg') no-repeat center; background-size: contain; }
header.header .menu .menu-utils-wrap { display: flex; gap: 20px; }
header.header .menu .menu-utils-wrap a,
header.header .menu .menu-utils-wrap button { position: relative; width: 24px; height: 24px; }
header.header .menu .menu-utils-wrap a::before,
header.header .menu .menu-utils-wrap button::before { content: ''; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center; background-size: contain; }
header.header .menu .menu-utils-wrap .menu-home-btn::before { -webkit-mask: url('/static/images/icons/home.svg'); mask: url('/static/images/icons/home.svg'); background-color: var(--white);}
header.header .menu .menu-utils-wrap .menu-close-btn::before { background-image: url('/static/images/layout/header-close-button.svg'); }
header.header .menu .menu-item-wrap .menu-item { border-bottom: 1px solid var(--alpha-wt5); }
header.header .menu .menu-item-wrap .link-anchor { display: flex; justify-content: space-between; align-items: center; padding: 24px 20px; }
header.header .menu .menu-item-wrap .link-anchor::after { content: ''; width: 16px; height: 16px; background: url('/static/images/layout/header-link-arrow.svg') no-repeat center / contain; }

/* footer */
footer.footer {padding: 0 20px; width: 100%; margin-top: 120px; background-color: var(--bg-black); }
footer.footer .footer-inner { max-width: 1200px; padding: 20px 0px 60px; margin: 0 auto; display: flex; flex-direction: column; gap: 33px; }
footer.footer .footer-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
footer.footer .footer-logo .logo { display: block; }
footer.footer .footer-logo .logo-img { display: block; }
footer.footer .footer-sites-wrap { display: flex; gap: 8px; }
footer.footer .footer-sites-wrap .btn-wrap { position: relative; }
footer.footer .footer-site-btn { display: flex; justify-content: space-between; align-items: center; width: 200px; padding: 10px 16px 10px 20px; font-size: 14px; line-height: 21px; letter-spacing: -0.56px; border-radius: var(--radius-20); background-color: var(--gray-700); color: var(--gray-60); }
footer.footer .footer-site-btn::after { content: ""; display: block; width: 16px; height: 16px; background: url("/static/images/layout/footer-arrow.svg") no-repeat center; background-size: contain; }
footer.footer .footer-site-btn:active{background: var(--gray-600);}
footer.footer .footer-bottom { font-size: 14px; line-height: 21px; letter-spacing: -0.56px; color: var(--gray-200); }
footer.footer .footer-link { display: flex; flex-wrap: wrap; }
footer.footer .footer-link-item { display: flex; align-items: center; }
footer.footer .footer-link-item:first-child .footer-link-anchor:first-child { padding-left: 0; }
footer.footer .footer-link-anchor { position: relative; padding: 0 9px 0 8px; }
footer.footer .footer-link-anchor::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px;background: rgba(255,255,255,0.1); }

footer.footer .footer-link-anchor:active{color: var(--gray-60);}
footer.footer .footer-link-item:last-child .footer-link-anchor:last-of-type::after { content: none; }
footer.footer .footer-link-item:first-child .footer-link-anchor:first-of-type { font-weight: 600; }
footer.footer .footer-info { margin-top: 6px; }
footer.footer .footer-info-btn { display: none; padding-right: 14px; color: var(--gray-200); font-size: 14px; line-height: 21px; background: none; border: none; position: relative; cursor: pointer; }
footer.footer .footer-info-btn::before { content: ''; position: absolute; top: 50%; right: 0; width: 12px; height: 12px; display: block; background: url('/static/images/layout/footer-info-button.svg') no-repeat center; background-size: contain; transform: translateY(-50%); pointer-events: none; }
footer.footer .footer-info-list { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
footer.footer .footer-info-item { display: flex; align-items: center; }
footer.footer .footer-info-item + .footer-info-item::before { content: ""; display: block; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.1); margin: 0 8px; pointer-events: none; }
footer.footer .floating-btn { position: fixed; bottom: 20px; right: 20px; z-index: 21; }
footer.footer .floating-btn .top-btn { position: relative; display: none; width: 46px; height: 46px; vertical-align: top;}
footer.footer .floating-btn .top-btn::before { content: ''; position: absolute; inset: 0; background: url('/static/images/layout/footer-top-button.svg') no-repeat center; background-size: contain; }

/* footer modal */
#modalFamilySite .inner { width:100%; max-width: 1200px; padding: 24px 20px 60px; }
#modalFamilySite .inner .header { padding: 0 20px; margin-bottom: 24px; }
#modalFamilySite .inner .header .title { font-size: 24px; font-weight: 700; line-height: 36px; letter-spacing: -0.96px; color: var(--gray-900); }
#modalFamilySite .inner .content { overflow: hidden; padding-top: 20px; }
#modalFamilySite .inner .content .list-wrap { width: 100%; max-width: 192px; border-right: 1px solid var(--alpha-bk5); }
#modalFamilySite .inner .content .list-wrap.two-line { max-width: 424px; }
#modalFamilySite .inner .content .list-wrap.two-line .list-cont > ul { flex: 1 1 50%; min-width: 0; }
#modalFamilySite .inner .content .list-title { margin-bottom: 12px; font-size: 18px; font-weight: 600; line-height: 27px; letter-spacing: -0.72px; color:var(--gray-900); }
#modalFamilySite .inner .content .list-item { margin-bottom: 12px; font-size: 14px; line-height: 21px; letter-spacing: -0.56px; color: var(--gray-500) }
#modalFamilySite .inner .content .family-site-wrap { display: flex; flex-wrap: nowrap; gap:20px; margin: 0 20px; }
#modalFamilySite .inner .content .family-site-wrap .list-wrap:last-of-type { border-right:0; }
#modalFamilySite .inner .content .family-site-wrap:first-of-type .list-wrap:last-of-type ul:first-of-type { margin-right: 40px; }
#modalFamilySite .inner .content .family-site-wrap:not(:last-of-type) { padding-bottom: 28px; border-bottom: 1px solid var(--alpha-bk5); }
#modalFamilySite .inner .content .family-site-wrap:not(:first-of-type) { padding-top: 28px; }
#modalFamilySite .inner .content .family-site-wrap .list-cont { display: flex; }
#modalFamilySite .inner .content .family-site-wrap .list-cont > ul { width: 100% }
#modalFamilySite .inner .btn-close { top: 32px; right: 32px; }
#modalVipService .inner { padding: 32px 32px 54px 32px; }
#modalVipService .inner .header .title { font-size: 24px; font-weight: 700; line-height: 36px; letter-spacing: -0.96px; color: var(--gray-900); }
#modalVipService .inner .content { padding-top: 24px; }
#modalVipService .inner .content .desk-item { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; border-bottom: 1px solid var(--alpha-bk5); }
#modalVipService .inner .content .desk-item:first-of-type { padding-top: 0; }
#modalVipService .inner .content .desk-item:last-of-type { padding-bottom: 0; border-bottom: 0; }
#modalVipService .inner .content .desk-item .desk-name { font-size: 18px; font-weight: 600; line-height: 27px; letter-spacing: -0.72px; color: var(--gray-900); }
#modalVipService .inner .content .desk-item .desk-number { font-size: 18px; line-height: 27px; letter-spacing: -0.72px; color: var(--gray-900); }
#modalVipService .inner .btn-close { top: 34px; right: 34px; }
#modalEmailCopy .inner .content {padding: 20px 0; font-size: 16px; color: var(--gray-500); font-weight: 400; line-height: 1.5; letter-spacing: -0.64px;}
#modalEmailCopy .inner .content .txtbox{margin: 12px 0; padding: 24px; background-color: var(--gray-20); border-radius: 20px;}
#modalEmailCopy .inner .content .date{font-size: 14px; color: var(--gray-400); font-weight: 400; line-height: 1.5; letter-spacing: -0.56px;}
@media screen and (max-width: 1023px) { 
  /* header.header { padding-top: 56px; } */
  header.header .header-inner { height: 56px }
  header.header .header-inner .header-left.sub .header-logo-wrap { display: none; }
  header.header .header-inner .header-left.sub .header-title-wrap { display: flex; }
  header.header .header-gnb { display: none; }
  header.header .header-menu-btn { display: block; }
  header.header .header-menu { display: block; }
  /* header.header .header-inner { position: fixed; top: 0; left: 0; z-index: 22; } */
  
  footer.footer .footer-inner { padding: 24px 0px 40px; gap: 0; }
  footer.footer .footer-logo { display: none; }
  footer.footer .footer-sites-wrap { display: none; }
  footer.footer .footer-bottom { font-size: 14px; line-height: 21px; letter-spacing: -0.56px; color: var(--gray-200); }
  footer.footer .footer-info { margin-top: 24px; }
  footer.footer .footer-info-btn { display: flex; }
  footer.footer .footer-info-btn[aria-expanded="true"]::before{transform: translateY(-50%) rotate(180deg);}
  footer.footer .footer-info-btn[aria-expanded="true"] + .footer-info-list {display: block}
  footer.footer .footer-info-list{ display: none; margin-top: 8px; }
  footer.footer .footer-info-item:not(:last-of-type) { margin-bottom:2px }
  footer.footer .footer-info-item + .footer-info-item::before { display: none; }
  footer.footer .footer-link { flex-direction: column; }
  footer.footer .footer-link-item { display: flex; flex-wrap: wrap; }
  footer.footer .footer-link-item + .footer-link-item{margin-top: 6px;}
  footer.footer .footer-link-item .footer-link-anchor:first-child { padding-left: 0; }
  footer.footer .footer-link-anchor:last-child::after { content: none; }
}

@media screen and (max-width: 767px) { 
    header.header .header-inner .header-left.sub  {overflow: hidden;}
  footer.footer { margin-top: 100px; }
  
}

/* wrap */
.wrap { min-height: 100vh; display: flex; flex-direction: column; }
.wrap.bg-black { background-color: var(--gray-900); }

/* container */
.container { position: relative; flex: 1; padding: 0 24px; }
@media screen and (max-width: 767px) { 
  .container { padding: 0 20px; }
}

/* content */
.container > .content { width: 100%; max-width: 1200px; margin: 76px auto 0; box-sizing: border-box; }
.container > .content .content-title-wrap { text-align: center; margin-bottom: 36px; }
@media screen and (max-width: 767px) { 
  .container > .content { margin-top: 32px; }
}

/* breadcrumb */
/* .breadcrumb { position: absolute; left: 0; right: 0; width: 100%; max-width: 1240px; padding: 0 20px; margin: 8px auto; text-align: right; z-index: 9; }
.breadcrumb-list-wrap { font-size: 14px; line-height: 21px; letter-spacing: -0.56px; color: var(--gray-500); } */
.breadcrumb-list-wrap .breadcrumb-item { display: inline-flex; align-items: center; }
.breadcrumb-list-wrap .breadcrumb-item:last-of-type { margin-right: 0; font-weight: 500; color: var(--gray-900); }
.breadcrumb-list-wrap .breadcrumb-item:not(:last-child)::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 4px; -webkit-mask: url("/static/images/icons/pagenation-right.svg") no-repeat center; mask: url("/static/images/icons/pagenation-right.svg") no-repeat center; mask-size: contain; background-color: var(--gray-400); }
.breadcrumb.is-white .breadcrumb-list-wrap { color: var(--gray-100); }
.breadcrumb.is-white .breadcrumb-list-wrap .breadcrumb-item:last-of-type { color: var(--white); }
.breadcrumb.is-white .breadcrumb-list-wrap .breadcrumb-item:not(:last-child)::after { background-color: var(--gray-200); }
@media screen and (max-width: 1023px) { 
  .breadcrumb { display: none; }
}

.breadcrumb { position: absolute; left: 0; right: 0; width: 100%; text-align: right; z-index: 9; }
.breadcrumb-list-wrap { max-width: 1240px; padding: 8px 20px; margin: 0 auto; font-size: 14px; line-height: 21px; letter-spacing: -0.56px; color: var(--gray-500); }

/* tab-panel */
.tab-box .tab-panel[aria-hidden="true"] { display: none; }
.tab-box .tab-panel[aria-hidden="false"] { display: block; }

/* swiper */
.swiper-button-disabled { cursor: initial; pointer-events: none; }

/* label */
.label-item { padding: 3px 4px; background-color: var(--gray-400); border-radius: var(--radius-4); font-size: 10px; font-weight: 600; line-height: 10px; letter-spacing: -0.2px; color: var(--white); }
.label-item.on { background-color: var(--point-600); }


/* 서브메뉴 */
.base-inner {margin: 0 auto; max-width: 1200px;}
.sub-menu-top{width: calc(100% + 48px); margin: 0 -24px; background-color: #fff; z-index: 10;}
.sub-menu-top .menu-top .menu-title{font-size: 42px; color: #000; font-weight: 700; text-align: center; line-height: normal;}
.sub-menu-top .menu-top .menu{margin: 32px 0 40px; font-size: 0; display: flex; align-items: center; justify-content: center; gap: 32px; text-align: center; overflow-x: auto;}
.sub-menu-top .menu-top .menu > li{display: inline-block; font-size: 24px; color: #555; font-weight: 400; line-height: 1.5; white-space: nowrap;}
.sub-menu-top .menu-top .menu > li a{position: relative; padding-bottom: 6px; display: block;}
.sub-menu-top .menu-top .menu > li a::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; background: #0F0F0F; opacity: 0;}
.sub-menu-top .menu-top .menu > li.on{color: #000; font-weight: 700;}
.sub-menu-top .menu-top .menu > li.on a::after{opacity: 1;}
.sub-menu-bottom{position: relative; margin-top: 48px;}
.sub-menu-bottom .menu-bottom{overflow: hidden;}
.sub-menu-bottom .menu-bottom .menu{position: relative; display: flex; flex-wrap: wrap; align-items: stretch; overflow-x: auto; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}
.sub-menu-bottom .menu-bottom .menu::after{content: ''; position: absolute; display: block; top: 0; right: 0; height: 100%; width: 1px; background-color: #e6e6e6}
.sub-menu-bottom .menu-bottom .menu::before{content: ''; position: absolute; display: block; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #e6e6e6;}
.sub-menu-bottom .menu-bottom .menu > li{position: relative; flex: 1 0 33.333%; font-size: 18px; color: #151515; font-weight: 400; line-height: 1.5; letter-spacing: -0.72px; text-align: center; word-break: keep-all; background: #fff;border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.sub-menu-bottom .menu-bottom .menu > li:nth-child(3) ~ li{flex: 0 0 33.333%;}
.sub-menu-bottom .menu-bottom .menu > li a{padding: 16px; height: 100%; display: flex; align-items: center; justify-content: center;}
.sub-menu-bottom .menu-bottom .menu > li.on{color: #fff; font-weight: 700; background-color: #111; z-index: 2;}
.sub-menu-bottom .menu-control{display: none; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; background-color: #fff; z-index: 2;}
.sub-menu-bottom .menu-control::before{content:''; position: absolute; left: -10px; width: 10px; height: 100%; background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
.sub-menu-bottom .btn-toggle{display: block; position: absolute; top: 15px; left: 0px; width: 34px; height: 34px; border-radius: 50%; background: #fff url(/static/images/icons/chevron-down.svg) center center /73% no-repeat; border: 1px solid rgba(0, 0, 0, 0.10); font-size: 0; z-index: 2;}
.sub-menu-bottom .btn-toggle.on{transform: rotate(180deg);}
@media (max-width: 1023px) {
    .sub-menu-top{position: sticky; top: 56px;}
    .sub-menu-top .menu-top .menu-title{display: none;}
    .sub-menu-top .menu-top .menu{margin: 0; padding: 0 20px; gap: 24px; justify-content: flex-start;}
    .sub-menu-top .menu-top .menu > li a{padding: 14.5px 0; font-size: 18px;}
    .sub-menu-bottom{margin: 0 -24px; padding: 12px 0; width: calc(100% + 48px);}
    .sub-menu-bottom .menu-bottom .menu {padding: 0 70px 0 20px; gap: 8px; white-space: nowrap; font-size: 0; display: block; border: none; scrollbar-width: none; -ms-overflow-style: none;}
    .sub-menu-bottom .menu-bottom .menu::after{display: none;}
    .sub-menu-bottom .menu-bottom .menu::before{display: none;}
    .sub-menu-bottom .menu-bottom .menu::-webkit-scrollbar{display: none;}
    .sub-menu-bottom .menu-bottom .menu.on{flex-wrap: wrap; display: flex;}
    .sub-menu-bottom .menu-bottom .menu.on > li{margin-right: 0; flex: 0 0 auto;}
    .sub-menu-bottom .menu-bottom .menu > li{margin-right: 4px; display: inline-block; border-radius: 6px; min-width: 250px; font-size: 16px; border: 1px solid rgba(0, 0, 0, 0.10);}
    .sub-menu-bottom .menu-bottom .menu > li:last-child{margin-right: 0;}
    .sub-menu-bottom .menu-bottom .menu > li a{padding: 8px 16px;}
    .sub-menu-bottom .menu-control{display: block;}
}
@media (max-width: 767px) {
    .sub-menu-top{margin: 0 -20px; width: calc(100% + 40px);}
    .sub-menu-bottom{margin: 0 -20px; width: calc(100% + 40px);}
    .sub-menu-bottom .menu-bottom .menu > li{min-width: auto;}
}

/* 조회팝업 */
#modalDateMyNum .my-date-title{margin-bottom: 12px; font-size: 16px; color: #070707; font-weight: 700; line-height: 1.5; letter-spacing: -0.64px;}
#modalDateMyNum .my-date-input{position: relative;}
#modalDateMyNum .my-date-input .date-input{padding: 16.5px 56.5px 16.5px 16.5px; width: 100%; font-size: 16px; color: #151515; font-weight: 400; box-sizing: border-box; border-radius: 12px; border: 1px solid var(--Primary-P100, #D6D6D6);overflow: hidden; pointer-events: none;}
#modalDateMyNum .my-date-input .date-btn{position: absolute; top: 50%; right: 16.5px; width: 24px; height: 24px; font-size: 0; background: url(/static/images/icons/calendar.svg) center center /contain no-repeat; transform: translateY(-50%); z-index: 2;}
#modalDateMyNum .my-date-txt{margin-top: 8px; font-size: 12px; color: #555; line-height: 1.5; font-weight: 400; letter-spacing: -0.48px;}
#modalDateMyNum .my-date-result{padding: 20px 24px; margin-top: 24px; border-radius: 12px; background-color: #F5F5F5;}
#modalDateMyNum .my-date-result .dt{font-size: 16px; color: #555; line-height: 1.5; font-weight: 400; letter-spacing: -0.64px;}
#modalDateMyNum .my-date-result .dl{display: flex; align-items: center; justify-content: space-between;}
#modalDateMyNum .my-date-result .dl + .dl{margin-top: 8px;}
#modalDateMyNum .my-date-result .dl .money,
#modalDateMyNum .my-date-result .dl .num{font-weight: 700;}
#modalDateMyNum .my-date-result .dl .unit{font-weight: 400;}
#modalDateMyNum .my-date-result .dl .fc1{color: #3A43BB;}
#modalDateMyNum .my-date-notice{margin-top: 24px;}
#modalDateMyNum .my-date-notice > li{position: relative; margin-top: 4px; padding-left: 11px; font-size: 14px; color: #555; line-height: 1.5; font-weight: 400; letter-spacing: -0.56px;}
#modalDateMyNum .my-date-notice > li::before{content:''; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 50%; background-color: #555;}

/* 달력팝업 */
.modalDatePicker .air-datepicker .air-datepicker-nav--title::after {
    content: none;
}
.modal-datepicker .content {
    max-height: none;
    padding: 20px 0;
}

.modal-datepicker .air-datepicker {
    width: 100%;
    border: 0;
}

.modal-datepicker .air-datepicker .air-datepicker-nav {
    padding: 0;
}

.modal-datepicker .air-datepicker .air-datepicker-nav--title {
    pointer-events: none;
    cursor: default;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.8px;
    color: var(--text-primary);
}

.modal-datepicker .air-datepicker .air-datepicker-nav--title::after {
    content: none;
}

.modal-datepicker .air-datepicker .air-datepicker-nav .air-datepicker-nav--action.-disabled- {
    visibility: visible;
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.modal-datepicker .air-datepicker .air-datepicker--content {
    padding: 0;
    margin-top: 13px;
}

.modal-datepicker .air-datepicker .air-datepicker-body--day-names {
    margin: 7px 0;
}

.modal-datepicker .air-datepicker .air-datepicker-body--cells {
    row-gap: 8px;
    margin-top: 8px;
}

.modal-datepicker .air-datepicker .air-datepicker-cell {
    position: relative;
    width: 42px;
    height: 42px;
    margin: 0 auto;
}

.modal-datepicker .air-datepicker .air-datepicker-cell.-current-:not(.-disabled-)::after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6px;
    background: var(--primary-p800);
    border-radius: var(--radius-16);
}

.modal-datepicker .air-datepicker .air-datepicker-cell.-current-.-selected-::after {
    background: var(--white);
}

.modal-datepicker .air-datepicker .air-datepicker-cell.-disabled- .dp-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-datepicker .air-datepicker .air-datepicker-cell.-disabled- .dp-status {
    position: absolute;
    bottom: 0;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    color: var(--gray-200);
}
.modal-datepicker .air-datepicker-cell.-disabled-.-focus-{background: none;}
.modal-datepicker .air-datepicker .air-datepicker-body--day-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.64px;
    color: var(--gray-400);
}

.modal-datepicker .air-datepicker .air-datepicker-body--day-name.-weekend-:last-of-type {
    color: var(--text-disable);
}

.modal-datepicker .air-datepicker .air-datepicker-cell.-day- {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.64px;
    color: var(--gray-900);
}

.modal-datepicker .air-datepicker .air-datepicker-cell.-disabled-, .modal-datepicker .air-datepicker .air-datepicker-cell.-other-month- {
    color: var(--gray-200) !important;
}

.modal-datepicker .air-datepicker .air-datepicker-cell.-weekend-:not(.-other-month-) {
    color: var(--blue-800);
}

.modal-datepicker .air-datepicker .air-datepicker-cell.-weekend-:not(.-other-month-):first-child, .modal-datepicker .air-datepicker .air-datepicker-cell.-weekend-:not(.-other-month-) + .-weekend-:not(.-other-month-) {
    color: var(--red-800);
}

.modal-datepicker .timepicker {
    margin-top: 20px;
}

.modal-datepicker .btn-close {
    margin-top: 8px;
}
.-selected-.air-datepicker-cell.-day-.-other-month-.-disabled-.other-month-custom{background: transparent!important}