@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

.pc {display:block;}
.mob {display:none;}

.blocker { z-index:2 !important; }
#componentWrap { }
#componentWrap .container { width:1280px; margin:0 auto; }

#componentWrap section .title { border-bottom:1px solid #000; padding-bottom:32px; }
#componentWrap section .contents { margin:48px 0px 96px; }

#secBaseColor {}
#secBaseColor table { border-collapse:collapse; }
#secBaseColor table tr { height:48px; }
#secBaseColor table td { border:1px solid #000; }

#secTypography {}
#secTypography table { border-collapse:collapse; }
#secTypography table tbody td { padding:4px; }

#secLogo {}
#secLogo .boxArea { margin-top:40px; }
#secLogo .box { width:673px; margin:0 auto; border:1px dashed #CACFD7; }
#secLogo .box .ii1, #secLogo .box .ii2 { padding:20px; }
#secLogo .box .ii1.pull-left { margin-right:1px; }
#secLogo .box .ii2.pull-left { margin-right:1px; margin-top:1px; }
#secLogo .box .ii2.pull-right { margin-top:1px; }

#secShadows	.boxArea { justify-content:space-evenly; }
#secShadows .box { border-radius:4px; width:200px; height:200px; line-height:200px; }

#secInput {}
#secInput .items {}
#secInput .items .t1 {  }
#secInput .items .item { margin-top:8px; }
#secInput .items .item .row .iText { width:120px; margin-right:20px; }
#secInput .items .item .row .iTitle { width:320px; margin-right:20px; }

#secButton {}
#secButton .items {}
#secButton .items .t1 {  }
#secButton .items .item { margin-top:8px; }

#secContent .myInfo{margin:24px 16px;padding:20px 24px;background-color:#3C444B;border-radius:8px;}
#secContent .myInfo .profile{width:72px;height:72px;border-radius:70%;overflow:hidden;margin-right:20px;}

.disNone { display:none; }
[v-cloak] { display: none; }

.pull-left { float:left; }
.pull-right { float:right; }

.bRadius4 { border-radius:4px; }
.bRadius8 { border-radius:8px; }
.bRadius12 { border-radius:12px; }
.bRadius22 { border-radius:22px; }

.fnt12 { font-size:12px; line-height:18px; }
.fnt14 { font-size:14px; line-height:16px; }
.fnt14x { font-size:14px; }
.fnt16 { font-size:16px; line-height:20px; }
.fnt16x { font-size:16px; }
.fnt18 { font-size:18px; line-height:20px; }
.fnt18x { font-size:18px;  }
.fnt20 { font-size:20px; line-height:24px; }
.fnt24 { font-size:24px; line-height:36px; font-weight:600;  }
.fnt32 { font-size:32px; line-height:48px; }
.fnt32x { font-size:32px; }
.fnt64 { font-size:64px; }

.fntWei700 { font-weight:700; }

.headline1 { font-size:64px; line-height:72px; font-weight:700; }
.headline2 { font-size:48px; line-height:56px; font-weight:700; }
.headline3 { font-size:32px; line-height:48px; font-weight:700; }
.headline4 { font-size:24px; line-height:36px; font-weight:600; }
.headline5 { font-size:20px; line-height:30px; font-weight:400; }
.headline6 { font-size:18px; line-height:28px; font-weight:400; }
.body1Bold { font-size:16px; line-height:24px; font-weight:700; }
.body1Reg { font-size:16px; line-height:24px; font-weight:400; }
.body2Bold { font-size:14px; line-height:21px; font-weight:700; }
.body2Reg { font-size:14px; line-height:21px; font-weight:400; }
.captionBold { font-size:12px; line-height:18px; font-weight:700; }
.captionReg { font-size:12px; line-height:18px; font-weight:400; }
.captionSmail { font-size:10px; line-height:12px; font-weight:400; }

