@charset "utf-8";
@font-face {
    font-family: 'SCoreDream';
    font-weight: 100;
    font-style: normal;
    src:
      url('/fonts/SCoreDream1.woff2') format('woff2'),
      url('/fonts/SCoreDream1.woff') format('woff'),
      url('/fonts/SCoreDream1.otf') format('opentype');
    font-display: swap;
  }
  @font-face {
    font-family: 'SCoreDream';
    font-weight: 200;
    font-style: normal;
    src:
      url('/fonts/SCoreDream2.woff2') format('woff2'),
      url('/fonts/SCoreDream2.woff') format('woff'),
      url('/fonts/SCoreDream2.otf') format('opentype');
    font-display: swap;
  }
  @font-face {
    font-family: 'SCoreDream';
    font-weight: 300;
    font-style: normal;
    src:
      url('/fonts/SCoreDream3.woff2') format('woff2'),
      url('/fonts/SCoreDream3.woff') format('woff'),
      url('/fonts/SCoreDream3.otf') format('opentype');
    font-display: swap;
  }
  @font-face {
    font-family: 'SCoreDream';
    font-weight: 400;
    font-style: normal;
    src:
      url('/fonts/SCoreDream4.woff2') format('woff2'),
      url('/fonts/SCoreDream4.woff') format('woff'),
      url('/fonts/SCoreDream4.otf') format('opentype');
    font-display: swap;
  }
  @font-face {
    font-family: 'SCoreDream';
    font-weight: 500;
    font-style: normal;
    src:
      url('/fonts/SCoreDream5.woff2') format('woff2'),
      url('/fonts/SCoreDream5.woff') format('woff'),
      url('/fonts/SCoreDream5.otf') format('opentype');
    font-display: swap;
  }
  @font-face {
    font-family: 'SCoreDream';
    font-weight: 600;
    font-style: normal;
    src:
      url('/fonts/SCoreDream6.woff2') format('woff2'),
      url('/fonts/SCoreDream6.woff') format('woff'),
      url('/fonts/SCoreDream6.otf') format('opentype');
    font-display: swap;
  }
  @font-face {
    font-family: 'SCoreDream';
    font-weight: 700;
    font-style: normal;
    src:
      url('/fonts/SCoreDream7.woff2') format('woff2'),
      url('/fonts/SCoreDream7.woff') format('woff'),
      url('/fonts/SCoreDream7.otf') format('opentype');
    font-display: swap;
  }
  @font-face {
    font-family: 'SCoreDream';
    font-weight: 800;
    font-style: normal;
    src:
      url('/fonts/SCoreDream8.woff2') format('woff2'),
      url('/fonts/SCoreDream8.woff') format('woff'),
      url('/fonts/SCoreDream8.otf') format('opentype');
    font-display: swap;
  }
  @font-face {
    font-family: 'SCoreDream';
    font-weight: 900;
    font-style: normal;
    src:
      url('/fonts/SCoreDream9.woff2') format('woff2'),
      url('/fonts/SCoreDream9.woff') format('woff'),
      url('/fonts/SCoreDream9.otf') format('opentype');
    font-display: swap;
  }


* {margin:0;padding:0;}

/* 이전 default.css 파일 참조 */
/* Start */
 html { height: 100%; }
