@charset "utf-8";
@import url("font.css");

/* Reset */
body * {
  outline: none;
  box-sizing: border-box;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
blockquote,
pre,
code,
address,
ul,
ol,
li,
menu,
nav,
section,
article,
aside,
dl,
dt,
dd,
table,
thead,
tbody,
tfoot,
label,
caption,
th,
td,
form,
fieldset,
legend,
hr,
input,
button,
textarea,
object,
figure,
figcaption {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  min-width: 320px;
  -webkit-text-size-adjust: none;
  word-wrap: break-word;
  word-break: break-all;
}
body,
input,
select,
textarea,
button,
pre {
  border: none;
  font-size: 14px;
  font-family: "NanumSquareRound", sans-serif;
  color: #242e47;
  font-weight: 400;
}
body * {
  box-sizing: border-box;
}
body.fixed {
  overflow-y: hidden;
}
ul,
ol,
li {
  list-style: none;
}
table {
  border-spacing: 0;
}
img,
fieldset {
  border: 0;
}
address,
cite,
code {
  font-style: normal;
  font-weight: normal;
}
em {
  font-style: normal;
}
label,
img,
input,
select,
textarea,
button {
  vertical-align: middle;
}
.hide,
legend {
  overflow: hidden;
  display: block;
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}
hr {
  display: none;
}
main,
header,
section,
nav,
footer,
aside,
article,
figure {
  display: block;
}
a {
  color: #242e47;
  text-decoration: none;
}
button {
  cursor: pointer;
  color: #242e47;
  background-color: transparent;
  outline: none;
}
caption {
  position: relative;
}
/* pre{font-size: 14px; line-height: 24px; letter-spacing: -.4px; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; } */

/* Form */
textarea {
  border: 1px solid rgba(0, 0, 0, 0.25);
}
select {
  padding-left: 10px;
  height: 36px;
}
input[type="tel"],
input[type="time"],
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="number"],
input[type="date"],
textarea {
  font-size: 12px;
  color: #242e47;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  transition:
    all 0.5s,
    width 0s;
  box-sizing: border-box;
  vertical-align: middle;
  border-radius: 4px;
}
input:focus {
  border: 1px solid #7e44fb !important;
}
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"] {
  padding: 0 14px;
  height: 36px;
  line-height: 34px;
}
input::-webkit-input-placeholder {
  color: rgba(36, 46, 71, 0.4);
  font-size: 12px;
  line-height: 100%;
}
textarea {
  padding: 12px;
  resize: none;
}
textarea::placeholder {
  color: rgba(36, 46, 71, 0.4);
}
.inp {
  padding: 0 10px;
  height: 73px;
  overflow: auto;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="tel"][readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="email"][readonly],
input[type="search"][readonly],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="email"][disabled] {
  -webkit-appearance: none;
  font-size: 12px;
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(36, 46, 71, 0.4);
}
input[type="text"]::-ms-clear {
  display: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
select:disabled {
  color: rgba(36, 46, 71, 0.25);
  background-color: #f8f8f9;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

input[type="text"][disabled].file {
  padding: 0 12px;
  background-color: #fff;
  border-color: rgba(36, 46, 71, 0.2);
  font-size: 14px;
  color: #7e44fb;
}
input[type="text"][disabled].file_inp {
  font-size: 12px;
  padding: 0 30px 0 40px;
  color: #242e47;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #e9ebfc;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
input[type="text"][disabled].file_inp_white {
  width: auto;
  font-size: 12px;
  padding: 0 30px 0 40px;
  color: #7e44fb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.file_down {
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  width: 20px;
  height: 20px;
  background: url("../images/icons/downicon.png") no-repeat center;
}
textarea[readonly],
textarea[disabled] {
  padding: 12px 10px;
  font-size: 14px;
  color: #e1e1e1;
  font-weight: normal;
  line-height: 100%;
  height: 40px;
  background: #f8f8f9;
  border: 1px solid #e1e1e1;
}
.clear {
  clear: both;
}
.clear:after {
  content: "";
  display: block;
  clear: both;
}

/* custom select */
.custom-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.custom-select select {
  display: none;
}
.select-selected {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
  text-align: left;
  background: #fff url("../images/icons/select_down.png") no-repeat right 8px
    top 8px / 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 36px;
  transition: all 0.5s;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 8px; /* 241125 수정 */
  right: 10px;
  width: 0;
  height: 0;
  border: none;
}
.select-selected.select-arrow-active {
  border: 1px solid #7e44fb !important;
  background-image: none;
}
.select-selected.select-arrow-active:after {
  background-image: url("../images/icons/select_up.png");
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
} /* 241125 수정 */

.select-items div,
.select-selected {
  text-align: left;
  color: #242e47;
  padding: 11px 5px 10px 12px;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
}
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  color: #242e47;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.select-hide {
  display: none;
}
.select-items div:hover,
.same-as-selected {
  background-color: rgba(72, 90, 225, 0.1);
}

.custom-select .select-items {
  max-height: 200px;
  overflow-y: auto;
}
.custom-select .select-items::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.custom-select .select-items::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 100px;
}
.custom-select .select-items::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-radius: 100px;
  background-clip: padding-box;
  border: 3px solid transparent;
}

.custom-select.disabled .select-selected {
  cursor: default;
  border-color: rgba(0, 0, 0, 0.2);
  background: #fafafa url("../images/icons/select_down.png") no-repeat right 6px
    center / 18px;
  color: rgba(36, 46, 71, 0.25);
}
.custom-select.disabled .select-selected.select-arrow-active {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-image: none;
}
.custom-select.disabled .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: none;
}

/* 인풋 */
input.inp_transparent {
  border: none;
}
.inp_reset {
  display: inline-block;
}
.inp_reset button,
.inp_reset label {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  height: 36px;
  line-height: 36px;
  background-color: #5f6b84;
  color: #fff;
  margin-left: -8px;
  border-radius: 0 4px 4px 0;
  font-size: 12px;
  font-weight: 800;
}

.inp_date_wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.inp_date_wrap .in_text {
  position: absolute;
  left: 0;
  top: 11.4px;
  padding-left: 12px;
  font-size: 12px;
  color: #242e47;
}
.inp_date_wrap input[type="text"][readonly].inp_date {
  padding-left: 68px;
}

input[type="text"][readonly].inp_date {
  border-color: rgba(0, 0, 0, 0.1);
  font-size: 12px;
  padding-right: 40px;
  background: #fff url("../images/icons/inp_date.png") no-repeat right 5px
    center;
  color: #242e47;
}
input[type="text"].inp_date {
  border-color: rgba(0, 0, 0, 0.1);
  font-size: 12px;
  padding-right: 40px;
  background: #fff url("../images/icons/inp_date.png") no-repeat right 5px
    center;
  color: #242e47;
} /* 250804추가 */
input[type="text"][readonly].inp_date.type2 {
  border-color: rgba(0, 0, 0, 0.08);
}

input[type="text"][readonly].inp_date.disabled {
  pointer-events: none;
  background-color: #f8f8f9;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: #a3a7b1;
}

input[type="text"].grey_inp {
  background-color: #f8f8f9;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.file_box {
  position: relative;
}
.file_box .file_remove_btn {
  position: absolute;
  right: 6px;
  top: 8px;
}
.file_box.type2 {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

.selected_box {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
}
.selected_box .text_inp {
  font-size: 12px;
  padding: 0 30px 0 15px;
  color: #242e47;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #e9ebfc;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 4px;
  height: 26px;
  line-height: 26px;
}

.selected_box .file_remove_btn {
  position: absolute;
  right: 6px;
  top: 3px;
}

.inp_select {
  display: inline-block;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.inp_select .custom-select {
  position: absolute;
}
.inp_select input[type="text"] {
  margin-left: 90px;
  border: none;
}
.inp_select.type2 input[type="text"] {
  margin-left: 115px;
  border: none;
}
.inp_select.type3 input[type="text"] {
  margin-left: 84px;
  border: none;
}
.inp_select.type4 input[type="text"] {
  margin-left: 78px;
  border: none;
}
.inp_select input[type="text"]:focus {
  border: none !important;
}
.inp_select .select-selected {
  border: none !important;
}

.inp_select button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin-left: -8px;
  border-radius: 0 4px 4px 0;
}

.inp_reset.ty2 button {
  margin-left: 8px;
  border-radius: 4px;
}

/* 체크박스, 라디오*/
.label {
  display: inline-block;
  padding: 4px 0 4px 28px;
  margin: 2px 0;
  min-height: 22px;
}
.label.single {
  padding: 2px 0 2px 20px;
  background-size: contain;
}
.ch_check + .label {
  background: url("../images/icons/check_off.png") no-repeat left center;
  cursor: pointer;
}
.ch_check:checked + .label {
  background-image: url("../images/icons/check_on.png");
}
.ch_check[type="checkbox"][disabled] + .label {
  background-image: url("../images/icons/disabled_check_off.png");
}

.ch_radio + .label {
  background: url("../images/icons/radio_off.png") no-repeat left center;
  cursor: pointer;
}
.ch_radio:checked + .label {
  background-image: url("../images/icons/radio_on.png");
}
.ch_radio[type="radio"][disabled] + .label {
  background-image: url("../images/icons/disabled_radio_off.png");
}

/* 스크롤 스타일 */
.scroll {
  overflow: auto;
}
.scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 100px;
}
.scroll::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-radius: 100px;
  background-clip: padding-box;
  border: 3px solid transparent;
}

/* textarea 가로 고정 */
textarea.re_ver {
  resize: vertical;
}
textarea.re_none {
  resize: none;
}

/* text 말줄임표 */
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* 정렬방식 */
.left {
  float: left;
}
.right {
  float: right;
}

/* vertical-align */
.ver_top {
  vertical-align: top;
}
.ver_mid {
  vertical-align: middle;
} /* 240105 추가 */

/* position */
.position_rel {
  position: relative;
} /* 240105 추가 */

/* text-align */
.text_left {
  text-align: left !important;
} /* 241125 수정 */
.text_center {
  text-align: center !important;
} /* 240105 수정 */
.text_right {
  text-align: right;
}

/* display */
.dis_inblock {
  display: inline-block;
}
.dis_block {
  display: block;
}
.dis_none {
  display: none;
}
.dis_flex {
  display: flex;
} /* 250108 추가 */

/* flex */
.flex-column {
  flex-direction: column;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
/* 가로사이즈 */
.w_22 {
  width: 22px;
}
.w_51 {
  width: 51px;
}
.w_59 {
  width: 59px;
}
.w_60 {
  width: 60px;
} /* 240105 추가 */
.w_71 {
  width: 71px;
}
.w_76 {
  width: 76px;
} /* 240105 추가 */
.w_78 {
  width: 78px;
}
.w_80 {
  width: 80px;
}
.w_85 {
  width: 85px;
}
.w_90 {
  width: 90px;
}
.w_91 {
  width: 91px;
}
.w_95 {
  width: 95px;
}
.w_96 {
  width: 96px;
} /* 240105 추가 */
.w_100 {
  width: 100px;
}
.w_102 {
  width: 102px;
}
.w_105 {
  width: 105px;
}
.w_108 {
  width: 108px;
}
.w_110 {
  width: 110px;
}
.w_115 {
  width: 115px;
} /* 240105 추가 */
.w_118 {
  width: 118px;
}
.w_120 {
  width: 120px;
}
.w_122 {
  width: 122px !important;
} /* 240429 추가 */
.w_125 {
  width: 125px !important;
}
.w_126 {
  width: 126px;
} /* 240105 추가 */
.w_128 {
  width: 128px;
} /* 241210 추가 */
.w_130 {
  width: 130px !important;
}
.w_132 {
  width: 132px;
}
.w_138 {
  width: 138px;
}
.w_140 {
  width: 140px;
}
.w_142 {
  width: 142px !important;
} /* 240429 추가 */
.w_145 {
  width: 145px;
}
.w_148 {
  width: 148px;
}
.w_150 {
  width: 150px;
}
.w_154 {
  width: 154px;
}
.w_160 {
  width: 160px;
}
.w_165 {
  width: 165px;
}
.w_175 {
  width: 175px;
}
.w_180 {
  width: 180px;
}
.w_199 {
  width: 199px;
}
.w_200 {
  width: 200px;
} /* 241125 추가 */
.w_205 {
  width: 205px;
}
.w_210 {
  width: 210px;
}
.w_214 {
  width: 214px;
}
.w_220 {
  width: 220px;
}
.w_232 {
  width: 232px !important;
} /* 240429 추가 */
.w_240 {
  width: 240px;
}
.w_250 {
  width: 250px;
}
.w_268 {
  width: 268px !important;
} /* 240429 추가 */
.w_276 {
  width: 276px;
}
.w_282 {
  width: 282px;
}
.w_300 {
  width: 300px;
}
.w_312 {
  width: 312px;
}
.w_318 {
  width: 318px;
} /* 240105 추가 */
.w_320 {
  width: 320px;
} /* 250108 추가 */
.w_340 {
  width: 340px;
}
.w_341 {
  width: 341px;
}
.w_350 {
  width: 350px;
}
.w_354 {
  width: 354px;
}
.w_360 {
  width: 360px;
}
.w_364 {
  width: 364px;
} /* 240304 추가 */
.w_374 {
  width: 374px;
}
.w_390 {
  width: 390px !important;
} /* 240429 추가 */
.w_394 {
  width: 394px;
}
.w_400 {
  width: 400px;
}
.w_406 {
  width: 406px;
} /* 240105 추가 */
.w_410 {
  width: 410px;
}
.w_416 {
  width: 416px;
}
.w_430 {
  width: 430px;
}
.w_432 {
  width: 432px;
}
.w_444 {
  width: 444px;
}
.w_452 {
  width: 452px;
}
.w_472 {
  width: 472px;
}
.w_500 {
  width: 500px;
}
.w_508 {
  width: 508px;
}
.w_688 {
  width: 688px;
}
.w_877 {
  width: 877px;
}
.w_929 {
  width: 929px;
}
.w_980 {
  width: 980px;
}
.w_990 {
  width: 990px !important;
}
.w_1200 {
  width: 1200px;
}
.w_hallf {
  width: 50%;
}
.w_33per {
  width: calc(100% / 3);
}
.w_full {
  width: 100%;
}
.w_minus134 {
  width: calc(100% - 134px);
}
.w_minus78 {
  width: calc(100% - 78px);
}
.w_minus89 {
  /* 240826 추가 */
  width: calc(100% - 89px);
}

/* 세로사이즈 */
.h_32 {
  height: 32px !important;
} /* 240105 추가 */
.h_50 {
  height: 50px !important;
}
.h_106 {
  height: 106px !important;
}
.h_155 {
  height: 155px !important;
} /* 240105 추가 */
.h_160 {
  height: 160px !important;
} /* 241107 추가 */
.h_851 {
  height: 851px !important;
} /* 250108 추가 */

/* margin, padding */
.martop_2 {
  margin-top: 2px;
}
.martop_4 {
  margin-top: 4px;
}
.martop_6 {
  margin-top: 6px;
}
.martop_8 {
  margin-top: 8px;
}
.martop_10 {
  margin-top: 10px;
}
.martop_12 {
  margin-top: 12px;
}
.martop_14 {
  margin-top: 14px;
}
.martop_15 {
  margin-top: 15px;
}
.martop_16 {
  margin-top: 16px;
}
.martop_18 {
  margin-top: 18px;
}
.martop_20 {
  margin-top: 20px;
}
.martop_23 {
  margin-top: 23px;
} /* 240105 추가 */
.martop_24 {
  margin-top: 24px;
}
.martop_26 {
  margin-top: 24px;
} /* 240521 추가 */
.martop_27 {
  margin-top: 27px;
}
.martop_30 {
  margin-top: 30px;
}
.martop_32 {
  margin-top: 32px !important;
} /* 240429 !important 추가 */
.martop_35 {
  margin-top: 35px;
}
.martop_36 {
  margin-top: 36px;
} /* 240105 추가  */
.martop_40 {
  margin-top: 40px !important;
} /* 240826 추가  */
.martop_50 {
  margin-top: 50px !important;
}
.martop_60 {
  margin-top: 60px !important;
} /* 240429 추가 */
.martop_92 {
  margin-top: 92px !important;
} /* 241028 추가 */
.marleft_0 {
  margin-left: 0px !important;
}
.marleft_4 {
  margin-left: 4px;
}
.marleft_6 {
  margin-left: 6px;
}
.marleft_8 {
  margin-left: 8px !important;
}
.marleft_10 {
  margin-left: 10px;
}
.marleft_12 {
  margin-left: 12px;
} /* 240105 추가 */
.marleft_15 {
  margin-left: 15px;
}
.marleft_16 {
  margin-left: 16px !important;
} /* 240105 추가 */
.marleft_18 {
  margin-left: 18px;
}
.marleft_20 {
  margin-left: 20px !important;
} /* 240105 추가 */
.marleft_22 {
  margin-left: 22px !important;
} /* 250804추가 */
.marleft_24 {
  margin-left: 24px;
}
.marleft_28 {
  margin-left: 28px;
}
.marleft_30 {
  margin-left: 30px;
}
.marleft_40 {
  margin-left: 40px;
} /* 240105 추가 */
.marleft_44 {
  margin-left: 44px;
}
.marleft_48 {
  margin-left: 48px !important;
} /* 250804추가 */
.marleft_50 {
  margin-left: 50px;
} /* 240105 추가 */
.marleft_60 {
  margin-left: 60px;
} /* 240105 추가 */
.marleft_83 {
  margin-left: 83px;
} /* 240105 추가 */
.marleft_104 {
  margin-left: 104px;
} /* 240105 추가 */
.marleft_112 {
  margin-left: 112px !important;
} /* 240429 추가 */
.marleft_168 {
  margin-left: 168px;
} /* 240105 추가 */
.marleft_180 {
  margin-left: 180px;
} /* 240105 추가 */
.marright_20 {
  margin-right: 20px;
}
.marright_30 {
  margin-right: 20px;
}

.marbtm_0 {
  margin-bottom: 0 !important;
} /* 250804추가 */
.marbtm_12 {
  margin-bottom: 12px;
}
.marbtm_26 {
  margin-bottom: 26px !important;
}

.padtop_4 {
  padding-top: 4px;
}
.padtop_9 {
  padding-top: 9px !important;
} /* 240429 추가 */
.padtop_14 {
  padding-top: 14px !important;
} /* 250804추가 */
.padtop_18 {
  padding-top: 18px !important;
} /* 250804추가 */
.padtop_20 {
  padding-top: 20px !important;
} /* 240202 추가 */
.padtop_30 {
  padding-top: 30px;
}
.padtop_40 {
  padding-top: 40px !important;
} /* 250804추가 */
.padtop_50 {
  padding-top: 50px !important;
} /* 240429 추가 */
.padtop_55 {
  padding-top: 55px !important;
} /* 241107 추가 */

.padbottom_0 {
  padding-bottom: 0px;
}
.padbottom_60 {
  padding-bottom: 60px;
}
.padbottom_70 {
  padding-bottom: 70px !important;
} /* 241125 추가 */
.padbottom_80 {
  padding-bottom: 80px;
}
.padbottom_100 {
  padding-bottom: 100px;
}
.padright_13 {
  padding-right: 13px;
}
.padleft_162 {
  padding-left: 162px;
}

.padnone {
  padding: 0 !important;
}
/* .marbtm_minus30 { margin-bottom: -30px; } */

/* 폰트컬러 */
.col_blue {
  color: #7e44fb;
}
.col_mint {
  color: #7e44fb;
}
.col_grey {
  color: #a7abb5;
}
.col_grey2 {
  color: rgba(36, 46, 71, 0.5);
}
.col_grey3 {
  color: rgba(36, 46, 71, 0.3);
}
.col_red {
  color: #ff4040;
}
.col_orange {
  color: #f5815b !important;
} /* 240105 추가 */
.col_sky {
  color: #5d87dc;
}

/* background-color */
.grey_hr {
  border-bottom: 1px solid #e5e5e5;
}
.bg_grey {
  background-color: #f8f8f9 !important;
}
.bg_trans {
  background: transparent !important;
} /* 240105 추가 */

/* 폰트 사이즈 */
.fs_12 {
  font-size: 12px;
}
.fs_14 {
  font-size: 14px !important;
} /* 241125 추가 */
.fs_16 {
  font-size: 16px !important;
} /* 250108 !important 추가 */
.fs_18 {
  font-size: 18px;
}
.fs_22 {
  font-size: 22px !important;
} /* 240213 추가 */
.fs_24 {
  font-size: 24px;
}

/* font weight */
.fw_normal {
  font-weight: 400 !important;
} /* 240207 important 추가 */
.fw_bold {
  font-weight: 700;
}
.fw_exbold {
  font-weight: 800 !important;
} /* 240429 !important 추가 */

/* line-height */
.line_22 {
  line-height: 22px;
} /* 240202 추가 */
.line_24 {
  line-height: 24px;
} /* 240105 추가 */
.line_32 {
  line-height: 32px;
}
.line_36 {
  line-height: 36px;
} /* 240105 추가 */

/* border */
.borleft_none {
  border-left: none !important;
} /* 240105 추가 */
.borbottom_none {
  border-bottom: none !important;
} /* 250108 추가 */

/* flex */
.align_start {
  align-items: flex-start !important;
} /* 240105 추가 */

/* button */
.btn_center * ~ * {
  margin-left: 6px;
}

.bluebor_btn {
  display: inline-block;
  height: 32px;
  line-height: 31px;
  border: 1px solid #7e44fb;
  color: #7e44fb;
  border-radius: 4px;
  font-weight: 800;
  text-align: center;
}
.bluebor_btn.type2 {
  height: 36px;
  line-height: 35px;
}
.blue_btn {
  height: 32px;
  line-height: 32px;
  background-color: #7e44fb;
  color: #fff;
  border-radius: 4px;
  font-weight: 800;
}
.blue_btn.type2 {
  height: 36px;
  line-height: 35px;
}
.mint_btn {
  height: 32px;
  line-height: 32px;
  background-color: #ebf0f1;
  color: #a4b1b4;
  border-radius: 4px;
  font-weight: 800;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.white_btn {
  height: 32px;
  line-height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  font-weight: 800;
}
.white_btn.type2,
.white_btn3.type2 {
  height: 36px;
  line-height: 35px;
}
.white_btn2 {
  height: 32px;
  line-height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  font-weight: 800;
}
.white_btn3 {
  height: 36px;
  line-height: 36px;
  border: 1px solid #5f6b84;
  color: #5f6b84;
  border-radius: 4px;
  font-weight: 800;
}

.white_btn.find_btn {
  border-color: rgba(0, 0, 0, 0.1);
}

.lightgrey_btn {
  height: 36px;
  line-height: 36px;
  background-color: #cbcfd7;
  border-radius: 4px;
  color: #fff;
  font-weight: 800;
}
.lightgrey_btn.active,
.grey_btn {
  height: 36px;
  line-height: 36px;
  background-color: #5f6b84;
  border-radius: 4px;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}
.grey_btn2 {
  height: 32px;
  line-height: 32px;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #cbcfd7;
  border-radius: 4px;
  font-weight: 800;
}
/* .grey_btn3{ height: 32px; line-height: 32px; background-color: #5f6b84; border-radius: 4px; color: #fff; font-weight: 800; } */

/* 240105 추가 */
.white_btn.disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  font-weight: 800;
}
.blue_btn.disabled {
  background-color: #ebf0f1;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #a4b1b4;
  cursor: default;
}
.darkblue_btn.disabled {
  background-color: #cbcfd7;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: default;
}
.bluebor_btn.disabled {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.1);
  cursor: default;
}