.textOverFlow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cursor { cursor:pointer; }
.wid100p { width:100% !important; }
.wid80 { width:80px !important; max-width:80px !important; }
.wid100 { width:100px !important; max-width:100px !important; }
.wid120 { width:120px !important; max-width:120px !important; }
.wid144 { width:144px !important; max-width:144px !important; }
.wid160 { width:160px !important; max-width:160px !important; }
.wid184 { width:184px !important; max-width:184px !important; }
.wid200 { width:200px !important; max-width:200px !important; }
.wid240 { width:240px !important; max-width:240px !important; }
.wid320 { width:320px !important; max-width:320px !important; }
.wid520 { width:520px !important; max-width:520px !important; }
.wid560 { width:560px !important; max-width:560px !important; }
.wid576 { width:576px !important; max-width:576px !important; }
.wid640 { width:640px !important; max-width:640px !important; }
.wid800 { width:800px !important; max-width:800px !important; }
.wid1024 { width:1024px !important; max-width:1024px !important; }
.wid1126 { width:1126px !important; max-width:1126px !important; }
.hei1px { height:1px; }
.hei64px { height:64px !important; }
.hei56px { height:56px !important; }
.hei48px { height:48px !important; }
.hei32px { height:32px !important; }
.hei48px.niceSelect .current { line-height:48px !important; }
.hei32px.niceSelect { border-radius:0px !important; }
.hei32px.niceSelect { line-height:32px !important; }
.hei32px.niceSelect .current { line-height:32px !important; }
.item400.niceSelect ul.list { height:400px !important; overflow-y:scroll; }