body { min-height: 100%; width:100%; height:100%; }
div,p,dl,dt,dd,ul,li,ol,input,th,td {padding:0;margin:0;list-style:none;}
input,select,textarea{vertical-align:middle;color:#666;font-family:"맑은 고딕", Arial;font-size:12px;}
img{border:none;}
a:link,a:visited{text-decoration:none;color:#666;}
a:active{text-decoration:none;color:#666;}
a:hover{text-decoration:none;color:#666;}
hr{display:none;}
fieldset {border:0;}
legend{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
input {border-top:1px solid #aeaeae;border-left:1px solid #aeaeae;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;padding:2px 0;height:18px;color:#444;}
input .dis {border:1px solid #efefef !important;}
textarea {padding:3px;border:1px solid #c7c7c7;}
table {border-collapse:collapse; border:0;font-family:Dotum;font-size:12px;}
/* End */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {border:0;outline:0;background:transparent;}
table,caption,tbody,tfoot,thead,tr,th,td {outline:0;background:transparent;}
html { height: 100%; }
body { min-height: 100%; width:100%; height:100%; }
article,aside,canvas,details,figcaption,figure,main,footer,header,hgroup,menu,nav,section,summary {display:block;}
nav, ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after {content:"";content:none;}
p {line-height: 150%; word-break: keep-all;}
a {margin:0;padding:0;border:0;color:#555;cursor: pointer;}
a:link, a:active, a:visited, a:focus {text-decoration: none;}
b {font-weight: 500;}
ins {color:#000;text-decoration:none;}
mark {color:#000;font-style:italic;font-weight:700;}
del,s {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted #000;cursor:help;}

hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select {outline: none;}
input, textarea, button, select {font-size: 0.8rem; padding: var(--padding-05) var(--padding-10); box-sizing: border-box; border: var(--border-gray); border-radius: var(--border-radius-25);}
select {padding-left: var(--padding-05); padding-right: var(--padding-10); }
textarea {resize: none; /* height: 5rem; */ }
input:read-only, textarea:read-only { background: var(--gray-02); color: #999;}
input:read-only:focus-visible {outline: none; border: var(--border-gray);}
input:focus-visible, textarea:focus-visible {outline: 1px solid #6ca0ff; border-color: transparent;}
input::placeholder {font-size: 0.8rem;}
th,td {}
label + label {margin-left: 3rem;}

body {color:#424242;line-height:150%;}
select,input,button,textarea,button{font-family: 'SCoreDream','Apple SD Gothic Neo','Malgun Gothic';}
table{font-size:0.8rem;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace; line-height:150%;}

address {font-style:normal;display:inline;}

/* ========================================
    공통
========================================= */

:root {
    font-size: 16px;
    font-family:  'SCoreDream';
    font-weight: normal;
    line-height: 140%;
    --blue-01: #4075a2;
    --blue-active: #2881cd;
    --blue-02: #7f90ac;
    --blue-02-active: #657692;
    --blue-03: #d7e5f7;
    --red: #f15e6c;
    --red-01: #fbd5d9;
    --red-active: rgb(255, 21, 56);
    --yellow-01: #fff3d3;
    --gray-01: #f7f7ef;
    --gray-02: #ecedf2;
    --gray-03: #d8dae0;
    --gray-04: #b9b9b9;
    --gray-04-active: #aaaaaa;
    --border-radius-25: 0.25rem;
    --padding-025: 0.25rem;
    --padding-05: 0.5rem;
    --padding-075: 0.75rem;
    --padding-10: 1rem;
    --padding-15: 1.5rem;
    --padding-20: 2rem;
    --border-default: 1px solid #555;
    --border-gray: 1px solid var(--gray-03);
}

body, html {
    margin: 0;
    padding: 0; font-size: 1rem; }

/* text-align */

.t-left {text-align: left !important;}
.t-right {text-align: right !important;}
.t-center {text-align: center !important;}
.t-justify {text-align: justify !important;}
.table-type-02 td.t-left {text-align: left !important;}

/* float */
.f-left {float: left;}
.f-left::after {content: ""; clear: both; position: absolute;}
.f-right {float: right;}
.f-right::after {content: ""; clear: both; position: absolute;}

/* margin */
.mt10 {margin-top: 1rem;}
.mt20 {margin-top: 2rem;}
.mb05 {margin-bottom: 0.5rem;}
.mb10 {margin-bottom: 1rem;}
.mb20 {margin-bottom: 2rem;}
.m-auto {margin: 0 auto !important;}

/* ellipsis */
.ellipsis { overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all; }

/* button 01:blue 02:red 03:gray */
button {cursor: pointer; border: none; white-space: nowrap;}
button:disabled {background: var(--gray-02); color: var(--gray-04); }
button:disabled:hover {background: var(--gray-02) !important; color: var(--gray-04) !important;}
.btn-s {padding: var(--padding-025) var(--padding-05); font-size: 0.6rem;}
.btn-lg {padding: var(--padding-05) var(--padding-15); font-size: 1rem;}
.btn-xl {padding: var(--padding-10) var(--padding-20); font-size: 1.2rem;}
.btn-add {background-color: var(--gray-04); color: #fff;}

.btn-type-01 {background-color: var(--blue-01); color: #fff;}
.btn-type-01:hover {background-color: var(--blue-active);}
.btn-type-02 {background-color:var(--red); color: #fff;}
.btn-type-02:hover {background-color:var(--red-active);}
.btn-type-03 {background-color: var(--blue-02); color: #fff;}
.btn-type-03:hover {background-color: var(--blue-02-active);}
.btn-type-04 {background-color: var(--gray-04); color: #fff;}
.btn-type-04:hover {background-color: var(--gray-04-active);}

/* pagination */
.pagination {display: flex; align-items: center; justify-content: center; margin-top: 3rem;}
.pagination li {display: flex; align-items: center; justify-content: center;}
.pagination button {background: none; padding: 0; width: 1.6rem; height: 1.6rem; margin: 0 0.25rem;}
.pagination .btn-first {background: url("../image/icon-arrow2.png") no-repeat center center; background-size: 65%; transform: rotate(-180deg);}
.pagination .btn-last {background: url("../image/icon-arrow2.png") no-repeat center center; background-size: 65%;}
.pagination .btn-prev {background: url("../image/icon-arrow.png") no-repeat center center; background-size: 65%; transform: rotate(-180deg);}
.pagination .btn-next {background: url("../image/icon-arrow.png") no-repeat center center; background-size: 65%;}
.pagination button.active {background: var(--blue-active); color: #fff;}

/* input-wrap */
.input-wrap {width: 100%; display: flex; align-items: center;}
.input-wrap input {width: 100%;}
.input-wrap input + button {margin-left: 0.5rem;}
.input-s {width: auto !important; min-width: 10rem !important;}

/* date-wrap */
.date-wrap {display: flex; align-items: center; justify-content: center; margin: 0.5rem;}
.date-wrap .date {margin: 0 2rem;}
.btn-left {width: 2rem; height: 2rem; background: url("../image/icon-arrow.png") no-repeat center center var(--gray-02); background-size: 65%; transform: rotate(-180deg);}
.btn-right {width: 2rem; height: 2rem; background: url("../image/icon-arrow.png") no-repeat center center var(--gray-02); background-size: 65%;}

/*  line */
.line-wrap {display: flex; align-items: center; flex-wrap: wrap;}
.line-wrap li {border: var(--border-gray); border-radius: var(--border-radius-25); padding: var(--padding-05) var(--padding-10); line-height: 140%; background: #fff;;;;;;;;;;;}
.line-wrap li + li {position: relative; margin-left: 1.5rem;}
.line-wrap li + li::before {content: ""; width: 2rem; height: 2rem; display: block; position: absolute; left: -0.75rem; top: 50%; transform: translate(-50%, -50%); background: url("../image/icon-arrow.png") no-repeat center center; background-size: 60%;}
.line-wrap li select {border: none;}

.line-wrap.border li {border: none;}
.line-wrap.border li  select {border: var(--border-gray);}

/* table */
table {border-spacing: 0; border-collapse: collapse; min-width: 100%;}
table th {}

/*table th,td { border-spacing: 0; border-collapse: collapse; padding: var(--padding-05) var(--padding-10); text-align: center;} */

.table-type-01 th {background-color: var(--gray-03); font-weight: 500;}

/* .table-type-01 tbody tr:hover {background-color: var(--blue-03);} */
.table-type-01 td a {text-decoration: underline;}
.table-type-02 th {background: var(--gray-03); font-weight: 500; white-space: nowrap;}
.table-type-02 th, .table-type-02 td {border: var(--border-default) !important; text-align: center !important;}
/* .table-type-02 tbody tr:hover {background-color: var(--blue-03);} */
.table-type-02 td a {text-decoration: underline;}
.table-wrap {width: 100%; overflow-x: auto;}

.popup-wrap .table-type-02 th,.popup-wrap .table-type-02 td {padding: var(--padding-025) var(--padding-05); font-size: 0.8rem;}
.popup-wrap .table-input th,.popup-wrap .table-input td {font-size: 0.8rem; padding: var(--padding-025) var(--padding-05);}

.table-input-wrap {background: var(--gray-02); padding: var(--padding-10); border-radius: var(--border-radius-25); width: 100%; overflow: auto; box-sizing: border-box; font-family: 'SCoreDream'}
.table-input th, .table-input td {border: none; text-align: left; padding: var(--padding-05); font-size: 0.8rem; font-family: '맑은 고딕'}
.table-input th {font-weight: 500; white-space: nowrap; font-family: 'SCoreDream' }
.table-input td a {display: block; text-decoration: underline;}
.table-input td button {padding: var(--padding-025) var(--padding-10); font-size: 0.8rem;}
.table-input td .divtext {background-color: white; padding: 5px; min-height: 22px; font-size: 0.9rem;  }
.table-input .flex {justify-content: flex-start;}
.table-input td input, .table-input td textarea, 
.table-type-02 td input, .table-type-02 td select, .table-type-02 td textarea 
{padding-top: var(--padding-10); padding-bottom: var(--padding-10); width: 100%; min-width: 3rem; }
.table-input td select 
{padding-top: var(--padding-05); padding-bottom: var(--padding-05); width: 100%; min-width: 3rem; }


/* .table-input td input + input, .table-input td select + input,
.table-input td input + select, .table-input td input + p,
.table-input td select + select, .table-input td input + button {margin-left: 0.5rem;} */

.sign-table td {height: 3rem; width: 4rem;}

.calendar th {font-size: 0.8rem;}
.calendar td {position: relative; height: 7rem;}
.calendar p.date {font-weight: 600; position: absolute; top: 0.5rem; right: 1rem; left: auto; font-size: 0.8rem;}
.calendar p.date.red {font-size: 0.8rem;}
.calendar p {position: absolute; left: 1rem; bottom: 1rem; right: auto; font-size: 0.8rem;}


.flex {display: flex; align-items: center; justify-content: center;}
.flex  * + * {margin-left: 0.5rem;}
.under {text-decoration: underline;}
.red {color: var(--red);}
.blue {color: var(--blue-active);}
.gray {color: var(--gray-04);}
.required {font-size: 0.7rem; font-weight: 500; color: var(--red);}
.stxt {font-size: 0.6rem; white-space: nowrap;}
.txt-s {font-size: 0.6rem;}
.bg-blue {background: var(--blue-03) !important;}
.bg-red {background: var(--red-01) !important;}
.bg-yellow {background: var(--yellow-01) !important;}
.bg-gray {background: var(--gray-03) !important;}
.space {width: 2rem; display: inline-block;}

.bg-blue:hover {background: var(--blue-03) !important;}
.bg-red:hover {background: var(--red-01) !important;}
.bg-yellow:hover {background: var(--yellow-01) !important;}
.bg-gray:hover {background: var(--gray-03) !important;}

/* searchbox */
.searchbox {width: 100%; padding: var(--padding-15); box-sizing: border-box; border-radius: var(--border-radius-25); background: var(--gray-02)}
.searchbox article {display: flex; align-items: center;}
.searchbox article label {margin-right: 1rem; white-space: nowrap; color: #44464c; font-size: 0.9rem;}
.searchbox article + article {margin-left: 3rem;}
.searchbox .btn-search {margin-left: auto;}
.searchbox .search-cont-01 {display: flex;}
.searchbox .search-cont-01 article {max-width: 50%;}
.searchbox .search-cont-02 {display: flex;}
.searchbox .search-cont-02 article {max-width: 30%;}
.searchbox .search-cont-03 {display: flex;}
.searchbox .search-cont-03 article {max-width: 25%;}

.popup-wrap .searchbox {padding: var(--padding-05); font-size: 0.8rem;}
.popup-wrap .searchbox article + article {margin-left: 1rem;}

/* tab-wrap */
.tab-btn-wrap {display: flex; width: 100%;}
.tab-btn-wrap li {padding: var(--padding-075) var(--padding-15); border: var(--border-gray); font-size: 0.9rem; line-height: 130%;}
.tab-title .tab-btn-wrap li {padding: var(--padding-05) var(--padding-15);}
.tab-btn-wrap li + li {margin-left: -1px;}
.tab-btn-wrap li.active {background-color: var(--blue-01); color: #fff; z-index: 1;}
.tab-btn-wrap li.active a {color: #fff;}

.tab-cont-wrap {}
.tab-cont-wrap > li {display: none;}
.tab-cont-wrap li.active {display: block;}
.tab-cont-wrap .tab-cont-wrap li {border: 1px solid var(--gray-04); min-height: 30vh;}

.tab-title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}
.tit {padding-left: 0.75rem; position: relative;}
.tit:before {content: ""; display: block; width: 5px; height: 5px; background: var(--blue-02); position: absolute; top: 45%; left: 0; transform: translateY(-50%);}
.tab-title .link {font-size: 0.8rem;}
.tab-title .tab-btn-wrap {width: auto;}
.tab-title .tab-btn-wrap li {display: block; border-color: var(--gray-04-active);}
.tab-title .tab-btn-wrap li.active {border-color: var(--blue-02-active);}
.tab-title .tab-btn-wrap li:first-child {border-radius: var(--border-radius-25) 0 0 var(--border-radius-25);}
.tab-title .tab-btn-wrap li:last-child {border-radius: 0 var(--border-radius-25) var(--border-radius-25) 0;}


/* radio */
input[type="radio"] {display: none;}
input[type="radio"] + label {padding-left: var(--padding-15); position: relative; white-space: nowrap;}
input[type="radio"] + label + input[type="radio"] + label {margin-left: 1rem;}
input[type="radio"] + label::before {content: ""; width: 0.8rem; height: 0.8rem; border: var(--border-gray); display: block; position: absolute; top: 40%; left: 0; transform: translateY(-50%); border-radius: var(--border-radius-25); background: #fff;}
input[type="radio"]:checked + label::before {background: url("/image/icon-chk.png") no-repeat center center var(--blue-active); background-size: 75%; border-color: var(--blue-active); }
input[type="radio"]:disabled + label:before {background: var(--gray-03);}
.radio-wrap * + * {margin: 0;}

/* checkbox */
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {padding-left: var(--padding-15); position: relative; white-space: nowrap;}
input[type="checkbox"] + label + input[type="radio"] + label {margin-left: 1rem;}
input[type="checkbox"] + label::before {content: ""; width: 1rem; height: 1rem; border: var(--border-gray); display: block; position: absolute; top: 40%; left: 0; transform: translateY(-50%); border-radius: var(--border-radius-25); background: #fff; transition: 0.4s;}
input[type="checkbox"]:checked + label::before {background: url("/image/icon-chk.png") no-repeat center center var(--blue-active); background-size: 90%; border-color: var(--blue-active);}
input[type="checkbox"]:disabled + label:before {background: var(--gray-03);}

/* progressbar */
.progress-wrap {border: 1px solid var(--gray-04); width: 60%; height: 1.2rem; padding: 3px;}
.progress-wrap .bar {background: var(--blue-02); height: 100%;}
.progress-wrap + p {margin-left: 1rem;}


.empty {margin: 3rem auto; text-align: center;}

/* ========================================
    layout
========================================= */

header {position: fixed; top:0; left: 0; width: 100%; height: 5rem; border-bottom: var(--border-gray); background: var(--gray-02); display: flex; align-items: center;  z-index: 100;}
.logo {width: 12rem; height: 100%; background: url("/image/bblogo.png") no-repeat center center; background-size: 70%}
.nav-wrap {display: flex; justify-content: space-between; align-items: center; height: 100%; width: calc(100% - 12rem);}
.header-right-wrap {display: flex; align-items: center; margin-left: 3rem;}
.header-right-wrap .date {margin-right: 1rem; font-size: 0.8rem; white-space: nowrap;}
.header-right-wrap a {margin-right: 1rem; font-size: 0.8rem; white-space: nowrap;}

nav { font-family: "SCoreDream" }
nav ul {display: flex;}
nav li {position: relative;}
nav li + li {margin-left: 0.5rem;}
nav li a {padding: var(--padding-05) var(--padding-10); box-sizing: border-box; font-size: 0.9rem; font-weight: 550; white-space: nowrap;}
nav li a.active {background: var(--blue-01); border-radius: var(--border-radius-25); color: #fff;}
nav li:hover > a {background: var(--blue-01); color: #fff; border-radius: var(--border-radius-25);}
nav li:hover .nav-2depth {display: flex;}
nav .nav-2depth {display: none; position: absolute; background: #fff; padding: var(--padding-05); border-radius: var(--border-radius-25); box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
nav .nav-2depth a {font-weight: 400; font-size: 0.8rem; font-family: 'SCoreDream'}
nav .nav-2depth a:hover {background: var(--blue-01); border-radius: var(--border-radius-25); color: #fff;}

main{display: flex; height: calc(100vh - 5rem); top: 5rem; position: relative; background: #fff;}
.left-menu-wrap {width: 13rem; background-color: #f1f5fa; border-right: 1px solid var(--gray-03); height: calc(100% - 0rem); position: absolute; top: 0; left: 0; z-index: 10;}
.left-menu-wrap ul {height: 100%; overflow: auto;}
.left-menu-wrap li {border-bottom: var(--border-gray); padding: var(--padding-05);}
.left-menu-wrap li > p,.left-menu-wrap a {width: 100%; display: block; padding: var(--padding-05) var(--padding-10); box-sizing: border-box; border-radius: var(--border-radius-25); font-size: 0.9rem; font-weight: 500;}
.left-menu-wrap li.active a {background: var(--blue-01); color: #fff;}
.left-menu-wrap .depth2 li {padding: 0;}
.left-menu-wrap .depth2 li:last-child {border-bottom: none}
.left-menu-wrap .depth2 a {font-weight: 300; padding-left: 2rem; font-size: 0.8rem;}
.left-menu-wrap .depth2 b {font-weight: 600; margin-right: 0.25rem;}

.left-menu-wrap li button {width: 100%; display: block; padding: var(--padding-05) var(--padding-10); box-sizing: border-box; border-radius: var(--border-radius-25); font-size: 0.9rem; font-weight: 500; background: var(--blue-active); color: #fff;}

.contents-wrap {width: calc(100vw - 12rem); box-sizing: border-box; position: relative; left: 12rem;}
.contents {padding: var(--padding-15);}


/* .cont {background: #fff; border-radius: var(--border-radius-25); padding: var(--padding-15);} */

.dimmed {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; background: rgba(0,0,0,0.35);}
.login-wrap + .popup-wrap {display: none;}
.contents-wrap + .popup-wrap {display: none;}
main ~ .popup-wrap {display: none;}
.popup-wrap {width: 35rem; background: #fff; overflow: hidden; border-radius: var(--border-radius-25); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 101; box-shadow: 0 0 8px 2px rgba(0,0,0,0.15);}
.popup-wrap.show {display: block !important;}
.popup-xl {width: 60rem;}
.popup-contract {width: 450px;}
.popup-s {width: 20rem;}
.popup-header {width: 100%; height: 2.5rem; background: var(--blue-02); display: flex; align-items: center; justify-content: flex-start; padding: 0 var(--padding-10); box-sizing: border-box; color: #fff; }
.popup-xl .popup-header {height: 3rem;}
.popup-s .popup-header {height: 2rem;}
.popup-title {font-size: 1rem; display: flex; align-items: center;}
.popup-cont {height: 100%; max-height: 90vh; overflow: auto; padding: var(--padding-10); box-sizing: border-box;}
.popup-footer {width: 100%; height: 3rem; background: var(--gray-03); display: flex; justify-content: center; align-items: center;}
.popup-xl .popup-footer {height: 3.5rem;}
.popup-s .popup-footer {height: 2rem;}
.popup-footer .btn-wrap {display: flex; align-items: center; justify-content: center;}
.popup-footer .btn-wrap button + button {margin-left: 1rem;}

.popup-header .logo {width: 8rem; height: 2rem; margin-right: 1rem; background: url("/image/bblogo-w.png") no-repeat left center; background-size: contain}

/* ========================================
    login
========================================= */
.login-wrap {display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; background: #f1f5fa; }
.login-wrap .cont {margin-bottom: 5rem;  background: none;}
.login-wrap .title {display: flex; align-items: center; justify-content: flex-start; font-size: 1.3rem; font-weight: 500; margin-bottom: 1.5rem; color: #424242;}
.login-wrap .logo {height: 2.5rem; background: url("/image/bblogo-w.png") no-repeat left center; background-size: contain; filter: brightness(0.3); width: 10rem;}
.login-wrap .input-box {background: #fff; border-radius: var(--border-radius-25); padding: 2rem 3rem;}
.login-wrap .input-box > p {font-size: 2rem; font-weight: 300; text-align: center;}
.login-wrap .input-wrap {padding: 1rem; display: flex; flex-direction: column; gap: 1rem; width: 25rem;}
.login-wrap .input-wrap > div {display: flex; flex-direction: column; gap: 1rem; width: 100%;}
.login-wrap .input-wrap input {border: none; background: var(--gray-02); outline: 1px solid transparent; font-size: 1rem; padding: var(--padding-10);;}
.login-wrap .input-wrap button {font-size: 1rem; width: 100%; padding: 1rem 2rem;}
.login-wrap .link-wrap {margin-top: 2rem;}
.login-wrap .link-wrap a {font-size: 0.9rem; position: relative; padding: 0 1rem;}
.login-wrap .link-wrap a + a:before {content: ""; width: 1px; height: 80%; background: var(--gray-04); position: absolute; left: 0; top: 50%; transform: translateY(-50%);;}

.login-wrap .copyright {position: absolute; bottom: 1rem; left: auto; right: auto; font-size: 0.8rem;}



/* ========================================
    contents
========================================= */
.sign-in table { min-width: auto; width: 50%;}

.info-wrap {width: 40%; min-width: 600px; margin: auto; padding: var(--padding-20)}


.cashflow-table-wrap {overflow-x: auto;}
.cashflow-table-wrap table {width: auto; min-width: 100%;}
.cashflow-table-wrap table th {min-width: 5rem;}
.cashflow-table-wrap table td {white-space: nowrap;}

.img-wrap img {width: 100%; height: auto; object-fit: contain;}

.pop0604 > .flex {justify-content: space-between;}
.pop0604 > .flex table {min-width: auto;}

.div-dream-text{ font-family: 'SCoreDream'; font-size: 0.8rem }

.costAccounting .popup-cont {height: 75vh;}