.blue_btn:disabled {
  background-color: #cfd1d6;
} /* 250108 추가 */

/* 260721 추가 disabled2 스타일 추가*/
.blue_btn.disabled2 {
  background-color: #ece9f2;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #c1bdc9;
}
.alert .grey_btn {
  background-color: #7e44fb;
}

.more_btn {
  width: 24px;
  height: 24px;
  background: url("../images/icons/more.png") no-repeat center;
}
.file_remove_btn {
  width: 20px;
  height: 20px;
  background: url("../images/icons/X_20px.png") no-repeat center;
}
.down_btn {
  display: inline-block;
  max-width: 418px;
  padding: 8px 22px 8px 35px;
  background: #e9ebfc url("../images/icons/downicon.png") no-repeat left 10px
    center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #7e44fb;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.down_btn.type2 {
  max-width: 873px;
}

.prev_btn {
  padding-left: 25px;
  display: inline-block;
  width: 50px;
  background: url("../images/icons/left.png") no-repeat left center;
  font-size: 12px;
  font-weight: 800;
}
.next_btn {
  padding-right: 25px;
  display: inline-block;
  width: 50px;
  background: url("../images/icons/right.png") no-repeat right center;
  font-size: 12px;
  font-weight: 800;
}
.toggle_btn {
  width: 24px;
  height: 24px;
  background: url("../images/icons/open.png") no-repeat center;
}
.toggle_btn.active {
  background: url("../images/icons/close.png") no-repeat center;
}

.message_btn {
  display: inline-block;
  padding: 7px 30px 7px 0;
  background: url("../images/icons/newbrowser.png") no-repeat right center;
  color: #242e47;
}
.more_arrow {
  display: inline-block;
  padding-right: 22px;
  font-size: 12px;
  font-weight: 700;
  background: url("../images/icons/more_arrow.png") no-repeat right center;
}
.exel_btn {
  display: inline-block;
  width: 150px;
  height: 32px;
  line-height: 31.8px;
  padding-left: 39px;
  font-size: 12px;
  font-weight: 800;
  color: #5f6b84;
  background: url("../images/icons/exel.png") no-repeat left 15px top 7px;
  border: 1px solid #5f6b84;
  border-radius: 4px;
}
.exel_btn.type2 {
  width: 125px;
  margin-bottom: 19px;
}
.exel_btn.type3 {
  width: 125px;
  height: 35px;
  line-height: 35px;
  background-position: left 15px top 9.5px;
  vertical-align: middle;
}
.exel_btn.type4 {
  width: 162px;
  padding: 0 32px 0 58px;
  background: url("../images/icons/excel-bluegray-20.svg") no-repeat left 32px
    center;
}
/* switch */
.switch {
  position: relative;
  display: inline-block;
  width: 63px;
  height: 30px;
}
.switch input.switch_chk {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 2px;
  bottom: 0;
  border: 1px solid rgba(36, 46, 71, 0.25);
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  white-space: nowrap;
}
.switch .slider i {
  font-style: normal;
  color: rgba(36, 46, 71, 0.25);
  font-weight: 700;
}
.switch .slider i::before {
  content: "off";
  position: absolute;
  right: 9px;
  top: 6px;
  width: 19px;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 3px;
  bottom: 2px;
  background-color: rgba(36, 46, 71, 0.25);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch input.switch_chk:checked + .slider {
  background-color: #7e44fb;
}
.switch input.switch_chk:focus + .slider {
  box-shadow: 0 0 1px #7e44fb;
}
.switch input.switch_chk:checked + .slider:before {
  -webkit-transform: translateX(29px);
  -ms-transform: translateX(29px);
  transform: translateX(29px);
  background-color: #fff;
}
.switch input.switch_chk:checked + .slider i {
  color: #fff;
}
.switch input.switch_chk:checked + .slider i::before {
  content: "on";
  position: absolute;
  left: 8px;
  top: 6px;
  width: 17px;
}
.slider.round {
  border-radius: 30px;
}
.slider.round:before {
  border-radius: 50%;
}

/* modal */
.modal_wrap {
  background: #ffffff;
  box-sizing: border-box;
  display: none;
  border-radius: 8px;
  position: fixed;
  max-height: calc(100% - 10px);
  overflow: hidden;
  overflow-y: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  z-index: 12;
}
.modal_wrap.active {
  display: block;
}
.modal_wrap.confirm,
.modal_wrap.alert,
.modal_wrap.alert2,
.modal_wrap.alert3,
.modal_wrap.alert4,
.modal_wrap.alert5,
.modal_wrap.alert6,
.modal_wrap.alert02,
.modal_wrap.alert03,
.modal_wrap.confirm02,
.modal_wrap.list_over {
  z-index: 9999;
  width: 500px; /* 240105 수정 */
  height: auto;
  border-radius: 8px;
  text-align: center;
}
.modal_wrap.confirm .modal_section,
.modal_wrap.alert .modal_section,
.modal_wrap.alert2 .modal_section,
.modal_wrap.alert3 .modal_section,
.modal_wrap.alert4 .modal_section,
.modal_wrap.alert5 .modal_section,
.modal_wrap.alert6 .modal_section,
.modal_wrap.alert02 .modal_section,
.modal_wrap.alert03 .modal_section,
.modal_wrap.confirm02 .modal_section,
.modal_wrap.list_over .modal_section {
  padding: 30px 35px;
  position: relative;
}
.modal_wrap .modal_section .modal_header {
  padding-bottom: 20px;
}
.modal_wrap .modal_section .modal_header .hide_btn {
  display: inline-block;
  background: url("../images/icons/X_popup.png") no-repeat center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal_wrap .modal_section .modal_header .modal_title {
  font-size: 18px;
  font-weight: 800;
}
.modal_wrap .modal_section .modal_header .hide_btn {
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal_wrap .modal_section .caution_icon {
  width: 38px;
  height: 38px;
  margin: 0 auto;
  display: block;
  background: url("../images/icons/caution.png") no-repeat center;
}

.modal_wrap .modal_section .modal_text {
  padding-top: 16px;
  line-height: 24px;
  text-align: center;
  font-weight: 700;
}
.modal_wrap .modal_section .btn_wrap {
  text-align: center;
  padding-top: 30px;
}
.modal_wrap .modal_section .btn_wrap button:nth-child(2) {
  margin-left: 6px;
}

/* paging */
/* .paging{padding-top: 25px;} */
.paging_wrap {
  position: relative;
}
.paging_wrap .bluebor_btn {
  position: absolute;
  left: 0;
  top: 0;
}
.paging_wrap .white_btn3 {
  position: absolute;
  left: 0;
  top: -4px;
} /* 240105 추가 */
.paging ul {
  display: inline-block;
}
.paging ul li {
  float: left;
}
.paging ul li ~ li {
  margin-left: 7px;
}
.paging ul li a {
  display: block;
  height: 28px;
  line-height: 27px;
  border-radius: 4px;
  color: #242e47;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 12px;
  font-weight: 800;
  transition: all 0.5s;
}
.paging ul li a:not(.paging_num) {
  width: 28px;
}
.paging ul li .paging_num {
  padding: 0 9.4px;
}
.paging ul li.on .paging_num,
.paging ul li:hover .paging_num {
  background-color: #7e44fb;
  color: #fff;
}
.paging ul li .paging_first {
  background-image: url("../../assets/images/icons/icon_first.png");
}
.paging ul li .paging_prev {
  background-image: url("../../assets/images/icons/icon_prev.png");
}
.paging ul li .paging_next {
  background-image: url("../../assets/images/icons/icon_next.png");
}
.paging ul li .paging_last {
  background-image: url("../../assets/images/icons/icon_last.png");
}

/* 전체 공통 */
.conWrap {
  width: 1420px;
  margin: 0 auto;
}
#dimLayer02 {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0px;
  margin: 0;
  padding: 0;
  z-index: 11;
}
#dimLayer {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0px;
  margin: 0;
  padding: 0;
  z-index: 11;
  font-size: 0;
}
.dimLayer {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  position: fixed;
  left: 0;
  top: 0px;
  margin: 0;
  padding: 0;
  z-index: 13;
}
.dimLayer03 {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0px;
  margin: 0;
  padding: 0;
  z-index: 13;
  font-size: 0;
}
.dimLayer03.active {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0px;
  margin: 0;
  padding: 0;
  z-index: 13;
  font-size: 0;
}

/* header */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* 240105 border-bottom 으로 변경 */
  z-index: 10;
  transition: all 0.3s;
}
header .conWrap {
  text-align: center;
}
/* 260812 헤더 로고 수정 */
header .main_logo {
  float: left;
  /*margin-top: 20px;*/ /* 240105 삭제 */
  /* 260807 수정 */
  height: 80px;
  display: flex;
  align-items: center;
}
header .main_logo a {
  display: inline-block;
}
header .main_logo a img {
  display: block;
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 72px;
  /* 260812 추가 */
  object-fit: contain;
}

header .header_mypage {
  float: right;
}
header .header_mypage ul li {
  float: left;
  margin-left: 8px;
  position: relative;
}
header .header_mypage ul li a {
  display: block;
  font-size: 16px;
  padding: 31px 0 30px 0;
}
header .header_mypage ul li a.user {
  /*height: 80px;
	width: 90px;*/ /* 240105 삭제 */
  display: inline-block;
  text-align: right;
  cursor: pointer;
  padding-right: 24px;
  background: url("../images/icons/select_down.png") no-repeat center right;
}
header .header_mypage ul li a.user.active {
  background: url("../images/icons/select_up.png") no-repeat right center;
}
header .header_mypage ul li a.user span {
  font-weight: 800;
}
header .header_mypage ul li a.log_out {
  padding-left: 28px;
  background: url("../images/icons/icon_logout.png") no-repeat left center/24px;
}

header .header_mypage ul li .psw_drop_menu {
  display: none;
  width: 114px;
  position: absolute;
  bottom: -28px;
  right: 6px;
}
header .header_mypage ul li .psw_drop_menu.active {
  display: block;
}
header .header_mypage ul li .psw_menu_btn {
  padding: 16px 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 8px rgba(0, 7, 63, 0.06);
  border-radius: 4px;
  font-size: 11px;
  font-weight: bold;
  background-color: #fff;
}

header .header_menu {
  float: left;
  margin-left: 28px; /* 240105 추가 */
  /*height: 80px;*/ /* 240105 삭제 */
}
header .header_menu > ul > li {
  float: left;
  position: relative;
}
header .header_menu > ul > li > a {
  display: block;
  min-width: 140px;
  padding: 30px 2px;
  height: 80px;
  color: #242e47;
  font-size: 18px;
  transition: all 0.2s;
  font-weight: 700;
}
header .header_menu > ul > li.on > a {
  color: #7e44fb;
}
header .header_menu > ul > li:hover > a {
  background-color: #7e44fb;
  color: #fff;
}

header .sub_menu {
  width: 100%;
  display: none;
  position: absolute;
  top: 80px;
  background-color: #fff;
}
header .sub_menu.active {
  display: block;
}
header .sub_menu a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 800;
  color: rgba(36, 46, 71, 0.4);
  text-align: center;
  background-color: #f4f6fa;
}
header .sub_menu a:hover,
header .sub_menu a.on {
  background-color: #5f6b84;
  color: #fff;
}

/* width */
.w_92 {
  width: 92px;
}
.w_95 {
  width: 95px;
}
.w_268 {
  width: 268px;
}
.w_272 {
  width: 272px;
}
.w_384 {
  width: 384px;
}
.w_576 {
  width: 576px;
}

/* footer */
footer {
  min-width: 1365px;
  background-color: rgba(0, 0, 0, 0.03);
}
footer.login {
  background-color: rgb(236, 238, 242);
}
footer p {
  color: #7b7f85;
  font-size: 11px;
  padding: 13px 0 11.5px;
  text-align: center;
}

/* main */
.main_wrap {
  margin-top: 80px;
  min-height: calc(100vh - 118px);
}
.main_wrap.login {
  margin-top: 0;
  min-height: 100vh;
  background-color: #f4f6fa;
}

/* 공지사항 슬라이드 */
.swiper-container.notice {
  height: 32px;
  line-height: 32px;
  background: #fff2ee;
  text-align: center;
}
.notice_wrap .notice_box ul li {
  display: inline-block;
}
.notice_wrap .notice_box ul li ~ li {
  padding-left: 13px;
}
.notice_wrap .notice_box ul li span {
  font-size: 12px;
}
.notice_wrap .notice_box ul li .notice_title {
  color: #f37f81;
  padding-right: 13px;
  position: relative;
  font-weight: 800;
}
.notice_wrap .notice_box ul li .notice_title::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 1px;
  height: 8px;
  background: rgba(36, 46, 71, 0.24);
}

