@import "//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css";
:root {
  --color-defaut: #292a2b;
  --color-primary: #c51a18;
  --color-violet: #6b26ff;
  --color-secondary: #397dff;
  --color-dark: #222;
  --color-light: #999;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-strong: 700;
}
html,
body,
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,
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,
button,
input,
textarea,
select {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: "Spoqa Han Sans Neo";
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  height: 100%;
}
body {
  line-height: 1;
  color: #292a2b;
  min-width: 1920px;
  min-height: 100%;
  overflow-y: scroll;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  background: #fff;
  table-layout: fixed;
}
table tr,
table td {
  position: relative;
}
a {
  text-decoration: none;
  color: #292a2b;
}
a:hover {
  color: #292a2b;
}
img {
  max-width: 100%;
  vertical-align: top;
}
input {
  background: transparent;
  border: none;
}
input:focus {
  outline: none;
}
em {
  font-weight: 500;
  font-style: normal;
}
strong {
  font-weight: 600;
}
audio {
  width: 0;
  height: 0;
  overflow: hidden;
  position: fixed;
  top: -99999px;
  left: -99999px;
}
button {
  background: transparent;
  cursor: pointer;
}
button:focus {
  outline: none;
}
select option:hover {
  background: #999;
}
.checkbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pt0 {
  padding-top: 0px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mt1 {
  margin-top: 1px !important;
}
.pt1 {
  padding-top: 1px !important;
}
.mr1 {
  margin-right: 1px !important;
}
.pr1 {
  padding-right: 1px !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.pb1 {
  padding-bottom: 1px !important;
}
.ml1 {
  margin-left: 1px !important;
}
.pl1 {
  padding-left: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.pl2 {
  padding-left: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.pt3 {
  padding-top: 3px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.pr3 {
  padding-right: 3px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.pb3 {
  padding-bottom: 3px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.pl3 {
  padding-left: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.pl4 {
  padding-left: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.mr7 {
  margin-right: 7px !important;
}
.pr7 {
  padding-right: 7px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.pb7 {
  padding-bottom: 7px !important;
}
.ml7 {
  margin-left: 7px !important;
}
.pl7 {
  padding-left: 7px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.mt9 {
  margin-top: 9px !important;
}
.pt9 {
  padding-top: 9px !important;
}
.mr9 {
  margin-right: 9px !important;
}
.pr9 {
  padding-right: 9px !important;
}
.mb9 {
  margin-bottom: 9px !important;
}
.pb9 {
  padding-bottom: 9px !important;
}
.ml9 {
  margin-left: 9px !important;
}
.pl9 {
  padding-left: 9px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.mt11 {
  margin-top: 11px !important;
}
.pt11 {
  padding-top: 11px !important;
}
.mr11 {
  margin-right: 11px !important;
}
.pr11 {
  padding-right: 11px !important;
}
.mb11 {
  margin-bottom: 11px !important;
}
.pb11 {
  padding-bottom: 11px !important;
}
.ml11 {
  margin-left: 11px !important;
}
.pl11 {
  padding-left: 11px !important;
}
.mt12 {
  margin-top: 12px !important;
}
.pt12 {
  padding-top: 12px !important;
}
.mr12 {
  margin-right: 12px !important;
}
.pr12 {
  padding-right: 12px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.pb12 {
  padding-bottom: 12px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.pl12 {
  padding-left: 12px !important;
}
.mt13 {
  margin-top: 13px !important;
}
.pt13 {
  padding-top: 13px !important;
}
.mr13 {
  margin-right: 13px !important;
}
.pr13 {
  padding-right: 13px !important;
}
.mb13 {
  margin-bottom: 13px !important;
}
.pb13 {
  padding-bottom: 13px !important;
}
.ml13 {
  margin-left: 13px !important;
}
.pl13 {
  padding-left: 13px !important;
}
.mt14 {
  margin-top: 14px !important;
}
.pt14 {
  padding-top: 14px !important;
}
.mr14 {
  margin-right: 14px !important;
}
.pr14 {
  padding-right: 14px !important;
}
.mb14 {
  margin-bottom: 14px !important;
}
.pb14 {
  padding-bottom: 14px !important;
}
.ml14 {
  margin-left: 14px !important;
}
.pl14 {
  padding-left: 14px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.pt16 {
  padding-top: 16px !important;
}
.mr16 {
  margin-right: 16px !important;
}
.pr16 {
  padding-right: 16px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.pb16 {
  padding-bottom: 16px !important;
}
.ml16 {
  margin-left: 16px !important;
}
.pl16 {
  padding-left: 16px !important;
}
.mt17 {
  margin-top: 17px !important;
}
.pt17 {
  padding-top: 17px !important;
}
.mr17 {
  margin-right: 17px !important;
}
.pr17 {
  padding-right: 17px !important;
}
.mb17 {
  margin-bottom: 17px !important;
}
.pb17 {
  padding-bottom: 17px !important;
}
.ml17 {
  margin-left: 17px !important;
}
.pl17 {
  padding-left: 17px !important;
}
.mt18 {
  margin-top: 18px !important;
}
.pt18 {
  padding-top: 18px !important;
}
.mr18 {
  margin-right: 18px !important;
}
.pr18 {
  padding-right: 18px !important;
}
.mb18 {
  margin-bottom: 18px !important;
}
.pb18 {
  padding-bottom: 18px !important;
}
.ml18 {
  margin-left: 18px !important;
}
.pl18 {
  padding-left: 18px !important;
}
.mt19 {
  margin-top: 19px !important;
}
.pt19 {
  padding-top: 19px !important;
}
.mr19 {
  margin-right: 19px !important;
}
.pr19 {
  padding-right: 19px !important;
}
.mb19 {
  margin-bottom: 19px !important;
}
.pb19 {
  padding-bottom: 19px !important;
}
.ml19 {
  margin-left: 19px !important;
}
.pl19 {
  padding-left: 19px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.mt21 {
  margin-top: 21px !important;
}
.pt21 {
  padding-top: 21px !important;
}
.mr21 {
  margin-right: 21px !important;
}
.pr21 {
  padding-right: 21px !important;
}
.mb21 {
  margin-bottom: 21px !important;
}
.pb21 {
  padding-bottom: 21px !important;
}
.ml21 {
  margin-left: 21px !important;
}
.pl21 {
  padding-left: 21px !important;
}
.mt22 {
  margin-top: 22px !important;
}
.pt22 {
  padding-top: 22px !important;
}
.mr22 {
  margin-right: 22px !important;
}
.pr22 {
  padding-right: 22px !important;
}
.mb22 {
  margin-bottom: 22px !important;
}
.pb22 {
  padding-bottom: 22px !important;
}
.ml22 {
  margin-left: 22px !important;
}
.pl22 {
  padding-left: 22px !important;
}
.mt23 {
  margin-top: 23px !important;
}
.pt23 {
  padding-top: 23px !important;
}
.mr23 {
  margin-right: 23px !important;
}
.pr23 {
  padding-right: 23px !important;
}
.mb23 {
  margin-bottom: 23px !important;
}
.pb23 {
  padding-bottom: 23px !important;
}
.ml23 {
  margin-left: 23px !important;
}
.pl23 {
  padding-left: 23px !important;
}
.mt24 {
  margin-top: 24px !important;
}
.pt24 {
  padding-top: 24px !important;
}
.mr24 {
  margin-right: 24px !important;
}
.pr24 {
  padding-right: 24px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.pb24 {
  padding-bottom: 24px !important;
}
.ml24 {
  margin-left: 24px !important;
}
.pl24 {
  padding-left: 24px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.mt26 {
  margin-top: 26px !important;
}
.pt26 {
  padding-top: 26px !important;
}
.mr26 {
  margin-right: 26px !important;
}
.pr26 {
  padding-right: 26px !important;
}
.mb26 {
  margin-bottom: 26px !important;
}
.pb26 {
  padding-bottom: 26px !important;
}
.ml26 {
  margin-left: 26px !important;
}
.pl26 {
  padding-left: 26px !important;
}
.mt27 {
  margin-top: 27px !important;
}
.pt27 {
  padding-top: 27px !important;
}
.mr27 {
  margin-right: 27px !important;
}
.pr27 {
  padding-right: 27px !important;
}
.mb27 {
  margin-bottom: 27px !important;
}
.pb27 {
  padding-bottom: 27px !important;
}
.ml27 {
  margin-left: 27px !important;
}
.pl27 {
  padding-left: 27px !important;
}
.mt28 {
  margin-top: 28px !important;
}
.pt28 {
  padding-top: 28px !important;
}
.mr28 {
  margin-right: 28px !important;
}
.pr28 {
  padding-right: 28px !important;
}
.mb28 {
  margin-bottom: 28px !important;
}
.pb28 {
  padding-bottom: 28px !important;
}
.ml28 {
  margin-left: 28px !important;
}
.pl28 {
  padding-left: 28px !important;
}
.mt29 {
  margin-top: 29px !important;
}
.pt29 {
  padding-top: 29px !important;
}
.mr29 {
  margin-right: 29px !important;
}
.pr29 {
  padding-right: 29px !important;
}
.mb29 {
  margin-bottom: 29px !important;
}
.pb29 {
  padding-bottom: 29px !important;
}
.ml29 {
  margin-left: 29px !important;
}
.pl29 {
  padding-left: 29px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.mt31 {
  margin-top: 31px !important;
}
.pt31 {
  padding-top: 31px !important;
}
.mr31 {
  margin-right: 31px !important;
}
.pr31 {
  padding-right: 31px !important;
}
.mb31 {
  margin-bottom: 31px !important;
}
.pb31 {
  padding-bottom: 31px !important;
}
.ml31 {
  margin-left: 31px !important;
}
.pl31 {
  padding-left: 31px !important;
}
.mt32 {
  margin-top: 32px !important;
}
.pt32 {
  padding-top: 32px !important;
}
.mr32 {
  margin-right: 32px !important;
}
.pr32 {
  padding-right: 32px !important;
}
.mb32 {
  margin-bottom: 32px !important;
}
.pb32 {
  padding-bottom: 32px !important;
}
.ml32 {
  margin-left: 32px !important;
}
.pl32 {
  padding-left: 32px !important;
}
.mt33 {
  margin-top: 33px !important;
}
.pt33 {
  padding-top: 33px !important;
}
.mr33 {
  margin-right: 33px !important;
}
.pr33 {
  padding-right: 33px !important;
}
.mb33 {
  margin-bottom: 33px !important;
}
.pb33 {
  padding-bottom: 33px !important;
}
.ml33 {
  margin-left: 33px !important;
}
.pl33 {
  padding-left: 33px !important;
}
.mt34 {
  margin-top: 34px !important;
}
.pt34 {
  padding-top: 34px !important;
}
.mr34 {
  margin-right: 34px !important;
}
.pr34 {
  padding-right: 34px !important;
}
.mb34 {
  margin-bottom: 34px !important;
}
.pb34 {
  padding-bottom: 34px !important;
}
.ml34 {
  margin-left: 34px !important;
}
.pl34 {
  padding-left: 34px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.mt36 {
  margin-top: 36px !important;
}
.pt36 {
  padding-top: 36px !important;
}
.mr36 {
  margin-right: 36px !important;
}
.pr36 {
  padding-right: 36px !important;
}
.mb36 {
  margin-bottom: 36px !important;
}
.pb36 {
  padding-bottom: 36px !important;
}
.ml36 {
  margin-left: 36px !important;
}
.pl36 {
  padding-left: 36px !important;
}
.mt37 {
  margin-top: 37px !important;
}
.pt37 {
  padding-top: 37px !important;
}
.mr37 {
  margin-right: 37px !important;
}
.pr37 {
  padding-right: 37px !important;
}
.mb37 {
  margin-bottom: 37px !important;
}
.pb37 {
  padding-bottom: 37px !important;
}
.ml37 {
  margin-left: 37px !important;
}
.pl37 {
  padding-left: 37px !important;
}
.mt38 {
  margin-top: 38px !important;
}
.pt38 {
  padding-top: 38px !important;
}
.mr38 {
  margin-right: 38px !important;
}
.pr38 {
  padding-right: 38px !important;
}
.mb38 {
  margin-bottom: 38px !important;
}
.pb38 {
  padding-bottom: 38px !important;
}
.ml38 {
  margin-left: 38px !important;
}
.pl38 {
  padding-left: 38px !important;
}
.mt39 {
  margin-top: 39px !important;
}
.pt39 {
  padding-top: 39px !important;
}
.mr39 {
  margin-right: 39px !important;
}
.pr39 {
  padding-right: 39px !important;
}
.mb39 {
  margin-bottom: 39px !important;
}
.pb39 {
  padding-bottom: 39px !important;
}
.ml39 {
  margin-left: 39px !important;
}
.pl39 {
  padding-left: 39px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.mt41 {
  margin-top: 41px !important;
}
.pt41 {
  padding-top: 41px !important;
}
.mr41 {
  margin-right: 41px !important;
}
.pr41 {
  padding-right: 41px !important;
}
.mb41 {
  margin-bottom: 41px !important;
}
.pb41 {
  padding-bottom: 41px !important;
}
.ml41 {
  margin-left: 41px !important;
}
.pl41 {
  padding-left: 41px !important;
}
.mt42 {
  margin-top: 42px !important;
}
.pt42 {
  padding-top: 42px !important;
}
.mr42 {
  margin-right: 42px !important;
}
.pr42 {
  padding-right: 42px !important;
}
.mb42 {
  margin-bottom: 42px !important;
}
.pb42 {
  padding-bottom: 42px !important;
}
.ml42 {
  margin-left: 42px !important;
}
.pl42 {
  padding-left: 42px !important;
}
.mt43 {
  margin-top: 43px !important;
}
.pt43 {
  padding-top: 43px !important;
}
.mr43 {
  margin-right: 43px !important;
}
.pr43 {
  padding-right: 43px !important;
}
.mb43 {
  margin-bottom: 43px !important;
}
.pb43 {
  padding-bottom: 43px !important;
}
.ml43 {
  margin-left: 43px !important;
}
.pl43 {
  padding-left: 43px !important;
}
.mt44 {
  margin-top: 44px !important;
}
.pt44 {
  padding-top: 44px !important;
}
.mr44 {
  margin-right: 44px !important;
}
.pr44 {
  padding-right: 44px !important;
}
.mb44 {
  margin-bottom: 44px !important;
}
.pb44 {
  padding-bottom: 44px !important;
}
.ml44 {
  margin-left: 44px !important;
}
.pl44 {
  padding-left: 44px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.mt46 {
  margin-top: 46px !important;
}
.pt46 {
  padding-top: 46px !important;
}
.mr46 {
  margin-right: 46px !important;
}
.pr46 {
  padding-right: 46px !important;
}
.mb46 {
  margin-bottom: 46px !important;
}
.pb46 {
  padding-bottom: 46px !important;
}
.ml46 {
  margin-left: 46px !important;
}
.pl46 {
  padding-left: 46px !important;
}
.mt47 {
  margin-top: 47px !important;
}
.pt47 {
  padding-top: 47px !important;
}
.mr47 {
  margin-right: 47px !important;
}
.pr47 {
  padding-right: 47px !important;
}
.mb47 {
  margin-bottom: 47px !important;
}
.pb47 {
  padding-bottom: 47px !important;
}
.ml47 {
  margin-left: 47px !important;
}
.pl47 {
  padding-left: 47px !important;
}
.mt48 {
  margin-top: 48px !important;
}
.pt48 {
  padding-top: 48px !important;
}
.mr48 {
  margin-right: 48px !important;
}
.pr48 {
  padding-right: 48px !important;
}
.mb48 {
  margin-bottom: 48px !important;
}
.pb48 {
  padding-bottom: 48px !important;
}
.ml48 {
  margin-left: 48px !important;
}
.pl48 {
  padding-left: 48px !important;
}
.mt49 {
  margin-top: 49px !important;
}
.pt49 {
  padding-top: 49px !important;
}
.mr49 {
  margin-right: 49px !important;
}
.pr49 {
  padding-right: 49px !important;
}
.mb49 {
  margin-bottom: 49px !important;
}
.pb49 {
  padding-bottom: 49px !important;
}
.ml49 {
  margin-left: 49px !important;
}
.pl49 {
  padding-left: 49px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.float--right {
  float: right;
}
.display--block {
  display: block !important;
}
.display--flex {
  display: flex !important;
}
.flexbox {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
}
.flexbox--al-center {
  align-items: center !important;
}
.flexbox--al-start {
  align-items: flex-start !important;
}
.flexbox--al-end {
  align-items: flex-end !important;
}
.flexbox--jc-center {
  justify-content: center !important;
}
.flexbox--jc-between {
  justify-content: space-between !important;
}
.flexbox--jc-end {
  justify-content: flex-end !important;
}
.flexbox--jc-around {
  justify-content: space-around !important;
}
.flexbox--jc-normal {
  justify-content: normal !important;
}
.sr {
  position: absolute;
  top: 0;
  left: -99999px;
  width: 0;
  height: 0;
  overflow: hidden;
}
.font--size12 {
  font-size: 12px !important;
}
.font--size15 {
  font-size: 15px !important;
}
.font--size18 {
  font-size: 18px !important;
}
.font--size20 {
  font-size: 20px !important;
}
.bg--color--white {
  background: #fff !important;
}
.bg--color--gray {
  background: #f7f7f7 !important;
}
.bg--color--gray1 {
  background: #999999 !important;
}
.bg--color--gray2 {
  background: #eaeaea !important;
}
.bg--color--black {
  background: #222222 !important;
}
.bg--color--red {
  background: #c51a18 !important;
}
.bg--color--red1 {
  background: #fdeef1 !important;
}
.font--color--white {
  color: #fff !important;
}
.boder--topline--red {
  border-top: 1px solid #c51a18;
}
.border-top-line {
  border-top: 1px solid #222 !important;
}
.border-top-line-black {
  border-top: 1px solid #222 !important;
}
.border-top-line-gray {
  border-top: 1px solid #e5e5e5 !important;
}
.border-bottom-line {
  border-bottom: 1px solid #e5e5e5;
}
.border-bottom-line-black {
  border-bottom: 1px solid #222 !important;
}
.border-bottom-line-red {
  border-bottom: 1px solid #c51a18 !important;
}
.border-top-line-no {
  border-top: none !important;
}
.border-bottom-line-no {
  border-bottom: none !important;
}
.overflow--y--auto {
  overflow-y: auto;
}
.text-center {
  text-align: center;
  justify-content: center;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text--violet {
  color: #6b26ff !important;
}
.text--color--dark,
.text--color--black {
  color: #222222 !important;
}
.text--color--gray {
  color: #898989 !important;
}
.text--color--violet {
  color: #6b26ff !important;
}
.text--color--white {
  color: #fff !important;
}
.text--color--blue {
  color: #397dff !important;
}
.text--bold {
  font-weight: var(--font-medium);
}
.text-ellipsis {
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text--underline {
  text-decoration: underline;
}
.color-primary {
  color: var(--color-primary);
}
.font--weight600 {
  font-weight: 600;
}
.font--weight500 {
  font-weight: 500;
}
.font--20 {
  font-size: 20px !important;
}
.font--18 {
  font-size: 18px !important;
}
.line--height17 {
  line-height: 1.7;
}
.width--450 {
  width: 450px !important;
}
.width--350 {
  width: 350px !important;
}
.width--300 {
  width: 300px !important;
}
.width--200 {
  width: 200px !important;
}
.width--140 {
  width: 140px !important;
}
.width--120 {
  width: 120px !important;
}
.width--105 {
  width: 105px !important;
}
.width--30 {
  width: 30px !important;
}
.width--auto {
  width: auto !important;
}
.btn--violet {
  background: #6b26ff !important;
  color: #fff !important;
}
.btn--blue {
  background: #397eff !important;
  color: #fff !important;
}
.btn--print {
  width: 140px;
  background: var(--color-primary);
  color: #fff;
}
.text--line--clamp {
  height: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.HeaderTitle {
  font-size: 18px;
  padding-bottom: 10px;
}
.header {
  border-bottom: 1px solid #c51a18;
  height: 65px;
  display: flex;
  justify-content: space-between;
}
.header__logo {
  width: 218px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 800;
}
.header__user {
  padding-right: 60px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 16px;
}
.header__id {
  padding-right: 10px;
  font-weight: var(--font-medium);
}
.header__id::before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 17px;
  background: url("../images/common/user.png") center left no-repeat;
}
.header__logout {
  padding-left: 11px;
  position: relative;
}
.header__logout::before {
  display: block;
  content: "";
  width: 1px;
  height: 13px;
  background: #c2c2c4;
  position: absolute;
  left: 0;
  bottom: 0;
}
.header__logout a {
  color: var(--color-light);
}
.main {
  display: flex;
}
.nav {
  min-width: 218px;
  padding-bottom: 100px;
  background: #282828;
}
.nav__depth1 {
  padding-bottom: 1px;
  font-size: 18px;
}
.nav__depth1--setting .nav__link1 {
  background: #282828;
  color: #999;
  display: flex;
  align-items: center;
}
.nav__depth1--setting .nav__link1::before {
  vertical-align: middle;
  content: "";
  width: 21px;
  height: 21px;
  background: url("../images/common/nav-setting.png") center left no-repeat;
  background-size: cover;
  margin-right: 4px;
}
.nav__link1 {
  background: #444;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  padding-left: 65px;
  display: block;
  width: 100%;
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.nav__link1.active {
  background: var(--color-primary);
}
.nav__link1:hover {
  color: #fff;
}
.nav__link1.active + .nav__depth2group {
  display: block;
}
.nav__depth2group {
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
}
.nav__link2 {
  height: 28px;
  line-height: 28px;
  color: #9fa0a0;
  font-size: 18px;
  padding-left: 65px;
  display: flex;
  align-items: center;
}
.nav__link2.active {
  color: #fff;
  font-weight: var(--font-medium);
  text-decoration: underline;
}
.nav__link2.active::after {
  display: block;
  content: "";
  width: 6px;
  height: 11px;
  background: url("../images/common/nav-active.png") center left no-repeat;
  background-size: cover;
  margin-left: 10px;
}
.nav__link2.active:hover {
  color: #fff;
}
.nav__link2:hover {
  color: #9fa0a0;
}
.section {
  flex: 1;
}
.container {
  padding: 0 60px;
  background: #f7f7f7;
}
.container.division {
  padding: 30px 60px 60px 60px;
}
.footer {
  border-top: 1px solid #eaebeb;
  padding: 40px 0;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.footer::before {
  width: 132px;
  height: 59px;
  content: "";
  background: url("../images/common/footer-logo.png") center left no-repeat;
}
.footer__copyright {
  padding-left: 37px;
}
.footer__copyright p {
  color: var(--color-light);
  line-height: 24px;
  font-size: 12px;
  text-align: left;
}
.input {
  border: 1px solid #dfdddc;
  height: 34px;
  line-height: 34px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.input::placeholder {
  color: #999;
  font-size: 12px;
}
.select {
  padding-right: 28px;
  padding-left: 10px;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("../images/common/selectbox-arr.png") center right 7px
    no-repeat;
  height: 36px;
  font-size: 13px;
  border: 1px solid #dfdddc;
}
.textarea {
  background: #fff;
  border: 1px solid #dfdddc;
  padding: 10px;
  width: 100%;
}
.textarea::placeholder {
  color: #999;
  font-size: 12px;
}
.checkbox input {
  align-items: center;
  position: absolute;
  top: 0;
  left: -99999px;
  width: 0;
  height: 0;
  overflow: hidden;
}
.checkbox input + span {
  position: relative;
  display: flex;
  align-items: center;
}
.checkbox input + span::before {
  display: block;
  content: "";
  width: 13px;
  height: 13px;
  background: #fff;
  border: 1px solid #b4b4b4;
  margin-right: 7px;
}
.checkbox input:checked + span::before {
  border-color: var(--color-primary);
  background: url("../images/common/checkbox-checker.png") center center
    no-repeat;
  background-color: #fff;
}
.checkbox2 input {
  align-items: center;
  position: absolute;
  top: 0;
  left: -99999px;
  width: 0;
  height: 0;
  overflow: hidden;
}
.checkbox2 input + span {
  position: relative;
  display: flex;
}
.checkbox2 input + span::before {
  display: block;
  content: "";
  width: 13px;
  height: 13px;
  border: 1px solid #c1c1c1;
  margin-right: 7px;
  background: #fff;
}
.checkbox2 input:checked + span::before {
  background: #fff url("../images/common/checkbox-checker-dark.png") center
    center no-repeat;
  border-color: #636363;
}
.radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: -99999px;
  width: 0;
  height: 0;
  overflow: hidden;
}
.radio input[type="radio"] + span {
  display: flex;
  align-items: center;
  position: relative;
}
.radio input[type="radio"] + span::before {
  display: block;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 13px;
  height: 13px;
  border: 1px solid #999;
  margin-right: 3px;
}
.radio input[type="radio"]:checked + span::before {
  border-color: #222;
}
.radio input[type="radio"]:checked + span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 4px;
  margin-top: -3px;
  background: #222;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.radio2 input[type="radio"] {
  position: absolute;
  top: 0;
  left: -99999px;
  width: 0;
  height: 0;
  overflow: hidden;
}
.radio2 input[type="radio"] + span {
  display: flex;
  align-items: center;
  position: relative;
}
.radio2 input[type="radio"] + span::before {
  display: block;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  margin-right: 3px;
}
.radio2 input[type="radio"]:checked + span::before {
  border-color: var(--color-primary);
  background: var(--color-primary);
}
.datepicker {
  border: 1px solid #dfdddc;
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 25px;
  background: url("../images/common/datepicker.png") right 10px center no-repeat;
  cursor: pointer;
  min-width: 125px;
}
.tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 18px;
  background: #fff;
}
.tab__item.active {
  color: var(--color-primary);
  position: relative;
  font-weight: var(--font-medium);
}
.tab__item.active::after {
  display: block;
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--color-primary);
}
.tab--box__item.active {
  background: var(--color-primary);
  position: relative;
  font-weight: var(--font-medium);
  color: #fff;
}
.tab--box__item.active::after {
  display: block;
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--color-primary);
}
.tab--box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.tab--box__item {
  margin-right: 10px;
  width: 145px;
}
.navbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.navbar__item {
  color: #282828;
  position: relative;
}
.searchform {
  background: #fff;
  border: 1px solid #e5e5e5;
  height: 34px;
  width: 100%;
  display: inline-flex;
}
.searchform input[type="text"] {
  flex: 1;
  padding: 10px;
  font-size: 12px;
  width: calc(100% - 32px);
}
.searchform input[type="text"]::placeholder {
  color: #999;
}
.searchform button {
  width: 32px;
  height: 32px;
  background: url("../images/common/searchform-search.png") center center
    no-repeat;
}
.btn {
  display: inline-flex;
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
  justify-content: center;
  align-items: center;
}
.btn--primary {
  background: var(--color-primary);
  color: #fff;
}
.btn--primary-outline {
  background: #fff;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}
.btn--secondary {
  background: var(--color-secondary);
  color: #fff;
}
.btn--secondary-outline {
  background: #fff;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
}
.btn--gray-outline {
  background: #fff;
  border: 1px solid #dfdddc;
  color: #222;
}
.btn--gray {
  background: #d9d9d9;
  border: none;
  color: #fff;
}
.btn--gray--light {
  background: #ebebeb;
  border: none;
  color: #fff;
}
.btn--violet {
  background: #6b26ff;
  border: none;
  color: #fff;
}
.btn--dark {
  background: #222;
  border: none;
  color: #fff;
}
.btn--dark-outline {
  background: #fff;
  border: 1px solid #222;
  color: #222;
}
.btn--cancel {
  background: #eaebeb;
  border: none;
  color: #555;
}
.btn--cancel-outline {
  background: #eaebeb;
  border: 1px solid #eaebeb;
  color: #555;
}
.sbtn {
  display: block;
  margin: 0 auto;
}
.sbtn--delete {
  background: url("../images/common/sbtn-delete.png") center center no-repeat;
  width: 13px;
  height: 13px;
  border: 1px solid var(--color-primary);
}
.table-list {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.table-list thead th {
  background: #eaebeb; /*border-top: 1px solid #292a2b;*/
}
.table-list thead th .thbox {
  font-size: 15px;
  line-height: 18px;
  padding: 10px 0;
  position: relative;
  font-weight: var(--font-medium);
}
.table-list thead th .thbox::after {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 0;
  bottom: auto;
  left: auto;
  width: 1px;
  height: 14px;
  background: #292a2b;
}
.table-list thead th:nth-last-child(1) .thbox::after {
  display: none;
}
.table-list tbody tr td {
  vertical-align: middle;
  padding: 10px 5px;
  font-size: 15px;
}
.table-list tbody tr:hover td {
  background: #f5f7f7;
  font-weight: var(--font-medium);
}
.table-list tbody tr:hover td label span {
  font-weight: var(--font-medium);
}
.table-list tbody tr.check td {
  background: #fcf3f3;
}
.table-list tbody tr.check:hover td {
  background: #fcf3f3;
}
.table-list--nothover tbody tr:hover td {
  background: #fff;
  font-weight: var(--font-normal);
}
.table-detail tbody th {
  padding: 5px 0 5px 15px;
  font-size: 15px;
  line-height: 34px;
  position: relative;
  text-align: left;
  font-weight: var(--font-medium);
  vertical-align: top;
}
.table-detail tbody th .required {
  color: var(--color-primary);
  position: absolute;
  top: 8px;
  left: 0;
  font-size: 15px;
}
.table-detail tbody td {
  padding: 5px 0;
  vertical-align: middle;
}
.table-detail tbody .input {
  width: 100%;
}
.table-detail tbody .flexbox .input {
  flex: 1;
}
.table-detail tbody .select {
  width: 96px;
}
.table-detail tbody .textarea {
  width: 100%;
}
.table-detail tbody .radio {
  margin-right: 10px;
  height: 34px;
  line-height: 34px;
}
.pagination {
  margin-top: 35px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination a {
  font-size: 13px;
  margin: 0 12px;
  position: relative;
  display: flex;
  align-items: center;
}
.pagination a.active {
  color: var(--color-primary);
}
.pagination a.prev::before {
  display: block;
  content: "";
  background: url("../images/common/pagination-arr-off.png") left center
    no-repeat;
  width: 5px;
  height: 9px;
  margin-right: 5px;
}
.pagination a.next::after {
  display: block;
  content: "";
  background: url("../images/common/pagination-arr-off.png") left center
    no-repeat;
  width: 5px;
  height: 9px;
  margin-left: 5px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.pagination2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination2__btn {
  width: 22px;
  height: 22px;
  border: 1px solid #8a8a8a;
  background: #fff url("../images/common/pagination2-arr-off.png") center center
    no-repeat;
}
.pagination2__btn--next {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.pagination2__active {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  padding-left: 6px;
  padding-right: 6px;
}
.pagination2__total {
  font-size: 12px;
  color: #9999;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}
.pagination2__total::before {
  display: block;
  content: "";
  position: absolute;
  top: 3px;
  right: auto;
  bottom: auto;
  left: 0;
  background: #a5a5a5;
  width: 1px;
  height: 8px;
}
.popbg {
  background: rgba(41, 42, 43, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  display: none;
}
.popbg.show {
  display: block;
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5001;
  display: none;
  align-items: center;
  justify-content: center;
}
.popup.show {
  display: flex;
}
.popup__container {
  width: 450px;
  background: #fff;
  padding: 60px 30px;
  border: 1px solid #c9c9c9;
  position: relative;
}
.popup__topcloser {
  position: absolute;
  top: -40px;
  right: 0;
  background: url("../images/common/popup-closer.png") center center no-repeat;
  width: 27px;
  height: 25px;
  border: none;
}
.popup--wide .popup__container {
  width: 600px;
}
.popup--calendar .popup__container {
  width: 1169px;
  padding-left: 0;
  padding-right: 0;
}
.popup__title {
  text-align: center;
  padding-bottom: 20px;
}
.popup__btns {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.popup__btn {
  width: 121px;
  height: 42px;
  line-height: 42px;
  margin: 0 4px;
  border: 1px solid #bfc0c0;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.popup__btn--ok {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.popup__btn--ok::before {
  display: block;
  content: "";
  width: 17px;
  height: 12px;
  margin-right: 5px;
  background: url("../images/common/popup-ok.png") center center no-repeat;
}
.popup__btn-red {
  width: 121px;
  height: 42px;
  line-height: 42px;
  margin: 0 4px;
  color: #fff;
  background: #c51a18 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.popup .table-list .thbox,
.popup .table-list td {
  font-size: 13px;
}
.popup .table-list .thbox::after {
  top: 15px;
  height: 9px;
}
.title {
  font-size: 20px;
  font-weight: var(--font-medium);
  padding-bottom: 10px;
}
.title-sub {
  font-size: 18px;
  font-weight: var(--font-medium);
  padding-bottom: 15px;
}
.stext {
  font-size: 12px;
}
.stext--primary {
  color: var(--color-primary);
}
.stext--secondary {
  color: var(--color-secondary);
}
.stext--dark {
  color: var(--color-dark);
}
.badge {
  display: inline-block;
  padding: 6px 10px;
  margin: 0 auto;
  font-size: 11px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  min-width: 65px;
}
.badge--primary {
  background: #f9e8e7;
  color: var(--color-primary);
}
.badge--secondary {
  background: #e1ecff;
  color: var(--color-secondary);
}
.calendar-sm {
  background: #fff;
  padding: 20px;
}
.calendar-sm__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}
.calendar-sm__month {
  width: 11px;
  height: 11px;
}
.calendar-sm__month--prev::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/common/calendar-sm-arr.png") center center
    no-repeat;
}
.calendar-sm__month--next::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/common/calendar-sm-arr.png") center center
    no-repeat;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.calendar-sm__now {
  font-size: 17px;
  font-weight: var(--font-strong);
  text-align: center;
  flex: 1;
}
.calendar-sm__table {
  margin-top: 30px;
}
.calendar-sm__table table thead tr th {
  font-size: 15px;
  font-weight: var(--font-medium);
  height: 30px;
}
.calendar-sm__table table tbody tr td {
  height: 37px;
  text-align: center;
}
.calendar-sm__table table tbody tr td span,
.calendar-sm__table table tbody tr td button {
  font-size: 12px;
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.calendar-sm__table table tbody tr td span.calendar-sm__datechecker,
.calendar-sm__table table tbody tr td button.calendar-sm__datechecker {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.calendar-sm__table table tbody tr td span.calendar-sm__datechecker--attendance,
.calendar-sm__table
  table
  tbody
  tr
  td
  button.calendar-sm__datechecker--attendance {
  background: #d7e5ff;
  color: var(--color-secondary);
}
.calendar-sm__table table tbody tr td span.calendar-sm__datechecker--absent,
.calendar-sm__table table tbody tr td button.calendar-sm__datechecker--absent {
  background: #f9e8e7;
  color: var(--color-primary);
}
.calendar-sm__table table .sun {
  color: var(--color-primary);
}
.calendar-sm__table table .sun span,
.calendar-sm__table table .sun button {
  color: var(--color-primary);
}
.calendar-sm__table table .event {
  color: var(--color-secondary);
  font-size: 10px;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 5px;
}
.student__tabbox {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0px;
  margin: 0 60px;
}
.student__tabbox--sub {
  border-bottom: none;
  background: #f7f7f7;
  margin: 0 0px;
  padding: 0 60px;
  padding-bottom: 12px;
}
.student__tabbox--sub .tab .tab__item {
  margin-right: 35px;
}
.student__tabbox--sub .tab .tab__item::after {
  bottom: 0;
}
.student__tabbox .tab__item {
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  margin-right: 58px;
}
.student__tabbox .tab__item span {
  font-size: 12px;
}
.student__navbox {
  background: #f7f7f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.student__navbox .navbar {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 17px 0;
}
.student__navbox .navbar__item,
.navbar__item {
  font-size: 15px;
  padding-top: 40px;
  margin-right: 30px;
  color: #282828;
  font-size: 11px;
}
.student__navbox .navbar__item::before,
.navbar__item::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
}
.student__navbox .navbar__item--download::before,
.navbar__item--download::before {
  background-image: url("../images/total/tabnav-excel.png");
}
.student__navbox .navbar__item--regist::before,
.navbar__item--regist::before {
  background-image: url("../images/total/tabnav-regist.png");
}
.navbar__item--regist1::before {
  background-image: url("../images/total/tabnav-regist1.png");
}
.student__navbox .navbar__item--delete::before {
  background-image: url("../images/total/tabnav-delete.png");
}
.student__navbox .navbar__item--upgrade::before {
  background-image: url("../images/total/tabnav-upgrade.png");
}
.navbar__item--upload::before {
  background-image: url("../images/common/icon_upload.png");
}
.navbar__item--download1::before {
  background-image: url("../images/common/icon_download1.png");
}
.navbar__item--newfolder::before {
  background-image: url("../images/total/tabnav-newfolder.png");
}
.student__navbox .searchform {
  width: 480px;
}
.student__add {
  margin-left: 30px;
  width: 125px;
}
.student__add::after {
  display: inline-block;
  content: "+";
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-left: 25px;
}
.table-checkboxer tbody tr.check td {
  background: #fcf3f3;
}
.table-checkboxer tbody tr.check:hover td {
  background: #fcf3f3;
}
.student__detailgroup1_side1 {
  width: 348px;
  margin-right: 15px;
}
.student__detailgroup1_side1 .student__list {
  height: 313px;
  overflow: hidden scroll;
  border: 1px solid #e8e7e6;
  border-top: none;
}
.box_shadow {
  box-shadow: 2px 1px 8px 2px #e1e1e1;
}
.student__detailgroup1_side1 .student__list thead th .thbox,
.student__detailgroup1_side1 .student__list tbody td {
  font-size: 14px;
}
.student__detailgroup1_side2 {
  flex: 1;
}
.student__detailgroup1_side2 .student__infotab {
  display: flex;
  position: relative;
}
.student__detailgroup1_side2 .student__infotab button {
  margin-right: 10px;
  width: 138px;
}
.student__detailgroup1_side2 .student__infogroup {
  position: relative;
  margin-top: 8px;
  min-height: 354px;
  border: 1px solid #e8e7e6;
  border-top-color: var(--color-primary);
  display: none;
  padding: 10px 20px 0 20px;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.student__detailgroup1_side2 .student__infogroup #btnInfoSavePrivacy,
.student__detailgroup1_side2 .student__infogroup #btnInfoSaveFamily {
  position: absolute;
  top: -42px;
  right: 0;
  width: 138px;
}
.student__detailgroup1_side2 .student__infogroup.show {
  display: grid;
  background: #fff;
}
.student__detailgroup1_side2 .student__infotable .btn--address {
  width: 103px;
  margin-left: 10px;
}
.student__detailgroup1_side2 .student__infotable .title-sub {
  margin-top: 25px;
  margin-left: 15px;
}
.student__detailgroup1_side2 .student__infotable .input {
  border-top: none;
  border-right: none;
  border-left: none;
  padding-left: 0;
  padding-right: 0;
}
.student__detailgroup1_side2 .student__infotable_condition .btn,
.student__detailgroup1_side2 .student__infotable_sale .btn,
.student__detailgroup1_side2 .student__infotable_wait .btn {
  width: 68px;
}
.student__detailgroup1_side2 .student__infotable_condition span {
  color: var(--color-secondary);
  font-size: 11px;
  margin-left: 8px;
}
.student__detailgroup1_side2 .student__infotable_saleitem {
  margin-top: 4px;
  columns: 1;
}
.student__detailgroup1_side2 .student__infotable_saleitem li {
  padding: 3px 0;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #898989;
}
.student__detailgroup1_side2 .student__infotable_saleitem li span {
  width: 100px;
  color: #222;
  font-size: 12px;
}
.student__detailgroup1_side2 .student__infotable_saleitem li .sbtn {
  margin-left: 4px;
}
.student__detailgroup1_side2 .student__infogroup--family.show {
  display: flex;
  justify-content: space-between;
}
.student__detailgroup1_side2 .student__infogroup--family .text-id {
  color: var(--color-secondary);
  font-size: 12px;
  margin-top: 7px;
}
.student__detailgroup1_side2 .student__infogroup--family .btn--idcheck {
  width: 103px;
  margin-left: 10px;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(1) {
  position: relative;
  width: 583px;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(1)::after {
  display: block;
  content: "";
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 40px;
  left: auto;
  background: #dfdddc;
  width: 1px;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(1)
  .student__receipt {
  position: absolute;
  left: 278px;
  top: 0;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(2) {
  flex: 1;
  margin-left: 60px;
  margin-right: 40px;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(2)
  .title-sub {
  margin-left: 0;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(2)
  .student__broshead {
  border: 1px solid #e8e7e6;
  border-top-color: #c8c6c6;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(2)
  .student__brosbody {
  border: 1px solid #e8e7e6;
  border-top: none;
  overflow-y: auto;
  height: 195px;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(2)
  .student__brosbody
  .table-list {
  border-bottom: none;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(2)
  .student__brosbody
  .table-list
  tbody
  td {
  padding: 0;
  padding-top: 5px;
}
.student__detailgroup1_side2
  .student__infogroup--family
  .student__infotable:nth-of-type(2)
  .student__brosbody
  .table-list
  tbody
  td
  span {
  display: block;
  border-bottom: 1px solid #dfdddc;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px 0;
  text-align: center;
  font-size: 13px;
}
.student__detailgroup2 {
  background: #eaeaea;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
  border-top: 1px solid #c51a18;
}
.student__detailgroup2.show {
  display: block;
}
.student__detailgroup2 .navs__link {
  width: 90px;
  padding: 8px 0;
  margin-right: 8px;
  line-height: 14px;
  color: #6b26ff;
  background: #fff;
  border: 1px solid #6b26ff;
}
.student__detailgroup2 .navs__link.active {
  color: #fff;
  background: #6b26ff;
  font-weight: var(--font-medium);
}
.student__detailgroup2 .navs__link:last-child {
  margin-right: 0px;
}
.student__detailgroup2 .title {
  display: inline-flex;
  font-size: 18px;
  margin-right: 20px;
  font-weight: var(--font-medium);
  align-items: center;
  padding-bottom: 0;
}
.student__detailgroup2 .student__undergroupfixbox {
  /*min-height: 307px;*/
  display: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.student__detailgroup2 .student__undergrouptable {
}
.student__detailgroup2 .student__undergrouptable .table-list {
  /*border-bottom: none;*/
}
.student__detailgroup2 .student__undergrouptable .table-list thead th {
  background: #c9c9c9;
  height: 38px;
  padding: 0;
  vertical-align: middle;
}
.student__detailgroup2 .student__undergrouptable .table-list thead th .thbox {
  font-size: 15px;
}
.navs {
  margin: 15px 0 15px;
}
.margin--right--10 {
  margin-right: 10px;
}
.margin--left--10 {
  margin-left: 10px;
}
.margin--top--10 {
  margin-top: 10px;
}
.margin--bottom--10 {
  margin-bottom: 10px;
}
.margin--right--15 {
  margin-right: 15px;
}
.margin--left--15 {
  margin-left: 15px;
}
.margin--top--15 {
  margin-top: 15px;
}
.margin--bottom--15 {
  margin-bottom: 15px;
}
.flex {
  display: flex;
}
.align--center {
  align-items: center;
}
.justify--content--between {
  justify-content: space-between;
}
/*.custom-select .select-selected, .custom-select {width:100%}*/
.select-selected {
  background: #ebebeb;
  color: #999;
}
.student__detailgroup0 {
  background: #f7f7f7;
}
.student__detailgroup2
  .student__undergrouptable
  .table-list
  thead
  th
  .thbox::after {
  height: 9px;
  top: 14px;
}
.student__detailgroup2 .student__undergrouptable .table-list tbody td {
  border-bottom: 1px solid #ccc;
  padding: 15px 5px 10px;
}
.student__detailgroup2 .student__undergrouptable .table-list tbody td p {
  white-space: nowrap;
}
.student__detailgroup2 .student__undergrouptable .table-list tbody td .date {
  margin-top: 5px;
  color: #898989;
  font-weight: var(--font-light);
}
.student__detailgroup2
  .student__undergrouptable
  .table-list
  tbody
  tr:nth-last-of-type(1)
  td {
  border-bottom: none;
}
.student__detailgroup2 .student__undergroupbtns {
  margin: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.student__detailgroup2 .student__undergroupbtns .btns {
  display: flex;
}
.student__detailgroup2 .student__undergroupbtns .btns .btn {
  margin-right: 10px;
}
.student__detailgroup2 .studentsummary-councel {
  width: 563px;
  margin-right: 30px;
  background: #f7f7f7;
}
.student__detailgroup2 .studentsummary-councel__search {
  margin: 0 15px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.student__detailgroup2 .studentsummary-councel__search .select {
  width: 127px;
  height: 34px;
}
.student__detailgroup2 .studentsummary-councel__search .searchform {
  width: 390px;
  border-color: #dedede;
}
.student__detailgroup2
  .studentsummary-councel
  .table-list
  tbody
  tr
  td:nth-child(1) {
  padding-left: 10px;
  padding-right: 0;
}
.student__detailgroup2 .studentsummary-attendance {
  position: relative;
  width: 292px;
  margin-right: 60px;
}
.student__detailgroup2 .studentsummary-attendance .calendar-sm {
  border: 1px solid #e8e7e6;
}
.student__detailgroup2 .studentsummary-attendance__detail {
  position: absolute;
  top: 4px;
  right: 0;
  background: url("../images/common/more.png") center center no-repeat;
  width: 11px;
  height: 12px;
}
.student__detailgroup2 .studentsummary-attendance__comment {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.student__detailgroup2 .studentsummary-attendance__comment li {
  margin-left: 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.student__detailgroup2 .studentsummary-attendance__comment_item::before {
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: inline-block;
}
.student__detailgroup2 .studentsummary-attendance__comment_item--blue::before {
  background: var(--color-secondary);
}
.student__detailgroup2 .studentsummary-attendance__comment_item--red::before {
  background: var(--color-primary);
}
.student__detailgroup2 .studentsummary-class {
  width: 280px;
  margin-right: 18px;
}
.student__detailgroup2 .studentsummary-class__selectors {
  display: grid;
  grid-column-gap: 6px;
  grid-row-gap: 4px;
  grid-template-columns: repeat(2, 1fr);
}
.student__detailgroup2 .studentsummary-class__selectors .select:nth-child(5) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}
.student__detailgroup2 .studentsummary-class .student__undergrouptable {
  height: 420px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 4px;
  border-bottom: 1px solid #e5e5e5;
}
.student__detailgroup2
  .studentsummary-class
  .student__undergrouptable
  .table-list
  .time {
  color: #898989;
  font-size: 12px;
  font-weight: 300;
}
.student__detailgroup2
  .studentsummary-class
  .student__undergrouptable
  .table-list
  .time
  strong {
  color: #222;
  font-size: 12px;
}
.student__detailgroup2
  .studentsummary-class
  .student__undergrouptable
  .table-list
  tbody
  tr
  td:nth-child(1) {
  padding-left: 15px;
}
.student__detailgroup2
  .studentsummary-class
  .student__undergrouptable
  .table-list
  tbody
  tr
  td:last-child {
  border-bottom: none;
}
.student__detailgroup2 .studentsummary-payment .table-list tbody td {
  height: 85px;
}
.student__detailgroup2 .studentsummary-payment .table-list tbody td p,
.student__detailgroup2 .studentsummary-class .table-list tbody td p {
  white-space: normal;
  line-height: 1.3;
}
.student__detailgroup2 .studentsummary-payment .subject {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.student__detailgroup2 .studentsummary-payment {
  flex: 1;
}
.student__detailgroup2 .studentsummary-payment .table-list .time {
  color: #898989;
  font-weight: 300;
}
.student__detailgroup2 .studentsummary-payment .table-list .checkbox2 span {
  align-items: center;
  font-size: 13px;
  line-height: 17px;
  justify-content: center;
}
.pop-studentRegist__file {
  display: flex;
}
.pop-studentRegist__file input[type="file"],
.pop-Regist__file input[type="file"] {
  position: absolute;
  top: 0;
  left: -99999px;
  width: 0;
  height: 0;
  overflow: hidden;
}
.pop-studentRegist__file .popup__filename {
  display: block;
  content: "";
  border: 1px solid #898989;
  border-right: none;
  height: 34px;
  line-height: 34px;
  flex: 1;
  padding: 0 10px;
  overflow: hidden;
}
.pop-Regist__file .popup__filename {
  display: block;
  content: "";
  border: 1px solid #e5e5e5;
  height: 34px;
  line-height: 34px;
  flex: 1;
  padding: 0 10px;
  overflow: hidden;
}
.pop-studentRegist__file .popup__fileclicker {
  background: #222;
  color: #fff;
  line-height: 34px;
  height: 34px;
  width: 137px;
  display: block;
  text-align: center;
  font-size: 13px;
}
.pop-studentRegist__sample {
  padding-top: 10px;
  text-align: right;
}
.pop-studentRegist__sample a {
  text-decoration: underline;
  color: #999;
}
.pop-studentSale .popup__container {
  width: 640px;
  padding: 40px 0;
}
.pop-studentSale__list {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  height: 190px;
  overflow-y: scroll;
}
.pop-studentSale__list .table-list tbody tr td {
  padding: 5px 0;
}
.pop-studentSale__auto {
  text-align: center;
  margin-top: 15px;
  display: flex;
  justify-content: center;
}
.pop-studentSale__auto .brdzone {
  position: relative;
}
.pop-studentSale__auto .brdContent {
  display: none;
  position: absolute;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(175, 175, 175);
  padding: 8px;
  z-index: 1;
  word-break: keep-all;
  text-align: left;
  width: 255px;
  top: 20px;
  left: 15px;
  line-height: 1.3;
}
.pop-studentClass__selectors {
  display: grid;
  grid-column-gap: 6px;
  grid-row-gap: 4px;
  grid-template-columns: repeat(4, 1fr);
}
.pop-studentClass__selectors .select:nth-child(5) {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 2;
  grid-row-end: 3;
}
.pop-studentClass__list {
  margin-top: 15px;
  height: 254px;
  overflow-y: scroll;
}
.pop-studentClass__list .table-list td {
  border-bottom: 1px solid #e5e5e5;
}
.pop-studentClass__list .table-list .time {
  color: #898989;
  font-size: 12px;
}
.pop-studentClass__list .table-list .date {
  font-size: 12px;
}
.pop-studentWait__name {
  font-size: 17px;
  font-weight: var(--font-strong);
  padding-bottom: 15px;
  margin-left: -20px;
}
.pop-studentWait__name::before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 17px;
  background: url("../images/common/user.png") center left no-repeat;
}
.pop-studentWait__list {
  margin-left: -30px;
  margin-right: -30px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  height: 393px;
  overflow-y: scroll;
  padding-bottom: 10px;
}
.pop-studentWait__list .table-list {
  border-bottom: none;
}
.pop-studentWait__list .table-list .badge {
  width: 68px;
}
.pop-studentWait__list .table-list tr.info td {
  padding-bottom: 4px;
}
.pop-studentWait__list .table-list tr.memo td {
  padding-top: 0;
}
.pop-studentWait__list .table-list tr td:nth-child(1) {
  padding-left: 20px;
}
.pop-studentWait__list .table-list tr.memo td {
  padding-right: 20px;
}
.pop-studentAttendance .calendar__header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  margin-bottom: 40px;
}
.pop-studentAttendance .calendar__month {
  width: 13px;
  height: 19px;
}
.pop-studentAttendance .calendar__month--prev::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/common/calendar-arr.png") center center no-repeat;
}
.pop-studentAttendance .calendar__month--next::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/common/calendar-arr.png") center center no-repeat;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.pop-studentAttendance .calendar__now {
  font-size: 22px;
  font-weight: var(--font-strong);
  text-align: center;
  width: 388px;
}
.pop-studentAttendance .calendar__table {
  border-top: 1px solid #999;
}
.pop-studentAttendance .calendar__table table thead tr th {
  height: 46px;
  line-height: 46px;
  background: #eaebeb;
  font-size: 17px;
  font-weight: var(--font-strong);
  border-bottom: 1px solid #e8e7e6;
}
.pop-studentAttendance .calendar__table table tbody tr td {
  border-right: 1px solid #e8e7e6;
  border-bottom: 1px solid #e8e7e6;
  height: 104px;
}
.pop-studentAttendance .calendar__table table tbody tr td .calendar__day {
  font-size: 17px;
  font-weight: var(--font-strong);
  margin-top: 10px;
  margin-bottom: 12px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
.pop-studentAttendance .calendar__table table tbody tr td .calendar__condition {
  font-size: 12px;
  font-weight: var(--font-strong);
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.pop-studentAttendance
  .calendar__table
  table
  tbody
  tr
  td
  .calendar__condition::before {
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  margin-right: 3px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.pop-studentAttendance
  .calendar__table
  table
  tbody
  tr
  td
  .calendar__attendinfo {
  background: #ebf2ff;
  display: flex;
  padding-left: 10px;
  margin-top: 1px;
  align-items: center;
}
.pop-studentAttendance
  .calendar__table
  table
  tbody
  tr
  td
  .calendar__attendinfo
  dt {
  color: var(--color-secondary);
  font-size: 12px;
  height: 27px;
  line-height: 27px;
}
.pop-studentAttendance
  .calendar__table
  table
  tbody
  tr
  td
  .calendar__attendinfo
  dd {
  color: var(--color-secondary);
  font-size: 12px;
  height: 27px;
  line-height: 27px;
  display: flex;
  align-items: center;
}
.pop-studentAttendance
  .calendar__table
  table
  tbody
  tr
  td
  .calendar__attendinfo
  dd::before {
  display: block;
  content: "";
  width: 1px;
  height: 10px;
  background: var(--color-secondary);
  margin-left: 5px;
  margin-right: 5px;
}
.pop-studentAttendance
  .calendar__table
  table
  tbody
  tr
  td.calendar__cell--attendance
  .calendar__day {
  color: var(--color-secondary);
}
.pop-studentAttendance
  .calendar__table
  table
  tbody
  tr
  td.calendar__cell--attendance
  .calendar__condition::before {
  background: var(--color-secondary);
}
.pop-studentAttendance
  .calendar__table
  table
  tbody
  tr
  td.calendar__cell--absent {
  background: #f9e8e7;
  color: var(--color-primary);
}
.pop-studentAttendance
  .calendar__table
  table
  tbody
  tr
  td.calendar__cell--absent
  .calendar__condition::before {
  background: var(--color-primary);
}
.pop-studentAttendance .calendar__table table th.sun,
.pop-studentAttendance .calendar__table table td.sun .calendar__day {
  color: var(--color-primary);
}
.pop-studentCounsel .popup__container {
  width: 660px;
  padding: 40px;
}
.pop-studentCounsel__header {
  border-bottom: 1px solid #dfdddc;
  padding-bottom: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop-studentCounsel__header .title {
  font-size: 20px;
  line-height: 33px;
  font-weight: var(--font-strong);
}
.pop-studentCounsel__part {
  min-width: 83px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  background: var(--color-secondary);
  color: #fff;
  height: 29px;
  line-height: 29px;
  text-align: center;
  font-size: 13px;
}
.pop-studentCounsel__writer {
  display: flex;
  align-items: center;
}
.pop-studentCounsel__writer dt {
  margin-left: 10px;
  min-width: 83px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  background: #eaebeb;
  color: #555;
  height: 29px;
  line-height: 29px;
  text-align: center;
  font-size: 13px;
  font-weight: var(--font-medium);
}
.pop-studentCounsel__writer dd {
  padding-left: 10px;
  color: #555;
  height: 29px;
  line-height: 29px;
  text-align: center;
  font-size: 13px;
  font-weight: var(--font-strong);
}
.pop-studentCounsel__info {
  padding-top: 15px;
}
.pop-studentCounsel__info .textarea {
  border: none;
  width: 100%;
  height: 200px;
  line-height: 30px;
}
.pop-studentCounsel__btns {
  margin-top: 20px;
  text-align: center;
}
.pop-studentCounsel__btns button {
  margin: 0 4px;
  width: 68px;
}
.pop-studentCounsel#popStudentCounselDelete .popup__container {
  width: 452px;
}
.pop-studentCounsel#popStudentCounselDelete .popup__title {
  font-size: 14px;
  padding-top: 20px;
}
.pop-studentDatePicker .popup__container {
  width: 632px;
}
.pop-studentDatePicker .calendargroup {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
.pop-studentDatePicker .calendargroup .calendar-sm {
  padding-bottom: 0;
  width: 255px;
}
.pop-studentDatePicker .calendargroup .calendar-sm--first {
  padding-left: 0;
}
.pop-studentDatePicker .calendargroup .calendar-sm--second {
  padding-right: 0;
}
.pop-studentDatePicker .calendargroup .calendar-sm__month {
  margin-left: 10px;
  margin-right: 10px;
}
.pop-studentDatePicker .calendargroup .calendar-sm__datechecker--select {
  background: #dfeafc;
  color: var(--color-secondary);
}
.pop-studentDatePicker .calendargroup .calendar-sm table tbody tr td {
  vertical-align: top;
  position: relative;
  z-index: 5010;
  height: 45px;
}
.pop-studentDatePicker .calendargroup .calendar-sm table tbody tr td button {
  z-index: 5011;
}
.pop-studentDatePicker
  .calendargroup
  .calendar-sm
  table
  tbody
  tr
  td.range
  button {
  color: var(--color-secondary);
}
.pop-studentDatePicker
  .calendargroup
  .calendar-sm
  table
  tbody
  tr
  td.range::before {
  z-index: -1;
  background: #dfeafc;
  height: 30px;
}
.pop-studentDatePicker
  .calendargroup
  .calendar-sm
  table
  tbody
  tr
  td.range--start::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  width: 50%;
}
.pop-studentDatePicker
  .calendargroup
  .calendar-sm
  table
  tbody
  tr
  td.range--end::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  bottom: auto;
  left: auto;
  width: 50%;
}
.pop-studentDatePicker
  .calendargroup
  .calendar-sm
  table
  tbody
  tr
  td.range--ing::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 100%;
}
.pop-studentDatePicker .calendargroup::after {
  display: block;
  content: "";
  position: absolute;
  top: 70px;
  right: auto;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #dfdddc;
}
.pop-studentAttendenceType__selector {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop-studentAttendenceType__selector .radio2 {
  margin-right: 15px;
}
.pop-studentAttendenceType__selector .radio2:nth-last-child(1) {
  margin-right: 0;
}
.pop-studentAttendenceType__inputbox {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop-studentAttendenceType__inputbox dt {
  width: 75px;
}
.pop-studentAttendenceType__inputbox dd .datepicker {
  width: 167px;
}
.pop-studentAttendenceType #pickerAttendenceType1 {
  display: none;
}
.pop-studentAttendenceType #pickerAttendenceType1.show {
  display: flex;
}
.pop-studentAttendenceType #pickerAttendenceType2 {
  display: none;
}
.pop-studentAttendenceType #pickerAttendenceType2.show {
  display: flex;
}
.student__undergroupfixbox--councel,
.student__undergroupfixbox--payment {
  display: none !important;
  position: relative;
}
.student__undergroupfixbox--councel.show,
.student__undergroupfixbox--payment.show {
  display: block !important;
}
.student-icon::before {
  display: inline-block;
  content: "";
  width: 27px;
  height: 19px;
  background: url(../images/common/student-icon.png) top left no-repeat;
}

/*�����_��������*/
.student__navbox .search_month {
  position: relative;
}
.student__study__option2 {
  position: absolute;
  top: -45px;
  right: 0;
  display: flex;
  width: 680px;
}
.student__study__option2 .custom-select {
  width: 430px;
}

.circle {
  margin: 0 auto;
  width: 25px;
  height: 25px;
  border: 1px solid #222;
  border-radius: 50%;
  display: flex;
  font-size: 10px;
  align-items: center;
  justify-content: center;
}
.table-list.table-student-attend tbody tr td {
  vertical-align: middle;
  padding: 5px 3px !important;
  font-size: 13px;
  height: 40px;
}
.table-list.table-student-attend tbody tr td:first-child,
.table-list.table-student-attend tbody tr:first-child {
  background: #f0f0f0;
}
.table-list.table-student-shuttle thead tr:nth-child(-n + 3) {
  border-top: 1px solid #222;
}
.table-list.table-student-shuttle thead tr th {
  border-top: 1px solid #ebebeb;
  background: #f0f0f0;
  border-right: 1px solid #ebebeb;
}
.table-list.table-student-shuttle thead tr th:frist-child {
  border-top: 1px solid #222;
}
.table-list.table-student-shuttle thead tr:last-child {
  background: #f0f0f0;
}
.table-list.table-student-shuttle tbody tr {
  background: #f6f6f6;
}
.table-list.table-student-shuttle tbody tr td:nth-child(-n + 2) {
  background: #f0f0f0;
}
.bar-line:after {
  content: "|";
  float: right;
  font-weight: 300;
  color: #ccc;
  vertical-align: middle;
  margin-left: 20px;
}

/*Ŭ���� ����*/
.student__detailgroup1_side3 {
  display: flex;
  background: #f7f7f7;
}
.student__detailgroup2 .studentsummary-payment {
  width: 675px;
}
.student__detailgroup1_side3_radios {
  display: inline-flex;
  justify-content: center;
}
.radios-purple {
  position: relative;
  height: 32px;
  line-height: 32px;
}
.radios-purple label {
  font-size: 15px;
  color: #6b26ff;
  margin-right: 5px;
  vertical-align: middle;
}
.radios-purple input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  box-sizing: border-box;
}
.radios-purple input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.radios-purple input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 7px;
  width: 13px;
  height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #6b26ff;
  border-radius: 100%;
  box-shadow: none;
}
.radios-purple input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #6b26ff;
}
.radios-purple input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 3px;
  width: 9px;
  height: 9px;
  background: #6b26ff;
  border-radius: 100%;
  box-shadow: none;
}
.float-btn-group {
  position: fixed;
  bottom: 10px;
  width: 100%;
  height: 50px;
  animation: fadein 1.5s;
  -moz-animation: fadein 1.5s;
  -webkit-animation: fadein 1.5s;
  -o-animation: fadein 1.5s;
  left: 50%;
  transform: translate(-50%, 0);
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*�������� ����*/
.staff-student_search_list {
}
.staff-student_search_list_table {
  height: 285px;
  overflow: hidden scroll;
  border: 1px solid #e8e7e6;
  border-top: none;
}

/*��������*/
.staff__detailgroup0 {
  background: #f7f7f7;
}
.staff__undergrouptable .table-list thead th {
  background: #c9c9c9;
  height: 38px;
  padding: 0;
  vertical-align: middle;
  font-size: 15px;
  font-weight: var(--font-medium);
}
.staff__undergrouptable .table-list tbody tr td {
  border-bottom: 1px solid #e5e5e5;
  height: 57px;
}
.staff__undergrouptable .table-list tbody .time {
  color: #999;
}
.staff__infogroup.show {
  display: grid;
  background: #fff;
}
.staff__infogroup.personal {
  width: 1270px;
}
.staff__infogroup {
  position: relative;
  margin-top: 8px;
  height: 354px;
  border: 1px solid #e8e7e6;
  border-top-color: var(--color-primary);
  display: none;
  grid-template-columns: repeat(3, 1fr);
}
.staff__infotable {
}
.staff__infogroup #btnInfoSavePrivacy,
.staff__infogroup #btnInfoSaveFamily {
  position: absolute;
  top: -42px;
  right: 0;
  width: 138px;
}
.staff__infogroup #btnInfoSaveStaff {
  position: absolute;
  top: -42px;
  right: 0px;
  width: 100px;
}
.staff__infogroup #btnInfoModifyStaff {
  position: absolute;
  top: -42px;
  right: 110px;
  width: 100px;
}
.staff__infogroup #btnInfoDelStaff {
  position: absolute;
  top: -42px;
  right: 220px;
  width: 100px;
}
.staff__infogroup--family.show {
  display: flex;
  justify-content: space-between;
  border-top: none;
  background: none;
}
.staff__infotable .input {
  border-top: none;
  border-right: none;
  border-left: none;
  padding-left: 0;
  padding-right: 0;
}
.staff__infotable .table-detail tbody th .required {
  left: 20px;
}
.staff__infogroup--family .staff__infotable {
  position: relative;
  width: 49%;
  border-top: 1px solid #c51a18;
  background: #fff;
}
.staff__list {
  height: 313px;
  overflow: hidden scroll;
  border-top: none;
}
.staff__list .input {
  border: 1px solid #dfdddc;
  height: 34px;
  line-height: 34px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.Count {
  padding: 5px 15px;
  border-radius: 30px;
  display: inline-block;
}
.bg_blue {
  background: #e3ebfe;
  color: #387dfe;
}
.bg_red {
  background: #f8e8e8;
  color: #c61a18;
}
.sumTable {
  background: #f5f7f6;
  height: 57px;
  font-weight: var(--font-medium);
}
.sumTable td {
  padding: 20px 0;
  vertical-align: middle;
  line-height: 18px;
  padding: 10px 5px;
  font-size: 15px;
}
.staff__list__group {
  position: relative;
  display: none;
  background: #fff;
  padding: 0;
  border-top: 1px solid #222;
}
.staff__list__group.student__detailgroup2.show {
  display: block;
}
.staff__list__group .changemonthgroup {
  position: absolute;
  top: -53px;
  left: 380px;
  width: 138px;
}
/*�������*/
.booklistArea {
  height: 860px;
}
.booklistArea .HeaderTitle {
  margin-bottom: 0 !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #222;
}
.book__infotab {
  display: flex;
  justify-content: space-between;
}
.book__infogroup {
  position: relative;
  margin-top: 8px;
  border: 1px solid #e8e7e6;
  border-top-color: var(--color-primary);
  height: 830px;
  padding: 30px;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  background: #fff;
  display: grid;
  grid-template-columns: 430px auto;
}
.book__navbox {
  background: #f7f7f7;
  display: grid;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  grid-template-columns: 95px 75px 130px;
  align-items: center;
}
.book__listbutton {
  justify-content: left;
}
.groupBody .addActiveTableMultiple {
}
.groupBody .addActiveTableMultiple tr {
  border-bottom: 1px solid #e5e5e5;
}
.book__infotableB .table-detail td,
.book__infotableB .table-detail th {
  padding: 5px 0px 15px 15px;
}
.book__infotableB__list {
  height: 685px;
  border: 1px solid #e5e5e5;
  border-top: none;
}
.book__infotableA__list {
  height: 713px;
  border: 1px solid #e5e5e5;
  border-top: none;
  background: #fff;
}
.book__infotableC__list {
  height: 625px;
  border: 1px solid #e5e5e5;
  border-top: none;
  background: #fff;
}
.booklistArea .grid-2nd ul li:last-child {
  width: 100%;
  grid-column: 1 / 3;
  grid-row: 4 / 5;
  padding: 15px;
  row-gap: 7px;
}
.booklistArea .grid-2nd {
  padding: 15px 15px 0;
  row-gap: 7px;
}
.booklistArea .grid-2nd li:last-child {
  width: 100%;
  grid-column: 1 / 3;
}
.book__infogroupB {
  position: relative;
  margin-top: 8px;
  border: 1px solid #e8e7e6;
  border-top-color: var(--color-primary);
  height: 300px;
  padding: 30px;
  grid-template-columns: repeat(2, 0fr);
  gap: 40px;
  background: #fff;
  display: grid;
  grid-template-columns: 50% auto;
}
.book__detailgroup_side {
  gap: 30px;
  display: grid;
  grid-template-columns: 45% auto;
  background: #f7f7f7;
}
.table-list td .brdzone,
.table-list th .brdzone {
  position: relative;
}
.table-list td .brdzone .brdContent,
.table-list th .brdzone .brdContent {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #afafaf;
  padding: 10px;
  z-index: 1;
  word-break: keep-all;
  text-align: left;
}
.book__undergroupbtns {
  margin: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.book--info-list-del,
.book--info-list-del a {
  text-decoration: line-through;
  color: #999;
}

/*�������� > ���*/
#date {
  padding: 30px 0 0;
}
.payment .gridArea {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
  row-gap: 60px;
  padding-top: 30px;
}
.payment .gridArea .payment--total--box .btn--go {
  position: absolute;
  top: -30px;
  right: 0;
  text-decoration: underline;
}
.payment--total--box {
  border-top: 1px solid #222;
  padding: 25px 0 0;
  border-bottom: 1px solid #222;
  min-height: 420px;
  position: relative;
}
.payment--total--box .table-list thead th {
  background: #222;
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
}
.payment--total--box .table-list thead th .thbox {
  font-size: 15px;
  line-height: 18px;
  padding: 15px 0;
  position: relative;
  font-weight: var(--font-normal);
}
.payment--total--box .table-list thead th .thbox::after {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  right: 0;
  bottom: auto;
  left: auto;
  width: 1px;
  height: 14px;
  background: #c2c2c2;
}
.payment--total--box .table-list thead th:nth-last-child(1) .thbox::after {
  display: none;
}
.payment--total--box .table-list tbody tr td {
  font-size: 16px;
  vertical-align: middle;
  line-height: 18px;
  padding: 15px 5px;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
}
.payment--total--box .table-list tbody tr:hover td {
  background: none;
  font-weight: 400;
}
.tableTypeD {
  width: 100%;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  margin-bottom: 30px;
}
.tableTypeD thead th {
  background: #ebebeb;
  height: 40px;
  vertical-align: middle;
  border-right: 1px solid #c1c1c1;
  font-weight: var(--font-medium);
}
.tableTypeD thead th:first-child {
  border-left: 1px solid #c1c1c1;
}
.tableTypeD tbody td {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 20px;
  text-align: center;
  vertical-align: middle;
}
.tableTypeD tbody .td--bg {
  vertical-align: middle;
  background: #222 !important;
  color: #fff;
  border: 1px solid #222;
  line-height: 1.8;
}
.tableTypeD tbody td:first-child {
  background: #f7f7f7;
}
.tableTypeD tbody tr:last-child {
  background: #f7f7f7;
}
.tableTypeD tbody tr:last-child td {
  border-bottom: 1px solid #222;
  border-left: none;
}
.tableTypeD tbody .td--bg--sum {
  background: #999;
  color: #fff;
  font-weight: var(--font-medium);
}
.tableTypeD td a {
  font-weight: var(--font-strong);
  text-decoration: underline;
}
.tableTypeE {
  width: 100%;
  border-top: 1px solid #222;
}
.tableTypeE thead th {
  background: #ebebeb;
  height: 40px;
  vertical-align: middle;
  border-right: 1px solid #c1c1c1;
  font-weight: var(--font-medium);
}
.tableTypeE thead th:last-child {
  background: #222;
  color: #fff;
}
.tableTypeE thead th:hover {
  background: #c1c1c1;
  text-decoration: underline;
}
.tableTypeE thead th a {
  font-weight: var(--font-medium);
}
.tableTypeE tbody td {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 20px;
  text-align: center;
}
.tableTypeE tbody td:first-child {
  background: #f7f7f7;
}
.tableTypeE tbody tr:last-child {
  background: #fbefef;
}
.tableTypeE tbody .td--bg--sum {
  background: #c31919;
  color: #fff;
  font-weight: var(--font-medium);
}
.tableTypeF {
  width: 100%;
  border-top: 1px solid #222;
}
.tableTypeF thead th {
  background: #ebebeb;
  height: 70px;
  vertical-align: middle;
  border-right: 1px solid #c1c1c1;
  font-weight: var(--font-medium);
}
.tableTypeF tbody td:last-child,
.tableTypeF thead th:last-child {
  border-right: none;
}
.tableTypeF tbody td,
.tableTypeF-1 tbody td,
.tableTypeF tfoot td {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 3px;
  text-align: center;
  line-height: 1.4;
  vertical-align: middle;
}
.tableTypeF tfoot {
  background: #fbefef;
}
.tableTypeF tfoot td {
  font-size: 15px !important;
}
.tableTypeF-1 tr:first-child td {
  color: #fff;
}
.tableTypeF-1 .total--text {
  font-size: 24px;
}

.grid_typeA {
  display: grid;
  grid-template-columns: 315px auto;
  column-gap: 60px;
}
.grid_typeA_2 .box_shadow {
  background: #f5f7f7;
  height: 1150px;
  border-top: 1px solid #222;
  width: 1200px;
}
.teacherlist {
  overflow-y: scroll;
  height: 1111px;
  background: #fff;
}
.title--black {
  height: 40px;
  background: #222;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title--gray {
  height: 40px;
  background: #eaebeb;
  color: #222;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teacherlist li {
  padding: 10px 15px;
  cursor: pointer;
  background: #fff;
}
.teacherlist li:hover {
  background: #fbefef;
}
.teacherlist li.active {
  background: #f5f7f7;
}
.teacherlist--navbox {
  padding: 20px;
  height: 90px;
  box-sizing: border-box;
  background: #f5f7f7;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.teacherlist--navbox .desc {
  letter-spacing: -0.5px;
  font-size: 12px;
}
.teacherlist--navbox .desc span {
  text-decoration: underline;
}
.tearchertable-A {
  overflow-y: auto;
}
.tearchertable-B {
  overflow-x: auto;
  height: 425px;
}
.tearchertable-B .tableTypeF td {
  font-size: 13px;
  letter-spacing: -0.5px;
}

.payment--grid2nd {
  display: grid;
  grid-template-columns: 1144px auto;
  column-gap: 30px;
}
.payment--grid2nd .table-list tbody tr:last-child {
  background: #fbefef;
}
.payment--grid2nd .payment--total--box,
.payment--grid2ndA .payment--total--box,
.payment--grid2ndB .payment--total--box {
  min-height: auto;
  border-bottom: none;
}
.payment--grid2ndA {
  display: grid;
  grid-template-columns: 50% auto;
  column-gap: 30px;
}
.payment--grid2ndB {
  display: block;
}
.tearchertable-B td .brdzone .brdContent {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #afafaf;
  padding: 10px;
  z-index: 1;
  word-break: keep-all;
  min-width: 200px;
  text-align: left;
}
.tearchertable-B td .brdzone a {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.tearchertable-C.table-list.show {
  display: block;
}
.tearchertable-C.table-list {
  display: none;
  position: relative;
  border-top: none;
  border-bottom: none;
}
.payment--grid2ndA tbody tr:last-child,
.payment--grid2ndB tbody tr:last-child {
  background: #fbefef;
}
.pop-Register .popup__container {
  width: 1200px;
  margin: 0px;
  padding: 10px 0 15px 0px;
}
.pop-Register--div {
}
.payment .formGrid2nd {
  display: grid;
  grid-template-columns: 200px auto;
  column-gap: 30px;
  line-height: 1.4;
}

/*login*/
.layout-main {
  padding: 190px 0px;
  width: 495px;
  margin: 0 auto;
}
.layout-main h1 {
  font-size: 45px;
  text-align: center;
  font-weight: 700;
  padding-bottom: 20px;
  letter-spacing: -2px;
}
.layout-main input {
  height: 50px;
  line-height: 50px;
  border: none;
  padding: 0px 5%;
  margin: 0 15px 10px 0px;
  width: 90%;
  font-size: 15px;
  -webkit-appearance: textfield;
  box-sizing: content-box;
  vertical-align: middle;
  background-color: #ebebeb;
  border-radius: 10px;
}
.user_name input {
  background: #fdeef1 url("../images/common/icon_login_name.png") center right
    15px no-repeat;
}
.user_id input {
  background: #ebebeb url("../images/common/icon_login_id.png") center right
    15px no-repeat;
}
.user_name input::placeholder {
  color: #c61a18;
}
.user_password input {
  background: #ebebeb url("../images/common/icon_login_pass.png") center right
    15px no-repeat;
}
.user_name input:focus,
.find_password input:focus {
  outline: none;
}
.user_id input:focus,
.user_id .login-ok input {
  outline: 1px solid #a8a8a8;
  background: #fff url("../images/common/icon_login_id.png") center right 15px
    no-repeat;
  height: 50px;
}
.user_email input:focus,
.user_email .login-ok input {
  outline: 1px solid #a8a8a8;
  background: #fff url("../images/common/icon_login_email.png") center right
    15px no-repeat;
  height: 50px;
}
.user_password input:focus,
.user_password .login-ok input {
  outline: 1px solid #a8a8a8;
  background: #fff url("../images/common/icon_login_pass.png") center right 15px
    no-repeat;
  height: 50px;
}
.user_password input.error {
  outline: 1px solid #c61a18;
  background: #fff url("../images/common/icon_login_pass_red.png") center right
    15px no-repeat;
  height: 50px;
}
.login_button {
  display: inline-block;
  position: relative;
  width: 100%;
}
.login_button button {
  height: 50px;
  line-height: 50px;
  border: none;
  border-radius: 10px;
  background: #c61a18;
  padding: 2px 0px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  -webkit-appearance: textfield;
  box-sizing: content-box;
  vertical-align: top;
  cursor: pointer;
}
.login_txt {
  color: #c61a18;
  text-align: left;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.3px;
  padding: 20px 0 20px 0;
  display: flex;
  align-items: center;
}
.login_txt span {
  color: #222;
  border-bottom: 1px solid #222;
}
.login_toggle {
  display: flex;
  justify-content: space-between;
  letter-spacing: -0.5px;
}
.login_toggle a {
  color: #222;
  text-decoration: underline;
}

.admin-login input.error {
  outline: 1px solid #c61a18;
  background: #fff url("../images/common/icon_login_pass_red.png") center right
    15px no-repeat;
  height: 50px;
}
.admin-login .user_email input.error {
  outline: 1px solid #c61a18;
  background: #fff url("../images/common/icon_login_email_red.png") center right
    15px no-repeat;
  height: 50px;
}
.admin-login .user_id input.error {
  outline: 1px solid #ebebeb;
  background: #fff url("../images/common/icon_login_id.png") center right 15px
    no-repeat;
  height: 50px;
}
.admin-login-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.admin-login-title span {
  padding: 8px 30px;
  border-radius: 30px;
  display: inline-block;
  margin-bottom: 10px;
  color: #fff;
  background: #000;
  font-size: 18px;
}

/*find password*/
.user_email input {
  background: #ebebeb url("../images/common/icon_login_email.png") center right
    15px no-repeat;
}
.layout-main .student__detailgroup2 {
  border-top: none;
  background: transparent;
}
.layout-main .tab--box__item.active {
  background: #222;
  color: #fff;
  border: none;
}
.layout-main .tab--box__item.active::after {
  display: none;
}
.layout-main .tab--box__item:last-child {
  margin-right: 0px;
}
.layout-main .btn {
  width: 240px;
  height: 50px;
  padding: 0 0px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #222;
  border-radius: 10px;
}

/*�Խ���*/
.board-write-add {
  margin-left: 20px;
  padding: 0 20px;
}
.board-write-add::after {
  display: inline-block;
  content: "";
  background-image: url(../images/total/board-write.png);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-left: 25px;
  height: 15px;
  width: 15px;
}
.board .table-list tbody tr td:first-child {
  color: #c51a18;
}

.board_cont_view {
  padding: 30px 0px 40px;
}
.board_cont,
.board_cont_view,
.board_cont_write {
  position: relative;
  width: 930px;
  min-height: 750px;
  margin: 0 auto;
}
.view_subject_title {
  font-size: 20px;
  margin-bottom: 20px;
}
.view_subject {
  font-size: 30px;
  color: #222;
  font-weight: 700;
}
.board_view_subject {
  border-top: 1px solid #222;
  background-color: #ebebeb;
  padding: 10px 30px;
  font-size: 15px;
  line-height: 1.4;
  color: #222;
  margin-top: 30px;
  position: relative;
}
.board_view_subject p {
  position: relative;
}
.board_view_subject p::after {
  position: absolute;
  content: "|";
  vertical-align: middle;
  right: 10px;
  font-size: 13px;
  top: 0;
  color: #ccc;
}
.board_view_subject p:last-child::after {
  content: "";
}
.board_subtitle {
  font-size: 20px;
  color: #222;
  letter-spacing: -1px;
  margin: 0 10px 0 15px;
  position: relative;
  padding-left: 10px;
}
.board_subtitle::before {
  position: absolute;
  content: "|";
  vertical-align: middle;
  left: -5px;
  font-size: 15px;
  top: 8px;
  font-weight: 500;
  color: #c2c2c4;
}
.board_view_writer,
.board_view_date {
  display: inline-block;
}
.board_view_writer span,
.board_view_date span {
  color: #797e83;
  margin: 0 30px 0 10px;
  letter-spacing: -0.8px;
}
.board_view_content {
  padding: 30px;
  border-bottom: 1px solid #e1e4e6;
  background-color: #fff;
}
.board_view_content p {
  margin-bottom: 20px;
}
.board_view_content img {
  margin: 0px 0;
}
.board_view_file {
  padding-bottom: 25px;
}
.board_view_file li {
  background: #fff;
  line-height: 41px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 5px;
  padding: 0 15px;
  text-align: right;
  font-size: 15px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: grid;
  text-overflow: ellipsis;
  justify-content: end;
  grid-template-columns: 88% 2% 10%;
  align-items: center;
  column-gap: 7px;
}
.board_view_file li span.file-check {
  margin: 0 35px 0 0px;
  position: relative;
  color: #999;
}
.board_view_file li span.file-check::before {
  position: absolute;
  content: "";
  right: -25px;
  width: 17px;
  height: 11px;
  background: url(http://img.investchosun.com/images/icon_board_addcheck.png)
    center center no-repeat;
  top: 15px;
}
.brd_btn {
  clear: both;
  margin-bottom: 30px;
  overflow: hidden;
}
.brd_list {
  float: left;
  background: #878d91;
  color: #fff;
  width: 145px;
  height: 42px;
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
  line-height: 42px;
  margin-right: 14px;
}
.brd_nextview {
  float: right;
}
.brd_nextview a,
a:visited {
  text-decoration: none;
}
.board .brd_btn button {
  width: 145px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}

.detail_layout {
  background: transparent;
}
.info_article {
  width: 100%;
  position: relative;
}

.board_title_edit td {
  margin-bottom: 15px;
  width: 783px;
  float: left;
  overflow: hidden;
  border: 1px solid #e4e4e4;
  border-left: none;
}
.board_title_edit {
  display: grid;
  grid-template-columns: 145px 665px auto;
  column-gap: 0px;
  padding-bottom: 15px;
}
.board_title_edit_subtitle {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  background: #222;
  line-height: 40px;
  display: flex;
  justify-content: center;
}
.board_title_edit input[type="text"] {
  padding: 0 2%;
  width: 96%;
  font-size: 16px;
  height: 40px;
  border: 1px solid #eaeceb;
  background: #fff;
}
.board_title_edit_gongji {
  display: flex;
  justify-content: flex-start;
  height: 40px;
  align-items: flex-end;
  text-decoration: underline;
}
#formContentEditor textarea {
  width: 100%;
  min-height: 460px;
  padding: 30px;
  font-size: 15px;
  border: 1px solid #eaeceb;
}
.board_title_edit_file_add {
  padding: 12px;
  margin-bottom: 30px;
}
.board_title_edit_file_add ul {
  display: flex;
  align-items: center;
}
.board_title_edit_file_add li {
  margin-right: 10px;
  display: inline-block;
}
.board_title_edit_file_add .files {
  border-color: #cbcbcb;
  background: #efefef;
}

.board_write_admin_txt {
  font-size: 20px;
  color: #292a2b;
  letter-spacing: -0.5px;
  padding-bottom: 10px;
}

.board_write_file {
  border: 1px solid #eaeceb;
}
.board_write_file dl {
  height: 41px;
  background: #fff;
  line-height: 41px;
  margin-bottom: 1px;
  padding: 0;
  color: #999;
  font-size: 15px;
}
.board_write_file dd {
  width: 145px;
  background-color: #999999;
  text-align: center;
  color: #fff;
  float: left;
}
.board_write_file dt {
  padding: 0px 10px;
  float: left;
  position: relative;
  width: 775px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  color: #222;
}
.board_write_file_add {
  font-size: 15px;
  display: inline-block;
  color: #878d91;
  margin-bottom: 30px;
  float: right;
  overflow: hidden;
}
.board_write_file_add a {
  float: right;
  border-bottom: 1px solid #878d91;
  text-decoration: none;
  letter-spacing: -1px;
  line-height: 1.5;
  font-size: 15px;
  margin-top: 5px;
}
span.borard_add_del a {
  position: absolute;
  content: "";
  right: 10px;
  width: 14px;
  height: 14px;
  background: url("../images/common/icon_board_close.png") center center
    no-repeat;
  top: 13px;
  text-indent: -9999px;
}

/*�ð�ǥ*/
.pop-Callpaper .popup__container,
.pop-Callpaper-grade .popup__container {
  width: 1200px;
  background: #eaebeb;
  margin: 0px;
  padding: 40px;
}
.pop-Callpaper-grade .popup__container {
  height: 800px;
  overflow: auto;
}
.pop-Callpaper .popup__container .box_shadow,
.pop-Callpaper-grade .popup__container .box_shadow {
  border-top: 1px solid #222;
  padding: 35px;
  box-sizing: border-box;
  background: #fff;
}
table.table-list-callpaper {
  position: relative;
  width: 1050px;
  overflow: hidden;
  table-layout: auto;
}
.table-list-callpaper thead {
  position: relative;
  display: block;
  width: 1050px;
  overflow: visible;
}
.table-list-callpaper thead th {
  background-color: #222;
  padding: 10px 0;
  width: 60px;
  border-right: 1px solid #fff;
  color: #fff;
}
.table-list-callpaper thead th:nth-child(1) {
  position: relative;
  display: block;
  width: 175px;
}
.table-list-callpaper thead th:nth-child(1) {
  width: 80px;
  border-left: 1px solid #eaeceb;
}
.table-list-callpaper tbody td:nth-child(1) {
  width: 80px;
  border-left: 1px solid #eaeceb;
}
.table-list-callpaper thead th:nth-child(2) {
  width: 190px;
}
.table-list-callpaper tbody td:nth-child(2) {
  width: 160px;
}
.table-list-callpaper thead th:nth-child(3) {
  width: 87px;
}
.table-list-callpaper tbody td:nth-child(3) {
  width: 80px;
}
.table-list-callpaper thead th:nth-child(4) {
  width: 180px;
}
.table-list-callpaper tbody td:nth-child(4) {
  width: 160px;
}
.table-list-callpaper thead th:nth-child(n + 5) {
  background: #595959;
}
.table-list-callpaper tbody {
  position: relative;
  display: block;
  width: 1050px;
  height: 480px;
  overflow: scroll;
}
.table-list-callpaper tbody td {
  border-right: 1px solid #eaeceb;
  border-bottom: 1px solid #eaeceb;
  background: #fff;
  padding: 10px 0;
  width: 60px;
  text-align: center;
}
.table-list-callpaper tbody tr td:nth-child(1) {
  position: relative;
  display: block;
  width: 80px;
}

.table-list-gradespaper thead th {
  background-color: #222;
  padding: 10px 0;
  border-right: 1px solid #fff;
  color: #fff;
  height: 35px;
}
.table-list-gradespaper tbody td {
  border: 1px solid #eaeceb;
  background: #fff;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
}
.table-list-gradespaper tbody td:last-child {
  text-align: left;
  padding: 10px;
  height: 78px;
  line-height: 1.4;
  border-left: none;
  border-bottom: none;
}
.table-list-gradespaper thead th:nth-child(-n + 6) {
  background: #595959;
}
.table-list-gradespaper.sum td:first-child {
  background: #222;
  color: #fff;
}
.table-list-gradespaper.sum td {
  height: 35px !important;
  border-top: none;
}
.table-list-gradespaper.sum tbody td:last-child {
  border-bottom: 1px solid #eaeceb;
  border-top: 1px solid #eaeceb;
}

.Callpaper-formGird2nd {
  display: grid;
  grid-template-columns: 55px 400px;
  align-items: start;
  row-gap: 10px;
  padding-bottom: 20px;
}
.pop-Printpaper .popup__container {
  width: 1200px;
  margin: 0px;
  padding: 30px 15px 30px 30px;
}
.pop-Printpaper-div {
  height: 750px;
  overflow-y: scroll;
}

/*�˸�â*/
.pop-Notice {
  width: 510px;
  padding: 25px 30px;
}
.pop-Notice__header {
  border-bottom: 1px solid #dfdddc;
  padding-bottom: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop-Notice__header .title {
  font-size: 18px;
}
.notice-icon::before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 21px;
  background: url(../images/common/notice-icon.png) center left no-repeat;
  vertical-align: bottom;
}
.pop-Notice__writer dd {
  padding-left: 10px;
  color: #555;
  height: 29px;
  line-height: 29px;
  text-align: center;
  font-size: 13px;
}
.pop-Notice__info {
  padding-top: 0px;
}
.pop-Notice__info .textarea {
  border: none;
  width: 100%;
  height: 100px;
  line-height: 30px;
}
.swiper {
  width: 100%;
  height: 120px;
}
.swiper-slide {
  text-align: left;
  font-size: 15px;
  background: #fff;
  display: flex;
  justify-content: left;
  padding: 30px 30px 0;
  line-height: 1.5;
  height: 120px;
  overflow: auto;
}
.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper .swiper-notification,
swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 0px);
  left: auto;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 0px);
  right: auto;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c51a18;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: ">";
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "<";
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 30px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pop-Notice__date {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 12px;
  color: #ccc;
}
.notice_count {
  background: #c51a18;
  margin-left: 5px;
  text-align: center;
  padding: 2px 8px;
  border-radius: 18px;
  font-size: 10px;
  color: #fff;
  font-weight: 700;
}

/*ȯ�漳��*/
.setting .table-list thead th {
  padding: 10px 0px;
}
.setting .table-list tbody td {
  line-height: 30px;
  padding: 10px;
}
.setting .table-list tbody tr:hover td {
  background: none;
  font-weight: 400;
}
.menu__item.active {
  color: var(--color-primary);
  position: relative;
  font-weight: var(--font-medium);
}
.menu__item {
  position: relative;
  font-size: 18px;
  margin-right: 24px;
}
.menu__item:after {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  right: -15px;
  bottom: auto;
  left: auto;
  width: 1px;
  height: 16px;
  background: #222222;
}
.menu__item:last-child:after {
  display: none;
}
.settings-table th {
  background: #ebebeb;
}
.settings-table th,
.settings-table td {
  border-bottom: 1px solid #d2d2d2;
  padding: 25px 40px;
  vertical-align: middle;
  font-size: 15px;
}
.box-input {
  border: 1px solid #d2d2d2;
  height: 32px;
  padding: 0 10px;
  display: inline-flex;
  background: #fff;
}
.settings .student__undergroupfixbox--councel,
.settings .student__undergroupfixbox--payment,
.settings .box_shadow {
  width: 1410px;
}
.student__undergroupfixbox--councel.show #btnInfoPlus {
  position: absolute;
  top: -60px;
  right: 0;
  width: 138px;
}
.setting .popup.pop-settingCategory .popup__container {
  width: 850px;
  height: 540px;
}
.icon--arrow--right {
  content: "\21B3";
}
.setting .popup.pop-settingCategory .overScoll {
  height: 340px;
  overflow-y: scroll;
}
.table-category thead {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.setting .popup.pop-settingCategory .table-list,
.setting .popup.pop-settingCategory .table-list thead th {
  border-top: none !important;
}

/*��������*/
.shuttle__infogroup {
  position: relative;
  display: grid;
  border-top: 1px solid #222;
  padding: 10px 20px 0 20px;
  background: #fff;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.shuttle .shuttle__infotable .table-detail {
  table-layout: auto;
}
.shuttle .shuttle__infotable .table-detail tbody th {
  width: 120px;
}
.shuttle__infotable .input {
  border-top: none;
  border-right: none;
  border-left: none;
  padding-left: 0;
  padding-right: 0;
}
.shuttle .groupHeader {
  display: flex;
}
.shuttle .groupHeader .title {
  width: 50%;
  height: 43px;
  line-height: 33px;
}
.shuttle__infotable .checkbox input + span {
  margin-right: 10px;
}
.shuttle .groupHeader .controlBtn {
  width: 50%;
  text-align: right;
  padding-bottom: 10px;
}
.shuttle .tableTypeS {
}
.shuttle .tableTypeS th,
.shuttle .tableTypeS-1 th {
  background: #000;
  color: #fff;
  padding: 12px;
  vertical-align: middle;
  border-right: 1px solid #ccc;
}
.shuttle .tableTypeS th,
.shuttle .tableTypeS td {
  border-bottom: 1px solid #ccc;
}
.shuttle .tableTypeS td,
.shuttle .tableTypeS-1 td {
  padding: 10px;
  vertical-align: sub;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.shuttle .tableTypeS .box-input {
  width: 370px;
  border: 1px solid #d2d2d2;
  min-height: 34px;
  padding: 0 10px;
  display: inline-flex;
  background: #fff;
  margin-right: 5px;
  height: auto;
  align-items: center;
}
.shuttle .tableTypeS .box-input input {
  width: 97%;
}
.shuttle .tableTypeS .box-input ul {
  margin: 5px 0;
}
.shuttle .tableTypeS .box-input ul li {
  display: inline-flex;
  margin: 5px;
}
.shuttle .tableTypeS .box-input ul li .sbtn_delete2 {
  margin-left: 3px;
}
.shuttle .tableTypeS-1 td,
.shuttle .tableTypeS-1 th {
  line-height: 30px;
}
.shuttle .tableTypeS-1 td {
  border-bottom: 1px solid #ccc;
  border-top: none;
}
.shuttle .tableAllLine tr td:last-child {
  border-right: none;
}

.shuttle-group {
  position: relative;
  display: grid;
  margin-top: 8px;
  border-top: 1px solid #222;
  background: #fff;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
}
.shuttle-group .table-list th {
  background: #ebebeb;
  border-bottom: 1px solid #d2d2d2;
}
.shuttle-group .table-list th,
.shuttle-group .table-list td {
  padding: 15px;
}
.tableTypeS.overScoll,
.tableTypeS-1.overScoll {
  height: 750px;
  overflow-y: scroll;
}
.tableTypeS thead,
.tableTypeS-1 thead {
  osition: sticky;
  top: 0px;
  z-index: 1;
}

.shuttleList {
  background: #fff;
  border-top: 1px solid #222;
  height: 950px;
  overflow-y: auto;
}
.shuttleList > ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr) !important;
  margin: 20px 0px 0 20px !important;
  column-gap: 20px !important;
}
.shuttle-table-list {
  border: 1px solid #d2d2d2;
}
.shuttle-table-list thead th {
  background: #fbefef;
  padding: 10px;
  text-align: center;
  color: #c51a18;
}
.shuttle-table-list tbody th {
  background: #f5f7f6;
  padding: 10px;
  border-right: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}
.shuttle-table-list tbody td {
  padding: 10px;
  border-right: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}
.shuttle-table-list thead th.bgblue {
  background: #ebf1ff;
  color: #397dff;
}
.shuttleList > ul li {
  padding-bottom: 30px;
}

.shuttle .box-input {
  width: 50px;
}
.shuttle .tableTypeS-1 td .openOvBox {
  cursor: pointer;
  text-decoration: underline;
}
.shuttle .tableTypeS-1 td .overPopup {
  position: absolute;
  top: 100%;
  left: -70%;
  width: 282px;
  background: #fff;
  display: none;
  z-index: 100;
}
.shuttle .tableTypeS-1 td .overPopup .sharList {
  background: #f5f7f7;
  padding: 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.shuttle .tableTypeS-1 td .overPopup .overPopupHeader {
  padding: 20px 30px 0px 30px;
  box-sizing: border-box;
  text-align: left;
  vertical-align: bottom;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  align-items: flex-end;
}

.popup.popup_shuttle .popup__container {
  width: 1075px;
  padding: 0px;
  padding-bottom: 40px;
}
.popup.popup_shuttle .popup__container .Shuttle-title {
  display: flex;
  background: #f6f6f6;
  padding: 40px 20px 20px 60px;
  align-items: center;
}
.popup.popup_shuttle form {
  background: #fff;
  border-top: 1px solid #c51a18;
  padding: 20px 60px;
}
.popup.popup_shuttle .popup__container .listgroup .allcheck {
  background: #d9d9d9;
  height: 40px;
  display: flex;
  align-items: center;
}
.popup.popup_shuttle .popup__container .classinout {
  display: grid;
  grid-template-columns: 300px 255px 70px 265px;
  column-gap: 20px;
  position: relative;
}
.popup.popup_shuttle .popup__container .leftgroup .listgroup ul {
  overflow-y: auto;
  height: 385px;
}
.popup.popup_shuttle .popup__container .rightgroup .listgroup ul {
  overflow-y: auto;
  height: 350px;
}
.popup.popup_shuttle .popup__container .rightgroup .list-A.listgroup ul {
  overflow-y: auto;
  height: 547px;
}
.popup.popup_shuttle .popup__container .shuttle-popup-sum {
  background: #c51a18;
  padding: 10px;
  text-align: center;
  color: #fff;
}
.popup.popup_shuttle .rightgroup .stdList {
  background: #d9d9d9;
  height: 40px;
}
.group--add {
  position: relative;
}

/*�п� ���*/
.attend .settings-tab .btn {
  min-width: 120px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
}
.attend .container_2nd {
  display: grid;
  grid-template-columns: 355px auto;
  column-gap: 20px;
  padding-top: 30px;
  padding-bottom: 60px;
}
.attend .container_2nd .attendinfoArea .overScoll {
  height: 830px;
  overflow-y: scroll;
}
.attend .container_2nd .addActiveList {
  background: #fff;
  overflow-y: scroll;
  height: 833px;
}
.attend .container_2nd .classlist li {
  padding: 15px 10px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}
.attend .container_2nd .classlist li:hover {
  background: #fbefef;
}
.attend .container_2nd .classlist li.active {
  background: #fbefef;
}
.attend .container_2nd .attendinfoArea .table-attend-sum thead th {
  background: #fbefef;
  height: 47px;
  line-height: 47px;
  border-right: 1px solid #ccc;
}
.attend .container_2nd .attendinfoArea .table-attend-sum thead th:last-child {
  border-right: none;
}
.attend .container_2nd .attendinfoArea .tableTypeC thead th {
  height: 47px;
}
.attend .container_2nd .attendinfoArea table tbody td {
  height: 37px;
  line-height: 37px;
}
.attend .container_2nd .attendinfoArea table .td--bg--sum {
  background: #c31919;
  color: #fff;
  font-weight: var(--font-medium);
}
.attend .container_2nd .attendinfoArea .checkbox input + span::before {
  margin-right: 60px;
}
.attend
  .container_2nd
  .attendinfoArea
  .sharList
  .checkbox
  input
  + span::before {
  margin-right: 5px;
}
.attend .box-input {
  width: 50px;
}
.attend .attendinfoArea td .openOvBox {
  cursor: pointer;
  text-decoration: underline;
}
.attend .attendinfoArea td .overPopup {
  position: absolute;
  top: 100%;
  left: -70%;
  width: 282px;
  background: #fff;
  display: none;
  z-index: 100;
}
.attend .attendinfoArea td .overPopup .sharList {
  background: #f5f7f7;
  padding: 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.attend .attendinfoArea td .overPopup .overPopupHeader {
  padding: 20px 30px 0px 30px;
  box-sizing: border-box;
  text-align: left;
  vertical-align: bottom;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  align-items: flex-end;
}
.icons_attend-setting {
  background: url("../images/common/icons_attend-setting.png") center center
    no-repeat;
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: sub;
  font-size: 0px;
}

/* 수납관리 추가 */
/*Çлý°ü¸® > ¼ö³³°ü¸®*/
.pop-Claim .popup__container {
  width: 1550px;
  background: #eaebeb;
  padding: 50px 40px;
}
.pop-Claim.popClaim .popup__container {
  width: 790px;
  min-width: 790px;
}
.pop-Claim.popClaim .popup__container td:first-child {
  background: #c9c9c9;
  border-bottom: 1px solid #999999;
  font-weight: 500;
}
.pop-Claim.popClaim .popup__container td:last-child {
  border-right: none;
}
.pop-Claim.popClaim .popup__container td,
.pop-Claim#popClaim-Card .popup__container td {
  border-bottom: 1px solid #c9c9c9;
}
.pop-Claim .Claim-box,
.pop-Claim .Claim-box2 {
  background: #fff;
  margin: 30px 0;
  align-items: center;
  padding: 10px 0;
  border: 1px solid #c8c8c8;
  display: flex;
  height: 50px;
}
.pop-Claim .Claim-box ul {
  display: grid;
  grid-template-columns: 300px 100px 50px 70px 90px 100px 270px auto;
  column-gap: 15px;
}
.pop-Claim .Claim-box ul.CashRefund {
  grid-template-columns: 100px 100px 200px 100px 100px auto;
}
.pop-Claim .Claim-box ul li,
.pop-Claim .Claim-box2 ul li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/*.pop-Claim .Claim-box .radio input[type=radio]:checked+span::after {margin-top: -3px;}*/
#popClaimPaper_OnCash .radio input[type="radio"]:checked + span::after {
  margin-top: -4px;
}
#popClaimRefund_Prepay2 .Claim-box ul,
#popClaimRefund_Prepay3 .Claim-box ul {
  grid-template-columns: 13% 10% 10% 13% 13% 40% auto;
}
#popClaimRefund_Prepay2
  .Claim-box
  .radio
  input[type="radio"]:checked
  + span::after,
#popClaimRefund_Prepay3
  .Claim-box
  .radio
  input[type="radio"]:checked
  + span::after,
#popClaimRefund_Prepay3
  .Claim-box2
  .radio
  input[type="radio"]:checked
  + span::after {
  margin-top: -4px;
}
#popClaimRefund_Prepay3 .Claim-box2 ul {
  display: grid;
  grid-template-columns: 12% 30% 30% 20% auto;
  column-gap: 15px;
}
.pop-Claim-Send .popup__container {
  width: 1310px;
  background: #eaebeb;
  padding: 60px 40px;
  min-width: 1310px;
}
.pop-Claim#popClaimPrepay .group_subtitle {
  display: flex;
  align-items: center;
  margin: 20px 0 10px;
  justify-content: space-between;
}
.pop-Claim#popClaimPrepay .group_subtitle span {
  font-size: 20px;
  color: #999;
  font-weight: 200;
  display: inline-flex;
  align-items: center;
}
.pop-Claim#popClaimPrepay .group_subtitle span:after {
  display: inline-block;
  content: "|";
  float: right;
  color: #c9c9c9;
  margin: 0 10px;
  font-size: 13px;
}
.pop-Claim#popClaimPrepay .group_subtitle span:last-child:after {
  content: " ";
}
.pop-Claim#popClaimPrepay .groupBody table thead th {
  background: #c61a18;
  color: #fff;
  height: 50px;
  border-right: 1px solid #c9c9c9;
}
.pop-Claim#popClaimPrepay .groupBody table tbody td {
  height: 50px;
  background: #fff;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  font-weight: 400;
}
.pop-Claim#popClaimPrepay .groupBody table thead th:last-child,
.pop-Claim#popClaimPrepay .groupBody table tbody td:last-child {
  border-right: none;
}
.pop-Claim#popClaimPrepay .PrepayTabContainer {
  display: none;
}
.pop-Claim#popClaimPrepay .PrepayTabContainer.show {
  display: block !important;
}
.pop-Claim#popClaimPrepay .grid-3nd {
  display: grid;
  grid-template-columns: auto 100px 100px;
  align-items: center;
  row-gap: 15px;
  column-gap: 15px;
  text-align: right;
  color: #222;
}
.pop-Claim#popClaimPrepay .grid-3nd li span {
  margin-left: 10px;
  background: #a2a2a2;
  padding: 2px 8px;
  font-size: 12px;
  color: #eee;
  font-weight: 300;
  border-radius: 6px;
}
.pop-Claim#popClaimPrepay .grid-3nd li:nth-of-type(3n + 1) {
  text-align: left;
}
.pop-Claim#popClaimPrepay .grid-3nd li:nth-of-type(3n + 2) {
  color: #999;
  font-weight: 300;
}
.pop-Claim#popClaimPrepay .grid-3nd li:nth-of-type(3n + 3) {
  margin-right: 15px;
  font-weight: 500;
}
.pop-Claim#popClaimPrepay .ClaimPrepay-3nd-tab {
  border-bottom: 1px solid #c61a18;
}
.pop-Claim#popClaimPrepay .ClaimPrepay-3nd-tab button {
  margin-right: 20px;
  padding: 0;
  min-width: auto;
}
.pop-Claim#popClaimPrepay .ClaimPrepay-3nd-tab .active {
  color: #c61a18;
  font-weight: 600;
}
.pop-Claim#popClaimPrepay .ClaimPrepay-listin {
  height: 300px;
  overflow-y: auto;
  padding: 20px 0;
}
.pop-Claim#popClaimPrepay .btn-more {
  background: #dadada;
  width: 100%;
  padding: 3px 0;
  font-size: 13px;
  color: #999;
}
.popup .pop-Charge {
  display: grid;
  grid-template-columns: 30% 70%;
  align-items: center;
  row-gap: 15px;
  margin: 20px 0 30px;
}
.popup .pop-Charge li:first-child {
  color: #fff;
  background: #000;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup .pop-Charge li:nth-of-type(3n) {
  color: #fff;
  background: #888888;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup .pop-Charge li .input {
  background: #f6f6f6;
}
.popup .pop-Charge li .input.chargeinput-text:before {
  content: "¿ø";
}
.tableTypeG {
  width: 100%;
  border-top: 1px solid #222;
}
.tableTypeG thead th {
  background: #222 !important;
  color: #fff;
  vertical-align: middle;
  border-right: 1px solid #c8c8c8;
  font-weight: var(--font-medium);
  padding: 15px 10px;
}
.tableTypeG tbody td {
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 5px 10px;
  line-height: 1.4;
  vertical-align: middle;
  height: 45px;
}
.tableTypeG tfoot {
  background: #f6f6f6;
}
.tableTypeH {
  width: 100%;
  border-top: 1px solid #222;
}
.tableTypeH thead th {
  background: #c9c9c9 !important;
  color: #222;
  vertical-align: middle;
  border-right: 1px solid #b1b1b1;
  font-weight: var(--font-medium);
  padding: 15px 10px;
}
.tableTypeH tbody td,
.tableTypeH tbody th {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  line-height: 1.4;
  vertical-align: middle;
  height: 45px;
  word-break: break-all;
}
.tableTypeH tbody th {
  background: #c9c9c9;
  border-bottom: 1px solid #b0b0b0;
  height: 60px;
}

.overflow--y--height250 tbody {
  overflow-y: scroll;
  height: 250px;
  display: block;
  width: 1582px;
  background: #fff;
}
.overflow--y--height250 tbody td:nth-of-type(1) {
  width: 170px;
}
.overflow--y--height250 tbody td:nth-of-type(2) {
  width: 80px;
}
.overflow--y--height250 tbody td:nth-of-type(3) {
  width: 560px;
}
.overflow--y--height250 tbody td:nth-of-type(4) {
  width: 130px;
}
.overflow--y--height250 tbody td:nth-of-type(5) {
  width: 130px;
}
.overflow--y--height250 tbody td:nth-of-type(6) {
  width: 130px;
}
.overflow--y--height250 tbody td:nth-of-type(7) {
  width: 130px;
}
.overflow--y--height250 tbody td:nth-of-type(8) {
  width: 130px;
}
.overflow--y--height250 tbody td:nth-of-type(9) {
  width: 105px;
}
.overflow--y--height250 tfoot td {
  padding: 15px 5px;
}
.overflow--y--height250 tbody tr:nth-last-of-type(1) td {
  border-bottom: 1px solid #ccc !important;
}
.overflow--y--height250 {
  border-top: none;
}

.overflow--y--height252 tbody {
  overflow-y: scroll;
  height: 250px;
  display: block;
  width: 1582px;
  background: #fff;
}
.overflow--y--height252 tbody td:nth-of-type(1) {
  width: 175px;
}
.overflow--y--height252 tbody td:nth-of-type(2) {
  width: 310px;
}
.overflow--y--height252 tbody td:nth-of-type(3) {
  width: 115px;
}
.overflow--y--height252 tbody td:nth-of-type(4) {
  width: 115px;
}
.overflow--y--height252 tbody td:nth-of-type(5) {
  width: 115px;
}
.overflow--y--height252 tbody td:nth-of-type(6) {
  width: 115px;
}
.overflow--y--height252 tbody td:nth-of-type(7) {
  width: 115px;
}
.overflow--y--height252 tbody td:nth-of-type(8) {
  width: 115px;
}
.overflow--y--height252 tbody td:nth-of-type(9) {
  width: 115px;
}
.overflow--y--height252 tbody td:nth-of-type(10) {
  width: 100px;
}
.overflow--y--height252 tbody td:nth-of-type(11) {
  width: 175px;
}
.overflow--y--height252 tfoot td {
  padding: 15px 5px;
}
.overflow--y--height252 tbody tr:nth-last-of-type(1) td {
  border-bottom: 1px solid #ccc !important;
}
.overflow--y--height252 {
  border-top: none;
}

.overflow--y--height260 {
  overflow-y: scroll;
  height: 250px;
  background: #fff;
  overflow-x: hidden;
}
.overflow--y--height260 td {
  padding: 15px 5px;
}
.overflow--y--height260 tbody tr:nth-last-of-type(1) td {
  border-bottom: 1px solid #ccc !important;
}
.overflow--y--height260 {
  border-top: none;
}

.overflow--y--height300 {
  overflow-y: scroll;
  height: 300px;
  background: #fff;
}
.overflow--y--height300 {
  border-top: none;
}
.overflow--y--height190 {
  overflow-y: scroll;
  height: 190px;
  background: #fff;
}
.overflow--y--height190 {
  border-top: none;
}
.overflow--y--height175 {
  overflow-y: scroll;
  height: 175px;
  background: #fff;
}
.overflow--y--height175 {
  border-top: none;
}

.overflow--y--height310 tbody {
  overflow-y: scroll;
  height: 300px;
  display: block;
  width: 1230px;
}
.overflow--y--height310 tbody td:nth-of-type(1) {
  width: 230px;
}
.overflow--y--height310 tbody td:nth-of-type(2) {
  width: 150px;
}
.overflow--y--height310 tbody td:nth-of-type(3) {
  width: 600px;
}
.overflow--y--height310 tbody td:nth-of-type(4) {
  width: 150px;
}
.overflow--y--height310 tbody td:nth-of-type(5) {
  width: 83px;
}
.overflow--y--height310 tbody td:last-child {
  border-right: none;
}

.overflow--y--height135 tbody {
  overflow-y: scroll;
  height: 135px;
  display: block;
  width: 838px;
}
.overflow--y--height135 tbody td:nth-of-type(1) {
  width: 358px;
}
.overflow--y--height135 tbody td:nth-of-type(2) {
  width: 120px;
}
.overflow--y--height135 tbody td:nth-of-type(3) {
  width: 120px;
}
.overflow--y--height135 tbody td:nth-of-type(4) {
  width: 120px;
}
.overflow--y--height135 tbody td:nth-of-type(5) {
  width: 102px;
}
.overflow--y--height135 tbody td:last-child {
  border-right: none;
}
.overflow--y--height135 tfoot td {
  border-bottom: 1px solid #222;
  padding: 15px 5px;
  border-right: 1px solid #c8c8c8;
  border-top: 1px solid #c8c8c8;
}
.overflow--y--height135 tfoot td:last-child {
  border-right: none;
}
.overflow--y--height135 {
  border-top: none !important;
}

.overflow--y--height520 tbody {
  overflow-y: scroll;
  height: 520px;
  display: block;
  width: 1582px;
  background: #fff;
}
.overflow--y--height520 tbody td:nth-of-type(1) {
  width: 100px;
}
.overflow--y--height520 tbody td:nth-of-type(2) {
  width: 315px;
}
.overflow--y--height520 tbody td:nth-of-type(3),
.overflow--y--height520 tbody td:nth-of-type(4),
.overflow--y--height520 tbody td:nth-of-type(5),
.overflow--y--height520 tbody td:nth-of-type(6),
.overflow--y--height520 tbody td:nth-of-type(7),
.overflow--y--height520 tbody td:nth-of-type(8),
.overflow--y--height520 tbody td:nth-of-type(10) {
  width: 114px;
}
.overflow--y--height520 tbody td:nth-of-type(9) {
  width: 160px;
}
.overflow--y--height520 tbody td:nth-of-type(11) {
  width: 97px;
}
.overflow--y--height520 tbody td:nth-of-type(12) {
  width: 94px;
}
.overflow--y--height520 tfoot td {
  background: #f1f1f1;
  border-right: 1px solid #ddd;
  font-weight: 600;
}
.overflow--y--height520 tfoot td:last-child,
.overflow--y--height520 tbody td:last-child {
  border-right: none;
}

.overflow--y--height520A tbody {
  overflow-y: scroll;
  height: 520px;
  display: block;
  width: 1582px;
  background: #fff;
}
.overflow--y--height520A tbody td:nth-of-type(1) {
  width: 90px;
}
.overflow--y--height520A tbody td:nth-of-type(2) {
  width: 125px;
}
.overflow--y--height520A tbody td:nth-of-type(3) {
  width: 200px;
}
.overflow--y--height520A tbody td:nth-of-type(4) {
  width: 105px;
}
.overflow--y--height520A tbody td:nth-of-type(n + 5):nth-of-type(-n + 9) {
  width: 85px;
}
.overflow--y--height520A tbody td:nth-of-type(10) {
  width: 90px;
}
.overflow--y--height520A tbody td:nth-of-type(11) {
  width: 100px;
}
.overflow--y--height520A tbody td:nth-of-type(12) {
  width: 90px;
}
.overflow--y--height520A tbody td:nth-of-type(13) {
  width: 49px;
}
.overflow--y--height520A tbody td:nth-of-type(14) {
  width: 80px;
}
.overflow--y--height520A tbody td:nth-of-type(15),
.overflow--y--height520A tbody td:nth-of-type(16) {
  width: 60px;
}
.overflow--y--height520A tbody td:nth-of-type(17) {
  width: 91px;
}
.overflow--y--height520A tfoot td {
  background: #f1f1f1;
  border-right: 1px solid #ddd;
  font-weight: 600;
}
.overflow--y--height520A tfoot td:last-child,
.overflow--y--height520A tbody td:last-child {
  border-right: none;
}

.popup--920 .popup__container {
  width: 920px !important;
}
.popup .brdzone {
  position: relative;
}
.popup .grid-2nd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  column-gap: 20px;
  row-gap: 15px;
  width: 50%;
  color: #666;
}
.popup .grid-2nd li:nth-of-type(2n + 1) {
  text-align: left;
}
.popup .grid-2nd li:nth-of-type(2n + 2) {
  text-align: right;
}
.popup .brdContent {
  display: none;
  position: absolute;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(175, 175, 175);
  padding: 8px;
  z-index: 1;
  word-break: keep-all;
  text-align: left;
  width: 255px;
  top: 20px;
  left: 15px;
  line-height: 1.3;
}
#popClaimRefund_mess .popup__container .message ul {
  margin-left: 98px;
  text-align: left;
  padding-bottom: 10px;
}
#popClaimRefund_mess .popup__container .message ul li {
  position: relative;
  line-height: 1.4;
  padding-left: 10px;
  margin-top: 5px;
}
#popClaimRefund_mess .popup__container .message ul li:before {
  position: absolute;
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background: #c51a18;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  vertical-align: top;
  margin-top: 8px;
  left: 0;
}
#popClaim_DC .groupHeader span,
#popClaim_Payover .groupHeader span {
  width: 90px;
  display: inline-flex;
  font-weight: 600;
  margin-bottom: 10px;
}
.pop-Claim #overPopup,
.pop-Claim #overPopupA,
.pop-Claim #overPopupB,
.pop-Claim #overPopupC {
  position: absolute;
  top: 34px;
  right: 0;
  width: 300px;
  background: #fff;
  display: none;
  z-index: 100;
  border: 1px solid #eaebeb;
  border-top: none;
}
.pop-Claim #overPopupA,
.pop-Claim #overPopupB,
.pop-Claim #overPopupC {
  right: 5px;
}
.pop-Claim .overPopupSearch {
  padding: 10px;
}
.pop-Claim #openOvBox,
.pop-Claim #openOvBoxA,
.pop-Claim #openOvBoxB,
.pop-Claim #openOvBoxC {
  position: relative;
  background: #fff;
  border: 1px solid #eaebeb;
  height: 34px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
  color: #898989;
}
.pop-Claim #openOvBox:after,
.pop-Claim #openOvBoxA:after,
.pop-Claim #openOvBoxB:after,
.pop-Claim #openOvBoxC:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 9px;
  height: 6px;
  background: #fff url("/dhtm/images/total/select_down.png") center center
    no-repeat;
}
.pop-Claim #overPopup table td,
.pop-Claim #overPopupA table td,
.pop-Claim #overPopupB table td,
.pop-Claim #overPopupC table td {
  color: #898989;
}
.pop-Claim #overPopup table td:nth-of-type(2n + 1),
.pop-Claim #overPopupA table td:nth-of-type(2n + 1),
.pop-Claim #overPopupB table td:nth-of-type(2n + 1),
.pop-Claim #overPopupC table td:nth-of-type(2n + 1) {
  text-align: right;
  padding: 10px 0 10px 0px;
}
.pop-Claim #overPopup table td:nth-of-type(2n + 2),
.pop-Claim #overPopupA table td:nth-of-type(2n + 2),
.pop-Claim #overPopupB table td:nth-of-type(2n + 2),
.pop-Claim #overPopupC table td:nth-of-type(2n + 2) {
  text-align: right;
  padding: 10px 80px 10px 0;
}
.pop-Claim .radio input[type="radio"]:checked + span::after {
  margin-top: -3px;
}

/*¼ö³³°ü¸®*/
.default_list {
  background: #eaeaea;
  padding-top: 30px;
  padding-bottom: 30px;
}