.colorBlack { color:#000; }
.colorWhite { color:#fff; }

.colorNeutral50 { color:#F9FAFB !important; }
.colorNeutral100 { color:#F3F4F6 !important; }
.colorNeutral300 { color:#CACFD7 !important; }
.colorNeutral500 { color:#6B7280 !important; }
.colorNeutral400 { color:#9CA3AF !important; }
.colorNeutral600 { color:#4B5563 !important; }
.colorNeutral700 { color:#374151 !important; }
.colorNeutral800 { color:#1F2937 !important; }
.colorNeutral900 { color:#111827 !important; }
.colorPrimary200 { color:#BFDBFE !important; }
.colorPrimary300 { color:#93C5FD !important; }
.colorPrimary400 { color:#60A5FA !important; }
.colorPrimary500 { color:#327BFF !important; }
.colorPrimary600 { color:#3366FF !important; }

.colorRed600 { color:#DC2626; }
.colorRed500 { color:#EF4444; }
.colorYellow600 { color:#ED6F00; }
.colorYellow900 { color:#53270E; }


.bgBlock { background-color:#000; }
.bgWhite { background-color:#fff; }
.bgNeutral50 { background-color:#F9FAFB !important; }
.bgNeutral100 { background-color:#F3F4F6 !important; }
.bgNeutral200 { background-color:#E5E7EB; }
.bgNeutral300 { background-color:#CACFD7; }
.bgNeutral400 { background-color:#9CA3AF; }
.bgNeutral500 { background-color:#6B7280; }
.bgNeutral600 { background-color:#4B5563; }
.bgNeutral700 { background-color:#374151; }
.bgNeutral800 { background-color:#1F2937; }
.bgNeutral900 { background-color:#111827; }

.bgPrimary50 { background-color:#EFF5FF; }
.bgPrimary100 { background-color:#DBEAFE; }
.bgPrimary200 { background-color:#BFDBFE; }
.bgPrimary300 { background-color:#93C5FD; }
.bgPrimary400 { background-color:#60A5FA; }
.bgPrimary500 { background-color:#327BFF; }
.bgPrimary600 { background-color:#3366FF; }
.bgPrimary700 { background-color:#1D4ED8; }
.bgPrimary800 { background-color:#1E40AF; }
.bgPrimary900 { background-color:#1E3A8A; }

.bgYellow50 { background-color:#FFFBEB; }
.bgYellow100 { background-color:#FEF3C7; }
.bgYellow200 { background-color:#FDE68A; }
.bgYellow300 { background-color:#FCD34D; }
.bgYellow400 { background-color:#FBBF24; }
.bgYellow500 { background-color:#F59E0B; }
.bgYellow600 { background-color:#ED6F00; }
.bgYellow700 { background-color:#B45309; }
.bgYellow800 { background-color:#92400E; }
.bgYellow900 { background-color:#78350F; }

.bgRed50 { background-color:#FFF3F4; }
.bgRed100 { background-color:#FEE2E2; }
.bgRed200 { background-color:#FECACA; }
.bgRed300 { background-color:#FCA5A5; }
.bgRed400 { background-color:#F87171; }
.bgRed500 { background-color:#EF4444; }
.bgRed600 { background-color:#DC2626; }
.bgRed700 { background-color:#B91C1C; }
.bgRed800 { background-color:#991B1B; }
.bgRed900 { background-color:#7F1D1D; }

.bgGreen50 { background-color:#E7F8F2; }
.bgGreen100 { background-color:#D1FAE5; }
.bgGreen200 { background-color:#A7F3D0; }
.bgGreen300 { background-color:#82E7BF; }
.bgGreen400 { background-color:#34D399; }
.bgGreen500 { background-color:#10B981; }
.bgGreen600 { background-color:#059669; }
.bgGreen700 { background-color:#047857; }
.bgGreen800 { background-color:#065F46; }
.bgGreen900 { background-color:#064E3B; }

.textCenter { text-align:center; }
.textLeft { text-align:left; }
.textRight { text-align:right; }

.divFlex { display:flex; }
.divBlock { display:block; }
.divInBlock { display:inline-block; }

.shadowDp1 { box-shadow: 0px 0px 8px rgba(20, 19, 22, 0.08); }
.shadowDp2 { box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.16); }
.shadowDp3 { box-shadow: 0px 24px 48px rgba(20, 19, 22, 0.16); }
.shadowDp4 { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25)};

.borderNeutral300 { border:1px solid #CACFD7; }
.borderNeutral200 { border:1px solid #E5E7EB; }
.margin0 { margin:0; }
.padding012 { padding:0px 12px; }
.padding016 { padding:0px 16px; }
.padding020 { padding:0px 20px; }
.padding024 { padding:0px 24px; }
.padding160 { padding:16px 0px; }
.padding12 { padding:12px; }
.padding20 { padding:20px; }
.padding24 { padding:24px; }
.padding32 { padding:32px; }
.padding612 { padding:6px 12px !important; }
.padding1216 { padding:12px 16px !important; }
.padding1220 { padding:12px 20px !important; }
.padding1232 { padding:12px 32px !important; }
.padding2822 { padding:28px 22px; }

.inputGroup {}
.inputGroup .label { display:inline-block; margin-bottom:8px; position:relative; }
.inputGroup .label .reqIcon { position:absolute; right:-8px; top:-2px; color:#D1221D; }
.inputGroup .inputArea { margin-bottom:8px; }
.inputGroup .inputArea input.inputForm { outline:none !important; color:#374151; border: 1px solid #CACFD7; border-radius:4px; height:48px; padding:12px 16px; }
.inputGroup .inputArea input.inputForm::placeholder { color:#9CA3AF; }
.inputGroup .inputArea input.inputForm:focus { outline:none !important; border:1px solid #3366FF; }
.inputGroup .inputArea textarea.inputForm { outline:none !important; color:#374151; border: 1px solid #CACFD7; border-radius:4px; height:48px; padding:12px 16px; }
.inputGroup .inputArea textarea.inputForm::placeholder { color:#9CA3AF; }
.inputGroup .inputArea textarea.inputForm:focus { outline:none !important; border:1px solid #3366FF; }
.inputGroup .inputArea .textarea.inputForm { outline:none !important; color:#374151; border: 1px solid #CACFD7; border-radius:4px; height:48px; padding:12px 16px; }
.inputGroup .inputArea .textarea.inputForm::placeholder { color:#9CA3AF; }
.inputGroup .inputArea .textarea.inputForm:focus { outline:none !important; border:1px solid #3366FF; }
.inputGroup .helperText { color:#6B7280; }
/*.inputGroup input.inputForm:not(:placeholder-shown) { border:1px solid #374151; }*/
.inputGroup input.inputForm:read-only { background-color:#F3F4F6; color:#374151; border: 1px solid #CACFD7; }
.inputGroup input.inputForm:disabled { color:#9CA3AF; border:1px solid #CACFD7; }
.inputGroup textarea.inputForm:not(:placeholder-shown) { border:1px solid #374151; }
.inputGroup textarea.inputForm:read-only { background-color:#F3F4F6; color:#374151; border: 1px solid #CACFD7; }
.inputGroup textarea.inputForm:disabled { color:#9CA3AF; border:1px solid #CACFD7; }
.inputGroup .textarea.inputForm:not(:placeholder-shown) { border:1px solid #374151; }
.inputGroup .textarea.inputForm:read-only { background-color:#F3F4F6; color:#374151; border: 1px solid #CACFD7; }
.inputGroup .textarea.inputForm:disabled { color:#9CA3AF; border:1px solid #CACFD7; }
.inputGroup.error input.inputForm { border:1px solid #EF4444; }
.inputGroup.error textarea.inputForm { border:1px solid #EF4444; }
.inputGroup.error .niceSelect  { border:1px solid #EF4444 !important; }
.inputGroup .nice-select.disabled { background-color:#F3F4F6; }
.inputGroup .nice-select { border:1px solid #CACFD7 !important; }
.inputGroup.error .helperText { color:#EF4444; }
.inputGroup.success input.inputForm { border:1px solid #3366FF; }
.inputGroup.success textarea.inputForm { border:1px solid #3366FF; }
.inputGroup.success .niceSelect { border:1px solid #3366FF; }
.inputGroup.success .helperText { color:#3366FF; }
.inputGroup.validationCheck .helperText { display:none; }
.inputGroup.error .helperText { display:block; }
.inputGroup.validationCheck.success .helperText { display:none; }
.inputGroup.success .helperText {  }


.inputGroup input[type="checkbox"] { display:none; }
.inputGroup input[type="checkbox"] + label { height:24px; display:inline-block; }
.inputGroup input[type="checkbox"] + label span { padding:4px; color:#fff; display:inline-block; margin-right:8px; margin-bottom:-6px; width:24px; height:24px; border-radius:4px; border:1px solid #CACFD7; background-color:#fff; }
.inputGroup input[type="checkbox"] + label span i { display:none; font-size:14px; }
.inputGroup input[type="checkbox"]:checked + label span { background-color:#327BFF; }
.inputGroup input[type="checkbox"]:checked + label span i { display:block; }
.inputGroup input[type="checkbox"]:disabled + label { color:#CACFD7; }
.inputGroup input[type="checkbox"]:disabled + label span { background-color:#E5E7EB; }

.inputGroup input[type="radio"] { display:none; }
.inputGroup input[type="radio"] + label {  }
.inputGroup input[type="radio"] + label div.icon { display:inline-block; margin-right:8px;  width:24px; height:24px; border-radius:12px; border:1px solid #CACFD7; background-color:#fff; }
.inputGroup input[type="radio"] + label div.icon i { display:none; }
.inputGroup input[type="radio"]:checked + label div.icon { border:2px solid #327BFF;  }
.inputGroup input[type="radio"]:checked + label div.icon i { display:inline-block; margin:4px; width:12px; height:12px; border-radius:6px; background-color:#327BFF;  }
.inputGroup input[type="radio"]:disabled + label { color:#CACFD7; }
.inputGroup input[type="radio"]:disabled + label div.icon { background-color:#E5E7EB; }
.inputGroup input[type="radio"]:disabled:checked + label div.icon { background-color:#E5E7EB; border:2px solid #CACFD7;  }
.inputGroup input[type="radio"]:disabled:checked + label div.icon i { display:inline-block; margin:4px; width:12px; height:12px; border-radius:6px; background-color:#CACFD7;  }

.toggleGroup .toggleSwitch { width: 52px; height: 28px; display: block; position: relative; border-radius: 16px; background-color: #E5E7EB;  cursor: pointer;  }
.toggleGroup .toggleSwitch .toggleButton { width: 24px; height: 24px; position: absolute; top: 50%; left: 2px; transform: translateY(-50%);  border-radius: 50%;  background: #fff; }

.toggleGroup input[type="checkbox"]:checked ~ .toggleSwitch { background: #f03d3d; }
.toggleGroup input[type="checkbox"]:checked ~ .toggleSwitch .toggleButton { left: calc(100% - 26px); background: #fff; }
.toggleGroup .toggleSwitch, .toggleButton { transition: all 0.2s ease-in; }

.inputGroup .relativeArea { position:relative; }
.inputGroup .relativeArea .ph-eye { position:absolute; right:10px; top:12px; }
.inputGroup .relativeArea .position { position:absolute; right:10px; top:12px; }
.inputGroup .relativeArea .passwordInfo { position:absolute; right:10px; top:-20px; }
.inputGroup .relativeArea .passwordInfo .divFlex { margin-top:7px;}
.inputGroup .relativeArea .passwordInfo .divFlex .box { width:8px; margin-left:4px; height:4px; background-color:#F3F4F6; }
.inputGroup .relativeArea .passwordInfo.level1 { color:#DC2626; }
.inputGroup .relativeArea .passwordInfo.level3 { color:#10B981; }
.inputGroup .relativeArea .passwordInfo.level1 .divFlex .box1 { background-color:#DC2626; }
.inputGroup .relativeArea .passwordInfo.level1 .divFlex .box2 { background-color:#F3F4F6; }
.inputGroup .relativeArea .passwordInfo.level1 .divFlex .box3 { background-color:#F3F4F6; }
.inputGroup .relativeArea .passwordInfo.level2 .divFlex .box1 { background-color:#DC2626; }
.inputGroup .relativeArea .passwordInfo.level2 .divFlex .box2 { background-color:#DC2626; }
.inputGroup .relativeArea .passwordInfo.level2 .divFlex .box3 { background-color:#F3F4F6; }
.inputGroup .relativeArea .passwordInfo.level3 .divFlex .box1 { background-color:#10B981; }
.inputGroup .relativeArea .passwordInfo.level3 .divFlex .box2 { background-color:#10B981; }
.inputGroup .relativeArea .passwordInfo.level3 .divFlex .box3 { background-color:#10B981; }

.inputGroup .relativeArea .ph-magnifying-glass { position:absolute; right:10px; top:12px; }
.inputGroup .relativeArea .textOn {  position:absolute; right:40px; top:12px; background-color:#9CA3AF; border:1px solid #9CA3AF; border-radius:24px; padding:2px; color:#fff;  }

.bizButton { cursor:pointer; }
.bizButton.standard { height:48px;  border-radius:8px; padding:12px 8px; border:1px solid transparent; }
.bizButton.standard .bItem { padding:0px 6px; }
.bizButton.standard.primary.border { border:1px solid #3366FF; }
.bizButton.standard.primary.solid { background-color:#3366FF; color:#fff; }
.bizButton.standard.primary.outline { background-color:#fff; color:#3366FF; }
.bizButton.standard.primary.solid:hover { background-color:#1D4ED8; }
.bizButton.standard.primary.outline:hover { background-color:#EFF5FF; }
.bizButton.standard.primary.solid:disabled { background-color:#E5E7EB !important;  }
.bizButton.standard.primary.solid.border:disabled { border:1px solid #E5E7EB !important; }
.bizButton.standard.primary.outline:disabled { background-color:#fff !important; color:#E5E7EB;}
.bizButton.standard.primary.outline.border:disabled { border:1px solid #E5E7EB !important; }

.bizButton.standard.secondary.border { border:1px solid #CACFD7; }
.bizButton.standard.secondary.solid { background-color:#E5E7EB; }
.bizButton.standard.secondary.outline { background-color:#fff; }
.bizButton.standard.secondary.solid:hover { background-color:#CACFD7; }
.bizButton.standard.secondary.outline:hover { background-color:#F3F4F6; }
.bizButton.standard.secondary.solid:disabled { background-color:#CACFD7 !important;  }
.bizButton.standard.secondary.solid.border:disabled { border:1px solid #E5E7EB !important; }
.bizButton.standard.secondary.outline:disabled { background-color:#fff !important; color:#E5E7EB;}
.bizButton.standard.secondary.outline.border:disabled { border:1px solid #E5E7EB !important; }

.bizButton.standard.dark.border { border:1px solid #374151; }
.bizButton.standard.dark.solid { background-color:#374151; color:#fff; }
.bizButton.small.dark.solid:hover { background-color:#1e2229; color:#fff; }

.bizButton.small { height:32px;  border-radius:8px; padding:5px 3px; border:1px solid transparent; }
.bizButton.small .bItem { padding:0px 3px; }
.bizButton.small.primary.border { border:1px solid #3366FF; }
.bizButton.small.primary.solid { background-color:#3366FF; color:#fff; }
.bizButton.small.primary.outline { background-color:#fff; color:#3366FF; }
.bizButton.small.primary.solid:hover { background-color:#1D4ED8; }
.bizButton.small.primary.outline:hover { background-color:#EFF5FF; }
.bizButton.small.primary.solid:disabled { background-color:#E5E7EB !important;  }
.bizButton.small.primary.solid.border:disabled { border:1px solid #E5E7EB !important; }
.bizButton.small.primary.outline:disabled { background-color:#fff !important; color:#E5E7EB;}
.bizButton.small.primary.outline.disabled { background-color:#fff !important; color:#E5E7EB; }
.bizButton.small.primary.outline.border:disabled { border:1px solid #E5E7EB !important; }
.bizButton.small.primary.outline.border.disabled { border:1px solid #E5E7EB !important; }

.bizButton.small.secondary.border { border:1px solid #CACFD7; }
.bizButton.small.secondary.solid { background-color:#E5E7EB; }
.bizButton.small.secondary.outline { background-color:#fff; }
.bizButton.small.secondary.solid:hover { background-color:#CACFD7; }
.bizButton.small.secondary.outline:hover { background-color:#F3F4F6; }
.bizButton.small.secondary.solid:disabled { background-color:#CACFD7 !important;  }
.bizButton.small.secondary.solid.border:disabled { border:1px solid #E5E7EB !important; }
.bizButton.small.secondary.outline:disabled { background-color:#fff !important; color:#E5E7EB;}
.bizButton.small.secondary.outline.border:disabled { border:1px solid #E5E7EB !important; }

.bizButton.small.dark.border { border:1px solid #374151; }
.bizButton.small.dark.solid { background-color:#374151; color:#fff; }

ul.discUl { list-style-type: disc; list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='-3 -2 4 4'><style>.blue{	fill: rgb(107,114,128); }</style><circle class='blue' r='.5'  /></svg>"); }
ul.discUl.markWhite { list-style-type: disc; list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='-3 -2 4 4'><style>.blue{	fill: rgb(255,255,255); }</style><circle class='blue' r='.5'  /></svg>"); }
ul.discUl li { line-height:24px; }
ul.discUl li::marke { color:#6B7280; }

.secPagenation .pagenation { justify-content:center; }
.secPagenation .pagenation .page { width:32px; height:32px; padding:6px 0px; }
.secPagenation .pagenation .arrow { width:32px; height:32px; padding:9px 0px; }
.secPagenation .pagenation a.active { background-color:#3366FF; border-radius:4px; color:#fff !important; }

.secMessageBtn { float: right; margin-top:-32px;}
.secMessageBtn .messageText { font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px; color:#6B7280; margin-right: 8px; }
.secMessageBtn .messageBtn { margin-right:4px; text-decoration: none; font-size: 14px; line-height: 21px; font-weight: 400; cursor: pointer; border-radius: 8px; padding:5px 12px; height: 32px; border: 1px solid #CACFD7; background-color: #fff; color: #111827;}
.secMessageBtn .messageBtn.active { border: 1px solid #3366FF; background-color: #3366FF; color: #fff;}
.secMessageBtn .messageBtn:last-child { margin-right:0px;}


.tableRowCntNone { background-color:#F9FAFB; height:240px; line-height:240px; border-top:1px solid #CACFD7; border-bottom:1px solid #CACFD7; }

.positionAb { position:absolute; }
.positionRe { position:relative; }

.jcSpaceBetween { justify-content:space-between; }
.jcCenter { justify-content: center; }
.jcAlignItems { align-items:center; }
.jcDirectColumn { flex-direction: column; }

td.oneLine { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; }
th.oneLine { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; }

.bfModal { padding:0px !important; overflow:hidden; }
.bfModal .header { padding:10px 24px !important; border-bottom:1px solid #E5E7EB; color:#374151; font-size:18px !important; font-family:Pretendard; line-height: 28px; }
.bfModal .header .fnModalClose { color:#000; }
.bfModal .contents  { padding:28px 24px; }

.radius4px { border-radius:4px; }
.radius8px { border-radius:8px; }
.radius12px { border-radius:12px; }
.radius16px { border-radius:16px; }
.radius24px { border-radius:24px; }
.radius32px { border-radius:32px; }

.btNeutral200 { border-top: 1px solid #E5E7EB !important; }
.brNeutral200 { border-right: 1px solid #E5E7EB !important; }
.bbNeutral200 { border-bottom: 1px solid #E5E7EB !important; }
.blNeutral200 { border-left: 1px solid #E5E7EB !important; }

.btNeutral300 { border-top: 1px solid #CACFD7 !important; }
.brNeutral300 { border-right: 1px solid #CACFD7 !important; }
.bbNeutral300 { border-bottom: 1px solid #CACFD7 !important; }
.blNeutral300 { border-left: 1px solid #E5E7EB !important; }

.btNeutral400 { border-top: 1px solid #9CA3AF !important; }
.brNeutral400 { border-right: 1px solid #9CA3AF !important; }
.bbNeutral400 { border-bottom: 1px solid #9CA3AF !important; }
.blNeutral400 { border-left: 1px solid #9CA3AF !important; }

.btNeutral900 { border-top: 1px solid #111827 !important; }
.brNeutral900 { border-right: 1px solid #111827 !important; }
.bbNeutral900 { border-bottom: 1px solid #111827 !important; }
.blNeutral900 { border-left: 1px solid #111827 !important; }

.bt0 { border-top:0px !important; }
.br0 { border-right:0px !important; }
.bb0 { border-bottom: 0px !important;}
.bl0 { border-left: 0px !important;}

.loading { position:fixed; width:64px; height:64px; z-index:9999; top:calc(50% - 32px); left:calc(50% - 32px); }

.customTable.common {  }
.customTable.common table { border-collapse:collapse; table-layout:fixed;}
.customTable.common table th { height:56px; padding:12px 20px; background-color:#F3F4F6; color:#6B7280; border-bottom:1px solid #CACFD7; }
.customTable.common table th .title { margin-top:4px; }
.customTable.common table th .icon { margin-left:6px; }
.customTable.common table th .arrow { margin-left:6px; margin-top:6px; }
.customTable.common table th .arrow .up { margin-bottom:2px; }
.customTable.common table td { border-bottom:1px solid #E5E7EB; padding:0 20px; height:47px; }
.customTable.common table tr.hover:hover { background-color: #EFF5FF;}
.customTable.common table tr.hover2:hover { background-color: #EFF5FF;}
.customTable.common table tr.hover2:hover td:last-child  { background-color: #fff;}
.customTable.common table tr.doing .status { border:1px solid #BFDBFE; color:#3366FF; background-color:#EFF5FF; border-radius: 25px; padding:2px 12px; }
.customTable.common table tr.doing .bizButton { background-color:#FFFFFF; border:1px solid #CACFD7; }
.customTable.common table tr.stop .status { border:1px solid #E5E7EB; color:#6B7280; background-color:#F3F4F6; border-radius: 25px; padding:2px 12px; }
.customTable.common table tr.stop .bizButton { background-color:#FFFFFF; color:#CACFD7; border:1px solid #E5E7EB; }
.customTable.common table tr.stop td { color:#9CA3AF; }
.customTable.common table td.oneLine { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; }
.customTable.common table td .substitute { width: fit-content; max-width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: inline-block; line-height: 12px; vertical-align: inherit;}
.customTable.common table td .substitute_icon { width:50px; vertical-align: middle !important; text-align: center; display: inline-block; margin-left:8px; padding: 2px; color: #ED6F00; border:1px solid #FDE68A; border-radius: 4px; background-color: #FFFBEB; font-size: 12px; font-style: normal; font-weight: 400; vertical-align: text-top; line-height: 12px; }
/*.customTable.common table tbody tr:last-child td { border-bottom: 0px; }*/
.customTable.common table tbody tr.tdbb0 td { border-bottom: 0px; }
.customTable.common.zebra table tbody tr:nth-child(even) { background-color:#F3F4F6; }

.page-break-before {
  /*해당 요소의 이후에 요소가 있다면 항상 다음페이지로 넘김.*/
  page-break-before: always;
}


.fontHead1 { font-size:40px; font-weight:700; line-height:54px; }
.fontHead2 { font-size:32px; font-weight:700; line-height:44px; }
.fontHead3 { font-size:clamp(20px, 1.25vw,24px); font-weight:700; line-height:34px; }
.fontHead4 { font-size:20px; font-weight:700; line-height:28px; }
.fontHead5 { font-size:clamp(16px,0.93vw,18px); font-weight:700; line-height:26px; }

.fontBody1 { font-size:clamp(14px,0.83vw,16px); font-weight:300; line-height:24px; }
.fontBody2 { font-size:clamp(13px,0.72vw,14px); font-weight:300; line-height:22px; }
.fontBody3 { font-size:clamp(11px,0.62vw,12px); font-weight:300; line-height:18px; }

.fontCaption{ font-size:12px; font-weight:300; line-height:18px; }

.fontBold { font-weight:bold;}

.font14x { font-size:14px; }

.colorPrimary10 {color:#FFF3F4;}
.colorPrimary20 {color:#D8CEF7;}
.colorPrimary30 {color:#BBA8F9;}
.colorPrimary40 {color:#9F81FB;}
.colorPrimary50 {color:#825BFD;}
.colorPrimary60 {color:#3366FF;}
.colorPrimary70 {color:#592FDD;}

.colorSecondary10 {color:#DFE1E2;}
.colorSecondary20 {color:#C9CBCE;}
.colorSecondary30 {color:#9DA1A7;}
.colorSecondary40 {color:#717880;}
.colorSecondary50 {color:#454E59;}
.colorSecondary60 {color:#192432;}
.colorSecondary70 {color:#17222F;}





.copyRight {position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); white-space: nowrap;}
.bgImage {width:100%;height:100%;overflow:hidden;margin:0 auto;}
.bgImage img {width:100%;height:100%;object-fit:cover;opacity:0.6}

.mobModal{width:800px !important; max-width:800px !important;}


.posRe { position:relative; }
.posAb { position:absolute; }


@media (min-width: 768px) {
  .disMob {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .disPc {
    display: none !important;
  }
}