/* 250109 로그인 학교 관리자와 동일하게 수정(현행화?)  */
.login_wrap {
  padding: 110px 0 36px;
  background-color: #f4f6fa;
  min-height: 100vh;
}
.login_wrap .main_logo {
  text-align: center;
}
.login_wrap .main_logo img {
  width: 92px;
  height: 92px;
}
.login_wrap .main_logo a {
  display: inline-block;
}
.login_con {
  width: 400px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.log_title {
  display: block;
  padding-bottom: 30px;
  font-size: 24px;
  font-weight: 900;
}
.modal_wrap .log_inp,
.login_wrap .log_inp {
  height: 50px;
  line-height: 50px;
}
.modal_wrap .log_inp::-webkit-input-placeholder,
.login_wrap .log_inp::-webkit-input-placeholder {
  font-size: 12px;
}
.log_btn {
  display: inline-block;
  height: 50px;
  background-color: rgba(36, 46, 71, 0.22);
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}
.log_btn.active {
  background-color: #7e44fb;
}
.log_btn.blue_btn {
  background-color: #7e44fb;
}
.login_con .cert_btn {
  height: 50px;
}
.password_change_modal {
  width: 400px;
}
.login_wrap .login_alert {
  display: none;
  color: #ff4040;
  font-size: 12px;
  line-height: 18px;
}
.login_wrap .login_alert.active {
  display: block;
}

.log_top {
  padding: 40px 30px 25px;
  margin-top: 20px;
}
.label_con {
  margin-top: 11px;
}
.label_con label {
  font-size: 12px;
}
.label_con button {
  font-size: 12px;
  color: #7e44fb;
  font-weight: 900;
}
.fail_txt {
  margin-top: 15px;
  font-size: 12px;
  color: #ff4040;
  line-height: 18px;
}

.grey_dot_tit {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: 900;
}
.grey_dot > li {
  position: relative;
  padding-left: 13px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(36, 46, 71, 0.7);
}
.grey_dot > li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #242e47;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0.35rem;
}

.service_info {
  margin-top: 12px;
}
.set_txt {
  display: block;
  padding-left: 40px;
  height: 50px;
  line-height: 50px;
  background: url("../images/icons/servicenotice.png") no-repeat left 22px
    center / 14px rgba(0, 0, 0, 0.03);
  font-weight: 800;
}
.service_info ul {
  padding: 0 22px 9px;
}
.service_info ul li {
  padding: 18px 0;
}
.service_info ul li ~ li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.service_info ul li button {
  max-width: calc(100% - 160px);
  border-bottom: 1px solid #242e47;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.service_info ul li div {
  color: rgba(36, 46, 71, 0.7);
  font-size: 12px;
}

.info_top {
  padding: 18px 14px;
  background-color: #f4f6fa;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
  font-weight: 800;
}
.info_top strong {
  font-size: 14px;
}
.info_txt {
  padding: 20px 0 30px;
  border-bottom: 1px solid #e5e5e5;
}
.info_txt pre {
  padding: 0 14px;
}
.center_title {
  display: block;
  margin-top: 20px;
  padding-bottom: 4px;
}

input[type="text"].login,
input[type="password"].login {
  height: 52px;
  line-height: 52px;
  font-weight: 700;
  font-size: 16px;
  border-radius: 0;
}
.url_btn {
  padding: 7px 20px 6px 11px;
  font-size: 11px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 26px;
  background: #fff url("../../assets/images/icons/url_right.png") no-repeat
    right 4px center;
}
.max_h165 {
  max-height: 165px;
}
.max_h290 {
  max-height: 290px;
}

.login_con + .find_info_box {
  width: 720px;
  margin: 0 auto;
}

