@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');

/*
** html tag reset
*/
* { margin: 0; padding: 0; font-family: "Wanted Sans Variable", sans-serif;line-height: 1; vertical-align: middle; background: transparent; max-height: 99999px; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-action: manipulation; box-sizing: border-box;}

html, body { margin: 0; height: 100%;}

::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-thumb {background-color: #ABADB5; border-radius: 32px; background-clip: padding-box;}
::-webkit-scrollbar-track {background-color: #CCCCCC; box-shadow: inset 0px 0px 5px white;}

a { text-decoration: none;}
ul { list-style: none; padding: 0 0 0;}
input { outline: none;  width: 200px; border: 1px solid #DCE3EB; height: 32px; padding: 0 10px; border-radius: 3px; font-size: 14px;}
input:focus { outline: none;}
input:read-only {background: #F7F8F9;}
select { border: 1px solid #DCE3EB; border-radius: 4px;font-size: 14px; width: 95px; height: 32px; padding: 0 10px; -webkit-appearance: none;-moz-appearance: none; appearance: none; background: #FFF url('/assets/image/select_arrow.png') no-repeat right 5px top 50%;}
select:focus { outline: none;}


/* 기본 레이아웃 */
.defaultCommon {background: #FFF; width: 100%; min-height: 100vh;}
.defaultCommon .defaultHead {width: 1152px; height: 64px; background: #FFF; padding: 0 0; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;}
.defaultCommon .defaultHead .defaultLogo {display: flex;align-items: center;gap: 8px;}
.defaultCommon .defaultHead .defaultLogo > label {display: block; color: #FFF; letter-spacing: -0.6px; font-size: 20px;}
.defaultCommon .defaultHead .defaultNav {display: flex;align-items: center;gap: 32px;}
.defaultCommon .defaultHead .defaultNav > li {display: flex;justify-content: center;align-items: center;}
.defaultCommon .defaultHead .defaultNav > li > a {display: block; color: #90A1B9; letter-spacing: -0.32px; line-height: 24px; font-size: 16px; font-weight: 500;}
.defaultCommon .defaultHead .defaultFree {display: flex;width: 140px;justify-content: space-between;align-items: center;}
.defaultCommon .defaultHead .defaultFree > a {width: 100%; height: 40px; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: var(--Radius-SM, 4px);border: 1px solid var(--Neutral-200, #E9ECEF); color: #070A13; font-size: 16px; font-weight: 600; letter-spacing: -0.32px; cursor: pointer; background: #FFF;}

.defaultCommon .defaultFoot {display: flex;height: 416px;padding: 81px 180px 0 180px;flex-direction: column;align-items: flex-start;align-self: stretch; border-top: 1px solid #DEE2E6;background: #F8F9FA;}
.defaultCommon .defaultFoot .defaultFootCont {display: flex;height: 294px;padding: 0 24px;flex-direction: column;align-items: center;gap: 64px;flex-shrink: 0;align-self: center; max-width: 1104px;}

.defaultCommon .defaultFoot .defaultFootInfo {display: flex;height: 174px;justify-content: center;align-items: flex-start;gap: 56px;flex-shrink: 0;align-self: stretch;}
.defaultCommon .defaultFoot .defaultFootInfoTit {width: 524px;}
.defaultCommon .defaultFoot .defaultFootInfoTit > h5 {display: flex; color: #212529;font-size: 24px;font-style: normal;font-weight: 600;line-height: 32px; margin: 0 0 25px;}
.defaultCommon .defaultFoot .defaultFootInfoTit > p {display: flex; color: #868E96;font-size: 14px;font-style: normal;font-weight: 400;line-height: 23px; margin: 0 0 31px;}
.defaultCommon .defaultFoot .defaultFootInfoTit > ul {display: flex;height: 40px;align-items: flex-start;gap: 12px;}
.defaultCommon .defaultFoot .defaultFootInfoTit > ul > li {display: flex;width: 40px;height: 40px;padding: 0 10.5px;justify-content: center;align-items: center;flex-shrink: 0; border-radius: 12px;border: 1px solid #DEE2E6;background: #FFF; cursor: pointer;}
.defaultCommon .defaultFoot .defaultFootInfoSer {display: flex;width: 234px;flex-direction: column;align-items: flex-start;gap: 28px;}
.defaultCommon .defaultFoot .defaultFootInfoSer > dt {color: #212529;font-size: 12px;font-weight: 900;line-height: 16px;letter-spacing: 1.2px;text-transform: uppercase;}
.defaultCommon .defaultFoot .defaultFootInfoSer > dd > ul {display: flex;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch;}
.defaultCommon .defaultFoot .defaultFootInfoSer > dd > ul > li {display: flex;align-items: center;align-self: stretch;}
.defaultCommon .defaultFoot .defaultFootInfoSer > dd > ul > li > a {color: #868E96;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.defaultCommon .defaultFoot .defaultFootInfoCs {display: flex;width: 234px;flex-direction: column;align-items: flex-start;gap: 28px;}
.defaultCommon .defaultFoot .defaultFootInfoCs > dt {color: #212529;font-size: 12px;font-weight: 900;line-height: 16px;letter-spacing: 1.2px;text-transform: uppercase;}
.defaultCommon .defaultFoot .defaultFootInfoCs > dd {display: flex;flex-direction: column;align-items: flex-start;gap: 12px;align-self: stretch;}
.defaultCommon .defaultFoot .defaultFootInfoCs > dd > p {display: flex;align-items: center;align-self: stretch; color: #6C5CE7;font-size: 24px;font-style: normal;font-weight: 900;line-height: 32px;}
.defaultCommon .defaultFoot .defaultFootInfoCs > dd > span {display: flex;flex-shrink: 0;align-self: stretch; color: #868E96;font-size: 14px;font-style: normal;font-weight: 500;line-height: 23px;}

.defaultCommon .defaultFoot .defaultFootCr {display: flex;height: 58px;justify-content: space-between;align-items: center;flex-shrink: 0;align-self: stretch; border-top: 1px solid #DEE2E6;}
.defaultCommon .defaultFoot .defaultFootCr > p {display: flex;justify-content: flex-end;align-items: center; color: #ADB5BD;font-size: 12px;font-style: normal;font-weight: 700;line-height: 16px;}
.defaultCommon .defaultFoot .defaultFootCr > ul {display: flex;height: 16px;align-items: flex-start;gap: 32px;}
.defaultCommon .defaultFoot .defaultFootCr > ul > li {display: flex;justify-content: center;align-items: center;}
.defaultCommon .defaultFoot .defaultFootCr > ul > li > a {color: #ADB5BD;font-size: 12px;font-style: normal;font-weight: 700;line-height: 16px;}
.defaultCommon .defaultFoot .defaultFootCr > ul > li.active > a {color: #212529;}

/*
.defaultCommon .defaultFoot {width: 100%; height: auto; background: #090D18; padding: 40px 40px 40px 40px; display: flex; flex-direction: column; align-items: flex-start; background: #090D18; }
.defaultCommon .defaultFoot .defaultFootCont {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;}
.defaultCommon .defaultFoot .defaultFootList {display: flex;width: 100%;align-items: center;gap: 24px;}
.defaultCommon .defaultFoot .defaultFootList > li {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 10px;align-self: stretch;}
.defaultCommon .defaultFoot .defaultFootList > li > a {display: block; color: #F5F5F5; font-size: 13px; letter-spacing: -0.13px; line-height: 20px; font-weight: 600; }

.defaultCommon .defaultFoot .defaultFootInfo {display: flex;padding: 20px 0;flex-direction: column;align-items: flex-start;gap: 10px;align-self: stretch;}
.defaultCommon .defaultFoot .defaultFootInfo .defaultFootLogo {display: flex;height: 32px;align-items: center;gap: 8px;}
.defaultCommon .defaultFoot .defaultFootInfo .defaultFootLogo > label {display: flex;align-items: center; color: #FFF; letter-spacing: -0.6px; font-size: 20px; font-weight: 600;}

.defaultCommon .defaultFoot .defaultFootInfo .defaultFootCounsel {display: flex;flex-direction: column;align-items: flex-start;gap: 4px;align-self: stretch;}
.defaultCommon .defaultFoot .defaultFootInfo .defaultFootCounsel > li {display: flex;align-items: center;align-self: stretch; color: #FFF; font-size: 12px; letter-spacing: -0.24px; line-height: 16px;  }

.defaultCommon .defaultFoot .defaultFootCompany {color: #959595; font-size: 10px; letter-spacing: -0.2px; line-height: 14px;}
*/