.login_wrap .login_contents {
  padding: 40px 30px 20px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.login_wrap h2 {
  font-size: 24px;
  font-weight: 800;
  padding-bottom: 30px;
}
.login_wrap input[type="text"],
.login_wrap input[type="password"] {
  height: 50px;
  line-height: 49px;
  width: 100%;
}
.login_wrap .login_info {
  padding-top: 23px;
}
.login_wrap .login_info li {
  list-style: disc;
  list-style-position: inside;
  font-size: 12px;
  line-height: 18px;
}
.login_wrap .login_alert {
  display: none;
  color: #ff4040;
  font-size: 12px;
  line-height: 18px;
}
.login_wrap .login_alert.active {
  display: block;
}
.login_wrap .login_contents .info_title {
  font-size: 12px;
  display: inline-block;
}

.login_btn,
.send_btn,
.password_send_btn {
  font-size: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(36, 46, 71, 0.3);
  color: #fff;
  padding: 16px 0 15px;
  font-weight: 800;
  border-radius: 4px;
}

.login_btn.active {
  background-color: #5f6b84;
}
.send_btn.active,
.password_send_btn.active {
  background-color: #7e44fb;
}
.find_btn {
  font-weight: 700;
  font-size: 12px;
}

.login_wrap .notice_contents {
  margin-top: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.login_wrap .notice_contents .notice_header {
  padding: 19px 22px 14px;
  background-color: rgba(247, 247, 247);
}
.login_wrap .notice_contents .notice_title {
  padding-left: 19px;
  background: url("../images/icons/servicenotice.png") no-repeat left center;
  font-weight: 700;
}

.login_wrap .notice_contents .notice_list {
  background-color: #fff;
}
.login_wrap .notice_contents .notice_list ul {
  padding: 0 20px 0 22px;
}
.login_wrap .notice_contents .notice_list ul li {
  padding: 18px 0;
}
.login_wrap .notice_contents .notice_list ul li ~ li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.login_wrap .notice_contents .notice_list ul li span {
  display: inline-block;
  font-size: 12px;
}
.login_wrap .notice_contents .notice_list ul li span:first-child {
  cursor: pointer;
  border-bottom: 1px solid #242e47;
  max-width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.login_wrap .notice_contents .notice_list ul li span:last-child {
  color: rgba(36, 46, 71, 0.7);
}

.login_find_modal,
.psw_change_modal {
  width: 400px;
}
.login_find_modal .modal_section,
.psw_change_modal .modal_section {
  padding: 30px 25px;
}
.login_find_modal input,
.psw_change_modal input {
  height: 50px;
  line-height: 49px;
}

.modal_wrap.psw_change_modal .modal_section .modal_header {
  padding-bottom: 30px;
}
.psw_change_modal .guide_txt {
  font-size: 12px;
  color: #242e47;
  line-height: 18px;
}
.psw_change_modal ul.guide_txt li {
  list-style-type: disc;
  list-style-position: inside;
}

.login_notice_modal {
  width: 500px;
}
.login_notice_modal .modal_section {
  padding: 30px 25px 22px;
}
.login_notice_modal .modal_header span {
  display: inline-block;
  padding-top: 3px;
  font-size: 12px;
  font-weight: 700;
}
.login_notice_modal .modal_contents .table_header {
  padding: 18px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f4f6fa;
}
.login_notice_modal .modal_contents .table_header p {
  font-size: 12px;
  font-weight: 800;
}
.login_notice_modal .modal_contents .table_header p.left {
  font-size: 14px;
}

.login_notice_modal .modal_contents .table_contents {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}
.login_notice_modal .modal_contents .con_txt {
  max-height: 360px;
}
.login_notice_modal .modal_contents pre {
  white-space: pre-wrap;
  padding: 20px 14px;
}
.login_notice_modal .move_btn_wrap {
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
.login_notice_modal .move_btn_wrap button {
  width: 80px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  text-align: center;
}
.login_notice_modal .move_btn_wrap .prev_btn {
  padding-left: 10px;
}
.login_notice_modal .move_btn_wrap .next_btn {
  padding-right: 10px;
}
.login_notice_modal .move_btn_wrap {
  margin-top: 13px;
}

.login_notice_modal .notice_img {
  padding-right: 10px;
  padding-bottom: 10px;
}
.login_notice_modal .notice_img img {
  width: 100%;
  display: block;
}

.login_notice_modal .down_box {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.login_notice_modal .down_box a {
  color: #242e47;
}
.login_notice_modal .not_today {
  padding: 15px 25px;
  border-top: 1px solid #e5e5e5;
  background-color: rgba(0, 0, 0, 0.03);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

/* 비밀번호 변경 */
.login_wrap.pass_chg {
  width: 560px;
  padding-top: 150px;
}
.login_wrap.pass_chg .pass_chg_title {
  width: 560px;
  margin: 0 auto;
}
.login_wrap.pass_chg .pass_chg_title h2 {
  font-size: 32px;
  padding: 0;
}
.login_contents.pass_chg .pass_guide {
  margin: 9px 0 20px;
  display: none;
}
.login_contents.pass_chg .pass_guide.active {
  display: block;
}
.login_contents.pass_chg {
  width: 560px;
  padding: 30px;
  padding-top: 40px;
  margin-top: 20px;
}
.login_contents.pass_chg .pass_btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  background-color: rgba(36, 46, 71, 0.22);
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}
.login_contents.pass_chg .pass_btn.active {
  background-color: #7e44fb;
}
.login_wrap.pass_chg .find_info_box {
  width: 560px;
  margin-top: 8px;
}

.grey_dot_tit {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: 900;
}
.grey_dot > li {
  position: relative;
  padding-left: 13px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(36, 46, 71, 0.7);
}
.grey_dot > li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #242e47;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0.35rem;
}

.find_tab_box {
  margin-bottom: 28px; /* 240219 수정 */
}
.find_tab_box ul {
  width: 100%;
  display: inline-block;
}
.find_tab_box ul .find_tab_menu {
  float: left;
  width: calc(100% / 2);
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.find_tab_box ul .find_tab_menu button {
  width: 100%;
  color: rgba(36, 46, 71, 0.5);
  padding: 14px 0;
  font-size: 12px;
}
.find_tab_box ul .find_tab_menu.active {
  border: 1px solid #242e47;
  border-bottom: 1px solid #fff;
  margin-right: -1px;
}
.find_tab_box ul .find_tab_menu:not(.active) {
  border-bottom: 1px solid #242e47;
}
.find_tab_box ul .find_tab_menu.active button {
  color: #242e47;
  font-weight: 800;
}
.find_tab_box ul {
  position: relative;
  margin-bottom: -1px;
}

.find_contents_wrap .find_contents {
  display: none;
}
.find_contents_wrap .find_contents.active {
  display: block;
}
.find_contents_wrap .send_box,
.find_contents_wrap .send_box2 {
  display: none;
}
.find_contents_wrap .send_box.active,
.find_contents_wrap .send_box2.active {
  display: block;
}
.find_contents_wrap .send_box .time_box {
  position: relative;
}
.find_contents_wrap .send_box .time_box input {
  padding-right: 98px;
}
.find_contents_wrap .send_box .time_box .certification {
  position: absolute;
  right: 10px;
  top: 30px;
  display: inline-block;
  font-size: 12px;
  color: #7e44fb;
  font-weight: 700;
}
.find_contents_wrap .send_box .send_btn_wrap {
  padding: 12px 0 8px;
  text-align: right;
}
.find_contents_wrap .send_box .send_btn_wrap button {
  font-size: 12px;
  font-weight: 700;
}
.find_contents_wrap .send_box .send_btn_wrap button.resend_btn {
  color: #242e47;
}
.find_contents_wrap .send_box .send_btn_wrap button.time_btn {
  color: #242e47;
  padding-left: 12px;
  margin-left: 12px;
  position: relative;
}
.find_contents_wrap .send_box .send_btn_wrap button.time_btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}
.find_contents_wrap .send_box2.password {
  text-align: center;
  padding: 12px 0 33px;
}
.find_contents_wrap .send_box2.password p {
  text-align: center;
  color: #242e47;
  font-weight: 700;
  line-height: 22px;
}
.find_contents_wrap .send_box2.password p span {
  color: #7e44fb;
  font-weight: 800;
  font-size: 18px;
}
.find_contents_wrap .send_box2 .password_alert {
  margin: 12px 0 8px;
  display: inline-block;
  font-size: 12px;
  color: #242e47;
}
.find_contents_wrap .password_inp {
  display: none;
}
.find_contents_wrap .password_inp.active {
  display: block;
}

/* 테이블 필수입력 */
.necessary:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #f6936f;
  vertical-align: super;
  margin-left: 5px;
}
.table_caption {
  padding-top: 4px;
  color: rgba(36, 46, 71, 0.3);
  font-size: 12px;
}
.table_caption_grey {
  display: inline-block;
  color: rgba(36, 46, 71, 0.3);
  font-size: 12px;
  letter-spacing: -0.6px;
}
.fixed_caption {
  display: inline-block;
  padding: 4px 9px;
  border-radius: 4px;
  background-color: #f6936f;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}
.grey_caption {
  display: inline-block;
  margin-right: 10px;
  padding: 4px 19px;
  border-radius: 4px;
  background-color: #5f6b84;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

/* 테이블 썸네일 */
.thumbnail img {
  width: 170px;
  display: block;
}
.thumbnail.type2 img {
  width: 140px;
  display: block;
  margin: 0 auto;
}

.class_table td img {
  width: 234px;
  display: block;
}

/* 테이블 텍스트 얼라인 */
table.txt_left2 thead tr th:nth-child(2),
table.txt_left2 tbody tr td:nth-child(2) {
  text-align: left;
}

table.td_txt_left2 tbody tr td:nth-child(2) {
  text-align: left;
}
table.td_txt_left3 tbody tr td:nth-child(3) {
  text-align: left;
}
table.td_txt_left4 tbody tr td:nth-child(4) {
  text-align: left;
}
table.td_txt_left5 tbody tr td:nth-child(5) {
  text-align: left;
} /* 240105 추가 */

table.txt_left3 thead tr th:nth-child(3),
table.txt_left3 tbody tr td:nth-child(3) {
  text-align: left;
}

table.txt_left4 thead tr th:nth-child(4),
table.txt_left4 tbody tr td:nth-child(4) {
  text-align: left;
}

table.txt_left5 thead tr th:nth-child(5),
table.txt_left5 tbody tr td:nth-child(5) {
  text-align: left;
}

table.txt_left7 thead tr th:nth-child(7),
table.txt_left7 tbody tr td:nth-child(7) {
  text-align: left;
}

/* 테이블 타이틀 */
.table_wrap {
  padding-top: 26px;
}
.table_wrap.chart_area {
  padding-top: 0;
}
.table_wrap.sub_page {
  padding-bottom: 80px;
}
.modal_contents .table_title,
.table_wrap .table_title,
.tab_con .table_title {
  padding-left: 24px;
  padding-bottom: 18px;
  font-weight: 700;
  font-size: 16px;
  background: url("../images/icons/blet.png") no-repeat left top 4px;
}

.table_wrap .table_title.type2,
.tab_con .table_title.type2 {
  padding-bottom: 0;
  margin-top: 16px;
}
.modal_contents .table_title.type3 {
  padding-bottom: 10px;
  margin-top: 16px;
}
.table_wrap .table_title .title_num,
.tab_con .table_title .title_num {
  color: #7e44fb;
}
.modal_contents .table_title span.left {
  line-height: 32px;
}

.table_title em {
  color: #7e44fb;
  font-weight: bolder;
}
.clear .table_title {
  padding-bottom: 0;
  margin-top: 10px;
}

.table_wrap .sub_con_box .sub_con_header {
  padding: 14px 20px;
  background-color: #f4f6fa;
  font-weight: 700;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table_wrap .sub_con_box .sub_con_header .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 280px);
}
.table_wrap .sub_con_box .sub_con_header .title .tag {
  display: inline-block;
  padding: 0 9px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  background-color: #f6936f;
  border-radius: 4px;
  color: #fff;
}
.table_wrap .sub_con_box .sub_con_header .grey_caption {
  position: relative;
  z-index: 1;
}
.table_wrap .sub_con_box .sub_con_header .over_txt {
  position: relative;
}
.table_wrap .sub_con_box .sub_con_header.active .title {
  text-overflow: unset;
}
.table_wrap .sub_con_box .sub_con_header.active .over_txt {
  display: inline-block;
  transform: translateX(-100%);
  transition: transform 20s linear;
}
.table_wrap .sub_con_box .sub_con_header .right span {
  display: inline-block;
  padding: 4px 0;
}
.table_wrap .sub_con_box .sub_contents {
  padding: 32px 20px;
  max-height: 557px;
}
.table_wrap .sub_con_box .sub_contents em,
.table_wrap .sub_con_box .sub_contents i {
  font-style: italic;
}

.sub_con_footer {
  padding: 0 20px 12px;
  border-bottom: 1px solid #ebebeb;
}
.sub_con_footer span {
  padding-top: 9px;
  font-weight: 700;
}
.sub_con_footer .down_box {
  padding-bottom: 0;
}
.sub_con_footer .down_box a {
  color: #242e47;
}

.table_title.ty2 {
  margin-bottom: 17px;
  margin-top: 20px;
  padding-bottom: 0;
}

.blue_backbox {
  padding: 19px 15px;
  background-color: #f4f6fa;
}

/* 테이블 상단 인풋 */
.con_title {
  /*padding: 32px 0 20px;*/ /* 250108 수정 */
  padding: 24px 0 14px; /* 250108 수정 */
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.con_title h2 {
  padding-top: 8px;
  font-size: 18px;
  font-weight: 800;
}
.con_title h2 span,
.con_title h3 span {
  color: #7e44fb;
  font-weight: 800;
}
.con_title.sub_page {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.con_title h3 {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: -15px;
  font-size: 18px;
  font-weight: 800;
  vertical-align: sub;
}
.con_title h3 .col_blue {
  font-weight: 700;
}

.con_title .exel_btn {
  margin-bottom: 0;
}

.con_title.type2,
.chart_title.type2 {
  padding-top: 30px;
  padding-bottom: 11px;
  border-bottom: none;
}
.con_title.type2 h2,
.chart_title.type2 .board_title {
  padding-bottom: 4px;
  font-size: 16px;
}

.con_title.sub_page.clear {
  padding-bottom: 8px;
}
.con_title.sub_page.clear.ty2 {
  padding: 25px 0 16px;
}
.con_title.sub_page.clear.ty2 h3 {
  vertical-align: unset;
}

.con_inp_box {
  padding: 17px 14px;
  background-color: #f4f6fa;
}
.con_inp_box input,
.con_inp_box .select-selected {
  border-color: rgba(0, 0, 0, 0.1);
}

/* 테이블 thead 백그라운드 */
table tr.sum td {
  background-color: #fafafa;
  font-weight: bold;
  font-size: 12px;
}
.table_type1 {
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.table_type1 thead th {
  padding: 17px 0;
  background-color: #f4f6fa;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-weight: 800;
}
.table_type1 tbody td {
  padding: 18px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-align: center;
}

.table_type1.ty2 thead th {
  padding: 15px 8px;
} /* 240105 추가 */
.table_type1.ty2 tbody td {
  padding: 10px 8px;
}
.table_type1 tbody td a {
  display: inline-block;
  color: #5d87dc;
  text-decoration: underline;
  line-height: 18px;
}

.table_type1.status thead th {
  padding: 11px 0 9px;
}
.table_type1.status tbody td {
  padding: 18px 0;
}
/* .table_type1.attendence thead th{padding: 11px 0 9px;} */
.table_type1.attendence tbody td {
  padding: 18px 0;
}
.table_type1.message tbody td {
  padding: 11px 0 10px;
}

.table_type1.dashboard tbody td:nth-child(3) {
  max-width: 340px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table_type1 tbody tr.total td {
  background-color: #f8f8f8;
}

.table_type1.ty3 tbody td {
  padding: 4px 8px;
  height: 46px;
}

.school_find_modal .table_type1 tbody td {
  padding: 15px 8px;
  height: 50px;
}

/* 테이블 thead 백그라운드 none */
.table_type2 {
  width: 100%;
}
.table_type2 thead th {
  padding: 24px 0 13px;
  font-size: 12px;
  font-weight: 800;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.table_type2 tbody td {
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
table tbody td.id a {
  color: #5d87dc;
  font-weight: 700;
}
table tbody td.id button {
  color: #5d87dc;
  font-weight: 700;
  border-bottom: 1px solid #5d87dc;
}
.table_type2.service tbody td {
  padding: 18.5px 0 17.5px;
}
.table_type2.terms tbody td {
  padding: 18px 0;
}

table.max_a300 tbody tr td.url a {
  max-width: 590px;
}
table.max_a492 tbody tr td.url a {
  max-width: 492px;
}
table.max_a374 tbody tr td.url a {
  max-width: 374px;
}
.table_type2 tbody tr td.url a {
  display: block;
  color: #7e44fb;
  font-weight: 700;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
table tbody tr td.url {
  padding-left: 20px;
}
table.max_a492 tbody tr td.url {
  padding-left: 8px;
}
table tbody tr td.url a {
  display: block;
  color: #5d87dc;
  font-weight: 700;
  max-width: 380px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table_type2.terms tbody td.id {
  font-weight: 700;
  max-width: 400px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* .table_type2.attendence thead th{padding: 12px 0 9px;} */
.table_type2.attendence tbody td {
  padding: 18px 0;
}

.table_type2.notice tbody td {
  padding: 15px 0;
}
.table_type2.notice tbody td.id {
  max-width: 580px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.table_type2.inquiry tbody td {
  padding: 15px 0;
}
.table_type2.inquiry tbody td:nth-child(3) {
  max-width: 368px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

table.attendence td.col_blue {
  color: #5d87dc;
  text-decoration: underline;
}

/* 테이블 tbody th 백그라운드 */
.table_type3 {
  width: 100%;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.table_type3 th {
  padding: 17px 0 17px 24px;
  height: 70px;
  background-color: #f4f6fa;
  text-align: left;
  font-weight: 800;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.table_type3 td {
  padding: 17px 14px;
  /* 251218 수정 */
  /* height: 70px; */
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.table_type3.fs12 td {
  font-size: 12px;
}
.table_type3 td.file_wrap {
  padding: 11px 14px;
}

.table_type3.ty3 th {
  padding: 6px 0 6px 24px;
  height: 50px;
}
.table_type3.ty3 td {
  padding: 6px 14px;
  height: 50px;
}

.table_type4 {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.table_type4 thead th {
  padding: 17px 0;
  background-color: #f4f6fa;
  text-align: left;
  font-size: 12px;
  font-weight: 800;
}
.table_type4 thead th:first-child {
  padding-left: 67px;
}
.table_type4 tbody td {
  padding: 19px 0;
  border-top: 1px solid #e5e5e5;
}
.table_type4 tbody td:first-child {
  padding-left: 20px;
}

.table_type4 ul li ~ li {
  padding-top: 19px;
}
.table_type4 ul li.sub_chk {
  padding-left: 30px;
}
.table_type4 ul li .dis_inblock ~ .dis_inblock {
  margin-left: 30px;
}

/* 240105 table_type5 추가*/
.table_type5 {
  width: 100%;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.table_type5 th {
  padding: 17px 0 17px 24px;
  height: 80px;
  background-color: #f4f6fa;
  text-align: left;
  font-weight: 800;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.table_type5 td {
  padding: 17px 14px;
  height: 70px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.table_type5.ty5 th,
.table_type5.ty5 td {
  padding: 16px 14px;
  height: 76px;
}
.table_type5.ty5 td {
  display: flex;
  align-items: center;
}
.table_type5.ty5 td.ex_img {
  height: 136px;
  padding: 0;
}
.table_type5.ty5 td.ex_img > img {
  width: 100%;
  max-width: 100%;
}
.table_type5.ty5 .box_wrap {
  display: flex;
  align-items: center;
}
.footer_list {
  height: 265px !important;
  flex-wrap: wrap;
}
.footer_list .list {
  display: flex;
  flex-direction: column;
}

input[type="text"][disabled].file_inp2 {
  width: 181px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 30px 0 40px;
  color: #242e47;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #e9ebfc;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.file_box.type3 {
  display: inline-block;
}
.file_box.type3 .file_down {
  top: 4px;
}
.file_box.type3 .file_remove_btn {
  top: 4px;
}

.table_type5 .del_btn {
  background: #fff;
}

.school_find_modal .table_type1.v2 tbody tr.bg {
  background-color: rgb(244, 248, 252, 0.6);
}
.more_box {
  position: relative;
}
.more_drop_menu {
  display: none;
  position: absolute;
  left: 50%;
  padding: 8.5px 0;
  width: 105px;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 7, 63, 0.06);
  z-index: 1;
}
.more_drop_menu.type2 {
  width: 60px;
  left: 50%;
}
.more_drop_menu.type3 {
  width: 118px;
  left: 50%;
}
.more_drop_menu.type4 {
  width: 84px;
  left: 50%;
}
.more_drop_menu.active {
  display: block;
}
.more_drop_menu ul li button,
.more_drop_menu ul li a {
  padding: 7.5px 18px;
  font-size: 11px;
  font-weight: 700;
  width: 100%;
  text-align: left;
  color: #242e47;
  text-decoration: none;
}
.more_drop_menu ul li button:hover,
.more_drop_menu ul li a:hover {
  background-color: rgba(72, 90, 225, 0.05);
}
.more_drop_menu ul li button.delete_btn {
  color: #ff4040;
}

.sub_contents .down_box {
  padding-bottom: 0;
}
.down_box {
  padding-bottom: 33px;
}
.empty_box {
  padding: 60px 0;
  text-align: center;
}
.empty_box span {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.03);
  font-size: 13px;
  padding: 7px 41px 6px;
  color: rgba(36, 46, 71, 0.5);
  letter-spacing: -0.65px;
}
.img_box {
  border-radius: 4px;
  width: 120px;
  height: 80px;
}
.img_box img {
  height: 100%;
  display: block;
}
.list_box {
  padding: 27px 0;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  text-align: center;
}
.contents_txt {
  font-weight: 700;
}
.text_editor {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 266px;
  border-radius: 4px;
  overflow-y: auto;
}
.text_editor.padding {
  padding: 62px 18px 20px;
}
.text_editor::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.text_editor::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 100px;
}
.text_editor::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-radius: 100px;
  background-clip: padding-box;
  border: 3px solid transparent;
}

.modal_contents .caption label {
  display: inline-block;
  width: 68px;
  font-weight: 600;
}
.modal_contents .caption input {
  width: calc(100% - 72px);
}
.hidden_inp {
  display: none;
}
.hidden_inp.active {
  display: block;
}

.send_modal .modal_section,
.library_modal .modal_section,
.publisher_modify_modal .modal_section,
.publisher_enroll_modal .modal_section {
  max-height: 602px;
}

.library_modal .modal_section {
  overflow: auto;
}
.library_modal .modal_section::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.library_modal .modal_section::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 100px;
}
.library_modal .modal_section::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-radius: 100px;
  background-clip: padding-box;
  border: 3px solid transparent;
}

.send_modal .modal_section {
  overflow: auto;
}
.send_modal .modal_section::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.send_modal .modal_section::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 100px;
}
.send_modal .modal_section::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-radius: 100px;
  background-clip: padding-box;
  border: 3px solid transparent;
}

.publisher_enroll_modal,
.publisher_modify_modal,
.publisher_add_modal,
.collective_modal {
  width: 400px;
}
.message_history_modal,
.school_find_modal,
.student_enroll_modal {
  width: 687px;
}
.school_find_modal {
  min-height: 687px;
}
.school_find_modal.ty2 {
  min-height: 592px;
}
.publisher_enroll_modal .modal_section,
.publisher_modify_modal .modal_section,
.publisher_add_modal .modal_section,
.school_find_modal .modal_section,
.collective_modal .modal_section {
  padding: 30px 22px;
}
.student_enroll_modal .modal_section,
.message_history_modal .modal_section {
  padding: 30px 24px;
}

.school_find_modal .modal_section {
  padding: 30px 22px 87px;
}
.school_find_modal.ty2 .modal_section {
  padding: 30px 22px;
}

.publisher_modify_modal .grey_hr,
.publisher_enroll_modal .grey_hr {
  padding: 20.5px 0 20px;
  margin-bottom: 20px;
}
.publisher_modify_modal .grey_hr.caption,
.publisher_enroll_modal .grey_hr.caption {
  padding-top: 0;
}
.publisher_modify_modal .enroll_box,
.publisher_enroll_modal .enroll_box {
  display: none;
  margin-top: 12px;
}
.publisher_modify_modal .enroll_box.active,
.publisher_enroll_modal .enroll_box.active {
  display: block;
}

.publisher_add_modal .modal_contents {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.publisher_add_modal .modal_contents .table_header {
  padding: 13px 39px 13px 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f4f6fa;
}
.publisher_add_modal .modal_contents .table_header p {
  font-size: 12px;
  font-weight: 800;
}
.publisher_add_modal .modal_contents .table_contents {
  height: 210px;
}
.publisher_add_modal .modal_contents .table_contents ul li {
  padding: 13px 37px 13px 20px;
}
.publisher_add_modal .modal_contents .table_contents ul li ~ li {
  border-top: 1px solid #e5e5e5;
}
.publisher_add_modal .modal_contents .table_contents ul li * {
  font-size: 12px;
}
.publisher_add_modal .modal_contents .table_contents ul li.active {
  background-color: rgba(72, 90, 225, 0.05);
}

.school_find_modal .modal_header,
.message_history_modal .modal_header {
  border-bottom: 1px solid #e5e5e5;
}
.school_find_modal .inp_reset {
  display: block;
}
.school_find_modal .fs_12 * {
  line-height: 20px;
}
.school_find_modal .fs_12.ty2 * {
  line-height: unset;
}
.school_find_modal .label {
  padding-left: 22px;
}
.school_find_modal table {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* .school_find_modal .btn_wrap{margin-top: 20px; border-top: 1px solid #e5e5e5;} */
.school_find_modal .modal_wrap .modal_section .btn_wrap {
  padding-top: 25px;
}
.school_find_modal table tr.active td {
  background-color: rgba(72, 90, 225, 0.05);
}
.school_find_modal .btn_wrap .blue_btn {
  background-color: #ebf0f1;
  color: #a4b1b4;
  border-radius: 4px;
  font-weight: 800;
  border: 1px solid rgba(0, 0, 0, 0.08);
  cursor: default;
}
.school_find_modal .btn_wrap .blue_btn.close_modal {
  background-color: #7e44fb;
  color: #fff;
  border-radius: 4px;
  font-weight: 800;
  cursor: pointer;
}
.school_find_modal .btn_wrap .blue_btn.select_btn {
  background-color: #7e44fb;
  color: #fff;
  cursor: pointer;
}

.modal_wrap.school_find_modal .modal_section .btn_wrap {
  padding-top: 25px;
}
.modal_wrap.school_find_modal.ty2 .modal_section .btn_wrap {
  margin-top: 0;
  padding-top: 46px;
  border-top: none;
}

.message_history_modal .modal_title em {
  color: #7e44fb;
}
.message_history_modal .btn_wrap {
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.message_history_modal .modal_wrap .modal_section .btn_wrap {
  padding-top: 25px;
}

.modal_wrap.school_find_modal.ori .modal_section .paging {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.modal_wrap.school_find_modal .modal_section .btn_wrap.ty3 {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 643px;
}

.storage_detail_modal .modal_section {
  padding: 0px 22px 50px;
}

/* .school_find_modal .modal_contents{border: 1px solid rgba(0, 0, 0, 0.2);}
.school_find_modal .modal_contents .table_header{text-align: left; padding: 13px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: #f4f6fa;}
.school_find_modal .modal_contents .table_header p{font-size: 12px; font-weight: 800;}
.school_find_modal .modal_contents .table_contents{padding:8px 0; height: 210px;}
.school_find_modal .modal_contents .table_contents ul li{padding: 12px 20px 14px;}
.school_find_modal .modal_contents .table_contents ul li ~ li{border-top: 1px solid #e5e5e5;}
.school_find_modal .modal_contents .table_contents ul li *{font-size: 12px;}
.school_find_modal .modal_contents .table_contents ul li.active{background-color: rgba(72, 90, 225, 0.05);} */

.student_enroll_modal .modal_header {
  border-bottom: 1px solid #e5e5e5;
}
.student_enroll_modal .inp_reset {
  display: block;
}
.student_enroll_modal .fs_12 * {
  line-height: 20px;
}
.student_enroll_modal .label {
  padding-left: 22px;
}
.student_enroll_modal table {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.student_enroll_modal .modal_wrap .modal_section .btn_wrap {
  padding-top: 25px;
}
.student_enroll_modal table tr.active td {
  background-color: rgba(72, 90, 225, 0.05);
}
.student_enroll_modal .table_title {
  padding-left: 24px;
  padding-bottom: 18px;
  font-weight: 700;
  font-size: 16px;
  background: url("../images/icons/blet.png") no-repeat left top 4px;
}
.student_enroll_modal table tr.empty td {
  height: 160px;
}
.student_enroll_modal .scroll {
  max-height: 380px;
}
.student_enroll_modal.modal_wrap .modal_section .btn_wrap {
  padding-top: 20px;
}

.service_notice_modal {
  width: 500px;
}
.service_notice_modal .modal_section {
  padding: 30px 25px;
}
.service_notice_modal .modal_header span {
  display: inline-block;
  padding-top: 3px;
  font-size: 12px;
  font-weight: 700;
}
.service_notice_modal .modal_contents .table_header {
  padding: 18px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f4f6fa;
}
.service_notice_modal .modal_contents .table_header p {
  font-size: 12px;
  font-weight: 800;
}
.service_notice_modal .modal_contents .table_header p.left {
  font-size: 14px;
}

.service_notice_modal .modal_contents pre {
  white-space: pre-wrap;
}
.service_notice_modal .modal_contents .table_contents {
  padding: 21px 14px 13px;
  border-bottom: 1px solid #e5e5e5;
}
.service_notice_modal .modal_contents .con_txt {
  height: 166px;
}
.service_notice_modal .move_btn_wrap .prev_btn {
  margin-left: -8px;
}
.service_notice_modal .move_btn_wrap .next_btn {
  margin-right: -8px;
}

/* 서비스 공지 팝업 */
.service_notice_modal_02 {
  padding: 30px;
}
.service_notice_modal_02 .modal_header .modal_title {
  display: block;
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.modal_wrap.service_notice_modal_02 .modal_section .modal_header .modal_title {
  font-size: 20px;
}
.service_notice_modal_02 .modal_contents p {
  font-size: 16px;
  color: #5f6b84;
  font-weight: 700;
  padding-top: 10px;
}
.service_notice_modal_02 .modal_contents .cont_header {
  padding-bottom: 10px;
}
.service_notice_modal_02 .modal_contents .cont_header .down_btn02 {
  position: relative;
  width: 260px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: #242e47;
  letter-spacing: -0.7px;
  background: url("../images/icons/clip.png") no-repeat left 12px center/18px;
}
.service_notice_modal_02 .modal_contents .cont_header .down_btn02::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/icons/download.png") no-repeat center/18px;
  position: absolute;
  right: 12px;
}
.modal_wrap.service_notice_modal_02 .modal_section .modal_header {
  padding-bottom: 17px;
}
.service_notice_modal_02 .modal_contents .cont_contents {
  position: relative;
  width: 730px;
  height: 540px;
  padding: 26px 26px 38px;
  border-radius: 8px;
  background-color: #f4f6fa;
}
.service_notice_modal_02 .modal_contents .cont_contents .text {
  font-size: 13px;
  color: #5f6b84;
  line-height: 20px;
}
.service_notice_modal_02 .modal_contents .cont_contents .text .orange {
  color: #f6926f;
}
.service_notice_modal_02 .modal_contents .cont_contents .text strong {
  font-weight: 700;
}
.service_notice_modal_02 .modal_contents .cont_contents .service_popup_bg {
  position: absolute;
  right: 12px;
  bottom: 12px;
}

.send_modal {
  width: 850px;
}
.send_modal .modal_section {
  padding: 30px 25px;
}
.send_modal .modal_title .sub_title {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  padding-left: 12px;
  margin-left: 12px;
}
.send_modal .modal_title .sub_title::before {
  position: absolute;
  left: 0;
  content: "";
  width: 1px;
  top: 3px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.2);
}
.send_modal .modal_title .sub_title i {
  font-style: normal;
  color: #7e44fb;
}
.send_modal .table_type2 tbody td {
  padding: 19px 0 17px;
}

.library_modal {
  width: 960px;
}
.library_modal .modal_section {
  padding: 30px 25px;
}
.library_modal .modal_title .sub_title {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  padding-left: 12px;
  margin-left: 12px;
}
.library_modal .modal_title .sub_title::before {
  position: absolute;
  left: 0;
  content: "";
  width: 1px;
  top: 3px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.2);
}
.library_modal .modal_title .sub_title i {
  font-style: normal;
  color: #7e44fb;
}
.library_modal .table_type2 tbody td {
  padding: 19px 0 17px;
}
.library_modal .table_type2 tbody td:nth-child(3) {
  max-width: 320px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.attendance_modal {
  width: 1200px;
  max-height: 600px;
}
.attendance_modal .modal_section {
  padding: 40px;
}
.attendance_modal .modal_header {
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.attendance_modal .modal_title {
  margin-top: 6px;
}
.modal_wrap.attendance_modal .modal_section .btn_wrap {
  margin-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.tab_wrap {
  padding: 30px 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.tab_wrap ul li {
  float: left;
}
.tab_wrap ul li button {
  position: relative;
  padding-bottom: 17px;
  color: rgba(36, 46, 71, 0.5);
  font-size: 16px;
  font-weight: 800;
}
.tab_wrap ul li.active button {
  color: #7e44fb;
}
.tab_wrap ul li.active button::before {
  content: "";
  width: 65px;
  height: 3px;
  background-color: #7e44fb;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* 240429 수정 */
.tab_wrap ul li {
  padding-right: 20px;
  position: relative;
}

.tab_wrap ul li + li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 2px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.1);
}
.tab_wrap ul li + li {
  padding-left: 20px;
}
/* //240429 수정 */

.tab_con_wrap {
  padding-top: 30px;
}
.tab_con_wrap .tab_con {
  display: none;
  padding-bottom: 97px;
}
.tab_con_wrap .tab_con.active {
  display: block;
}

.faq_tab {
  padding: 25px 20px 15px;
}
.faq_tab ul li {
  float: left;
  position: relative;
}
.faq_tab ul li ~ li {
  padding-left: 20px;
  margin-left: 20px;
}
.faq_tab ul li ~ li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 2px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.1);
}
.faq_tab ul li button {
  font-size: 16px;
  font-weight: 700;
  color: rgba(36, 46, 71, 0.5);
}
.faq_tab ul li.active button {
  color: #7e44fb;
  font-weight: 800;
  border-bottom: 1px solid #7e44fb;
}
.faq_con_wrap .faq_contents {
  display: none;
}
.faq_con_wrap .faq_contents.active {
  display: block;
}

.nodata {
  text-align: center;
  padding: 100px 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.tcon_header {
  padding: 17px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f4f6fa;
}
.tcon_header ul {
  display: table;
  width: 100%;
}
.tcon_header ul li {
  display: table-cell;
  vertical-align: middle;
  font-weight: 800;
  text-align: center;
}
.tcon_header ul li:first-child {
  width: 100px;
}
.tcon_header ul li:nth-child(2) {
  width: 130px;
}
.tcon_header ul li:nth-child(3) {
  width: 600px;
}
.tcon_header ul li:nth-child(4) {
  width: 130px;
}
.tcon_header ul li:nth-child(5) {
  width: 200px;
}
.tcon_header ul li:nth-child(6) {
  width: 130px;
  height: 10px;
}
.tcon_header ul li:last-child {
  width: 130px;
}

.tcon_contents .tdetail_box ul {
  display: table;
  width: 100%;
  margin-bottom: -3px;
  padding: 10px 0;
  height: 52px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.tcon_contents ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
}
.tcon_contents ul li:first-child {
  width: 100px;
}
.tcon_contents ul li:nth-child(2) {
  width: 130px;
}
.tcon_contents ul li:nth-child(3) {
  width: 600px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tcon_contents ul li:nth-child(4) {
  width: 130px;
}
.tcon_contents ul li:nth-child(5) {
  width: 200px;
}
.tcon_contents ul li:nth-child(6) {
  width: 130px;
}
.tcon_contents ul li:last-child {
  width: 130px;
}
.tcon_contents ul li a {
  color: #5d87dc;
  font-weight: 700;
  text-decoration: underline;
}

.tcon_contents .tcon_detail {
  display: none;
  height: 238px;
  padding: 32px 18px 30px 229px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.tcon_contents .tcon_detail.active {
  display: block;
}
.tcon_contents .tcon_detail pre {
  width: 600px;
}
.tcon_contents .tcon_detail .down_btn {
  max-width: 600px;
  color: #242e47;
}

.tcon_header.type2 ul li:first-child {
  width: 100px;
}
.tcon_header.type2 ul li:nth-child(2) {
  width: 110px;
}
.tcon_header.type2 ul li:nth-child(3) {
  width: 130px;
}
.tcon_header.type2 ul li:nth-child(4) {
  width: 130px;
}
.tcon_header.type2 ul li:nth-child(5) {
  width: 160px;
}
.tcon_header.type2 ul li:nth-child(6) {
  width: 400px;
}
.tcon_header.type2 ul li:nth-child(7) {
  width: 170px;
}
.tcon_header.type2 ul li:nth-child(8) {
  width: 100px;
}
.tcon_header.type2 ul li:last-child {
  width: 130px;
}

.tcon_contents.type2 ul li:first-child {
  width: 100px;
}
.tcon_contents.type2 ul li:nth-child(2) {
  width: 110px;
}
.tcon_contents.type2 ul li:nth-child(3) {
  width: 130px;
  text-align: center;
}
.tcon_contents.type2 ul li:nth-child(4) {
  width: 130px;
}
.tcon_contents.type2 ul li:nth-child(5) {
  width: 160px;
}
.tcon_contents.type2 ul li:nth-child(6) {
  width: 400px;
  display: inline-block;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tcon_contents.type2 ul li:nth-child(7) {
  width: 170px;
}
.tcon_contents.type2 ul li:nth-child(8) {
  width: 100px;
}
.tcon_contents.type2 ul li:nth-child(9) {
  width: 130px;
}

.upload_wrap ul li {
  float: left;
  width: calc(100% / 4 - 15px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.upload_wrap ul li ~ li {
  margin-left: 20px;
}

.upload_box {
  padding: 40px 8px 40px 8px;
}
.upload_box .upload_header {
  padding-bottom: 42px;
  text-align: center;
}
.upload_box.type2 .upload_header {
  margin-top: -16px;
  padding-bottom: 24px;
}
.upload_box .upload_header .u_title {
  padding-bottom: 18px;
}
.upload_box .upload_header .u_name {
  padding-bottom: 12px;
  border-radius: 32px;
  font-weight: 800;
  font-size: 18px;
}
.upload_box .upload_header .u_name span {
  font-size: 12px;
  color: rgba(36, 46, 71, 0.5);
}
.upload_box .upload_header .u_num {
  position: relative;
  color: #7e44fb;
  font-size: 24px;
  font-weight: 800;
}
.upload_box .upload_header .u_num em {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 6px;
  color: rgba(36, 46, 71, 0.4);
  font-size: 14px;
}
.upload_box .upload_header .u_tag {
  margin-bottom: 12px;
  display: inline-block;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  background-color: #f6936f;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
}
.upload_box table th {
  text-align: center;
}
.upload_list {
  height: calc(100vh - 555px);
}

.statistics_box {
  border: 1px solid rgba(112, 112, 112, 0.1);
  background-color: #fbfcff;
}
.statistics_box.main ul .s_main_list {
  float: left;
  padding: 20px 20px 34px;
  width: calc(100% / 3);
  text-align: center;
}
.statistics_box ul .s_main_list {
  float: left;
  padding: 20px 22px 34px;
  width: calc(100% / 2);
  text-align: center;
}
.statistics_box ul .s_main_list ~ .s_main_list {
  border-left: 1px solid rgba(112, 112, 112, 0.1);
}

.statistics_box .s_list .s_title {
  font-weight: 800;
  margin-bottom: 16px;
  font-size: 16px;
  text-align: left;
}
.statistics_box .s_list ul li {
  float: left;
}
.statistics_box .s_list ul li:first-child {
  padding-left: 96px;
}
.statistics_box .s_list ul li:last-child {
  padding-left: 40px;
  margin-left: 40px;
  position: relative;
}
.statistics_box .s_list ul li:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
}
.statistics_box .s_list ul li .s_num {
  color: #7e44fb;
  font-size: 26px; /* 240429 수정 */
  font-weight: 800;
}
.statistics_box .s_list ul li .s_num span {
  color: rgba(36, 46, 71, 0.4);
  font-size: 16px;
  padding-right: 12px; /* 240619 수정 */
  vertical-align: middle;
}
/* .statistics_box .s_list ul li .s_num span.txt{padding-left: 15px;} */

.statistics_box.main .s_list ul li .s_num span {
  padding-right: 0;
  padding-left: 8px;
  font-size: 14px;
}
.statistics_box.main .s_list ul li:last-child {
  margin: 0;
  width: 100%;
  text-align: center;
}
.statistics_box.main .s_list ul li:last-child::before {
  content: none;
}

/* chart */
.btn_list {
  float: right;
  height: 34px;
}
.btn_list ul {
  display: inline-block;
  width: calc(100% - 73px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  vertical-align: middle;
}
.btn_list ul li {
  float: left;
  padding: 3px 4px;
  text-align: center;
  position: relative;
}
.btn_list ul li button {
  padding: 7px 8px;
  border-radius: 5px;
  font-size: 12px;
}
.btn_list ul li.active button {
  background-color: rgba(36, 46, 71, 0.5);
  color: #fff;
}

.btn_list ul li ~ li {
  position: relative;
}
.btn_list ul li ~ li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 1px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.1);
}
.btn_list .grey_btn {
  width: 73px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn_list.four ul li {
  width: auto;
  background-color: #fff;
}

.btn_list.term ul {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.btn_list.dis_inblock {
  float: none;
  display: inline-block;
}

.chart_area {
  width: 100%;
}
.chart_area .pie_chart {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 42px;
  border-bottom: 1px solid #ededf0;
  text-align: center;
}
.chart_area .pie_chart ul li {
  display: inline-block;
}
.chart_area .pie_chart ul li ~ li {
  margin-left: 100px;
}
.chart_area .pie_chart div {
  width: 100%;
}
.chart_area .pie_chart div p.chart_title {
  padding: 0 0 20px 60px;
  font-size: 16px;
  font-weight: 800;
  text-align: left;
}
.line_chart .chart_title {
  padding-bottom: 14px;
  font-size: 16px;
  color: #242e47;
  font-weight: 800;
}
.line_chart .chart_layer {
  height: 400px;
  background-color: rgba(72, 90, 225, 0.02);
  border: 1px solid rgba(112, 112, 112, 0.1);
  padding: 70px 30px 0;
}
.canvas_layer {
  position: relative;
}
.canvas_layer.bar {
  padding-top: 63px;
}
.canvas_layer.nolegend {
  padding-top: 35px;
}

.chart_container {
  height: 400px;
  padding: 30px 45px 0 34px;
  border: 1px solid rgba(112, 112, 112, 0.1);
  background-color: rgba(72, 90, 225, 0.02);
}
.chart_container .pie_chart {
  width: 180px;
  height: 180px;
  margin: 0 auto 20px;
}
.chart_title {
  padding-bottom: 14px;
  font-weight: 700;
}

.chart_container .chart_layer {
  padding: 60px 0 0 34px;
  height: 340px;
  width: calc(100% - 361px);
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.chart_container div.left {
  width: 361px;
  padding-right: 34px;
  text-align: center;
}
/* .statistics_list li:nth-child(3n+1)::before{content: none;}
.statistics_list li:nth-child(n+4){margin-top: 20px;} */

.statistics_list {
  text-align: center;
}
.statistics_list li {
  display: inline-block;
  padding: 13px 0;
}
.statistics_list li ~ li {
  padding-left: 15px;
  margin-left: 15px;
}
.statistics_list li .chart_name {
  font-size: 14px;
  color: #747b8a;
}
.statistics_list li .chart_num {
  font-size: 20px;
  font-weight: 800;
  padding-top: 7px;
}

/* 대시보드 */
.chart_wrap {
  float: left;
}
.chart_wrap ~ .chart_wrap {
  margin-left: 40px;
}
.board_title_wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.board_title {
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 800;
}
.chart_layer {
  position: relative;
  padding: 28px 27px 68px 32px;
  height: 310px;
  background-color: #fbfcff;
  border: 1px solid rgba(112, 112, 112, 0.1);
}

.chart_wrap .chart_layer .chart_list > li {
  float: left;
  width: calc(100% / 3);
  text-align: center;
}
.chart_wrap .chart_layer .chart_list > li:first-child {
  position: relative;
  left: -20px;
}
.chart_wrap .chart_layer .chart_list > li:last-child {
  position: relative;
  right: -20px;
}
.chart_wrap .chart_layer .chart_list .c_title {
  padding-bottom: 23px;
  font-weight: 700;
}
.chart_wrap .chart_layer .chart_list .pie_chart {
  width: 140px;
  margin: 0 auto;
}

.chart_wrap .chart_layer .chart_list .percent_list {
  display: flex;
  justify-content: center;
  width: 140px;
  margin: 25px auto 0;
}
.chart_wrap .chart_layer .chart_list .percent_list li {
  float: left;
  position: relative;
}
.chart_wrap .chart_layer .chart_list .percent_list li ~ li {
  padding-left: 14px;
  margin-left: 14px;
}
.chart_wrap .chart_layer .chart_list .percent_list li ~ li::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.1);
}
.chart_wrap .chart_layer .chart_list .percent_list li .c_sub_title {
  font-size: 12px;
}
.chart_wrap .chart_layer .chart_list .percent_list li span {
  font-size: 18px;
  font-weight: 800;
}
.chart_wrap .chart_layer .chart_list .percent_list li:last-child span {
  color: #7e44fb;
}
.chart_wrap .chart_layer.line {
  padding-top: 70px;
  background-color: rgba(72, 90, 225, 0.02);
  position: relative;
}
.chart_wrap.bar {
  float: none;
}
.chart_wrap.bar .chart_layer {
  height: 383px;
  padding: 42px 20px 99px 30px;
}

.chart_wrap.half {
  width: calc(50% - 20px);
}
.chart_wrap.line .chart_layer {
  height: 352px;
  padding: 59px 32px 0 27px;
}

.question_icon {
  cursor: pointer;
  margin-bottom: -2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/icons/question_icon.png") no-repeat center /
    contain;
}
.question_wrap {
  position: relative;
  display: inline-block;
}
/* .question_box{display: none; position: absolute; top: 27px; right:50%;transform: translateX(50%); padding: 11px 8px; min-width: 255px;color: rgba(36, 46, 71, 0.5); font-size: 12px; font-weight: 700; line-height: 18px;
    letter-spacing: -.6px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); z-index: 1;} */

.question_box {
  display: none;
  top: 20px;
  left: 0;
  min-width: max-content;
  position: absolute;
  padding: 10px;
  color: #f4f6fa;
  font-weight: 100;
  font-size: 10px;
  line-height: 12px;
  background-color: rgba(36, 46, 71, 0.75);
  border-radius: 5px;
  z-index: 1;
}

.question_box.active {
  display: block;
}
/* .question_wrap .question_box:before{content: ''; width: 0; height: 0; position: absolute; top: -6px; left: 50%; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(0, 0, 0, 0.25); transform: translateX(-50%);}
.question_wrap .question_box:after{content: ''; width: 0; height: 0; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top: -5px; left: 50%; transform: translateX(-50%);} */

.title_myclass {
  padding-top: 35px;
  width: 76px;
  border-bottom: 3px solid #7e44fb;
  color: #7e44fb;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  padding-bottom: 15px;
}

/* 트래픽 */
.traffic_box {
  margin-right: 29px;
}
.traffic_box .traffic_title {
  padding: 30px 0 12px;
  font-size: 24px;
  font-weight: 800;
}
.traffic_box .traffic_list {
  width: 330px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.traffic_box .traffic_list ul li {
  float: left;
  width: 164px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
.traffic_box .traffic_list ul li > div {
  padding: 27.6px 20px;
}
.traffic_box .traffic_list ul li > div .t_title {
  font-size: 14px;
  font-weight: 700;
}
.traffic_box .traffic_list ul li > div .t_num {
  font-size: 16px;
  font-weight: 800;
  color: #7e44fb;
}

.traffic_wrap .chart_wrap {
  width: 840px;
}
.traffic_wrap .chart_wrap.library {
  width: 100%;
}
.traffic_wrap .chart_wrap .con_title {
  padding: 23px 0 12px;
}
.traffic_wrap .chart_wrap .con_title h2 {
  margin-top: 4px;
}

.traffic_wrap .chart_tab {
  padding: 20px 0 12px;
}
.traffic_wrap .chart_tab ul li {
  float: left;
}
.traffic_wrap .chart_tab ul li ~ li {
  padding-left: 15px;
  margin-left: 15px;
  position: relative;
}
.traffic_wrap .chart_tab ul li ~ li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 4px;
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.2);
}
.traffic_wrap .chart_tab ul li button {
  color: rgba(36, 46, 71, 0.5);
  font-size: 14px;
}
.traffic_wrap .chart_tab ul li.active button {
  color: #242e47;
  font-weight: 800;
}

.traffic_wrap .chart_con_wrap .chart_contents {
  display: none;
}
.traffic_wrap .chart_con_wrap .chart_contents.active {
  display: block;
}
.traffic_wrap .chart_con_wrap .chart_contents .chart_layer {
  padding: 68px 26px 26px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(72, 90, 225, 0.02);
}

.traffic_wrap .chart_wrap.library .chart_con_wrap .chart_contents .chart_layer {
  height: 320px;
}

.tab_con .con_title {
  border-bottom: none;
  padding-top: 0;
}
.tab_con .con_title h2 {
  margin-top: 8px;
}
.tab_con .table_type1.traffic tbody td:nth-child(3) {
  max-width: 260px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* 그래프 레전드 custom */
.chartjs-legend ul {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 25px;
  text-align: center;
  padding: 6px 16px 7px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.chartjs-legend.type3 ul {
  top: 0;
  left: 55%;
}
.chartjs-legend li {
  cursor: pointer;
  display: inline-block;
}
.chartjs-legend li ~ li {
  margin-left: 16px;
}
.chartjs-legend li span.lineBoder {
  position: relative;
  top: 2px;
  color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}
.chartjs-legend li span {
  font-size: 12px;
  font-weight: 800;
}

.chartjs-legend.no_border ul {
  border: none;
  bottom: 34px;
  top: auto;
  background-color: transparent;
  min-width: max-content;
}
.chart_wrap.bar .chartjs-legend.no_border ul {
  padding: 0;
  min-width: min-content;
  width: 1018px;
  margin-top: -8px;
  margin-left: -16px !important;
}
.chart_wrap.bar .chartjs-legend.no_border li {
  margin-left: 16px;
  margin-top: 8px;
}
.chart_wrap.bar .chartjs-legend.no_border.type2 ul {
  width: 1120px;
}

.chart_wrap.dash_board .chart_layer {
  height: 100% !important;
  padding-bottom: 35px;
  padding-right: 30px;
}
.chart_wrap.dash_board .chart_layer canvas {
  width: 100% !important;
  max-height: 240px !important;
}
.chart_wrap.bar.dash_board .chartjs-legend ul {
  padding-top: 28px;
  position: relative !important;
  bottom: auto;
}

.login_wrap .find_info_box.login {
  padding: 13px 6px 7px;
}
.login_wrap .find_info_box.login p {
  color: #5f6b84;
  font-size: 12px;
}
.login_wrap .find_info_box.login p.info_title {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 800;
}
.login_wrap .find_info_box.login p:not(.info_title) {
  line-height: 20px;
}

.login_wrap .find_info_box.login .info_url_wrap > li {
  font-size: 12px;
  color: #5f6b84;
  line-height: 26px;
}
.login_wrap .find_info_box.login .info_url_wrap > li .url_box {
  padding-left: 4px;
  width: 605px;
  float: left;
}
.login_wrap .find_info_box.login .info_url_wrap > li .url_box li {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}
.login_wrap .find_info_box.login .info_url_wrap > li .url_box li:last-child {
  margin-right: 0;
}
.url_btn {
  padding: 7px 20px 6px 11px;
  font-size: 11px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 26px;
  background: #fff url("../images/icons/url_right.png") no-repeat right 4px
    center;
}

.service_notice_modal {
  width: 500px;
}
.service_notice_modal .modal_section {
  padding: 30px 25px;
}
.service_notice_modal .modal_contents .table_header {
  padding: 18px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f4f6fa;
}
.service_notice_modal .modal_contents .table_header p {
  font-size: 12px;
  font-weight: 800;
}
.service_notice_modal .modal_contents .table_header p.ellipsis {
  max-width: 298px;
}

.service_notice_modal .modal_contents .table_contents {
  padding: 15px 0 20px;
  border-bottom: 1px solid #e5e5e5;
}
.service_notice_modal .modal_contents .con_txt {
  height: 166px;
}
.service_notice_modal .move_btn_wrap .prev_btn {
  margin-left: -8px;
}
.service_notice_modal .move_btn_wrap .next_btn {
  margin-right: -8px;
}

.service_notice_modal .modal_contents .down_box {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.service_notice_modal .modal_contents .down_box a {
  color: #242e47;
}

.add_box {
  display: none;
}
.add_box.active {
  display: block;
}

.txt_box {
  padding: 20px 18px;
  background-color: #f4f6fa;
  line-height: 14px;
  font-size: 12px;
  font-weight: 700;
}
.txt_box a {
  margin-top: 12px;
  display: inline-block;
  color: #3388dc;
  font-weight: 700;
  border-bottom: 1px solid #3388dc;
}

.t_file_box .inp {
  border-radius: 4px;
  display: inline-block;
  width: calc(100% - 353px);
  margin-left: 0;
  padding: 0;
  overflow: auto;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.t_file_box .inp ul {
  display: inline-block;
}
.t_file_box .inp_tag {
  position: relative;
  margin: 3px;
  background-color: #e9ebfc;
  border: 1px solid rgba(0, 0, 0, 0.08);
  min-width: 70px;
  padding: 0 28px 0 8px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 4px;
  float: left;
}

.t_file_box .inp_tag_btn {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("../images/icons/X_20px.png") no-repeat center;
}
.t_file_box .inp_reset {
  vertical-align: top;
}
.t_file_box .table_caption_grey {
  vertical-align: top;
  margin-top: 16px;
}
.t_file_box .inp_reset label {
  margin-left: 12px;
  border-radius: 4px;
  height: 47px;
  line-height: 47px;
  margin-right: 12px;
  border: 1px solid #5f6b84;
  background-color: #fff;
  color: #5f6b84;
}
.t_file_box .inp_reset.type2 label {
  margin-left: 8px;
  height: 36px;
  line-height: 36px;
}
.t_file_box.type2 .inp {
  height: 36px;
  overflow: hidden;
}
.t_file_box.type2 .inp_reset label {
  height: 36px;
  line-height: 36px;
}
.t_file_box.type2 .table_caption_grey {
  margin-top: 12px;
}

.m_file_box {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 6px;
}
.m_file_box .file_box {
  margin: 0;
  margin-bottom: 5px;
  max-width: 100%;
  width: 100%;
  padding: 0 30px 0 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.m_file_box .file_box input[type="text"][disabled].file_inp_white {
  padding: 0;
  border: none;
}

.solution_list li ~ li {
  margin-top: 24px;
}

.icon_link {
  width: 20px;
  height: 20px;
  background: url("../images/icons/newbrowser.png") no-repeat center / contain;
}
table .col_blue {
  cursor: pointer;
}

.change_select {
  display: none;
}
.change_select.active {
  display: inline-block;
}
.alert_txt {
  display: none;
  color: #ff4040;
  font-size: 12px;
  line-height: 14px;
}
.alert_txt.active {
  display: block;
}

.tab_btns li {
  float: left;
  width: calc(50% - 5px);
}
.tab_btns li ~ li {
  margin-left: 10px;
}
.tab_btns li a,
.tab_btns li button {
  width: 100%;
  display: block;
  border: 1px solid #7e44fb;
  height: 50px;
  line-height: 48px;
  color: #7e44fb;
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
}
.tab_btns li a.active,
.tab_btns li button.active {
  background-color: #7e44fb;
  color: #fff;
  font-weight: 800;
}
.tab_content {
  display: none;
}
.tab_content.active {
  display: block;
}

/* 시스템제어 */
.right_bar {
  display: inline-block;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 10px;
  padding-right: 13px;
}
.server_list {
  max-height: 606px;
  overflow: auto;
  margin: -10px -15px 0;
}
.server_list li {
  float: left;
  width: calc(20% - 30px);
  height: 273px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 30px 15px 0;
}
.server_list .server_tit {
  padding: 12px 16px;
  background-color: #f4f6fa;
}
.server_list .server_tit .bell {
  width: 16px;
  height: 16px;
  background: url("../images/icons/server_bell_off.png") no-repeat center /
    contain;
}
.server_list .server_tit .bell.active {
  background-image: url("../images/icons/server_bell.png");
}
.server_list .server_box {
  padding: 16px;
  font-size: 0;
}
.server_list .state {
  display: inline-block;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  font-size: 14px;
  position: relative;
  vertical-align: middle;
  font-size: 14px;
  color: #5d87dc;
  font-weight: bold;
}
.server_list .state:after {
  content: "";
  display: block;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  border: 7px solid #5d87dc;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.server_list .state.red {
  color: #da575e;
}
.server_list .state.red:after {
  border-color: #da575e;
}
.server_list .state.grey {
  color: #a7abb7;
}
.server_list .state.grey:after {
  border-color: #a7abb7;
}
.server_list .server_txt {
  display: inline-block;
  width: calc(100% - 80px);
  padding-left: 24px;
  vertical-align: middle;
  font-size: 12px;
}
.server_list .server_txt p ~ p {
  padding-top: 16px;
}
.server_list .server_btn {
  padding-top: 16px;
}
.server_list .server_btn button {
  float: left;
  width: 50%;
  height: 32px;
  line-height: 32px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(36, 46, 71, 0.5);
  font-size: 11px;
  font-weight: bold;
}
.server_list .server_btn button.active {
  background-color: #7e44fb;
  border-color: #7e44fb;
  color: #fff;
}

.system_dash {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.system_dash ~ .system_dash {
  margin-left: -1px;
}
.system_tit {
  background-color: #f4f6fa;
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
}
.system_tit strong {
  font-size: 12px;
}
.system_tit a {
  padding-right: 20px;
  float: right;
  background: url("../images/icons/more_arrow.png") no-repeat right 0 center;
  font-weight: bold;
  font-size: 12px;
}
.system_proList {
  margin: 17px 13px 0;
  height: 234px;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
.system_proList li {
  border-bottom: 1px solid #e5e5e5;
  height: 50px;
  line-height: 50px;
}
.system_proList li strong {
  float: left;
  border-right: 1px solid #e5e5e5;
  width: 70px;
  text-align: center;
  font-size: 14px;
}
.system_proList li em {
  float: right;
  width: 77px;
  text-align: center;
}
.system_proList li em.blue {
  color: #5d87dc;
}
.system_proList li em.red {
  color: #ff4040;
}
.system_proList li .system_pro {
  float: left;
  width: calc(100% - 148px);
}
.system_proList li .system_pro span {
  display: inline-block;
  width: 60px;
  text-align: center;
  font-size: 12px;
}
.system_bar {
  display: inline-block;
  width: 158px;
  height: 22px;
  background-color: #f4f6fa;
  border-radius: 11px;
  vertical-align: middle;
  overflow: hidden;
}
.system_bar div {
  background-color: #7e44fb;
  height: 100%;
  border-radius: 11px;
}

/* 시스템 제어 팝업 */
.more_drop_menu.type5 {
  width: 88px;
  left: auto;
  right: 0;
}

.modal_wrap .modal_section.server {
  padding: 30px 25px 40px;
}
.modal_wrap .modal_section.progress {
  padding: 30px 25px 35px;
}
.modal_wrap .modal_section.server .modal_header,
.modal_wrap .modal_section.progress .modal_header {
  border-bottom: 1px solid #e5e5e5;
}
.modal_wrap .modal_section.server .table_type3 th {
  padding: 17px 0;
  height: 50px;
  text-align: center;
}
.modal_wrap .modal_section.server .table_type3 td {
  padding: 7px 20px;
  height: 50px;
}
.modal_wrap .modal_section.server .label.single {
  padding-left: 22px;
}
.modal_wrap .modal_section.server .btn_wrap {
  padding-top: 25px;
  margin-top: 21px;
  border-top: 1px solid #e5e5e5;
}
.modal_wrap .modal_section.progress .btn_wrap {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.modal_wrap .modal_section.server .prev_btn,
.modal_wrap .modal_section.server .next_btn {
  width: 80px !important;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.server_change_modal .scroll {
  height: 356px;
}
.server_reservation_modal .scroll {
  height: 180px;
}
.progress_status_modal .scroll {
  height: 358px;
}

.server_btm {
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 12px;
}
.server_btm strong {
  display: block;
  padding-bottom: 8px;
}
.server_btm .server_tool {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.server_btm .server_toolWrap {
  position: relative;
}
.server_btm .question_box {
  left: 70%;
}

/* 20220812 모션아이콘 css 추가 및 디자인변경으로 이전css삭제 */
.circle_ani {
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
/* .progress_status_modal .table_type1 tbody td{padding: 14px 0;}
.progress_status_modal .system_bar{width: calc(100% - 59px);}
.progress_status_modal .system_pro .percent{ width: 59px; display: inline-block; font-size: 12px; margin-left: -4px;} */

/* [230713] 로그인 인증 화면 추가 */
.login_wrap .login_otp {
  display: flex;
  height: 36px;
  justify-content: space-between;
  align-items: stretch;
  gap: 8px;
}
.login_wrap .login_otp .white_btn3,
.login_wrap .login_otp .otp_text {
  height: auto;
  flex-shrink: 0;
  flex-grow: 0;
}
.login_wrap .login_otp input {
  width: 100%;
  height: 36px;
}
.login_wrap .login_otp .otp_text {
  display: flex;
  align-items: center;
  font-size: 12px;
}

/* uxstory */

/* 240103 */
.info_icon {
  width: 19px;
  height: 19px;
  margin-left: 8px;
  background: url("../images/icons/info.png") no-repeat right center/contain;
}
.info_icon:hover + .tooltip_cont {
  display: block;
}
.tooltip_cont {
  display: none;
  /* 260626 min-width로 변경 */
  min-width: 264px;
  padding: 9px 12px;
  background-color: rgba(36, 46, 71, 0.85);
  border-radius: 5px;
  position: absolute;
  top: 22px;
  left: 8%;
  z-index: 10;
}
.tooltip_cont p {
  color: #f4f6fa;
  font-size: 13px;
  text-align: left;
  line-height: 14px;
  left: 0;
}

.inp_reset.ty3 label {
  border-radius: 4px;
}

.inp_txtWrap {
  font-size: 0;
}
.inp_txtWrap > span,
.inp_txtWrap > em {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
}
.inp_txtWrap .inp_dateplace,
.inp_txtWrap .inp_intxt {
  display: inline-block;
  width: calc(100% - 100px);
}
.inp_txtWrap .inp_dateplace input {
  width: 100%;
  text-align: left;
}

.modal_wrap.student_new,
.modal_wrap.state_change {
  padding: 32px 25px;
}

/* 240213 */
.hide_btn {
  width: 32px;
  height: 32px;
  font-size: 0;
  cursor: default !important;
  position: absolute;
  top: 40px;
  right: 40px;
}
.modal_wrap.new_semester {
  width: 730px;
}
.modal_wrap.new_semester .modal_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 72px 40px 80px;
}

.left_back {
  width: 26px;
  height: 26px;
  margin-right: 17px;
  background: url("../images/icons/ic_back.svg") no-repeat right center;
}
.modal_wrap.manager {
  flex-direction: column;
  justify-content: center;
  width: 475px;
  padding: 30px 24px 24px;
}
.modal_wrap.manager.active {
  display: flex;
}
.modal_wrap.manager .modal_header {
  display: flex;
}
.modal_wrap.manager .modal_section {
  padding: 0;
  margin-top: 37px;
}
.modal_wrap.manager .modal_section .manager_pass {
  width: 100%;
  height: 44px;
  margin-bottom: 18px;
  background-color: #f3f3f3;
  border: none;
  border-radius: 8px;
  line-height: 60px;
}
.modal_wrap.manager .modal_section .manager_pass::placeholder {
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
}
.modal_wrap.manager .modal_section .ok_login_btn {
  width: 100%;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  background-color: #7e44fb;
  border-radius: 8px;
}
.modal_wrap.manager .modal_section .ok_login_btn.disabled {
  background-color: rgba(126, 68, 251, 0.3);
  pointer-events: none;
}

/* 240219 */
.login_find_modal .modal_header,
.modal_id_list .modal_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.x_icon {
  width: 28px;
  height: 28px;
  background: url("../images/icons/button_X_28px.png") no-repeat right
    center/contain;
}
.modal_wrap.modal_id_list .modal_section {
  padding: 30px 25px;
  position: relative;
  max-height: calc(100vh - 200px);
}
.id_list {
  max-height: 182px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 24px;
  padding: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
.id_list .id_info {
  display: flex;
  justify-content: space-between;
  line-height: 45px;
  font-size: 12px;
  color: #242e47;
}
.id_list li + li {
  border-top: 1px solid #ccc;
}

/* 240319, 240826 */
.tab_con .reset_btn,
.create_btn {
  position: absolute;
  right: 0;
  top: -9px;
} /* 250109 tab_con 내부의 reset_btn만 해당하도록 수정 */

/* 240429 */
.table_type6 {
  display: block;
}

.table_type6 thead th {
  padding: 17px 0;
  background-color: #f4f6fa;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.table_type6 thead tr th:last-child {
  border-right: none;
}
.table_type6 thead th.total_login {
  padding: 11px 0;
  background-color: #f8f8f8;
}
.table_type6 tbody {
  display: block;
  height: 352px;
  max-height: 352px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.table_type6 tbody tr {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.table_type6 tbody td {
  width: 130px;
  padding: 11px 0;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.table_type6 tbody td:last-child {
  border-right: none;
}
.table_type6 tbody::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.table_type6 tbody::-webkit-scrollbar-thumb {
  height: 148px;
  background-color: #e2e2e2;
  border-radius: 100px;
}
.table_type6 tbody::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 100px;
  background-clip: padding-box;
  border: 7px solid transparent;
}
.table_type6.type2 thead th,
.table_type6.type3 thead th {
  padding: 9px 0;
  background-color: #f4f6fa;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.table_type6.type2 thead tr:nth-child(3) th:nth-child(2n + 1),
.table_type6.type2 thead tr:nth-child(4) th:nth-child(2n) {
  border-right: none;
}

.table_type6.type2 thead th.total_login {
  padding: 11px 0;
  background-color: #f8f8f8;
  width: 71px;
}
.table_type6.type2 tbody tr td:first-child,
.table_type6.type3 tbody tr td:first-child {
  width: 130px;
}
.table_type6.type2 tbody td {
  padding: 11px 0;
  width: 71px;
}
.table_type6.type2 tbody td:nth-child(2n) {
  border-right: none;
}
.table_type6.type3 tbody {
  height: 398px;
}
.table_type6.type3 tbody td {
  width: 142.5px;
}

/*.table_type1 tbody tr.total td {
  padding: 9px 12px;
}*/ /* 250702 삭제 */

/* 진단/콘텐츠 통계 */
.stats {
  position: relative;
}
.stats .tab_wrap {
  position: relative;
}
.stats .tab_wrap .tab_menu button {
  min-width: 65px;
  padding-bottom: 15px;
}
.stats .canledar_ {
  position: absolute;
  right: 0;
  top: 97px;
}
.stats .canledar_ .btn_list ul li:first-child::after,
.stats .canledar_ .btn_list ul li.active button::before {
  display: none;
}
.stats .canledar_ .btn_list ul li:first-child {
  padding: 3px 4px;
}
.stats .canledar_ .btn_list ul li + li {
  padding-left: 0;
}
.stats .canledar_ .btn_list ul li + li::after {
  display: none;
}

.stats .chart_area .pie_chart ul {
  display: flex;
  justify-content: center;
}
.stats .chart_area .pie_chart div p.chart_title {
  padding: 0 0 20px 40px;
}
.stats .chart_area .pie_chart ul li ~ li {
  margin-left: 96px;
}

.stats .select-selected {
  background-position: right 5px top 8px;
}

.table_type1.stats_table tbody td {
  padding: 9px;
}
.table_type1.stats_table tbody td p.table_text {
  max-width: 414px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.chartjs-legend.type4 ul {
  display: none;
}
.chartjs-legend.type5 ul {
  top: 18px;
}

.date_standard {
  font-size: 14px;
  transform: translateY(16px);
}
.tab_con.out_contents {
  position: relative;
}
.tab_wrap.chart_tab {
  padding: 0;
  border: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.tab_wrap.chart_tab ul {
  width: max-content;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
.tab_wrap.chart_tab .tab_menu.sub {
  width: 62px;
  padding: 0;
  line-height: 36px;
  text-align: center;
}
.tab_wrap.chart_tab .tab_menu.sub::after,
.tab_wrap.chart_tab .tab_menu.sub button::before {
  content: none;
}
.tab_wrap.chart_tab .tab_menu.sub button {
  min-width: unset;
  width: 100%;
  padding-bottom: 0;
  color: #535455;
  font-size: 16px;
  font-weight: 600;
  line-height: 36px;
  cursor: pointer;
}
.tab_wrap.chart_tab li + li {
  padding: 0;
}
.tab_wrap.chart_tab .tab_menu.active {
  background-color: #5f6b84;
  border-radius: 8px;
}
.tab_wrap.chart_tab .tab_menu.sub.active button {
  color: #fff;
}
.tab_con_wrap.chart_tab_con {
  padding-top: 56px;
} /* 250516 수정 */
.tab_con_wrap.chart_tab_con .sub_tab {
  display: none;
}
.tab_con.out_contents .tab_con_wrap.chart_tab_con .sub_tab.active {
  display: block;
}
.tab_con_wrap.chart_tab_con .pie_chart {
  margin-top: 0;
}

.table_type1.ty4 thead th {
  padding: 9px 0;
}

.table_type1.ty5 thead th {
  padding: 4px 0;
}
.table_type1.ty5 tbody td {
  padding: 17px 0;
}
.table_type1.ty5 tbody td .try_btn {
  font-size: 14px;
  color: #5d87dc;
  text-decoration: underline;
}

.modal_wrap.try_modal {
  width: 687px;
}
.modal_wrap.try_modal .modal_section {
  padding: 32px 25px 35px;
}
.modal_wrap.try_modal .modal_section .modal_header {
  border-bottom: 1px solid #e5e5e5;
}
.modal_wrap.try_modal .modal_textbox {
  margin-top: 9px;
  padding: 20px;
  background-color: #f4f6fa;
  font-size: 12px;
}
.modal_wrap.try_modal .modal_textbox li + li {
  margin-top: 15px;
}
.modal_wrap.try_modal .modal_textbox .arrow_right {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 6px;
  background: url("../images/icons/select_right.png") no-repeat left
    center/contain;
  vertical-align: middle;
}
.modal_wrap.try_modal .modal_textbox .arrow_right:first-of-type {
  margin-left: 0;
}
.modal_wrap.try_modal .table_type1 tbody {
  display: block;
  width: 644px;
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal_wrap.try_modal .table_type1 tbody tr {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.modal_wrap.try_modal .table_type1 tbody td {
  width: 125px;
}
.modal_wrap.try_modal .table_type1 tbody td:first-of-type {
  width: 138px;
}
.modal_wrap.try_modal .table_type1 tbody::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.modal_wrap.try_modal .table_type1 tbody::-webkit-scrollbar-thumb {
  height: 10px;
  background-color: #e2e2e2;
  border-radius: 100px;
}
.modal_wrap.try_modal .table_type1 tbody::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 100px;
  background-clip: padding-box;
  border: 7px solid transparent;
}

/* 240826 교육청 auth_hash 추가 */
.auth_hash.table_type5 tbody tr td {
  height: 80px;
}

/* 241028 추가 */
.table_type1.ty6 {
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.table_type1.ty6 thead th {
  padding: 17px 0;
  background-color: #f4f6fa;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-weight: 800;
}
.table_type1.ty6 tbody td {
  padding: 18px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-align: center;
}
.table_type1.ty6 thead th + th,
.table_type1.ty6 tbody td + td {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.table_type1.ty7 thead th {
  padding: 9.5px 0;
}
.table_type1.ty7 tbody td {
  padding: 17px 0;
}

/* 241029 수정 */
table tbody tr.dim_line {
  color: #c1c4c9;
  background-color: #fafbfd;
}
table tbody tr.dim_line td.id a,
table tbody tr.dim_line .delete_btn {
  color: #c1c4c9;
}
table tbody tr.dim_line .delete_btn {
  pointer-events: none;
}

/* 241107 */
.download_pop {
  width: 620px;
  background: #ffffff;
  box-sizing: border-box;
  display: none;
  border-radius: 8px;
  position: fixed;
  max-height: calc(100% - 10px);
  overflow: hidden;
  overflow-y: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  z-index: 12;
}
.download_pop.active {
  display: block;
}
.download_pop .modal_section {
  padding: 32px 24px 40px;
}
.download_pop .modal_section .modal_header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}
.download_pop .modal_section .modal_header .modal_title {
  font-size: 18px;
  font-weight: 800;
}
.download_pop .modal_section .download_notice {
  margin-top: 16px;
  padding: 14px 22px;
  background-color: #f4f6fa;
}
.download_pop .modal_section .download_notice > p {
  position: relative;
  padding-left: 10px;
  color: #5f6b84;
  line-height: 20px;
}
.download_pop .modal_section .download_notice > p > span {
  position: absolute;
  left: 0;
}
.download_pop .modal_section .btn_wrap {
  text-align: center;
  padding-top: 30px;
}
.download_pop .modal_section .btn_wrap button:nth-child(2) {
  margin-left: 6px;
}

/* 241125 콘텐츠 신고 접수 */
.table_type1.content_declare .content_title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 8px;
  text-align: left;
  color: #5d87dc;
}
.table_type1.content_declare .num {
  font-weight: 900;
}
.table_type1.content_declare .num > span {
  font-weight: 400;
}
.table_type1.declare_list thead th,
.table_type1.declare_list tbody td {
  border-right: 1px solid #e5e5e5;
}
.table_type1.declare_list tbody td:last-of-type {
  border-right: none;
}
.table_type3.ty4 {
  width: 100%;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.table_type3.ty4 th {
  padding: 18px 0 18px 14px;
  height: 52px;
  background-color: #f4f6fa;
  text-align: left;
  font-weight: 800;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.table_type3.ty4 td {
  padding: 18px 14px;
  height: 52px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.table_type3.ty4 td.btn {
  padding: 8px 14px;
}
.table_type3.ty4 .content_name {
  padding: 11px 0;
  color: #5d87dc;
  text-decoration: underline;
  line-height: 36px;
}
.text_box {
  height: 132px;
  padding: 16px 14px;
  font-size: 12px;
  border-bottom: 1px solid #e5e5e5;
}
.declare_box {
  background-color: #f4f6fa;
  padding: 40px 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.declare_box .btn_wrap {
  display: flex;
  gap: 8px;
}
.declare_box .btn_wrap button {
  height: 40px;
  font-size: 16px;
}
.declare_box .bluebor_btn {
  background-color: #fff;
}
.declare_box .info_txt {
  padding-left: 36px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-image: url(../images/icons/ico-info.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
}
.declare_write_pop {
  width: 420px;
  background: #ffffff;
  box-sizing: border-box;
  display: none;
  border-radius: 8px;
  position: fixed;
  max-height: calc(100% - 10px);
  overflow: hidden;
  overflow-y: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 12;
}
.declare_write_pop.active {
  display: block;
}
.declare_write_pop .modal_section {
  padding: 32px 24px 35px;
}
.declare_write_pop .modal_section .modal_header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}
.declare_write_pop .modal_section .modal_header .modal_title {
  font-size: 18px;
  font-weight: 800;
}
.declare_write_pop .modal_section .btn_wrap {
  text-align: center;
  padding-top: 20px;
  display: flex;
  justify-content: center;
}
.declare_write_pop .modal_section .btn_wrap button:nth-child(2) {
  margin-left: 8px;
}
.declare_write_pop .modal_section .btn_wrap button {
  font-size: 12px;
}
.declare_textbox {
  font-size: 14px;
}
/* 241129 미리보기팝업 */
.layer-area {
  padding: 36px;
  background: transparent;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.modal_wrap.layer-area.active {
  display: flex;
}
.layer__container {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  max-width: calc(100% - 60px);
  max-height: calc(100% - 24px);
  padding: 0;
  background-color: #fff;
  border-radius: 8px;
}
.layer__title {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background-color: #f7f7f7;
  border-radius: 8px 8px 0 0;
}
.layer__title-text {
  font-weight: 800;
  font-size: 18px;
}
.layer__title-close {
  width: 28px;
  height: 28px;
  cursor: pointer;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
  background-image: url(../images/icons/icon-x-28-px.png);
}
.layer__contents {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  overflow-y: auto;
}
.layer__contents::-webkit-scrollbar,
.layer-area .workbook-preview__body::-webkit-scrollbar,
.layer-area .workbook-passage__contents::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.layer__contents::-webkit-scrollbar-thumb,
.layer-area .workbook-preview__body::-webkit-scrollbar-thumb,
.layer-area .workbook-passage__contents::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 100px;
}
.layer__contents::-webkit-scrollbar-track,
.layer-area .workbook-preview__body::-webkit-scrollbar-track,
.layer-area .workbook-passage__contents::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-radius: 100px;
  background-clip: padding-box;
  border: 3px solid transparent;
}
.layer-list__video .layer__container {
  width: 1272px;
  min-width: 1272px;
}
.preview-box {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
}
.layer-list__video .preview-box__video {
  width: 59.132%;
  max-width: 744px;
  padding-top: 33%;
  position: relative;
  flex-grow: 0;
  background-color: #000;
}
.preview-box__video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.layer-list__video .preview-box__description {
  position: relative;
  flex-grow: 1;
  padding: 34px 30px 38px 30px;
}
.box-flex {
  display: flex;
  flex-direction: row;
}
.layer-list__video .preview-box__description .description-title {
  font-size: 24px;
  font-weight: 800;
}
.layer-list__video .layer__container .description-text {
  margin-top: 17px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
}
.layer-list__video .layer__container .description-text ~ .description-text {
  margin-top: 12px;
}
.preview-box__description .description-text .title {
  flex-shrink: 0;
  flex-grow: 0;
  width: 100px;
}
.layer-list__video .layer__container .description-button {
  position: absolute;
  bottom: 46px;
  left: 35px;
}
.layer-list__video .layer__container .description-button button {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.layer-list__video .layer__container .description-button .text {
  font-size: 16px;
  margin-top: 10px;
}
.ico-28 {
  width: 28px;
  height: 28px;
}
.ico-34 {
  width: 34px;
  height: 34px;
}
.ico-24,
.ico-28,
.ico34 {
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: transparent;
  font-size: 0;
}
.ico-download-300-black {
  background-image: url(../images/icons/icon-download-34-px.png);
}
.layer-list__video .layer__container .alert_text {
  position: absolute;
  bottom: 12px;
  color: #7e44fb;
  font-size: 13px;
}
.layer-list__video .layer__container .video-box {
  border-top: 1px solid #e5e5e5;
  padding: 28px 24px;
}
.layer-list__video .layer__container .video-control {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.layer-list__video .layer__container .video-control__titles {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.layer-list__video .layer__container .video-control__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.layer-list__video .layer__container .video-control__titles .divider {
  position: relative;
}
.layer-list__video
  .layer__container
  .video-control__titles
  .divider
  + .divider {
  padding-left: 13px;
  margin-left: 10px;
}
.layer-list__video
  .layer__container
  .video-control__titles
  .divider
  + .divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #bcbcbc;
}
.layer-view__textbook .layer__container {
  width: 1028px;
  min-width: 1028px;
}
.layer-view__textbook .layer__title {
  background-color: transparent;
  border-bottom: 1px solid #e5e5e5;
}
.layer-view__textbook .layer__container .layer__contents {
  padding: 18px 24px 0;
}
.layer-view__textbook .textbook-preview__files {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.layer-view__textbook .textbook-preview__files .file-item {
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.layer-view__textbook .file-item .file-item--name {
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 1000px;
  padding: 3px 0;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  margin: 0 8px 0 4px;
  font-weight: 700;
}
.ico-pdf-color {
  background-image: url(../images/icons/icon-pdf-28-px.png);
}
.ico-hwp-color {
  background-image: url(../images/icons/icon-han-28-px.png);
}
.ico-powerpoint-color {
  background-image: url(../images/icons/icon-ppt-28-px.png);
}
.ico-excel-color {
  background-image: url(../images/icons/icon-exel-28-px.png);
}
.ico-word-color {
  background-image: url(../images/icons/icon-word-28-px.png);
}
.ico-screenshot-gray {
  background-image: url(../images/icons/icon-img-28-px.png);
}
.layer-view__textbook .file-item--icon.download {
  width: 20px;
  height: 20px;
  background-image: url(../images/icons/downicon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  font-size: 0;
}
.layer-view__textbook .alert_text {
  color: #7e44fb;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
}
.layer-view__textbook .textbook-preview__box {
  background-color: #f8f5ff;
  position: relative;
  padding: 24px 110px 11px;
  border-radius: 8px;
}
.layer-view__textbook .textbook-preview__box .button-icon {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.layer-view__textbook
  .textbook-preview__box
  .button-icon
  .ico-swiper-left-black {
  background-image: url(../images/icons/icon-left-36-px.png);
  width: 36px;
  height: 36px;
}
.layer-view__textbook .textbook-preview__box .button-icon:disabled {
  cursor: default;
}
.layer-view__textbook
  .textbook-preview__box
  .button-icon:disabled
  .ico-swiper-left-black {
  background-image: url(../images/icons/icon-left-36-px-disabled.png);
}
.layer-view__textbook .textbook-preview__prev {
  left: 24px;
}
.layer-view__textbook .textbook-preview__next {
  right: 24px;
}
.layer-view__textbook .textbook-preview__next .ico-swiper-left-black {
  transform: rotate(180deg);
}
.layer-view__textbook .textbook-preview__contents {
  border: 1px solid #bcbcbc;
  padding: 6px 8px;
  text-align: center;
}
.layer-view__textbook .textbook-preview__explain {
  padding: 32px 0 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}
.layer-view__textbook .textbook-preview__box .pagenavi--box {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.layer-area .pagenavi--box.pagenavi--step .pagenavi--number {
  display: inline-flex;
  font-size: 16px;
  gap: inherit;
}
.layer-area .pagenavi--box.pagenavi--step .pagenavi--number.f_grey {
  color: #a3a5b5;
}
.layer-area
  .pagenavi--box.pagenavi--step
  .pagenavi--number
  + .pagenavi--number::before {
  content: "/";
  display: inline-block;
  vertical-align: middle;
}
.layer-view__preview .layer__container {
  width: 1128px;
  min-width: 1128px;
}
.layer-view__preview .workbook-preview__titles {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 82px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 28px;
  flex-shrink: 0;
}
.layer-view__preview .workbook-preview__titles .label-num {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #f8f5ff;
  border: 1px solid #7e44fb;
  border-radius: 16px;
  min-width: 74px;
  height: 32px;
  padding: 0 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #7e44fb;
  margin-right: 12px;
  flex-shrink: 0;
}
.layer-view__preview .workbook-preview__titles .title {
  color: #68696c;
  font-size: 16px;
}
.layer-view__preview .workbook-preview__question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 40px 50px;
  min-height: 526px;
}
.layer-view__preview .workbook-preview__question .workbook-passage--box {
  width: 100%;
}
.layer-view__preview .workbook-passage__contents {
  overflow: hidden;
  overflow-y: auto;
  max-height: 342px;
  min-height: 285px;
  padding: 17px 16px;
  border: 1px solid #bcbcbc;
}
.layer-view__preview .workbook-passage__contents img {
  max-width: 100%;
}
.layer-view__preview .slectlist-box {
  display: flex;
  align-items: start;
  flex-direction: column;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}
.layer-view__preview .workbook-preview__question .workbook-passage__titles {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.layer-view__preview
  .workbook-preview__question
  .workbook-passage__titles
  .title {
  font-size: 16px;
  font-family: "Malgun Gothic", sans-serif;
  font-weight: 700;
}
.layer-view__preview .slectlist-title {
  font-weight: 700;
  margin-bottom: 16px;
}
.layer-view__preview .slectlist-item {
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  padding: 16px;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}
.layer-view__preview .slectlist-item + .slectlist-item {
  margin-top: 12px;
}
.layer-view__preview
  .workbook-preview__question
  .slectlist-item
  .slectlist-contents {
  font-family: "Malgun Gothic", sans-serif;
}
.layer-view__preview .page__button {
  padding: 40px 0;
}
.layer-view__preview .page__button .pagenavi--step {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 72px;
}
.layer-view__preview .page__button .pagenavi--step .pagenavi--arrow {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.layer-view__preview .pagenavi--box.pagenavi--step .is--prev::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/icons/icon-left-20-px.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.layer-view__preview .pagenavi--box.pagenavi--step .is--next::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/icons/icon-left-20-px.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(180deg);
}
.layer-view__preview .pagenavi--number__area {
  display: flex;
  gap: 4px;
}
/* 241210 추가 */
.date_select_wrap {
  display: inline-flex;
  align-items: center;
}
.date_select_wrap .colon {
  width: 12px;
  text-align: center;
  color: #a2a6b0;
}
.date_select_wrap .custom-select.disabled .select-selected {
  border-color: rgba(0, 0, 0, 0.08);
  color: rgba(36, 46, 71, 0.4);
}
.date_select_wrap .custom-select.disabled .select-selected {
  background: #fafafa url(../images/icons/select_down_grey.png) no-repeat right
    8px top 8px / 20px;
}

/* 250108 추가 */
.otp_page {
  width: 580px;
  height: 356px;
  margin: auto;
  padding: 40px 64px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}
.otp_input {
  padding-top: 61px;
}
.otp_input p {
  color: #5f6b84;
  font-size: 12px;
}
.otp_input .otp_sendbox {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 11px;
}
.otp_input .otp_timebox {
  width: 320px;
  position: relative;
}
.otp_input .otp_timebox input {
  border-color: rgba(0, 0, 0, 0.2);
  padding-right: 100px;
}
.otp_input .otp_sendbox.error input {
  border-color: #ff8e8e;
  background-color: #fff8f8;
}
.otp_input .error_message {
  margin-top: 4px;
  font-size: 12px;
  color: #ff4040;
}
.otp_input .otp_timebox .certification {
  font-size: 12px;
  color: #ff4040;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

/* 250114 추가 */
.modal_wrap.loginOverlap {
  width: 400px;
  height: auto;
  border-radius: 8px;
  z-index: 9999;
}
.modal_wrap.loginOverlap .modal_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 20px 30px;
  position: relative;
}
.modal_wrap.loginOverlap .select_radio {
  display: flex;
  flex-direction: column;
  margin-top: 22px;
  gap: 8px;
  font-size: 12px;
}
.modal_wrap.loginOverlap .modal_section .btn_wrap {
  padding-top: 24px;
}

/* 250516 진단/콘텐츠 통계 */
.table_type1.outsideconts thead th + th,
.table_type1.outsideconts tbody tr td + td {
  border-left: 1px solid #e5e5e5;
}
.table_type1.outsideconts tbody tr:first-child td {
  background-color: #f8f8f8;
}

/* 250717 가입자 통계 */
.statistics_box.new {
  display: flex;
}
.statistics_box.new .new_list {
  display: flex;
  width: 100%;
}
.statistics_box.new .new_list .s_main_list {
  width: 237.5px;
}
.statistics_box.new .s_list .s_title {
  margin-bottom: 20px;
}
.statistics_box.new .s_list ul li:last-child {
  padding: 0;
}
.statistics_box.new ul .s_main_list:last-child {
  flex: 1;
}
.statistics_box.new .s_list ul li .s_num {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}
.statistics_box.new ul li:last-child .s_list .s_title {
  margin-bottom: 0;
}
.statistics_box.new .s_list ul li:first-child {
  padding-left: 0;
}
.statistics_box.new .s_list ul li .s_num.big {
  font-size: 36px;
  color: #f5815b;
}
.statistics_box.new .s_list ul li .s_num.zero {
  color: #9196a3;
}

.statistics_box.new .s_list ul li .better_text {
  font-size: 16px;
  color: #242e47;
  font-weight: 700;
}

.table_type7 {
  display: block;
}
.table_type7 thead th {
  padding: 11px 0;
  background-color: #f4f6fa;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.table_type7 thead tr th:last-child,
.table_type7 tbody tr td:last-child {
  border-right: none;
}
.table_type7 tbody td {
  padding: 11px 0;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

/* 접속자 통계 */
.pie_chart.new {
  display: flex;
  justify-content: center;
  margin-top: 36px;
  margin-bottom: 26px;
  padding-bottom: 36px;
}
.pie_chart.new ul {
  display: flex;
  gap: 96px;
}
.chart_area .pie_chart.new div p.chart_title {
  padding: 0 0 20px 75px;
}
.chart_area .pie_chart.new ul li ~ li {
  margin-left: 0;
}

/*********** 명예의 전당 ***********/
/* 목록 */
.table_type1.award_table tbody td {
  /* 250919 패딩 20px -> 17px 변경 */
  padding: 0 17px;
  height: 50px;
}
.table_type1.award_table tbody td .award_btn {
  color: #5d87dc;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-position: from-font;
}
.table_type1.award_table tbody td.empty_box {
  padding: 42px 0;
  text-align: center;
}

/* */
.award_modal {
  width: 800px;
}
.award_modal .award_scroll::-webkit-scrollbar {
  width: 5px;
}
.award_modal .award_scroll::-webkit-scrollbar-thumb {
  background: #e2e2e2;
  border-radius: 10px 10px 10px 10px;
}
.award_modal .modal_section {
  padding: 24px 28px 24px 24px;
}
.award_modal .modal_header {
  border-bottom: 1px solid #e5e5e5;
}
.award_modal .table_title {
  padding-left: 24px;
  padding-bottom: 18px;
  font-weight: 700;
  font-size: 16px;
  background: url("../images/icons/blet.png") no-repeat left top 2px;
}
.award_modal .award_list {
  /* max-height: 380px; */
  overflow-x: hidden;
  overflow-y: auto;
}
.award_modal .award_content {
  /* max-height: 182px; */
  overflow-x: hidden;
  overflow-y: auto;
}
.award_table_box {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding-right: 7px;
}
.award_table_box .award_table_grade {
  padding-left: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #242e47;
}
.table_type1.award_table tbody td {
  height: 44px;
}
.table_type1.award_table tbody td .ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}

.award_modal .table_type1.award_table tbody td.empty_box {
  padding: 24px 0;
}

/* 등록 */
.table_title.award {
  background-position: left top 18px;
}
.award_month {
  margin-top: 30px;
}
.tab_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab_title .table_title {
  padding-left: 24px;
  font-weight: 700;
  font-size: 16px;
  background: url("../images/icons/blet.png") no-repeat left top 22px;
}
.award_list_btn {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.award_list_btn:disabled {
  background-color: #f8f8f8;
  pointer-events: none;
}
.award_list_btn.down {
  background-image: url("../images/icons/arrow-control-down-12-black.svg");
}
.award_list_btn:disabled.down {
  background-image: url("../images/icons/arrow-control-down-12-gray.svg");
}
.award_list_btn.up {
  background-image: url("../images/icons/arrow-control-up-12-black.svg");
}
.award_list_btn:disabled.up {
  background-image: url("../images/icons/arrow-control-up-12-gray.svg");
}
.award_month .tab_award {
  margin-top: 18px;
  padding: 20px;
  border: 1px solid #e5e5e5;
}
.award_month .tab_award .tab_wrap {
  padding-top: 0;
}
.award_month .tab_award .tab_wrap ul li button {
  padding: 8px 0 11px;
}
.award_month .tab_award .tab_wrap ul li.active button::before {
  width: 100%;
}
.award_month .tab_award .tab_wrap ul li + li::after {
  top: 10px;
}
.award_month .tab_con_wrap .tab_con {
  padding-bottom: 0;
}
.award_month .tab_con_wrap .icon_move {
  width: 24px;
  height: 24px;
  background: url("../images/icons/drag-24-gray.svg") no-repeat center/contain;
  cursor: pointer;
}
.award_month .tab_con_wrap .icon_check {
  width: 20px;
  height: 20px;
  background: url("../images/icons/checkmark-purple-20px.svg") no-repeat
    center/contain;
}
#sortable tr {
  background-color: #fff;
}

/* 수상자 후보 리스트 */
.award_candidate_list {
  margin-top: 30px;
}
.award_candidate_list .tab_award > div {
  display: none;
}
.award_candidate_list .tab_award > div.active {
  display: block;
}
.award_candidate_list .updown_btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.award_candidate_list .icon_double {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/icons/arrow-sort-updown-20-black.svg") no-repeat
    center/contain;
}
.award_candidate_list .icon_up {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/icons/arrow-sort-up-8-black.svg") no-repeat
    center/contain;
}
.award_candidate_list .icon_down {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/icons/arrow-sort-down-8-black.svg") no-repeat
    center/contain;
}

.award_candidate_list .select-selected {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent url("../images/icons/select_down.png") no-repeat right
    68px top 8px / 20px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.award_candidate_list .select-selected.select-arrow-active {
  border: none !important;
  background-image: none;
}
.award_candidate_list .select-selected.select-arrow-active:after {
  right: 68px;
}
.award_candidate_list .select-items {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 7, 63, 0.06);
  font-weight: 400;
  width: 120px;
  left: 36px;
}
.award_candidate_list .candidate_content .select-selected {
  background-position: 85px;
}
.award_candidate_list
  .candidate_content
  .select-selected.select-arrow-active:after {
  right: 20px;
}
.award_candidate_list .candidate_content .select-items {
  left: 0;
}
.table_type1.candidate thead th {
  padding: 0 0 0 14px;
  height: 50px;
}
.table_type1.candidate thead th:nth-child(2) {
  padding-left: 0;
}
.table_type1.candidate tbody td {
  padding: 0 20px;
  height: 50px;
}
.table_type1.candidate tbody tr.disabled {
  background-color: #fafbfd;
  color: #a3a7b1;
}
.table_type1.candidate input[type="checkbox"]:disabled {
  background-color: #f8f8f8;
  border-color: #e5e5e5;
}
.table_type1.candidate tbody td.empty_box {
  padding: 42px 0;
  text-align: center;
}

/* 저장 미리보기 팝업 */
.modal_wrap.award_modal.save_ver {
  display: none;
}
.modal_wrap.award_modal.save_ver.active {
  display: block;
}
.modal_wrap.award_modal.save_ver .repeat_checkbox {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 10px 16px 20px;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
}
.modal_wrap.award_modal.save_ver .repeat_checkbox .icon_repeat {
  width: 60px;
  height: 60px;
  background: url("../images/icons/alrert-60-gray.svg") no-repeat center/contain;
}

/* 250902 수정 */
.tab_wrap {
  padding: 0;
  margin-bottom: 30px;
}
.tab_con_wrap {
  padding-top: 0;
}
.award_month .tab_wrap ul li.active button::before {
  width: 100%;
}

/* 250908 */
.max_6_chars {
  display: inline-block !important;
  max-width: 90px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* 250917 추가 */
.custom-select.disabled {
  pointer-events: none;
}
.custom-select.disabled select {
  pointer-events: none;
}

/* 250919 추가 */
.award_modal {
  height: 880px;
}
.award_modal .icon_check {
  width: 16px;
  height: 16px;
  background: url("../images/icons/checkmark.png") no-repeat center/contain;
}

/*modal_header 고정, modal_content 스크롤 */
.award_modal .modal_section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.award_modal .modal_content {
  flex: 1;
  overflow-y: auto;
}

/* 250924 추가 */
.ico-24 {
  width: 24px;
  height: 24px;
}
.layer-view__textbook .layer__contents .textbook-preview__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.layer-view__textbook .textbook-preview__info .textbook-preview__info__item {
  display: flex;
  gap: 8px;
}
.layer-view__textbook
  .textbook-preview__info
  .textbook-preview__info__item
  > strong {
  width: 100px;
  display: inline-block;
  min-height: 30px;
  padding: 6px 0;
  font-size: 16px;
  font-weight: 700;
}
.layer-view__textbook
  .textbook-preview__info
  .textbook-preview__info__item
  > span {
  font-size: 16px;
  min-height: 30px;
  padding: 6px 0;
}
.layer-view__textbook
  .textbook-preview__info
  .textbook-preview__info__item
  > div
  .alert_text {
  color: #7e44fb;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-top: 8px;
}
.layer-view__textbook .textbook-preview__info .textbook-preview__files {
  justify-content: flex-start;
}
.layer-view__textbook
  .textbook-preview__info
  .textbook-preview__files
  .file-item {
  background-color: #f8f8f8;
  padding: 10px 12px;
  border-radius: 8px;
  max-width: 878px;
  margin-bottom: 0;
}
.layer-view__textbook .file-item--icon.ico-download-black {
  background-image: url("../images/icons/download-black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  font-size: 0;
}
.layer-view__textbook
  .textbook-preview__info
  .textbook-preview__files
  .file-item
  .file-item--name {
  margin: 0 16px 0 8px;
  font-weight: 400;
}
.delete_pop_wrap .modal_section .caution_icon {
  width: 44px;
  height: 44px;
}
.delete_pop_wrap .modal_section .btn_wrap {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.delete_pop_wrap .modal_section .btn_wrap button:nth-child(2) {
  margin-left: 0;
}
/* 251215 추가 */
/* 테이블 리셋 추가 */
table {
  width: 100%;
  table-layout: fixed;
}
table,
table tr {
  border-collapse: inherit;
}
table,
table tr,
table td,
table th,
table thead,
table tbody,
table tfoot,
table caption {
  border-collapse: collapse;
  border-spacing: 0;
}
/* faq 테이블 스타일 개선 */
.faq_con_wrap .tdetail_box table {
  margin-bottom: 1em;
  margin-top: 1em;
  max-width: 100%;
}
.faq_con_wrap .tdetail_box th,
.faq_con_wrap .tdetail_box td {
  border: 1px solid #dadada;
  min-width: 2em;
  padding: 0.4em;
  vertical-align: middle;
}
/* 에디터 내 영상 비율 및  max-width 지정 */
.text_editor jodit,
.ntc_txt jodit {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  max-width: 544px;
}
.text_editor jodit iframe,
.ntc_txt jodit iframe {
  width: 100%;
  height: 100%;
}
.text_editor .jodit-workplace img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* [260519] 비밀번호 아이콘 추가 */
.main-eye {
  background-image: url(../images/icons/ic_eye.svg);
}
.main-eye.off {
  background-image: url(../images/icons/ic_eye_disabled.svg);
}
.ico-20 {
  background-color: transparent;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.password_box {
  position: relative;
}
.password_box i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  cursor: pointer;
  /* 260526 추가 */
  z-index: 2;
}
.main-eye.disabled {
  background-image: url(../images/icons/ic_eye_gray.svg);
}
.main-eye.off.disabled {
  background-image: url(../images/icons/ic_eye_disabled_gray.svg);
}
.modal_wrap.manager .modal_section .password_box .manager_pass {
  margin-bottom: 0;
}
.modal_wrap.manager .modal_section .password_box {
  margin-bottom: 18px;
}
/* 260526 추가 */
.password_box .pwd_overlay_box {
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 14px;
  font-size: 12px;
  font-family: inherit;
  color: #242e47;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 4px;
}
.password_box .pwd_overlay_box.show {
  display: flex;
  align-items: center;
}
/* 관리자 로그인 모달 */
.modal_wrap.manager .password_box .pwd_overlay_box {
  border-radius: 8px;
  background-color: #f3f3f3;
}

/* 260721 스타일 수정 */
.download_pop {
  width: 538px;
}
.download_pop .modal_section {
  padding: 30px 24px;
}
.download_pop .modal_section .download_notice {
  margin-top: 12px;
  padding: 12px 16px;
}
.download_pop .modal_section .download_notice > p {
  padding-left: 15px;
  font-size: 12px;
  line-height: 19px;
}
.download_pop .modal_section .download_notice > p > span {
  font-size: 11px;
}
.download_pop .modal_section .btn_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 40px;
}
.download_pop .modal_section .btn_wrap button:nth-child(2) {
  margin-left: 0;
}
/* 260729 추가 */
.match-options .btn-connect {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
}
.match-options .item-index {
  flex-shrink: 0;
}
.match-options .item-contents {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.leader-line {
  z-index: 50 !important;
}
.match-options {
  display: flex;
  gap: 120px;
  width: 100%;
}
.match-options .list-column {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.match-options .match-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.match-options .btn-connect::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #494949;
}
.match-options .item-box {
  flex: 1;
  display: flex;
  gap: 4px;
  padding: 16px;
  height: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
.match-options .item-box.height-auto {
  height: auto;
}
/* 드래그앤드롭 유형 (미리보기) */
.workbook-passage__text {
  margin-bottom: 96px;
  font-size: 16px;
  line-height: 24px;
}

/* 빈칸 */
.passage-blank-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 8px;
  vertical-align: top;
}
.passage-blank {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  width: 280px;
  height: 24px;
  color: #000;
  font-size: 14px;
  border: 1px dashed #808080;
  background-color: #f0f0f0;
  border-radius: 100px;
}
.passage-blank .blank-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.passage-blank.is--filled {
  border: 1px dashed #7e44fb;
  background-color: #f2ecff;
  user-select: none;
}

/* 보기 */
.drag-options {
  display: flex;
  gap: 16px;
  width: 100%;
}
.drag-options .width-full {
  width: 100%;
}
.drag-options .label-title {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  height: 30px;
  color: #808080;
  font-size: 14px;
  font-weight: 700;
  background-color: #f0f0f0;
  border-radius: 27px;
}
.drag-options .slectlist-item {
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  padding: 16px;
  text-align: left;
  user-select: none;
}
.layer-view__preview
  .workbook-passage--box
  .workbook-passage__contents::-webkit-scrollbar {
  width: 13px;
}
.layer-view__preview
  .workbook-passage--box
  .workbook-passage__contents::-webkit-scrollbar-button:start:decrement,
.layer-view__preview
  .workbook-passage--box
  .workbook-passage__contents::-webkit-scrollbar-button:end:increment {
  display: block;
  width: 0;
  height: 0;
}
.layer-view__preview
  .workbook-passage--box
  .workbook-passage__contents::-webkit-scrollbar-track {
  background: transparent;
}
.layer-view__preview
  .workbook-passage--box
  .workbook-passage__contents::-webkit-scrollbar-thumb {
  border: 5px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: #d9d9d9;
  border-radius: 6px;
}
/* 260812 수정 */
.main_wrap.login .main_logo {
  text-align: center;
}
.main_wrap.login .main_logo a {
  display: inline-block;
  width: 200px;
  height: 40px;
}
.main_wrap.login .main_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* 260908 추가 */
.award_candidate_list .candidate_content .select_type_76 .select-selected {
  background-position: 97px;
}
.award_candidate_list
  .candidate_content
  .select_type_76
  .select-selected.select-arrow-active:after {
  right: 10px;
}
.table_type1.candidate thead th:nth-child(5) {
  padding-left: 0;
}
/* 수업설계안 팝업 스타일 */
.layer-view__lessonplan .layer__container {
  width: 1028px;
  min-width: 1028px;
  max-height: 820px;
}
.layer-view__lessonplan .layer__title {
  background-color: transparent;
  border-bottom: 1px solid #e5e5e5;
}
.layer-view__lessonplan .layer__container .layer__contents {
  padding: 24px;
  overflow-y: auto;
}
.layer-view__lessonplan .lessonplan-section + .lessonplan-section {
  margin-top: 32px;
}
.layer-view__lessonplan .lessonplan-section__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0 10px;
}
.layer-view__lessonplan .lessonplan-section__header .lessonplan-section__title {
  font-size: 18px;
  font-weight: 700;
  color: #242e47;
}
.layer-view__lessonplan .lessonplan-section__header .lessonplan-tags {
  display: flex;
  gap: 8px;
}
.layer-view__lessonplan .lessonplan-section__header .lessonplan-tag {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 6px 14px;
  border-radius: 20px;
  background-color: rgba(126, 68, 251, 0.1);
  font-size: 16px;
  font-weight: 700;
  color: #7e44fb;
}
.layer-view__lessonplan .lessonplan-info {
  border-radius: 8px;
  background-color: #f4f6fa;
  padding: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 24px;
}
.layer-view__lessonplan .lessonplan-info .lessonplan-info__item {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  color: #242e47;
}
.layer-view__lessonplan .lessonplan-info .lessonplan-info__item.is-full {
  grid-column: span 2;
}
.layer-view__lessonplan .lessonplan-info .lessonplan-info__item dt {
  min-width: 64px;
  font-weight: 700;
}
.layer-view__lessonplan .lessonplan-info__item dd .is-empty {
  color: #a3a7b1;
}
.layer-view__lessonplan .lessonplan-table th,
.layer-view__lessonplan .lessonplan-table td {
  padding: 17px 20px;
  text-align: left;
}
.layer-view__lessonplan .lessonplan-table thead th {
  font-weight: 700;
}
.layer-view__lessonplan .lessonplan-table td.number {
  text-align: center;
}