@charset "utf-8";
/* CSS Document */

/* Reset CSS */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font: inherit;
  vertical-align: baseline;
  font-family: "Pretendard";
  /* color: var(--gray-2); */
}
a{
  color: var(--gray-2);
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

.bg-stb-primary {
  color: white;
  background: var(--primary-1) !important;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr.hr1 {margin-top: 0.5rem; margin-bottom: 0.5rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);}
hr.hr2 {margin: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);}

span.bold {font-weight:600;}/*스타일 추가:0531*/

/* The side navigation menu */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  background-color: var(--p-white);
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.3s;
}


.sidenav a {
  padding: 20px 8px 20px 32px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  color: var(--gray-1);
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: var(--accent-1);
}

.sidenav a.stb-m-menu {
  padding: 13px 8px 13px 0px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 300;
  color: var(--gray-1);
  display: block;
  transition: 0.3s;
}

.sidenav a.stb-m-menu:hover {
  color: var(--accent-1);
}

.stb-submenu {
  border-bottom: 1px solid var(--gray-6);
}

.stb-ic-arrow-right {
  font-size: 1rem;
  vertical-align: 0.06rem;
  float: right;
}


/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.navbar-toggler .closebtn {
  font-size: 32px;
}


/* Style page content */
#main {
  height: 100vh;
  transition: margin-left .5s;
  padding: 20px;
}

.main_visual {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Style page content추가 : 20240822 */
#main2 {
  height: 43rem;
  transition: margin-left .5s;
  padding: 20px;
}

.main_visual2 {
  background-image: url("/static/east154/images/img_fold/1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/*scroll bar style : 0919*/
::-webkit-scrollbar {
  width: 6px;
  background-color: var(--gray-6);
}

::-webkit-scrollbar-track {
  background: var(--p-white);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: var(--gray-6);
}

/*Table : 0919*/
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody+tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}


/*추가 : 0919*/
.table.basic {
  width: 100%;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: var(--gray-2);
  display: table;
}

.table.basic th,
.table.basic td {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: none;
  border-bottom: 1px solid var(--gray-6);
}

.table.basic thead th {
  vertical-align: bottom;
  background: var(--gray-12);
  border-top: 2px solid var(--gray-3)
}

.table.basic tbody+tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm.basic th,
.table-sm.basic td {
  padding: 0.3rem;
}

.table-bordered.basic {
  border: 1px solid #dee2e6;
}

.table-bordered.basic th,
.table-bordered.basic td {
  border: 1px solid #dee2e6;
}

.table-bordered.basic thead th,
.table-bordered.basic thead td {
  border-bottom-width: 2px;
}

.table-borderless.basic th,
.table-borderless.basic td,
.table-borderless.basic thead th,
.table-borderless.basic tbody+tbody {
  border: 0;
}

.table-striped.basic tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover.basic tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table.basic tr.stb-board-pin {
  background: var(--gray-12);
}

.table.basic td>a {
  text-decoration: none;
  line-height: 1.2rem;
}

.table.basic td>a span.event {
  color: var(--accent-2);
}

.table.basic td>.stb-profile {
  display: inline-block;
}

.table.basic td>.stb-profile span.stb-profile-img {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background: var(--gray-5);
  border-radius: 50%;
  margin-right: 0.5rem;
  justify-content: center;
  /* 가로 중앙 정렬 */
  align-items: center;
  /* 세로 중앙 정렬 */
}

.table.basic td>.stb-profile span.stb-profile-txt {
  position: relative;
  top: -0.5rem;
  font-size: 0.875rem;
  color: var(--gray-2);
  font-weight: 400;
}

.table.basic td>span.stb-board-status {
  color: var(--gray-11);
}

.table.basic td>span.stb-board-status-done {
  color: var(--tag-3);
}

.table.basic td.stb-board-date {
  color: var(--gray-5);
}

/*Table : 0328*/
.table.stb-list-table {width: 100%; margin-bottom: 1rem; color: var(--p-black); border:1px solid var(--gray-14);}
.table.stb-list-table th,
.table.stb-list-table td {padding:0.2rem 0.75rem; vertical-align: meddle; font-size:1rem; text-align:center;}
.table.stb-list-table th.align,
.table.stb-list-table td.align {text-align:left;}
.table.stb-list-table thead th {vertical-align: middle; background:var(--gray-7); color:var(--p-black); font-weight:700;}
.table.stb-list-table thead th.br {border-right:1px solid var(--gray-14);}
.table.stb-list-table tbody td {vertical-align: middle; background:var(--p-white); color:var(--p-black); font-weight:400;}
.table.stb-list-table tbody td.br {border-right:1px solid var(--gray-14);}

/*Table 추가 : 0531*/
.table.stb-list-table1 {width: 100%; margin-bottom: 1rem; color: var(--p-black); border:1px solid var(--gray-14);}
.table.stb-list-table1 th,
.table.stb-list-table1 td {padding:0.2rem 0.2rem; vertical-align: meddle; font-size:0.825rem; text-align:center;}
.table.stb-list-table1 th.align,
.table.stb-list-table1 td.align {text-align:left;}
.table.stb-list-table1 thead th {vertical-align: middle; background:var(--gray-7); color:var(--p-black); font-weight:700;}
.table.stb-list-table1 thead th.br {border-right:1px solid var(--gray-14);}
.table.stb-list-table1 tbody td {vertical-align: middle; background:var(--p-white); color:var(--p-black); font-weight:400; line-height:1.2rem; padding:0.5rem;}
.table.stb-list-table1 tbody td.br {border-right:1px solid var(--gray-14);}


/*Common----------------------------------------------------------------------------------*/
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a.stb-link {
  display: inline-block;
  font-size: 0.825rem;
  color: var(--gray-5);
  font-weight: 300;
  text-decoration: underline;
  margin: 1.5rem 0rem 0.5rem 0rem;
}

a.stb-link:hover {
  color: var(--accent-1);
}

a.stb-link2 {
  display: inline-block;
  font-size: 1rem;
  color: var(--gray-5);
  font-weight: 300;
  text-decoration: underline;
  margin: 2.5rem 0rem 0.5rem 0rem;
}

a.stb-link2:hover {
  color: var(--accent-1);
}

a.stb-link-sharp {
  font-size: 1rem;
  color: var(--primary-2);
  font-weight: 400;
  text-decoration: none;
  transition-duration: 0.1s;
}

/*추가 : 0822*/
/*컬러 색상 수정:1127*/

/*추가 : 0822*/
a.stb-link-sharp:hover {
  color: var(--primary-1hov);
  transition-duration: 0.1s;
}

/*추가 : 0822*/


.mgb-1 {
  margin-bottom: 0.5rem;
}

.mgt-1 {
  margin-top: 2rem;
}

/*버튼스타일*/
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/*.btn-primary {color: #fff; background-color: #007bff; border-color: #007bff;}
.btn-primary:hover {color: #fff; background-color: #0069d9; border-color: #0062cc;}
.btn-primary:focus, .btn-primary.focus {color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}
.btn-primary.disabled, .btn-primary:disabled {color: #fff; background-color: #007bff; border-color: #007bff;}*/


.stb-btn-primary {
  color: var(--p-white);
  background-color: var(--primary-1);
  border: none;
  padding: 0.9rem 0.75rem;
  margin-top: 2rem;
}

.stb-btn-primary:hover {
  color: var(--p-white);
  background-color: var(--primary-1hov);
}

.stb-btn-primary:focus,
.stb-btn-primary.focus {
  color: var(--p-white);
  background-color: var(--primary-1hov);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.stb-btn-primary:not(:disabled):not(.disabled):active,
.stb-btn-primary:not(:disabled):not(.disabled).active,
.show>.stb-btn-primary.dropdown-toggle {
  color: var(--p-white);
  background-color: var(--primary-1hov);
}

.stb-btn-primary2 {
  color: var(--p-white);
  background-color: var(--primary-1);
  border: none;
  padding: 0.5752rem 2.75rem;
}

.stb-btn-primary2:hover {
  color: var(--p-white);
  background-color: var(--primary-1hov);
}

.stb-btn-primary2:focus,
.stb-btn-primary2.focus {
  color: var(--p-white);
  background-color: var(--primary-1hov);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.stb-btn-primary2:not(:disabled):not(.disabled):active,
.stb-btn-primary2:not(:disabled):not(.disabled).active,
.show>.stb-btn-primary2.dropdown-toggle {
  color: var(--p-white);
  background-color: var(--primary-1hov);
}

.stb-btn-primary3 {
  display: inline-block;
  width: 6rem;
  color: var(--p-white);
  background-color: var(--primary-1);
  border: none;
  padding: 0.5752rem 0.75rem;
}

/*추가:0919*/
.stb-btn-primary3:hover {
  color: var(--p-white);
  background-color: var(--primary-1hov);
}

/*추가:0919*/
.stb-btn-primary3:focus,
.stb-btn-primary3.focus {
  color: var(--p-white);
  background-color: var(--primary-1hov);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/*추가:0919*/
.stb-btn-primary3:not(:disabled):not(.disabled):active,
.stb-btn-primary3:not(:disabled):not(.disabled).active,
.show>.stb-btn-primary3.dropdown-toggle {
  color: var(--p-white);
  background-color: var(--primary-1hov);
}

/*추가:0919*/

.stb-btn-primary3>.btn-block+.btn-block {
  margin-top: 0rem;
}

/*추가:0919*/

/*추가 시작:0718*/
.stb-btn-member-start {width:20rem; color:var(--p-white); background-color:var(--btn-member); border: none; padding: 0.9rem 0.75rem; margin-top:2rem; box-shadow:0px 0px 5px 0px rgba(255,172,251,0.7);}
.stb-btn-member-start:hover {color:var(--p-white); background-color:var(--btn-member-hov);}
.stb-btn-member-start:focus, .stb-btn-member-start.focus {color:var(--p-white); background-color:var(--btn-member); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}
.stb-btn-member-start:not(:disabled):not(.disabled):active, .stb-btn-member-start:not(:disabled):not(.disabled).active,
.show > .stb-btn-member-start.dropdown-toggle {color:var(--p-white); background-color:var(--btn-member);}
/*추가 끝:0718*/

.stb-btn-kakao {
  color: var(--kakao-color-accent);
  background-color: var(--kakao-color1);
  border: none;
  padding: 0.9rem 0.75rem;
  margin-top: 2rem;
}

.stb-btn-kakao::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 2px;
  left: 0px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url("/static/east154/images/icon/ic_kakao-talk_16.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.stb-btn-kakao:hover {
  color: var(--kakao-color-accent);
  background-color: var(--kakao-color1-hov);
}

.stb-btn-kakao:focus,
.stb-btn-kakao.focus {
  color: var(--kakao-color-accent);
  background-color: var(--kakao-color1-hov);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.stb-btn-kakao:not(:disabled):not(.disabled):active,
.stb-btn-kakao:not(:disabled):not(.disabled).active,
.show>.stb-btn-kakao.dropdown-toggle {
  color: var(--kakao-color-accent);
  background-color: var(--kakao-color1-hov);
}

.stb-btn-primary-line {
  color: var(--gray-2);
  background-color: var(--p-white);
  border: 1px solid var(--gray-2);
  padding: 0.9rem 0.75rem;
  margin-top: 2rem;
}

.stb-btn-primary-line:hover {
  color: var(--gray-2);
  background-color: var(--p-white);
  border-color: var(--gray-4);
}

.stb-btn-primary-line:focus,
.stb-btn-primary-line.focus {
  color: var(--gray-4);
  background-color: var(--p-white);
  border-color: var(--gray-4);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.stb-btn-primary-line:not(:disabled):not(.disabled):active,
.stb-btn-primary-line:not(:disabled):not(.disabled).active,
.show>.stb-btn-primary-line.dropdown-toggle {
  color: var(--gray-2);
  background-color: var(--p-white);
  border-color: var(--gray-2);
}

.stb-btn-primary-line2 {
  font-size: 0.9rem;
  color: var(--gray-5);
  font-weight: 300;
  background-color: var(--p-white);
  border: 1px solid var(--btn-line-nor);
  padding: 0.5752rem 2.75rem;
}

.stb-btn-primary-line2:hover {
  color: var(--gray-2);
  background-color: var(--p-white);
  border-color: var(--gray-2);
}

.stb-btn-primary-line2:focus,
.stb-btn-primary-line2.focus {
  color: var(--gray-2);
  background-color: var(--p-white);
  border-color: var(--gray-2);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.stb-btn-primary-line2:not(:disabled):not(.disabled):active,
.stb-btn-primary-line2:not(:disabled):not(.disabled).active,
.show>.stb-btn-primary-line2.dropdown-toggle {
  color: var(--gray-2);
  background-color: var(--p-white);
  border-color: var(--gray-2);
}

.stb-btn-primary-line2.active {
  color: var(--gray-2);
  font-weight: 500;
  background-color: var(--p-white);
  border-color: var(--gray-2);
}

.stb-btn-primary-line3 {
  display: inline-block;
  font-size: 0.9rem;
  width: 6rem;
  color: var(--gray-5);
  font-weight: 300;
  background-color: var(--p-white);
  border: 1px solid var(--btn-line-nor);
  padding: 0.5752rem 0.75rem;
}

/*추가:0919*/
.stb-btn-primary-line3:hover {
  color: var(--gray-2);
  background-color: var(--p-white);
  border-color: var(--gray-2);
}

/*추가:0919*/
.stb-btn-primary-line3:focus,
.stb-btn-primary-line3.focus {
  color: var(--gray-2);
  background-color: var(--p-white);
  border-color: var(--gray-2);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/*추가:0919*/
.stb-btn-primary-line3:not(:disabled):not(.disabled):active,
.stb-btn-primary-line3:not(:disabled):not(.disabled).active,
.show>.stb-btn-primary-line2.dropdown-toggle {
  color: var(--gray-2);
  background-color: var(--p-white);
  border-color: var(--gray-2);
}

/*추가:0919*/
.stb-btn-primary-line3.active {
  color: var(--gray-2);
  font-weight: 500;
  background-color: var(--p-white);
  border-color: var(--gray-2);
}

/*추가:0919*/

.stb-btn-primary-line4 {
  color: var(--gray-2);
  background-color: var(--p-white);
  padding: 1rem 2rem 0.9rem 2rem;
  margin-top: 2rem;
}

/*추가:0919*/
.stb-btn-primary-line4:hover {
  color: var(--accent-1);
  background-color: var(--p-white);
}

/*추가:0919*/
.stb-btn-primary-line4:focus,
.stb-btn-primary-line4.focus {
  color: var(--gray-4);
  background-color: var(--p-white);
  border-color: var(--gray-4);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/*추가:0919*/
.stb-btn-primary-line4:not(:disabled):not(.disabled):active,
.stb-btn-primary-line4:not(:disabled):not(.disabled).active,
.show>.stb-btn-primary-line4.dropdown-toggle {
  color: var(--gray-2);
  background-color: var(--p-white);
  border-color: var(--gray-2);
}

/*추가:0919*/

a.stb-btn-primary-line5 {display:inline-block; color:var(--gray-2); background-color:var(--p-white); padding: 0.7rem 2rem 0.6rem 2rem; margin-top:1rem; border-radius:0.375rem;}/*추가:0110*/
a.stb-btn-primary-line5:hover {color:var(--accent-1); background-color:var(--p-white); text-decoration:none;}/*추가:0110*/
a.stb-btn-primary-line5:focus, .stb-btn-primary-line5.focus {color:var(--gray-4); background-color:var(--p-white); border-color:var(--gray-4); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}/*추가:0110*/
a.stb-btn-primary-line5:not(:disabled):not(.disabled):active, .stb-btn-primary-line5:not(:disabled):not(.disabled).active,
a.show > .stb-btn-primary-line5.dropdown-toggle {color:var(--gray-2); background-color:var(--p-white); border-color:var(--gray-2);}/*추가:0110*/

a.stb-btn-primary-line6 {display:inline-block; color:var(--p-white); background-color:var(--primary-2); padding: 0.7rem 2rem 0.6rem 2rem; margin-top:1rem; border:none; border-radius:0.375rem;}/*추가:0110*/
a.stb-btn-primary-line6:hover {color:var(--p-white); background-color:var(--primary-3); text-decoration:none;}/*추가:0110*/
a.stb-btn-primary-line6:focus, .stb-btn-primary-line6.focus {color:var(--p-white); background-color:var(--primary-2); border-color:none; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}/*추가:0110*/
a.stb-btn-primary-line6:not(:disabled):not(.disabled):active, .stb-btn-primary-line6:not(:disabled):not(.disabled).active,
a.show > .stb-btn-primary-line6.dropdown-toggle {color:var(--p-white); background-color:var(--primary-2); border-color:none;}/*추가:0110*/

.stb-btn-primary-line7 {width:100px; font-size:0.9rem; color:var(--gray-5); font-weight:300; background-color:var(--p-white); border:1px solid var(--btn-line-nor); padding:0.5752rem 1rem;}/*추가:0110*/
.stb-btn-primary-line7:hover {color:var(--gray-2); background-color:var(--p-white); border-color:var(--gray-2);}/*추가:0110*/
.stb-btn-primary-line7:focus, .stb-btn-primary-line7.focus {color:var(--gray-2); background-color:var(--p-white); border-color:var(--gray-2); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}/*추가:0110*/
.stb-btn-primary-line7:not(:disabled):not(.disabled):active, .stb-btn-primary-line7:not(:disabled):not(.disabled).active,
.show > .stb-btn-primary-line7.dropdown-toggle {color:var(--gray-2); background-color:var(--p-white); border-color:var(--gray-2);}/*추가:0110*/
.stb-btn-primary-line7.active {color:var(--gray-2); font-weight:500; background-color:var(--p-white); border-color:var(--gray-2);}/*추가:0110*/


.stb-btn-secondary {
  border: 2px solid var(--secondary-nor);
  font-size: 0.85rem;
  color: var(--secondary-nor);
  background: var(--p-white);
  border-radius: 0.75rem;
  padding: 0.3rem 0.75rem;
}

.stb-btn-secondary:hover {
  border: 2px solid var(--secondary-nor);
  color: var(--p-white);
  background: var(--secondary-nor);
}

.stb-btn-secondary:press {
  border: 2px solid var(--secondary-nor);
  color: var(--p-white);
  background: var(--secondary-nor);
}

.stb-btn-member {
  border: 2px solid var(--btn-member-line);
  font-size: 0.85rem;
  color: var(--p-white);
  background: var(--btn-member-bg);
  border-radius: 0.75rem;
  padding: 0.3rem 0.75rem;
}

.stb-btn-member::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0rem;
  left: 0rem;
  width: 15px;
  height: 12px;
  background-image: url("/static/east154/images/icon/ic_crown.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
}

.stb-btn-member:hover {
  border: 2px solid var(--btn-member-bg);
  background: var(--btn-member-bg);
}

.stb-btn-member:press {
  border: 2px solid var(--btn-member-bg);
  background: var(--btn-member-bg);
}


.stb-btn-bookmark {
  width: 24px;
  height: 25px;
  border: none;
  background-color: var(--gray-2) !important;
  background-image: url("/static/east154/images/icon/ic_bookmark.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: none !important;
  transition-duration: 0.2s;
}

/*추가 : 0919*/
.stb-btn-bookmark:hover,
.stb-btn-bookmark:press,
.stb-btn-bookmark:focus {
  width: 24px;
  height: 25px;
  border: none;
  outline: none !important;
  background-color: var(--gray-2);
  background-image: url("/static/east154/images/icon/ic_bookmark_on.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition-duration: 0.2s;
}

/*추가 : 0919*/
.stb-btn-bookmark.active {
  width: 24px;
  height: 25px;
  border: none;
  background: transparent;
  background-image: url("/static/east154/images/icon/ic_bookmark_on.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition-duration: 0.2s;
}

/*추가 : 0919*/
.stb-btn-bookmark:not(:disabled):not(.disabled):active,
.stb-btn-bookmark:not(:disabled):not(.disabled).active,
.show>.stb-btn-bookmark.dropdown-toggle {
  outline: none !important;
  box-shadow: none !important;
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}

/*추가 : 0919*/
.stb-btn-bookmark:not(:disabled):not(.disabled):active:focus,
.stb-btn-bookmark:not(:disabled):not(.disabled).active:focus,
.show>.stb-btn-bookmark.dropdown-toggle:focus {
  box-shadow: none !important;
}
/*추가 : 0110*/
.stb-btn-bookmark1 {width:20px; height:20px; border:none; background-color:var(--p-white) !important; background-image:url("/static/east154/images/icon/ic_bookmark1.png"); background-repeat:no-repeat; background-size:cover; background-position:center; box-shadow:none !important; transition-duration:0.2s;}
.stb-btn-bookmark1:hover, .stb-btn-bookmark1:press, .stb-btn-bookmark1:focus {width:20px; height:20px; border:none; outline:none !important; background-color:var(--gray-2); background-image:url("/static/east154/images/icon/ic_bookmark1_on.png"); background-repeat:no-repeat; background-size:cover; background-position:center; transition-duration:0.2s;}
.stb-btn-bookmark1.active {width:20px; height:20px; border:none; background:transparent; background-image:url("/static/east154/images/icon/ic_bookmark1_on.png"); background-repeat:no-repeat; background-size:cover; background-position:center; transition-duration:0.2s;}
.stb-btn-bookmark1:not(:disabled):not(.disabled):active, .stb-btn-bookmark1:not(:disabled):not(.disabled).active,
.show > .stb-btn-bookmark1.dropdown-toggle {outline:none !important; box-shadow:none !important; color:transparent; background-color:transparent; border-color:transparent;}
.stb-btn-bookmark1:not(:disabled):not(.disabled):active:focus, .stb-btn-bookmark1:not(:disabled):not(.disabled).active:focus,
.show > .stb-btn-bookmark1.dropdown-toggle:focus {box-shadow:none !important;}

/*추가 시작 : 1226*/
.stb-btn-primary-line5 {
  font-size: 0.9rem;
  color: var(--gray-5);
  font-weight: 300;
  background-color: var(--p-white);
  border: 1px solid var(--btn-line-nor);
  padding: 0.5752rem 1.5rem;
  margin-right: 0.2rem;
}

.stb-btn-primary-line5:hover {
  color: var(--accent-1);
  background-color: var(--p-white);
  border: 1px solid var(--accent-1);
  outline: none;
}

.stb-btn-primary-line5:focus,
.stb-btn-primary-line5.focus {
  color: var(--accent-1);
  background-color: var(--p-white);
  border: 2px solid var(--accent-1);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  outline: none;
}

.stb-btn-primary-line5:not(:disabled):not(.disabled):active,
.stb-btn-primary-line5:not(:disabled):not(.disabled).active,
.show>.stb-btn-primary-line5.dropdown-toggle {
  color: var(--accent-1);
  background-color: var(--p-white);
  border: 2px solid var(--accent-1);
}

.stb-btn-primary-line5.active {
  color: var(--accent-1);
  font-weight: 500;
  background-color: var(--p-white);
  border: 2px solid var(--accent-1);
  outline: none;
}

/*추가 끝 : 1226*/

.stb-btn-more1 {
  padding: 0.9rem 6rem;
}

/*추가 : 1226*/

/*추가 : 0919*/

.stb-btn-group1 {
  position: relative;
  text-align: center;
  margin: 1rem 0rem 3rem 0rem;
}

/*추가 : 0919*/

.stb-btn-group3 {text-align:center;}
.stb-btn-group4 {position:relative; top:-4rem; left:0rem; padding-top:0.8rem; text-align:right;}/*추가 : 0208*/

.stb-btn-more {
  border: 1px solid var(--gray-5);
  font-size: 0.875rem;
  color: var(--gray-4);
  background: var(--p-white);
  border-radius: 0.5rem;
  padding: 0.535rem 5rem;
  transition-duration: 0.2s;
}

/*추가 : 0919*/
.stb-btn-more:hover {
  border: 1px solid var(--gray-2);
  color: var(--gray-2);
  background: var(--p-white);
  transition-duration: 0.2s;
}

/*추가 : 0919*/
.stb-btn-more:press {
  border: 1px solid var(--gray-2);
  color: var(--p-white);
  background: var(--gray-2);
  transition-duration: 0.2s;
}

/*추가 : 0919*/

.stb-btn-write {
  position: absolute;
  top: 0rem;
  right: 0rem;
  border: none;
  font-size: 0.875rem;
  color: var(--p-white);
  background: var(--primary-1);
  border-radius: 0.5rem;
  padding: 0.535rem 2rem;
  transition-duration: 0.2s;
}

/*추가 : 0919*/
.stb-btn-write:hover {
  border: none !important;
  color: var(--p-white);
  background: var(--primary-1hov);
  transition-duration: 0.2s;
}

/*추가 : 0919*/
.stb-btn-write:press {
  border: none !important;
  color: var(--p-white);
  background: var(--primary-1hov);
  transition-duration: 0.2s;
}

/*추가 : 0919*/


.stb-btn-write1 {border:none; font-size:0.875rem; color:var(--p-white); background:var(--primary-1); border-radius:0.5rem; padding: 0.8rem 2rem; transition-duration:0.2s;}/*추가 : 0208*/
.stb-btn-write1:hover {border:none !important; color:var(--p-white); background:var(--primary-1hov); transition-duration:0.2s;}/*추가 : 0208*/
.stb-btn-write1:press {border:none !important; color:var(--p-white); background:var(--primary-1hov); transition-duration:0.2s;}/*추가 : 0208*/


a.stb-btn-link {
  background: var(--p-white);
  border: 1px solid var(--gray-4);
  font-size: 1rem;
  color: var(--gray-4);
  font-weight: 300;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  transition-duration: 0.2s;
}

/*추가:1216*/
a.stb-btn-link::after {
  display: inline-block;
  position: relative;
  top: 0rem;
  left: 0rem;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  border: 1px solid red;
}

/*추가:1216*/
a.stb-btn-link:hover {
  border: 1px solid var(--gray-2);
  color: var(--gray-2);
  text-decoration: none;
  transition-duration: 0.2s;
}

/*추가:1216*/

/*form 스타일*/

.form-group {
  margin-bottom: 1rem;
}

.form-group1 {
  margin-bottom: 0rem;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 20px);
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.form-control1 {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 9px);
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*추가:1226*/
.form-control2 {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 9px);
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*추가:0919*/
.form-control.stb_ask_title {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 0px);
  padding: 0.375rem 0.75rem;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 0;
  outline: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.form-control.stb_ask_title::-webkit-input-placeholder {
  color: var(--gray-14);
  opacity: 1;
}

/*추가:0919*/
.form-control.stb_ask_title::-moz-placeholder {
  color: var(--gray-14);
  opacity: 1;
}

/*추가:0919*/
.form-control.stb_ask_title:-ms-input-placeholder {
  color: var(--gray-14);
  opacity: 1;
}

/*추가:0919*/
.form-control.stb_ask_title::-ms-input-placeholder {
  color: var(--gray-14);
  opacity: 1;
}

/*추가:0919*/
.form-control.stb_ask_title::placeholder {
  color: var(--gray-14);
  opacity: 1;
}

/*추가:0919*/

label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

label span {
  font-size: 1rem;
  color: var(--accent-1);
}

.form-check-input {
  position: absolute;
  margin-top: 0rem;
  margin-left: -1.25rem;
}



/*form custom*/
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: -0.07rem;
  left: -1.5rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: -0.07rem;
  left: -1.47rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 50%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.stb-btn-agree-check {
  font-size: 0.875rem;
  color: var(--gray-5);
  background-color: var(--p-white);
  border: 1px solid var(--gray-7);
  padding: 0.9rem 0.75rem;
  margin-top: 0.5rem;
  text-align: left;
}

.stb-btn-agree-check span {
  font-size: inherit;
  color: var(--accent-1);
}

.stb-btn-agree-check span a.detail {
  font-size: inherit;
  color: var(--primary-1);
  float: right;
}

.stb-btn-agree-check:hover {
  font-size: 0.875rem;
  color: var(--primary-1hov);
  background-color: var(--primary-1hov--p-white);
  border: 1px solid var(--primary-1);
}

/*.stb-btn-agree-check:hover span, .stb-btn-agree-check:hover span a.detail {color:var(--primary-1);}*/
.stb-btn-agree-check:focus,
.stb-btn-agree-check.focus {
  color: var(--primary-1);
  background-color: var(--primary-1--p-white);
  border-color: var(--primary-1);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/*.stb-btn-agree-check:focus  span, .stb-btn-agree-check.focus span a.detail {color:var(--p-white);}*/
.stb-btn-agree-check:not(:disabled):not(.disabled):active,
.stb-btn-agree-check:not(:disabled):not(.disabled).active,
.show>.stb-btn-agree-check.dropdown-toggle {
  color: var(--primary-1);
  background-color: var(--p-white);
  border-color: var(--primary-1);
}

.stb-btn-agree-check:not(:disabled):not(.disabled):active span,
.stb-btn-agree-check:not(:disabled):not(.disabled).active span,
/*.stb-btn-agree-check:not(:disabled):not(.disabled):active span a.detail, .stb-btn-agree-check:not(:disabled):not(.disabled).active span a.detail,*/
.show>.stb-btn-agree-check.dropdown-toggle {
  color: var(--primary-1);
  background-color: var(--p-white);
  border-color: var(--primary-1);
}


.custom-control-input:checked~.custom-control-label::before {
  color: var(--p-white);
  border-color: var(--primary-1);
  background-color: var(--primary-1);
}

.custom-control.checked .custom-control-label::before {
  color: var(--p-white);
  border-color: var(--primary-1);
  background-color: var(--primary-1);
}

.stb-ic-search {
  margin-right: -1px;
  position: absolute;
  top: 0.8rem;
  right: 2rem;
  width: 1rem;
  height: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--gray-2);
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.stb-ic-search1 {margin-right: -1px; position: absolute; top: 0.8rem; right:2rem; width:1rem; height:1rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color:var(--gray-2); text-align: center; white-space: nowrap; background-color:transparent; border: 1px solid transparent; border-radius: 0.25rem;}/*추가:0110*/

.input-group .stb-reply-write {height:8rem;}/*추가:0208*/

/*progress 추가 : 0919*/
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 4px;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: var(--bg-progress);
  border-radius: 0.25rem;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: var(--primary-1);
  transition: width 0.6s ease;
}

.progress1 {
  display: -ms-flexbox;
  display: flex;
  height: 1.25rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: var(--p-white);
  border: 1px solid var(--gray-6);
  border-radius: 0.625rem;
  margin-bottom: 0.75rem;
}

.progress-bar1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: var(--primary-1);
  box-shadow: 0px 0px 10px 0px rgba(0, 255, 241, 1);
  border-radius: 0.625rem;
  transition: width 0.6s ease;
}

.stb-ic-goal {
  display: inline-block;
  position: relative;
  top: 0rem;
  left: 16.5rem;
  width: 43px;
  height: 33px;
  background: url("/static/east154/images/icon/ic_goal.png") center no-repeat;
}

/*progress 추가 : 0110*/
.progress2 {display: -ms-flexbox; display: flex; height: 4px; overflow: hidden; font-size: 0.75rem; background-color: var(--bg-progress); border-radius: 0.25rem;}
.progress-bar2 {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: var(--accent-1); transition: width 0.6s ease;}

/*progress3 추가 : 0314*/
.stb-progress-area {margin:3.75rem 8.75rem 1rem 8.75rem;}
.progress3 {display: -ms-flexbox; display: flex; height: 28px; overflow: hidden; font-size: 0.75rem; background-color: var(--bg-progress); border-radius: 0.375rem;}
.progress-bar3 {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: var(--primary-1); transition: width 0.6s ease;}
.stb-dot {position:relative; top:0px; left:0px;}
.stb-dot2 {display:inline-block; position:absolute; top:-24px; right:-8px; width:21px; height:21px; background:url("/static/east154/images/icon/ic_circle.png") center no-repeat; background-size:contain;}

/*popup style : 0828*/
.stb-popup {
  text-align: center;
  padding: 1rem 0rem 0rem 0rem;
}

/*추가 : 0828*/
.stb-popup img {
  margin-bottom: 1.875rem;
}

/*추가 : 0828*/
.stb-popup p {
  font-size: 1rem;
  color: var(--gray-1);
  font-weight: 400;
}

/*추가 : 0828*/
.stb-popup p.stb-pop-txt {
  font-size: 1.625rem;
  color: var(--gray-1);
  font-weight: 700;
  margin-bottom: 1rem;
}

/*추가 : 0828*/
.stb-popup p.stb-pop-txt span {
  color: var(--primary-1);
}

/*추가 : 0828*/

.stb-btn-pop {
  margin-top: 0rem;
  padding: 0.7rem 4rem;
}

/*추가 : 0828*/

/*popup style - start : 0919*/
.stb-modal-content {
  border-radius: 0rem;
  outline: 0;
}

/*추가 : 0919*/
.stb-modal-content .stb-modal-body {
  padding: 0rem;
}

/*추가 : 0919*/
.modal-dialog-scrollable .stb-modal-body {
  overflow-y: hidden;
}

/*추가 : 0919*/
.stb-popup1 {
  padding: 0rem 0rem 0rem 0rem;
}

/*추가 : 0919*/
.stb-popup1 .stb-mov-header {
  background: var(--gray-2);
  height: 3.5rem;
  text-align: center;
}

.stb-popup1 .stb-mov-header p {
  font-size: 1.125rem;
  color: var(--p-white);
  font-weight: 500;
  padding-top: 1.1rem;
}

.stb-popup1 .stb-mov-header span.bookmark {
  position: absolute;
  top: 0.9rem;
  right: 1rem;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

.stb-popup1 .stb-mov-screen {
  background: var(--p-black);
}

.stb-popup1 .list-wrap {
  padding: 0rem 1rem;
}

.modal-dialog-scrollable .stb-popup1 .tab-content {
  max-height: 36rem;
  overflow-y: auto;
}

.modal-dialog-scrollable .stb-popup1 .tab-content p.title {
  font-size: 1.625rem;
  color: var(--gray-1);
  font-weight: 500;
  letter-spacing: -1px;
}

.stb-popup1 .tab-content p {
  font-size: 1.25rem;
  color: var(--gray-1);
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.7rem;
  margin: 1rem 0rem;
}

.stb-popup1 .tab-content .stb-sm-info {
  border: 1px solid var(--bg-6-line);
  border-radius: 4px;
  padding: 0.5rem 1rem 1rem 1rem;
  margin: 1rem 0rem;
}

.stb-popup1 .tab-content .stb-sm-info .stb-sm-tit {
  font-size: 0.75rem;
  color: var(--gray-13);
  font-weight: 300;
  float: left;
}

.stb-popup1 .tab-content .stb-sm-info .stb-sm-tit::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0.4rem;
  left: 0rem;
  width: 16px;
  height: 20px;
  background-image: url("/static/east154/images/icon/ic_info_16.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
}

.stb-popup1 .tab-content .stb-sm-info a.stb-sm-link {
  font-size: 0.75rem;
  color: var(--tag-1);
  font-weight: 500;
  margin-top: 0.3rem;
  text-decoration: none;
  float: right;
}

.stb-popup1 .tab-content .stb-sm-info a.stb-sm-link::after {
  display: inline-block;
  content: "";
  position: relative;
  top: 0.3rem;
  left: 0rem;
  width: 16px;
  height: 16px;
  background-image: url("/static/east154/images/icon/ic_right_16.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 0.4rem;
}

.stb-popup2 {
  text-align: center;
  padding: 3rem 0rem 1rem 0rem;
}

/*추가 : 0919*/
.stb-popup2 img {
  margin-bottom: 1.875rem;
}

/*추가 : 0919*/
.stb-popup2 p {
  font-size: 1.2rem;
  color: var(--gray-1);
  font-weight: 400;
}

/*추가 : 0919*/

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: var(--p-white);
}

.accordion>.card6 {
  overflow: hidden;
}

.accordion>.card6:not(:last-of-type) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion>.card6:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion>.card6>.card-header {
  border-radius: 0;
  margin-bottom: -1px;
  padding: 0.75rem 0rem 1.5rem 0rem;
  border-bottom: 1px solid var(--gray-6);
}

.accordion>.card6>.card-header .stb-acc-title {
  padding: 0rem 2.125rem;
}

.accordion>.card6>.card-header .stb-acc-title p {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 500;
  line-height: 1.2rem;
}

.accordion>.card6>.card-header .stb-acc-title span.info {
  font-size: 0.875rem;
  color: var(--gray-11);
  font-weight: 300;
  line-height: 1.2rem;
}

.accordion>.card6 .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 2.125rem;
  font-size: 0.875rem;
  color: var(--gray-2);
  font-weight: 300;
  background: rgba(226, 230, 237, 0.23);
  line-height: 1.2rem;
}

.stb-popup1 .tab-content .stb-lecture .title {
  font-size: 1.25rem;
  color: var(--gray-2);
  font-weight: 400;
  line-height: 1rem;
}

/*popup style - end : 0919*/



.stb-popup1 .rnb-header {
  height: 5rem;
  padding: 0rem 1rem;
}

.stb-popup1 .rnb-header p.title {
  font-size: 1.125rem;
  color: var(--gray-2);
  font-weight: 500;
  padding-top: 0.3rem;
  float: left;
}

.stb-popup1 .rnb-header .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  color: #000;
}

.stb-popup1 .rnb-area {
  padding: 0rem 1rem;
}

.stb-popup1 .rnb-area p {
  font-size: 1.5rem;
  color: var(--gray-2);
  font-weight: 700;
}

.stb-popup1 .rnb-area .stb-progress .stb-prog-info {
  font-size: 1rem;
  color: var(--gray-5);
  font-weight: 400;
  margin: 1.625rem 0rem;
}

.stb-popup1 .rnb-content {
  margin: 2.5rem 0rem;
}

.stb-popup1 .rnb-content ul.rnb-list {}

.stb-popup1 .rnb-content ul.rnb-list li.item {
  padding: 0.75rem 1rem 1rem 1rem;
  margin-bottom: 0.5rem;
  transition-duration: 0.2s;
}

.stb-popup1 .rnb-content ul.rnb-list li.item:hover {
  background: var(--primary-4-bg);
  transition-duration: 0.2s;
}

.stb-popup1 .rnb-content ul.rnb-list li.item .custom-control label.custom-control-label {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 400;
}

.stb-popup1 .rnb-content ul.rnb-list li.item .custom-control label.custom-control-label span {
  position: relative;
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.875rem;
  color: var(--gray-4);
  font-weight: 300;
}

.stb-popup1 .rnb-content ul.rnb-list li.item .custom-control label.custom-control-label span img {
  position: relative;
  top: 0.2rem;
  margin-right: 0.1rem;
}

.stb-popup1 .rnb-content ul.rnb-list li.item.active {
  background: var(--primary-4-bg);
  border-bottom: 2px solid var(--tag-1);
  transition-duration: 0.2s;
}

.stb-popup1 .rnb-content ul.rnb-list li.item.active .custom-control label.custom-control-label {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 500;
}

.stb-popup1 .rnb-content ul.rnb-list li.item.active .custom-control label.custom-control-label span {
  position: relative;
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.875rem;
  color: var(--primary-1);
  font-weight: 300;
}

.stb-popup1 .rnb-content ul.rnb-list li.item.active .custom-control label.custom-control-label span img {
  position: relative;
  top: 0.2rem;
  margin-right: 0.1rem;
}

/*popup style - start : 1120*/
/* sindok - .stb-popup3 무시 */

/*.stb-popup3 {width:72rem; height:54rem; margin-right:auto; margin-left:auto; padding:0rem 1rem;}
.stb-popup3 .stb-cont-mov {width:70%;}
.stb-popup3 .stb-cont-list {width:30%; height:100%;}*/
.stb-popup3 {
  margin: 0;
  padding: 0
}

.stb-popup3 .stb-cont-mov .stb-mov-wrap {
  position: relative;
  top: 0rem;
  left: 0rem;
}

.stb-popup3 .stb-cont-mov .stb-mov-header {
  background: var(--gray-2);
  height: 3.5rem;
  text-align: center;
}

.stb-popup3 .stb-cont-mov .stb-mov-header p {
  font-size: 1.125rem;
  color: var(--p-white);
  font-weight: 500;
  padding-top: 1.1rem;
}

.stb-popup3 .stb-cont-mov .stb-mov-header span.bookmark {
  position: absolute;
  top: 0.9rem;
  right: 1rem;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

.stb-popup3 .stb-cont-mov .stb-mov-screen {
  background: var(--p-black);
}

.stb-popup3 .stb-cont-list .rnb-header {
  height: 5rem;
  padding: 0rem 1rem;
}

.stb-popup3 .stb-cont-list .rnb-header p.title {
  font-size: 1.125rem;
  color: var(--gray-2);
  font-weight: 500;
  padding-top: 0.3rem;
  float: left;
}

.stb-popup3 .stb-cont-list .rnb-header .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  color: #000;
}

.stb-popup3 .stb-cont-list .rnb-area {
  padding: 0rem 1rem;
}

.stb-popup3 .stb-cont-list .rnb-area p {
  font-size: 1.5rem;
  color: var(--gray-2);
  font-weight: 700;
}

.stb-popup3 .stb-cont-list .rnb-area .stb-progress .stb-prog-info {
  font-size: 1rem;
  color: var(--gray-5);
  font-weight: 400;
  margin: 1.625rem 0rem;
}

.stb-popup3 .stb-cont-list .rnb-content {
  overflow-y: auto;
  height: 37.2rem;
  margin: 2.5rem 0rem 1rem 0rem;
}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list {}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item {
  padding: 0.75rem 1rem 1rem 1rem;
  margin-bottom: 0.5rem;
  transition-duration: 0.2s;
}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item:hover {
  background: var(--primary-4-bg);
  transition-duration: 0.2s;
}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item .custom-control label.custom-control-label {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 400;
}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item .custom-control label.custom-control-label span {
  position: relative;
  /* top: 0.5rem; */
  /* left: 0.5rem; */
  font-size: 0.875rem;
  color: var(--gray-4);
  font-weight: 300;
}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item .custom-control label.custom-control-label span img {
  position: relative;
  top: 0.2rem;
  margin-right: 0.1rem;
}

/* 제목 스타일 (lecture-title) */
.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item .custom-control label.custom-control-label .lecture-title a {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 500;
}

/* 시간 스타일 (lecture-duration) */
.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item .custom-control label.custom-control-label .lecture-duration {
  font-size: 0.875rem;
  color: var(--gray-4);
  font-weight: 300;
}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item.active {
  background: var(--primary-4-bg);
  border-bottom: 2px solid var(--tag-1);
  transition-duration: 0.2s;
}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item.active .custom-control label.custom-control-label {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 500;
}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item.active .custom-control label.custom-control-label span {
  position: relative;
  /* top: 0.5rem; */
  /* left: 0.5rem; */
  font-size: 0.875rem;
  color: var(--primary-1);
  font-weight: 300;
}

.stb-popup3 .stb-cont-list .rnb-content ul.rnb-list li.item.active .custom-control label.custom-control-label span img {
  position: relative;
  top: 0.2rem;
  margin-right: 0.1rem;
}

.stb-popup3 .tab-content {
  /*overflow-y: auto;*/
  height: 17.375rem;
  padding: 1rem;
}

.stb-popup3 .tab-content .stb-tab-wrap p.title {
  font-size: 1.625rem;
  color: var(--gray-1);
  font-weight: 500;
  letter-spacing: -1px;
}

.stb-popup3 .tab-content .stb-tab-wrap p {
  font-size: 1.25rem;
  color: var(--gray-1);
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.7rem;
  margin: 1rem 0rem;
}

.stb-popup3 .tab-content .stb-tab-wrap .stb-sm-info {
  border: 1px solid var(--bg-6-line);
  border-radius: 4px;
  padding: 0.5rem 1rem 1rem 1rem;
  margin: 0rem 0rem 1rem 0rem;
}

.stb-popup3 .tab-content .stb-tab-wrap .stb-sm-info .stb-sm-tit {
  font-size: 0.75rem;
  color: var(--gray-13);
  font-weight: 300;
  float: left;
}

.stb-popup3 .tab-content .stb-tab-wrap .stb-sm-info .stb-sm-tit::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0.4rem;
  left: 0rem;
  width: 16px;
  height: 20px;
  background-image: url("/static/east154/images/icon/ic_info_16.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 0.2rem;
}

.stb-popup3 .tab-content .stb-tab-wrap .stb-sm-info a.stb-sm-link {
  font-size: 0.75rem;
  color: var(--tag-1);
  font-weight: 500;
  margin-top: 0.3rem;
  text-decoration: none;
  float: right;
}

.stb-popup3 .tab-content .stb-tab-wrap .stb-sm-info a.stb-sm-link::after {
  display: inline-block;
  content: "";
  position: relative;
  top: 0.3rem;
  left: 0rem;
  width: 16px;
  height: 16px;
  background-image: url("/static/east154/images/icon/ic_right_16.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 0.4rem;
}

/*popup style - end : 1120*/

/*bootstrap style 수정---------------------------------------------------------------------*/
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  padding: 0.6rem 0.75rem 0.9rem 0.75rem;
}

/*padding 수정:1127*/

.row1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

/*스크롤시 헤더 배경색상 변경-------------------------------------------------------------------*/
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 64px;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}

ul.navbar-nav li.nav-item {
  padding: 0px 10px;
}

ul.navbar-nav li.nav-item1 {
  padding: 0px 4px;
}

.stb_active {
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
}

.stb_deactive {
  background-color: transparent;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
}

.stb_deactive .navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  width: 142px;
  height: 17px;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  background-image: url("/static/east154/images/logo.png");
  background-position: center;
  background-size: auto;
  transition-duration: 0.2s;
}

.stb_active .navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  width: 142px;
  height: 17px;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  background-image: url("/static/east154/images/logo_b.png");
  background-position: center;
  background-size: auto;
  transition-duration: 0.2s;
}

.stb_deactive .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  transition-duration: 0.2s;
}

.stb_deactive .nav-link:hover,
.stb_deactive .nav-link:focus {
  color: rgba(255, 255, 255, 1);
  transition-duration: 0.2s;
}

.stb_deactive .navbar-nav,
.stb_deactive .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.stb_active .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 1);
  font-weight: 500;
  transition-duration: 0.2s;
}

.stb_active .nav-link:hover,
.stb_deactive .nav-link:focus {
  text-decoration: none;
  color: var(--primary-1);
  transition-duration: 0.2s;
}

.stb_active .navbar-nav,
.stb_deactive .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.stb_deactive .stb-nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 1);
  font-size: 0.9rem;
  font-weight: 300;
  transition-duration: 0.2s;
}

.stb_deactive .stb-nav-link:hover,
.stb_deactive .stb-nav-link:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
  transition-duration: 0.2s;
}

.stb_deactive .stb-navbar-nav .stb-nav-link {
  padding-right: 0;
  padding-left: 0;
}

.stb_active .stb-nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 1);
  font-size: 0.9rem;
  font-weight: 300;
  transition-duration: 0.2s;
}

.stb_active .stb-nav-link:hover,
.stb_active .stb-nav-link:focus {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  transition-duration: 0.2s;
}

.stb_active .stb-navbar-nav .stb-nav-link {
  padding-right: 0;
  padding-left: 0;
}

.stb_deactive .stb-btn-lang {
  width: 5rem;
  color: var(--p-white);
  border: 1px solid var(--p-white);
  border-radius: 1rem;
  text-align: center;
}

.stb_deactive .stb-btn-lang:hover,
.stb_deactive .stb-btn-lang:focus {
  width: 5rem;
  color: var(--p-white);
  border: 1px solid var(--p-white);
  border-radius: 1rem;
  text-align: center;
}

.stb_active .stb-btn-lang {
  width: 5rem;
  color: var(--p-black);
  border: 1px solid var(--p-black);
  border-radius: 1rem;
  text-align: center;
}

.stb_active .stb-btn-lang:hover,
.stb_active .stb-btn-lang:focus {
  width: 5rem;
  color: var(--p-black);
  border: 1px solid var(--p-black);
  border-radius: 1rem;
  text-align: center;
}

/*서브페이지 헤더*/
/*클래스명 수정 : .stb_deactive, .stb_active --> .stb_sub_deactive, .stb_sub_active - 0822 */
.stb_sub_active {
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
}

.stb_sub_deactive {
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 1px solid var(--gray-6);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
}

.stb_sub_deactive .navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  width: 142px;
  height: 17px;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  background-image: url("/static/east154/images/logo_b.png");
  background-position: center;
  background-size: auto;
  transition-duration: 0.2s;
}

.stb_sub_active .navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  width: 142px;
  height: 17px;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  background-image: url("/static/east154/images/logo_b.png");
  background-position: center;
  background-size: auto;
  transition-duration: 0.2s;
}

.stb_sub_deactive .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 1);
  font-weight: 500;
  transition-duration: 0.2s;
}

.stb_sub_deactive .nav-link:hover,
.stb_deactive .nav-link:focus {
  color: var(--primary-1);
  transition-duration: 0.2s;
}

.stb_sub_deactive .navbar-nav,
.stb_deactive .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.stb_sub_active .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 1);
  font-weight: 500;
  transition-duration: 0.2s;
}

.stb_sub_active .nav-link:hover,
.stb_deactive .nav-link:focus {
  text-decoration: none;
  color: var(--primary-1);
  transition-duration: 0.2s;
}

.stb_sub_active .navbar-nav,
.stb_deactive .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.stb_sub_deactive .stb-nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 1);
  font-size: 0.9rem;
  font-weight: 300;
  transition-duration: 0.2s;
}

.stb_sub_deactive .stb-nav-link:hover,
.stb_deactive .stb-nav-link:focus {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  transition-duration: 0.2s;
}

.stb_sub_deactive .stb-navbar-nav .stb-nav-link {
  padding-right: 0;
  padding-left: 0;
}

.stb_sub_active .stb-nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 1);
  font-size: 0.9rem;
  font-weight: 300;
  transition-duration: 0.2s;
}

.stb_sub_active .stb-nav-link:hover,
.stb_active .stb-nav-link:focus {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  transition-duration: 0.2s;
}

.stb_sub_active .stb-navbar-nav .stb-nav-link {
  padding-right: 0;
  padding-left: 0;
}

.stb_sub_deactive .stb-btn-lang {
  width: 5rem;
  color: var(--p-black);
  border: 1px solid var(--p-black);
  border-radius: 1rem;
  text-align: center;
  margin-top: 0.3125rem;
}

/*margin-top 추가:1127*/

.stb_sub_deactive .stb-btn-lang:hover,
.stb_deactive .stb-btn-lang:focus {
  width: 5rem;
  color: var(--p-black);
  border: 1px solid var(--p-black);
  border-radius: 1rem;
  text-align: center;
}

.stb_sub_active .stb-btn-lang {
  width: 5rem;
  color: var(--p-black);
  border: 1px solid var(--p-black);
  border-radius: 1rem;
  text-align: center;
}

.stb_sub_active .stb-btn-lang:hover,
.stb_active .stb-btn-lang:focus {
  width: 5rem;
  color: var(--p-black);
  border: 1px solid var(--p-black);
  border-radius: 1rem;
  text-align: center;
}



/*gnb 마우스 오버시 서브메뉴 노출-------------------------------------------------------------------*/
.stb_deactive .stb-submenu {
  display: none;
  position: absolute;
  background-color: var(--p-white);
  width: 100%;
  padding: 10px;
  left: 0;
  top: 64px;
  z-index: 99;
}

.stb_deactive .stb-show {
  display: block;
}

.stb_active .stb-submenu {
  display: none;
  position: absolute;
  background-color: var(--p-white);
  width: 100%;
  border-top: 1px solid var(--gray-6);
  border-bottom: 1px solid var(--gray-6);
  padding: 10px;
  left: 0;
  top: 64px;
  z-index: 99;
}

.stb_active .stb-show {
  display: block;
}

.stb_deactive .stb-submenu .stb-sub1 {
  display: inline-block;
  margin-left: 11.2rem;
}

.stb_deactive .stb-submenu .stb-sub2 {
  display: inline-block;
  margin-left: 1.9rem;
}

.stb_deactive .stb-submenu .stb-sub3 {
  display: inline-block;
  margin-left: 3.3rem;
}

.stb_deactive .stb-submenu .stb-sub4 {
  display: inline-block;
  margin-left: 1.6rem;
}

.stb_deactive .stb-submenu .stb-sub5 {
  display: inline-block;
  margin-left: 2.2rem;
}

.stb_deactive .stb-submenu .stb-sub6 {
  display: inline-block;
  margin-left: 1rem;
}

.stb_deactive .stb-submenu ul.stb-sub {
  display: inline-block;
}

.stb_deactive .stb-submenu ul.stb-sub li.stb-sub-list {
  padding: 0.5rem 0rem;
}

.stb_deactive .stb-submenu ul.stb-sub li.stb-sub-list a {
  font-size: 0.85rem;
  color: var(--gray-1);
  font-weight: 300;
  letter-spacing: -0.04rem;
  cursor: pointer;
  transition-duration: 0.2s;
}

.stb_deactive .stb-submenu ul.stb-sub li.stb-sub-list a:hover {
  color: var(--accent-1);
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb_active .stb-submenu .stb-sub1 {
  display: inline-block;
  margin-left: 11.2rem;
}

.stb_active .stb-submenu .stb-sub2 {
  display: inline-block;
  margin-left: 1.9rem;
}

.stb_active .stb-submenu .stb-sub3 {
  display: inline-block;
  margin-left: 3.3rem;
}

.stb_active .stb-submenu .stb-sub4 {
  display: inline-block;
  margin-left: 1.6rem;
}

.stb_active .stb-submenu .stb-sub5 {
  display: inline-block;
  margin-left: 2.2rem;
}

.stb_active .stb-submenu .stb-sub6 {
  display: inline-block;
  margin-left: 1rem;
}

.stb_active .stb-submenu ul.stb-sub {
  display: inline-block;
}

.stb_active .stb-submenu ul.stb-sub li.stb-sub-list {
  padding: 0.5rem 0rem;
}

.stb_active .stb-submenu ul.stb-sub li.stb-sub-list a {
  font-size: 0.85rem;
  color: var(--gray-1);
  font-weight: 300;
  letter-spacing: -0.04rem;
  cursor: pointer;
  transition-duration: 0.2s;
}

.stb_active .stb-submenu ul.stb-sub li.stb-sub-list a:hover {
  color: var(--accent-1);
  text-decoration: none;
  transition-duration: 0.2s;
}

/*서브페이지*/
/*코드 추가 : .stb_deactive, .stb_active --> .stb_sub_deactive, .stb_sub_active - 0822 */
.stb_sub_deactive .stb-submenu {
  display: none;
  position: absolute;
  background-color: var(--p-white);
  width: 100%;
  padding: 10px;
  left: 0;
  top: 64px;
  z-index: 99;
}

.stb_sub_deactive .stb-show {
  display: block;
}

.stb_sub_active .stb-submenu {
  display: none;
  position: absolute;
  background-color: var(--p-white);
  width: 100%;
  border-top: 1px solid var(--gray-6);
  border-bottom: 1px solid var(--gray-6);
  padding: 10px;
  left: 0;
  top: 64px;
  z-index: 99;
}

.stb_sub_active .stb-show {
  display: block;
}

.stb_sub_deactive .stb-submenu .stb-sub1 {
  display: inline-block;
  margin-left: 11.2rem;
}

.stb_sub_deactive .stb-submenu .stb-sub2 {
  display: inline-block;
  margin-left: 1.9rem;
}

.stb_sub_deactive .stb-submenu .stb-sub3 {
  display: inline-block;
  margin-left: 3.3rem;
}

.stb_sub_deactive .stb-submenu .stb-sub4 {
  display: inline-block;
  margin-left: 1.6rem;
}

.stb_sub_deactive .stb-submenu .stb-sub5 {
  display: inline-block;
  margin-left: 2.2rem;
}

.stb_sub_deactive .stb-submenu .stb-sub6 {
  display: inline-block;
  margin-left: 1rem;
}

.stb_sub_deactive .stb-submenu ul.stb-sub {
  display: inline-block;
}

.stb_sub_deactive .stb-submenu ul.stb-sub li.stb-sub-list {
  padding: 0.5rem 0rem;
}

.stb_sub_deactive .stb-submenu ul.stb-sub li.stb-sub-list a {
  font-size: 0.85rem;
  color: var(--gray-1);
  font-weight: 300;
  letter-spacing: -0.04rem;
  cursor: pointer;
  transition-duration: 0.2s;
}

.stb_sub_deactive .stb-submenu ul.stb-sub li.stb-sub-list a:hover {
  color: var(--accent-1);
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb_sub_active .stb-submenu .stb-sub1 {
  display: inline-block;
  margin-left: 11.2rem;
}

.stb_sub_active .stb-submenu .stb-sub2 {
  display: inline-block;
  margin-left: 1.9rem;
}

.stb_sub_active .stb-submenu .stb-sub3 {
  display: inline-block;
  margin-left: 3.3rem;
}

.stb_sub_active .stb-submenu .stb-sub4 {
  display: inline-block;
  margin-left: 1.6rem;
}

.stb_sub_active .stb-submenu .stb-sub5 {
  display: inline-block;
  margin-left: 2.2rem;
}

.stb_sub_active .stb-submenu .stb-sub6 {
  display: inline-block;
  margin-left: 1rem;
}

.stb_sub_active .stb-submenu ul.stb-sub {
  display: inline-block;
}

.stb_sub_active .stb-submenu ul.stb-sub li.stb-sub-list {
  padding: 0.5rem 0rem;
}

.stb_sub_active .stb-submenu ul.stb-sub li.stb-sub-list a {
  font-size: 0.85rem;
  color: var(--gray-1);
  font-weight: 300;
  letter-spacing: -0.04rem;
  cursor: pointer;
  transition-duration: 0.2s;
}

.stb_sub_active .stb-submenu ul.stb-sub li.stb-sub-list a:hover {
  color: var(--accent-1);
  text-decoration: none;
  transition-duration: 0.2s;
}

.sidenav .stb-submenu .stb-mo-profile {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("/static/east154/images/img_profile.png") center no-repeat;
  border-radius: 0.5rem;
  background-size: cover;
}

/*추가:0919*/
.sidenav .stb-submenu .stb-mo-profile-info {
  margin-left: 0.5rem;
}

/*추가:0919*/
.sidenav .stb-submenu .stb-mo-profile-info p {
  font-size: 1rem;
  color: var(--p-black);
  font-weight: 500;
  margin: 0.1rem 0rem 0.3rem 0rem;
}

/*추가:0919*/
.sidenav .stb-submenu .stb-mo-profile-info span {
  font-size: 0.75rem;
  color: var(--gray-5);
  font-weight: 400;
}

/*추가:0919*/


/*모바일 메뉴 아이콘*/
.stb_deactive .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: var(--p-white);
}

.stb_active .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-list' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: var(--p-black);
}

.stb_deactive .stb-menu {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-list' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: var(--p-white);
}

.stb_active .stb-menu {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-list' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: var(--p-black);
}

/*추가:0828 시작*/
.stb_sub_deactive .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: var(--p-white);
}

.stb_sub_active .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-list' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: var(--p-black);
}

.stb_sub_deactive .stb-menu {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-list' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: var(--p-white);
}

.stb_sub_active .stb-menu {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-list' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: var(--p-black);
}

/*추가:0828 끝*/

i.stb-ic-close {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 2.2rem;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.8rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

/*stb style------------------------------------------------------------------------------*/
.stb_w100 {
  width: 100% !important;
}

/*.stb_nav {z-index:9999;}*/
.stb_nav_w {
  width: 1100px;
}

.inner {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.stb-img-profile {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: var(--gray-8);
  background-image: url("/static/east154/images/img_profile.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*.stb-img-profile {display:inline-block; width:40px; height:40px; border-radius:8px; background-color:var(--gray-8); background-image:url("/static/east154/images/img_profile.png"); background-position:center; background-repeat:no-repeat;}*/
.stb-item {
  padding: 0rem 0.4rem;
}

.stb-wrap {
  padding: 0px 24px 60px 24px;
}

/*.section별 Motion*/
.scroll_wrap {
  overflow: hidden;
}

.scroll_on {
  opacity: 0;
  transition: all 1s;
}

.scroll_on.active {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

.scroll_on.type_bottom {
  transform: translate(0, 50px);
}


section#login {
  padding: 6rem 0rem;
}

.stb-banner {
  height: 200px;
  background-image: url("/static/east154/images/banner4.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.7rem;
  text-align: right;
}

/*배너이미지 수정, 이미지 사이즈 수정, text-align 추가:1127*/
.stb-banner span {
  position: relative;
  top: 4rem;
  left: -2rem;
}

/*추가:1127*/
.stb-banner span img {
  width: 261px;
  height: 52px;
}

/*추가:1127*/

.stb-banner1 {
  height: 200px;
  background-image: url("/static/east154/images/banner5.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.7rem;
  text-align: right;
}

/*추가:1218*/
.stb-banner1 span {
  position: relative;
  top: 4.7rem;
  left: 11rem;
}

/*추가:1218*/
.stb-banner1 span img {
  width: 261px;
  height: 52px;
}

/*추가:1218*/

.stb-login {height:213px; border:1px solid var(--gray-7); border-radius:1rem; padding:2.5rem 2rem 2rem 2rem;}/*height, padding 수정:0208*/

.stb-login .stb_log_p {
  display: block;
  font-size: 1rem;
  color: var(--gray-3);
  font-weight: 500;
}

.stb-login a.stb_log_btn {
  display: block;
  width: 100%;
  font-size: 1rem;
  color: var(--p-white);
  font-weight: 500;
  text-align: center;
  background: var(--primary-1);
  border-radius: 0.8rem;
  padding: 1rem;
  margin: 1.5rem 0rem;
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-login a.stb_log_btn:hover {
  background: var(--primary-1hov);
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-login a.stb_log_btn:press {
  background: var(--primary-1hov);
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-login .stb_area_regist {
  display: inline-block;
  float: left;
}

.stb-login .stb_area_find {
  display: inline-block;
  float: right;
}

.stb-login a.stb_txt_link {
  display: inline-block;
  font-size: 0.85rem;
  color: var(--gray-3);
  font-weight: 500;
  text-decoration: none;
}

.stb-login a.stb_txt_link:hover {
  color: var(--gray-1);
  text-decoration: underline;
}

.stb-login a.stb_txt_link:press {
  color: var(--gray-1);
  text-decoration: underline;
}

.stb-login a.stb_txt_link1 {
  display: inline-block;
  font-size: 0.85rem;
  color: var(--accent-1);
  font-weight: 500;
  text-decoration: none;
}

.stb-login a.stb_txt_link1:hover {
  color: var(--accent-1);
  text-decoration: underline;
}

.stb-login a.stb_txt_link1:press {
  color: var(--accent-1);
  text-decoration: underline;
}

.stb-login .stb_area_find span {
  color: var(--gray-6);
  margin: 0rem 0.5rem;
}

.stb-login .stb-log-profile {
  margin-right: 1rem;
}

.stb-login .stb-log-profile .stb-log-pro-img {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background: url("/static/east154/images/img_profile_dummy.png") center no-repeat;
  border-radius: 0.75rem;
}

/*추가:0919*/
.stb-login .stb-log-profile .stb-log-level {
  text-align: center;
  padding-top: 0.5rem;
}

/*추가:0919*/
.stb-login .stb-log-profile .stb-log-level i.stb-level-mark::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0rem;
  left: 0rem;
  width: 14px;
  height: 14px;
  background-image: url("/static/east154/images/icon/ic_crown1.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*추가:0919*/
.stb-login .stb-log-profile .stb-log-level span {
  font-size: 0.75rem;
  color: var(--p-black);
  font-weight: 400;
  margin-top: 0.3rem;
}

/*추가:0919*/
.stb-login .stb-log-info {
  width: calc(100% - 100px);
}

/*추가:0919*/
.stb-login .stb-log-info a.stb_log_btn {
  display: block;
  width: 100%;
  font-size: 1rem;
  color: var(--p-white);
  font-weight: 500;
  text-align: center;
  background: var(--primary-1);
  border-radius: 0.8rem;
  padding: 1rem;
  margin: 1.3rem 0rem;
  text-decoration: none;
  transition-duration: 0.2s;
}

/*추가:0919*/

section#broadcast {
  padding: 0rem 0rem;
}

.stb-broadcast {
  margin-bottom: 4rem;
}

.stb-broadcast .stb-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray-1);
  margin-bottom: 1.5rem;
}

.stb-broadcast .stb-title span {
  position: absolute;
  top: 0rem;
  right: 0rem;
}

.stb-broadcast .stb-title span a {
  position: relative;
  top: 0rem;
  right: 1.2rem;
}

.stb-broadcast .stb-title span a i {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--gray-1);
}

.stb-broadcast .stb-title span a:hover i {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--accent-1);
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
}

.card .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem 0rem;
}

/* .card .card-title {
  margin-bottom: 0.8rem;
  font-size: 1.25rem;
  color: var(--p-black);
  font-weight: 500;
  line-height: 1.5rem;
} */
.card .card-title {margin-bottom: 1rem; font-size:1.625rem; color:var(--p-black); font-weight:600; line-height:2.5rem;}/*margin-bottom, line-height, font-size, font-weight 수정:0314*/

.card .card-date {
  font-size: 0.875rem;
  color: var(--gray-4);
  font-weight: 300;
  line-height: 1.2rem;
  margin-bottom: 0.2rem;
  margin-bottom: 0.85rem;
}

.card .card-text {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 300;
  line-height: 1.5rem;
}

.card2 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
}

.card2 .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem 0rem;
}

.card2 .card-title {
  margin-bottom: 0.8rem;
  font-size: 1.25rem;
  color: var(--p-black);
  font-weight: 500;
  line-height: 1.5rem;
}

.card2 .card-date {
  font-size: 0.875rem;
  color: var(--gray-4);
  font-weight: 300;
  line-height: 1.2rem;
  margin-bottom: 0.2rem;
  margin-bottom: 0.85rem;
}

.card2 .card-text {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 300;
  line-height: 1.5rem;
}

.card3 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
}

.card3:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  transition-duration: 0.2s;
}

/*추가 : 1127 */
.card3 .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem 1rem;
  text-align: center;
}

/*추가 : 0822 */
/*padding 수정:1127*/

/*추가 : 0822 */

.card3 .card-title {margin-top:1rem; margin-bottom: 0.8rem; font-size:1.3rem; color:var(--secondary-nor); font-weight:500; line-height:1.5rem;}/*추가 : 0822 *//*margin-top 수정 : 0208 */

/*추가 : 0822 */
.card3 .card-date {
  font-size: 0.875rem;
  color: var(--gray-4);
  font-weight: 300;
  line-height: 1.2rem;
  margin-bottom: 0.2rem;
  margin-bottom: 0.85rem;
}

/*추가 : 0822 */
.card3 .card-text {
  font-size: 1.1rem;
  color: var(--gray-2);
  font-weight: 300;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

/*추가 : 0822 */

.card4 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
}

.card4 .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem 1rem;
  text-align: center;
}

/*추가 : 0822 */
/*padding 수정:1127*/

.card4 .card-title {margin-top:2rem; margin-bottom: 0.8rem; font-size:1.5rem; color:var(--gray-2); font-weight:700; line-height:1.5rem;}/*추가 : 0822 *//*폰트 사이즈 수정 : 0208 */

/*추가 : 0822 */
.card4 .card-date {
  font-size: 0.875rem;
  color: var(--gray-4);
  font-weight: 300;
  line-height: 1.2rem;
  margin-bottom: 0.2rem;
  margin-bottom: 0.85rem;
}

/*추가 : 0822 */
.card4 .card-text {font-size:1.125rem; color:var(--gray-4); font-weight:300; line-height:1.5rem; margin-bottom:1rem;}/*추가 : 0822 *//*폰트 사이즈 수정 : 0208 */

.card5 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
}

/*추가 : 0822 */
.card5 .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem 0rem;
  text-align: left;
}

/*추가 : 0822 */
.card5 .card-title {
  margin-top: 2rem;
  margin-bottom: 0.8rem;
  font-size: 1.3rem;
  color: var(--gray-2);
  font-weight: 700;
  line-height: 1.5rem;
}

/*추가 : 0822 */
.card5 .card-date {
  font-size: 0.875rem;
  color: var(--gray-4);
  font-weight: 300;
  line-height: 1.2rem;
  margin-bottom: 0.2rem;
  margin-bottom: 0.85rem;
}

/*추가 : 0822 */
.card5 .card-text {
  font-size: 1.1rem;
  color: var(--gray-4);
  font-weight: 300;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

/*추가 : 0822 */

#youtubeContent {
  height: 0;
  padding-top: 56%;
  /* height 0이면, 패딩-탑을 '너비(100%)'에 비례한 56% 계산한다 */
}

#youtubeContent iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.7rem;
}

.stb-review {
  margin-bottom: 4rem;
}

.stb-review .stb-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray-1);
  margin-bottom: 1.5rem;
}

.stb-review .stb-title span {
  position: absolute;
  top: 0rem;
  right: 0rem;
}

.stb-review .stb-title span a {
  position: relative;
  top: 0rem;
  right: 1.2rem;
}

.stb-review .stb-title span a i {
  font-size: 2rem;
  font-weight: 500;
  color: var(--gray-1);
}

.stb-review .stb-title span a:hover i {
  font-size: 2rem;
  font-weight: 500;
  color: var(--accent-1);
}

.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-radius: 0.7rem;
}

.stb-review ul.stb_review_list {
  display: block;
  margin: 1rem 0rem 0rem 0rem;
}

.stb-review ul.stb_review_list li.item {
  color: var(--gray-3);
  font-weight: 500;
  padding: 0.5rem 0rem;
}

.stb-review ul.stb_review_list li.item span {
  color: var(--primary-1);
  font-weight: 500;
  margin-right: 1.5rem;
}

section#study {
  display: block;
  padding: 0rem 0rem 5rem 0rem;
}

section#study_ta {
  display: none;
  padding: 0rem 0rem 5rem 0rem;
}

.stb_study .stb-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray-1);
  margin-bottom: 1.5rem;
}

.stb-box-line {
  border: 1px solid var(--gray-7);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}

.stb-box-line2 {
  border-top: 1px solid var(--gray-4);
}

/*.stb-box-line3 {
  border: 1px solid var(--gray-7);
  border-radius: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}*/
.stb-box-line3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  border: 1px solid var(--gray-6);
  border-radius: 0.625rem;
}

/*추가:1226*/

.card-image-container {
  position: relative;
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
  /* Ensures children like the overlay are clipped */
}

.card-image-container img {
  width: 100%;
  display: block;
  /* Ensures the image scales properly */
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.card-image-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Semi-transparent grey overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  pointer-events: none;
  /* Prevent interaction with the overlay */
}

.card-lock {
  color: white;
  font-size: 3rem;
}

.card {
  position: relative;
  background-color: white;
  /* Ensure the card body color stays white */
  border-radius: 1rem;
  overflow: hidden;
  /* Clips any overflowing elements inside the card */
}

.card-body1 {
  position: relative;
  z-index: 2;
  /* Ensures the text and buttons stay above */
  background-color: transparent;
  /* Keep body color separate */
}

.card-img-top1 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.card-img-top2 {-ms-flex-negative: 0; flex-shrink: 0; width: 100%; height:21rem; border-top-left-radius:0.7rem; border-top-right-radius:0.7rem;}/*추가:0822*//*height 추가:0208*/
.card-img-top3 {-ms-flex-negative: 0; flex-shrink: 0; width: 100%; height:16.875rem; border-top-left-radius:0.7rem; border-bottom-left-radius:0.7rem;}/*추가:0822*//*height 수정:0208*/

/*추가:0822*/
.card-body1 {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.stb-mask {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 43%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

section#news {
  display: flex;
  padding: 0rem 0rem 6rem 0rem;
}

section#news_ta {
  display: none;
  padding: 0rem 0rem 6rem 0rem;
}

.stb-m-notice .stb-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray-1);
  border-bottom: 1px solid var(--gray-2);
  padding-bottom: 1rem;
}

.stb-m-notice .stb-title span {
  position: absolute;
  top: 0rem;
  right: 0rem;
}

.stb-m-notice .stb-title span a {
  position: relative;
  top: 0rem;
  right: 1.2rem;
}

.stb-m-notice .stb-title span a i {
  font-size: 2rem;
  font-weight: 500;
  color: var(--gray-1);
}

.stb-m-notice .stb-title span a:hover i {
  font-size: 2rem;
  font-weight: 500;
  color: var(--accent-1);
}

.stb-m-notice ul.stb-notice-list li.item {
  border-bottom: 1px solid var(--gray-6);
  padding: 0.8rem 0rem;
}

.stb-m-notice ul.stb-notice-list li.item .stb-notice-line a {
  font-size: 1rem;
  color: var(--gray-1);
  font-weight: 500;
}

.stb-m-notice ul.stb-notice-list li.item .stb-notice-line a.new::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 2px;
  left: px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-image: url("/static/east154/images/badge_new.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.stb-m-notice ul.stb-notice-list li.item .stb-notice-date {
  font-size: 0.75rem;
  color: var(--gray-4);
  font-weight: 300;
  text-align: right;
  padding-top: 0.3rem;
}

.stb-m-news .stb-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray-1);
  border-bottom: 1px solid var(--gray-2);
  padding-bottom: 1rem;
}

.stb-m-news .stb-title span {
  position: absolute;
  top: 0rem;
  right: 0rem;
}

.stb-m-news .stb-title span a {
  position: relative;
  top: 0rem;
  right: 1.2rem;
}

.stb-m-news .stb-title span a i {
  font-size: 2rem;
  font-weight: 500;
  color: var(--gray-1);
}

.stb-m-news .stb-title span a:hover i {
  font-size: 2rem;
  font-weight: 500;
  color: var(--accent-1);
}

.stb-m-news ul.stb-news-list li.item {
  border-bottom: 1px solid var(--gray-6);
  padding: 0.55rem 0rem;
}

.stb-m-news ul.stb-news-list li.item ul.stb-news-detail li.stb-s-tit a {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 500;
}

.stb-m-news ul.stb-news-list li.item ul.stb-news-detail li.stb-s-txt {
  font-size: 1rem;
  color: var(--gray-5);
  font-weight: 300;
  line-height: 1.5rem;
  margin: 1.3rem 0rem 0.875rem 0rem;
}

.stb-m-news ul.stb-news-list li.item ul.stb-news-detail li.stb-s-date {
  font-size: 0.75rem;
  color: var(--gray-4);
  font-weight: 300;
}

/*section#imgIntro {margin-top:4rem;}
.stb-cont-img {height:40rem; background:url("/static/east154/images/img_fold/1.png") center no-repeat; background-size:cover;}*/

/*footer*/
footer#footer {
  display: block;
  padding-bottom: 3rem;
}

footer#footer .stb_footer_info p {
  font-size: 0.875rem;
  color: var(--gray-3);
  font-weight: 500;
  margin-top: 1rem;
}

footer#footer .stb_footer_info span {
  font-size: 0.875rem;
  color: var(--gray-3);
  font-weight: 500;
  margin-top: 1rem;
}

footer#footer ul.stb_footer_link {
  display: inline-block;
}

footer#footer ul.stb_footer_link li {
  display: inline-block;
  margin-left: 1.5rem;
  text-align: right;
}

footer#footer ul.stb_footer_link li a:hover {
  text-decoration: none;
}

footer#footer ul.stb_footer_sns {
  display: inline-block;
}

footer#footer ul.stb_footer_sns li {
  display: inline-block;
  margin-left: 1.5rem;
}

footer#footer ul.stb_footer_sns li a:hover {
  text-decoration: none;
}

footer#footer_ta {
  display: none;
  padding: 2rem 0rem 3rem 0rem;
  background: var(--gray-9);
}

footer#footer_ta .stb_footer_info p {
  font-size: 0.875rem;
  color: var(--gray-3);
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: 1rem;
}

footer#footer_ta .stb_footer_info span {
  font-size: 0.875rem;
  color: var(--gray-3);
  font-weight: 500;
  margin-top: 1rem;
}

footer#footer_ta ul.stb_footer_link {
  display: inline-block;
}

footer#footer_ta ul.stb_footer_link li {
  display: inline-block;
  margin-right: 1.5rem;
  margin-top: 3rem;
}

footer#footer_ta ul.stb_footer_link li a:hover {
  text-decoration: none;
}

footer#footer_ta ul.stb_footer_sns {
  display: inline-block;
}

footer#footer_ta ul.stb_footer_sns li {
  display: inline-block;
  margin-left: 1.5rem;
}

footer#footer_ta ul.stb_footer_sns li a:hover {
  text-decoration: none;
}




/*sub page*/
.stb-sub-layout {
  margin-top: 4rem;
}

/*px->rem으로 수정:1127*/
.stb-sub-layout1 {
  margin: 4rem 2rem 0rem 2rem;
  padding: 0rem;
}

/*추가:1127*/
.stb-sub-layout2 {
  margin-top: 4rem;
}

/*px->rem으로 수정:1127*/

.stb-sub-title {
  margin-bottom: 1rem;
  padding: 3rem 0rem 1.5rem 0rem;
  border-bottom: 1px solid var(--gray-6);
}

.stb-sub-title p {
  font-size: 2rem;
  font-weight: 700;
  color: var(--gray-1);
  margin-bottom: 1rem;
}

.stb-sub-title span {
  font-size: 1.1rem;
  font-weight: 300;
  color: var(--gray-5);
}

.stb-sub-title2 {
  margin-bottom: 1rem;
  padding: 10rem 0rem 1.5rem 0rem;
  text-align: center;
}

.stb-sub-title2 p {
  font-size: 2rem;
  font-weight: 700;
  color: var(--gray-1);
  margin-bottom: 1rem;
}

.stb-sub-title3 {
  margin-bottom: 1rem;
  padding: 4rem 0rem 1.5rem 0rem;
}

.stb-sub-title3 p {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gray-1);
  line-height: 1.9rem;
}

/*수정:0919*/

.stb-sub-title4 {
  margin-bottom: 1rem;
  padding: 1rem 0rem 0rem 0rem;
}

.stb-sub-title4 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--gray-1);
}

.stb-sub-title5 {
  text-align: center;
}

/*추가 : 0822*/
/* .stb-sub-title5 p {
  font-size: 1.35rem;
  color: var(--gray-2);
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -1px;
  margin-bottom: 7.5rem;
} */
.stb-sub-title5 p {font-size:1.375rem; color:var(--gray-2); font-weight:400; line-height:3rem; letter-spacing:-1px; margin-bottom:7.5rem;}/*추가 : 0822*//*폰트 사이즈 수정, line-height 수정:0314*/

/*추가 : 0822*/
.stb-sub-title5 p span {
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  ;
}

/*추가 : 0822*/
.stb-sub-title5 p.cont-body-tit {
  font-family: "Gowun Batang";
  font-size: 2.5rem;
  color: var(--secondary-nor);
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: 6rem;
  margin-bottom: 3rem;
}

/*추가 : 0822*/
.stb-sub-title5 p.cont-body-tit span.tit {
  font-family: "Gowun Batang";
  color: var(--secondary-nor);
  font-weight: 700;
  letter-spacing: -1px;
}

/*추가 : 0822*/

.stb-sub-title6 {
  text-align: left;
}

/*추가 : 0822*/
/* .stb-sub-title6 p {
  font-size: 1.35rem;
  color: var(--gray-2);
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -1px;
  margin-bottom: 1.5rem;
} */
.stb-sub-title6 p {font-size:1.375rem; color:var(--gray-2); font-weight:400; line-height:3.125rem; letter-spacing:-1px; margin-bottom:1.5rem;}/*추가 : 0822*//*font-size, line-height 수정:0314*/

/*추가 : 0822*/
.stb-sub-title6 p span {
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  ;
}

/*추가 : 0822*/
/* .stb-sub-title6 p.cont-body-tit {
  font-family: "Gowun Batang";
  font-size: 2.5rem;
  color: var(--gray-2);
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: 6rem;
  margin-bottom: 3rem;
} */
.stb-sub-title6 p.cont-body-tit {font-family:"Gowun Batang"; font-size:2.5rem; color:var(--gray-2); font-weight:400; letter-spacing:-1px; margin-top:6rem; margin-bottom:3.125rem;}/*추가 : 0822*//*margin-bottom 수정:0314*/

/*추가 : 0822*/
.stb-sub-title6 p.cont-body-tit span.tit {
  font-family: "Gowun Batang";
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
}

/*추가 : 0822*/
/* .stb-sub-title6 p.cont-body-txt {
  font-family: "Gowun Batang";
  font-size: 2rem;
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 6rem;
} */
.stb-sub-title6 p.cont-body-txt {font-family:"Gowun Batang"; font-size:1.5rem; color:var(--gray-2); font-weight:600; letter-spacing:-1px; line-height:3.75rem; margin-bottom:6rem;}/*추가 : 0822*//*font-size 수정, line-height 추가:0314*/

/*추가 : 0822*/

.stb-sub-title7 {
  text-align: right;
}

/*추가 : 0822*/
/* .stb-sub-title7 p {
  font-size: 1.35rem;
  color: var(--gray-2);
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -1px;
  margin-bottom: 1.5rem;
} */
.stb-sub-title7 p {font-size:1.375rem; color:var(--gray-2); font-weight:400; line-height:3.125rem; letter-spacing:-1px; margin-bottom:1.5rem;}/*추가 : 0822*//*font-size, line-height 수정:0314*/

/*추가 : 0822*/
.stb-sub-title7 p span {
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  ;
}

/*추가 : 0822*/
.stb-sub-title7 p.cont-body-tit {
  font-family: "Gowun Batang";
  font-size: 2.5rem;
  color: var(--gray-2);
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: 6rem;
  margin-bottom: 3rem;
}

/*추가 : 0822*/
.stb-sub-title7 p.cont-body-tit span.tit {
  font-family: "Gowun Batang";
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
}

/*추가 : 0822*/
/* .stb-sub-title7 p.cont-body-txt {
  font-family: "Gowun Batang";
  font-size: 2rem;
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 3rem;
} */
.stb-sub-title7 p.cont-body-txt {font-family:"Gowun Batang"; font-size:1.5rem; color:var(--gray-2); font-weight:700; letter-spacing:-1px; line-height:3.75rem; margin-bottom:3.375rem;}/*추가 : 0822*//*font-size 수정, line-height 추가:0314*/

/*추가 : 0822*/

.stb-sub-title8 {
  text-align: left;
}

/*추가 : 0822*/
/* .stb-sub-title8 p {
  font-size: 1.35rem;
  color: var(--gray-2);
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -1px;
  margin-bottom: 1.5rem;
} */
.stb-sub-title8 p {font-size:1.375rem; color:var(--gray-2); font-weight:400; line-height:3.125rem; letter-spacing:-1px; margin-bottom:1.5rem;}/*추가 : 0822*//*font-size, line-height 수정:0314*/

/*추가 : 0822*/
.stb-sub-title8 p span {
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  ;
}

/*추가 : 0822*/
.stb-sub-title8 p.cont-body-tit {
  font-family: "Gowun Batang";
  font-size: 2.5rem;
  color: var(--gray-2);
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: 6rem;
  margin-bottom: 3rem;
}

/*추가 : 0822*/
.stb-sub-title8 p.cont-body-tit span.tit {
  font-family: "Gowun Batang";
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
}

/*추가 : 0822*/
.stb-sub-title8 p.cont-body-txt {
  font-family: "Gowun Batang";
  font-size: 2rem;
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 3rem;
}

/*추가 : 0822*/

.stb-sub-title9 {
  text-align: center;
}

/*추가 : 0822*/
.stb-sub-title9 p {
  font-size: 1.35rem;
  color: var(--gray-2);
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -1px;
  margin-bottom: 1.5rem;
}

/*추가 : 0822*/
.stb-sub-title9 p span {
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  ;
}

/*추가 : 0822*/
.stb-sub-title9 p.cont-body-tit {
  font-size: 2rem;
  color: var(--gray-2);
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: 6rem;
  margin-bottom: 3rem;
}

/*추가 : 0822*/
.stb-sub-title9 p.cont-body-tit span.tit {
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
}

/*추가 : 0822*/
.stb-sub-title9 p.cont-body-txt {
  font-size: 2rem;
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 3rem;
}

/*추가 : 0822*/

.stb-sub-title10 {
  text-align: center;
}

/*추가 : 0822*/
.stb-sub-title10 p {
  font-size: 1.35rem;
  color: var(--gray-2);
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -1px;
  margin-bottom: 1.5rem;
}

/*추가 : 0822*/
.stb-sub-title10 p span {
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  ;
}

/*추가 : 0822*/
.stb-sub-title10 p.cont-body-tit {font-size:2rem; color:var(--gray-2); font-weight:400; letter-spacing:-1px; margin-top:6rem; margin-bottom:3rem; line-height:44px;}/*추가 : 0822*//*line-height 추가 : 0208*/

/*추가 : 0822*/
.stb-sub-title10 p.cont-body-tit span.tit {
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
}

/*추가 : 0822*/
.stb-sub-title10 p.cont-body-txt {
  font-size: 2rem;
  color: var(--gray-2);
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 3rem;
}

.stb-sub-title11 {margin-bottom:0rem; text-align:left;}/*추가 : 0822*//*margin수정 : 0328*/
.stb-sub-title11 p {font-size:2.25rem; color:var(--accent-3); font-weight:600; margin-bottom:2rem;}/*추가 : 0822*//*폰트색상 수정:1120*/
.stb-sub-title11 p.tit {font-size:1.5rem; color:var(--color-txt2); font-weight:700; margin-bottom:1.5rem;}/*추가 : 0328*/
.stb-sub-title11 p.tit1 {font-size:1.5rem; color:var(--accent-5); font-weight:700; margin-bottom:1.5rem;}/*추가 : 0718*/
.stb-sub-title11 p.tit2 {font-size:1.5rem; color:var(--accent-7); font-weight:700; margin-bottom:1.5rem;}/*추가 : 0718*/
.stb-sub-title11 p.tit3 {font-size:1.5rem; color:var(--accent-8); font-weight:700; margin-bottom:1.5rem;}/*추가 : 0718*/
.stb-sub-txt1 {font-size:2.8125rem; color:var(--gray-1); font-weight:600; line-height:4rem;}
.stb-sub-txt2 {font-size:2rem; color:var(--gray-1); font-weight:300; line-height:3rem; margin-top:2rem;}
.stb-sub-txt3 {font-size:2.25rem; color:var(--gray-2); font-weight:700; line-height:4rem; margin-bottom:4rem;}/*추가 : 0328*/
/*.stb-sub-txt4 {font-size:2rem; color:var(--gray-3); font-weight:500; line-height:1rem; margin:0rem 0rem 2rem 0rem;}*//*추가 : 0328*/
.stb-sub-txt4 {font-size:2rem; color:var(--gray-3); font-weight:500; line-height:2.1rem; margin:0rem 0rem 2rem 0rem;}/*추가 : 0328*/
.stb-sub-txt5 {font-size:1.25rem; color:var(--gray-1); font-weight:500; line-height:2rem; margin:0rem 0rem 2.375rem 0rem;}/*추가 : 0328*/
.stb-sub-txt5 span {font-weight:700;}/*추가 : 0328*/
.stb-sub-txt6 {font-size:1.625rem; color:var(--gray-3); font-weight:500; margin-bottom:4rem;}/*추가 : 0718*/
/* .stb-underline {display:inline-block; border-bottom:10px solid var(--bg-8-line);}/*추가 : 0328
.stb-underline1 {display:inline-block; border-bottom:10px solid var(--bg-11-line);}/*추가 : 0718
.stb-underline2 {display:inline-block; border-bottom:10px solid var(--bg-13-line);}/*추가 : 0718
.stb-underline3 {display:inline-block; border-bottom:10px solid var(--bg-14-line);}추가 : 0718 */
.stb-underline,
.stb-underline1,
.stb-underline2,
.stb-underline3,
.stb-underline4 {
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 10px;
  padding-bottom: 3px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.stb-underline  { background-image: linear-gradient(var(--bg-8-line), var(--bg-8-line)); }
.stb-underline1 { background-image: linear-gradient(var(--bg-11-line), var(--bg-11-line)); }
.stb-underline2 { background-image: linear-gradient(var(--bg-13-line), var(--bg-13-line)); }
.stb-underline3 { background-image: linear-gradient(var(--bg-14-line), var(--bg-14-line)); }
.stb-underline4 { background-image: linear-gradient(var(--bg-15-line), var(--bg-15-line)); }

.stb-sub-title12 {}

/*추가 : 0919*/
.stb-sub-title12 p {
  font-size: 2rem;
  font-weight: 700;
  color: var(--gray-1);
  margin-bottom: 1rem;
}

/*추가 : 0919*/

.stb-sub-title13 {
  margin-bottom: 1rem;
  padding: 3rem 0rem 0.5rem 0rem;
}

/*추가 : 0919*/
.stb-sub-title13 p {
  font-size: 2rem;
  font-weight: 700;
  color: var(--gray-1);
  margin-bottom: 1rem;
}

/*추가 : 0919*/
.stb-sub-title13 span {
  font-size: 1.1rem;
  font-weight: 300;
  color: var(--gray-5);
}

/*추가 : 0919*/

.stb-sub-title14 {
  margin-bottom: 3rem;
  padding: 3rem 0rem 0rem 0rem;
}

/*추가:1226*/
.stb-sub-title14 p {
  font-size: 2rem;
  font-weight: 700;
  color: var(--gray-1);
  margin-bottom: 1rem;
}

/*추가:1226*/
/*.stb-sub-title14 span {
  font-size: 1.1rem;
  font-weight: 300;
  color: var(--gray-5);
}*/
.stb-sub-title14 span {font-size:1.1rem; font-weight:300; color:var(--gray-5);}/*추가 : 0208*/

/*추가:1226*/

.stb-sub-title15 {margin-bottom:1rem; padding:0rem 0rem 1.5rem 0rem; margin:0px 15px;}/*추가:0110*/
.stb-sub-title15 p {font-size:2rem; font-weight:700; color:var(--gray-1); margin-bottom:1rem;}/*추가:0110*/
.stb-sub-title15 span {font-size:1.1rem; font-weight:300; color:var(--gray-5);}/*추가:0110*/


.stb-sub-title16 {padding:0rem 0rem 1.5rem 0rem; margin-top:4rem;}/*추가:0208*/
.stb-sub-title16 p {font-size:1.25rem; font-weight:700; color:var(--gray-1); margin-bottom:1rem;}/*추가:0208*/

.stb-sub-title17 {margin-top:6rem; margin-bottom:3rem; padding:3rem 0rem 0rem 0rem;}/*추가:0208*/
.stb-sub-title17 p {font-size:1.25rem; font-weight:600; color:var(--primary-2); margin-bottom:1rem;}/*추가:0208*/

.stb-sub-title18 {margin-bottom:3rem; padding:6.25rem 0rem 0rem 0rem;}/*추가:0208*/
.stb-sub-title18 p {font-size:1.5rem; font-weight:600; color:var(--gray-2); margin-bottom:1rem;}/*추가:0208*/

.stb-sub-title19 {margin-bottom:1rem; padding:3rem 0rem 1.5rem 0rem;}/*추가:0726*/
.stb-sub-title19 p {font-size:2rem; font-weight:700; color:var(--gray-1); margin-bottom:1rem;}/*추가:0726*/

.stb-form {
  text-align: center;
  margin: 2rem 0rem;
}

ul.stb_log_link {
  display: inline-flex;
  text-align: center;
}

ul.stb_log_link li.item a {
  font-size: 0.875rem;
  color: var(--gray-2);
  font-weight: 300;
}

ul.stb_log_link li.item .s-bar {
  margin: 0rem 0.5rem;
}

.stb-check {
  text-align: center;
}

.stb-sns-group {
  text-align: center;
  margin: 2rem 0rem;
}

.stb-sns-group ul.stb_sns_log {
  display: inline-block;
  margin-top: 2rem;
}

.stb-sns-group ul.stb_sns_log li.item {
  display: inline-block;
  margin: 0rem 1rem;
}

.stb-ft-txt p {
  font-size: 0.875rem;
  color: var(--gray-5);
  font-weight: 300;
  line-height: 1.2rem;
}

.stb-ft-txt p span.t-black {
  font-size: 0.875rem;
  color: var(--p-black);
  font-weight: 500;
  line-height: 1.2rem;
}

.stb-ft-txt p span.t-blue {
  font-size: 0.875rem;
  color: var(--accent-1);
  font-weight: 500;
  line-height: 1.2rem;
}

dl.stb_agree dt.stb_list_tit {
  font-size: 1.2rem;
  font-weight: 500;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

dl.stb_agree dd.stb_list_sub_tit {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

dl.stb_agree dd {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.stb-cont-tit {
  font-size: 1rem;
  color: var(--gray-1);
  font-weight: 500;
  margin: 2rem 0rem 1rem 0rem;
}

.stb-cont-tit span {
  font-size: 0.825rem;
  color: var(--gray-4);
  font-weight: 300;
  margin-left: 0.3rem;
}

.stb-cont-tit span.stb-dfn {
  color: var(--accent-2);
}

.stb-help {
  font-size: 0.825rem;
  color: var(--accent-1);
  margin-bottom: 1.2rem;
}

.stb-recog-time {
  position: relative;
  top: 2.2rem;
  left: 17.5rem;
  font-size: 0.825rem;
  color: var(--accent-1);
}

.stb-sub-txt {
  font-size: 0.825rem;
  color: var(--grey-5);
  font-weight: 300;
  text-align: center;
  margin-top: 2rem;
}

.stb-no-data {
  font-size: 1rem;
  color: var(--gray-1);
  font-weight: 300;
  text-align: center;
  margin: 5rem 0rem;
  padding-bottom: 0rem;
}

.stb-no-data::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0.35rem;
  left: 0rem;
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  background-image: url("/static/east154/images/icon/ic_info_24_outline.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-bottom: 1px solid #dee2e6;
}

.table th {
  color: var(--gray-5);
}

.stb-table-row {
  padding: 1.5rem 0.75rem !important;
}

.stb-table-row span.acc1 {
  color: var(--accent-2);
}

.stb-table-row span.acc2 {
  color: var(--accent-1);
}

.stb-councel {
  display: inline-block;
  position: fixed;
  bottom: 5rem;
  right: 5rem;
  width: 96px;
  height: 96px;
  z-index: 1000;
}

/*추가 : 0822*/
.stb-councel img {
  width: 96px;
  height: 96px;
}

/*추가 : 0822*/

.stb-sub-review {
  background: var(--bg-1);
  padding: 3.5rem 3.5rem 3.5rem 3.5rem
}

/*추가 : 0822*/
.stb-sub-review .stb-card-tit {
  font-size: 2rem;
  color: var(--gray-2);
  font-weight: 400;
  text-align: center;
  margin-bottom: 2rem;
}

/*추가 : 0822*/
.stb-sub-review .stb-card-tit span {
  font-weight: 700;
}

/*추가 : 0822*/

.stb-sub-review1 {
  background: var(--bg-2);
  padding: 3.5rem 3.5rem 3.5rem 3.5rem
}

.stb-sub-review1 .stb-card-tit {font-size:2rem; color:var(--gray-2); font-weight:400; text-align:center; margin-bottom:2rem; line-height:44px;}/*추가 : 0822*//*line-height 추가 : 0208*/

/*추가 : 0822*/
.stb-sub-review1 .stb-card-tit span {
  font-weight: 700;
}

/*추가 : 0822*/

.stb-sub-review2 {
  background: var(--bg-3);
  padding: 0rem;
  border-radius: 0.7rem;
  margin-bottom: 1rem;
}

/*추가 : 0822*/
.stb-sub-review2 .stb-card-tit {
  font-size: 2rem;
  color: var(--gray-2);
  font-weight: 400;
  text-align: center;
  margin-bottom: 2rem;
}

/*추가 : 0822*/
.stb-sub-review2 .stb-card-tit span {
  font-weight: 700;
}

/*추가 : 0822*/

.stb-sub-review3 {
  background: var(--bg-4);
  padding: 0rem;
  border-radius: 0.7rem;
}

/*추가 : 0822*/
.stb-sub-review3 .stb-card-tit {
  font-size: 2rem;
  color: var(--gray-2);
  font-weight: 400;
  text-align: center;
  margin-bottom: 2rem;
}

/*추가 : 0822*/
.stb-sub-review3 .stb-card-tit span {
  font-weight: 700;
}

/*추가 : 0822*/

.stb-card-img {
  height: 17rem;
  border-radius: 1rem 1rem 0rem 0rem;
}

/*추가 : 0822*/
.card-sub-txt {
  font-size: 0.875rem;
  color: var(--gray-4);
  font-weight: 400;
}

/*추가 : 0822*/
.img1 {
  background: url("/static/east154/images/img_fold/image 92.png") no-repeat;
  background-position: center center;
  background-size: cover;
}

/*추가 : 0822*/
.img2 {
  background: url("/static/east154/images/img_fold/image 94.png") no-repeat;
  background-position: center center;
  background-size: cover;
}

/*추가 : 0822*/
.img3 {
  background: url("/static/east154/images/img_fold/image 93.png") no-repeat;
  background-position: center center;
  background-size: cover;
}

/*추가 : 0822*/
.img4 {
  background: url("/static/east154/images/img_fold/image 59.png") no-repeat;
  background-position: center center;
  background-size: cover;
}

/*추가 : 0822*/

.stb-pc {
  display: block;
}

/*추가 : 0822*/
.stb-mo {
  display: none;
}

/*추가 : 0822*/

.stb-pc1 {
  display: block;
}

/*추가 : 0822*/
.stb-mo1 {
  display: none;
}

/*추가 : 0822*/

.stb-pc2 {
  display: block;
}

/*추가 : 0822*/
.stb-mo2 {
  display: none;
}

.stb-tablet2 {
  display: none;
}

/*추가 : 1127*/

/*추가 : 0822*/

.stb-pc3 {
  display: block;
}

/*추가 : 0822*/
.stb-mo3 {
  display: none;
}

/*추가 : 0822*/

.stb-pc4 {
  margin: 2.5rem 0rem 0rem 0rem;
}

/*추가 : 0828*/
/*수정:0919*/
.stb-mo4 {
  display: none;
}

/*추가 : 0828*/
.stb-tablet4 {
  display: none;
}

/*추가 : 0828*/

.stb-pc5 {
  display: block;
}

/*추가 : 0919*/
.stb-mo5 {
  display: none;
}

/*추가 : 0919*/
.stb-tablet5 {
  display: none;
}

/*추가 : 0919*/

.stb-pc6 {
  display: block;
}

/*추가 : 0919*/
.stb-mo6 {
  display: none;
}

/*추가 : 0919*/

.stb-pc7 {
  display: block;
}

/*추가 : 0919*/
.stb-tablet7 {
  display: none;
}

/*추가 : 0919*/

.stb-pc8 {
  display: block;
}

/*추가 : 1120*/
.stb-mo8 {
  display: none;
}

/*추가 : 1120*/
.stb-tablet8 {
  display: none;
}

/*추가 : 1120*/
.stb-pc9 {display:block;}/*추가 : 0110*/
.stb-mo9 {display:block;}/*추가 : 0110*/
.stb-mo9-mp {display:none;}/*추가 : 0110*/
.stb-tablet9 {display:none;}/*추가 : 0110*/

.stb-sub-bg {
  background-image: url("/static/east154/images/img_fold/meditation image.png");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  height: 64rem;
}

/*추가 : 0822*/

.stb-thumb-container {}

.stb-card-img2 {
  height: 13.4375rem;
  border-radius: 0.625rem;
  background-color: var(--p-black);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(100%);
  transition-duration: 0.1s;
}

/*추가 : 0822*/
/*filter밝기 수정:1127*/

/*.stb-card-img2:hover {height:13.4375rem; border-radius:0.625rem; background-color:var(--p-black); background-position:center; background-size:cover; background-repeat:no-repeat; filter:brightness(100%); transition-duration:0.1s;}/*추가 : 0822*/
/*hover스타일 삭제:1127*/

/*추가 : 0822*/
/*filter밝기 수정:1127*/

/*추가 : 0822*/
/* .stb-card-img2 {
  height: 13.4375rem;
  border-radius: 0.625rem;
  background-color: var(--p-black);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(20%);
  transition-duration: 0.1s;
} */

/*추가 : 0822*/
/* .stb-card-img2:hover {
  height: 13.4375rem;
  border-radius: 0.625rem;
  background-color: var(--p-black);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(100%);
  transition-duration: 0.1s;
} */

/*추가 : 0822*/
.thumb1 {
  background-image: url("/static/east154/images/img_fold/Grou 26.png");
  transition-duration: 0.2s;
}

/*추가 : 0822*/
.thumb1:hover {
  transform: scale(1.3);
  z-index: 1;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
}

/*추가 : 0822*/
.thumb2 {
  background-image: url("/static/east154/images/img_fold/Grou 26.png");
  transition-duration: 0.2s;
}

/*추가 : 0822*/
.thumb2:hover {
  transform: scale(1.3);
  z-index: 1;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
}

/*추가 : 0822*/
.thumb3 {
  background-image: url("/static/east154/images/img_fold/Grou 26.png");
  transition-duration: 0.2s;
}

/*추가 : 0822*/
.thumb3:hover {
  transform: scale(1.3);
  z-index: 1;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
}

/*추가 : 0822*/

.stb-map {
  margin: 12.5rem 0rem 4rem 0rem;
}

/*추가 : 0822*/

.stb-sub-img {
  margin-top: 64px;
  height: 42.875rem;
  background: url("/static/east154/images/img_fold/img_online2.png") no-repeat;
  background-size: cover;
  background-position: top center;
}/*추가 : 0828*//*수정:메인이미지 - 0919*//*배경이미지 수정/position 위치 수정-0531*/

.stb-sub-img dl.stb-list-online {
  position: relative;
  top: 15em;
}

/*추가 : 0828*/
.stb-sub-img dl.stb-list-online dt.item {
  font-size: 4rem;
  color: var(--p-white);
  font-weight: 500;
  margin-bottom: 2rem;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

/*추가 : 0828*/
.stb-sub-img dl.stb-list-online dd.item {
  font-size: 2rem;
  color: var(--p-white);
  font-weight: 500;
  line-height: 3rem;
  letter-spacing: -1px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

/*추가 : 0828*/

/*BG이미지 추가 시작 : 0718*/
.stb-sub-img1 {margin-top:64px; height:42.875rem; background:url("../images/img_fold/img_online3.png") no-repeat; background-size:cover; background-position:top center;}
.stb-sub-img1 dl.stb-list-online {position:relative; top:15em;}
.stb-sub-img1 dl.stb-list-online dt.item {font-size:4rem; color:var(--p-white); font-weight:500; margin-bottom:2rem; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img1 dl.stb-list-online dd.item {font-size:2rem; color:var(--p-white); font-weight:500; line-height:3rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}

.stb-sub-img2 {margin-top:64px; height:42.875rem; background:url("../images/img_fold/img_online5.png") no-repeat; background-size:cover; background-position:top center;}
.stb-sub-img2 dl.stb-list-online {position:relative; top:15em;}
.stb-sub-img2 dl.stb-list-online dt.item {font-size:4rem; color:var(--p-white); font-weight:500; margin-bottom:2rem; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img2 dl.stb-list-online dd.item {font-size:2rem; color:var(--p-white); font-weight:500; line-height:3rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}

.stb-sub-img3 {margin-top:64px; height:42.875rem; background:url("../images/img_fold/img_online6.png") no-repeat; background-size:cover; background-position:top center;}
.stb-sub-img3 dl.stb-list-online {position:relative; top:15em;}
.stb-sub-img3 dl.stb-list-online dt.item {font-size:4rem; color:var(--p-white); font-weight:500; margin-bottom:2rem; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img3 dl.stb-list-online dd.item {font-size:2rem; color:var(--p-white); font-weight:500; line-height:3rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
/*BG이미지 추가 끝 : 0718*/

.stb-my-study {
  background: var(--p-white);
  border: 1px solid var(--bg-5-line);
  border-radius: 0.675rem;
  padding: 2.25rem 2.25rem 2.25rem 2.25rem
}

/*추가 : 0828*/
/*수정:padding값 수정-0919*/
.stb-my-study .stb-box-tit {
  font-size: 1.875rem;
  color: var(--gray-10);
  font-weight: 600;
  margin-bottom: 2.25rem;
}

/*추가 : 0828*/
/*수정:font-size 수정, margin-bottom 수정-0919*/
.stb-my-study .stb-box {
  width: 32%;
}

/*추가 : 0919*/
.stb-my-study .stb-box .stb-data-group {
  height: 10rem;
  background: var(--gray-12);
  padding: 1.5rem;
  border-radius: 0.625rem;
}

/*추가 : 0828*/
/*수정:box스타일 변경-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-img {
  height: 6.25rem;
  background: url("/static/east154/images/icon/ic_my.png") center no-repeat;
  background-size: contain;
  margin-bottom: 0.625rem;
}

/*추가 : 0828*/
.stb-my-study .stb-box .stb-data-group .stb-my-class {
  font-size: 1.5rem;
  color: var(--gray-2);
  font-weight: 300;
  text-align: center;
  margin-bottom: 2rem;
}

/*추가 : 0828*/
/*수정:font-size, font-weight변경-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-class span {
  font-weight: 700;
}

/*추가 : 0828*/
/*수정:font-weight 변경-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-class span.subtxt {
  font-size: 1.2rem;
  font-weight: 300;
}

/*추가 : 0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-time {
  font-size: 3.75rem;
  color: var(--gray-2);
  font-weight: 600;
  text-align: center;
  margin-top: 1.5rem;
}

/*추가 : 0828*/
/*수정:font-size, margin값 변경-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-time span {
  font-size: 2.25rem;
  font-weight: 300;
}

/*추가 : 0828*/
/*수정:font-size 추가-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-tit {
  font-size: 1.75rem;
  color: var(--gray-3);
  font-weight: 600;
  text-align: center;
}

/*추가 : 0828*/
.stb-my-study .stb-box .stb-data-group1 {
  height: 10rem;
  background: rgba(0, 0, 0, 0.24);
  padding: 1.5rem;
  border-radius: 0.625rem;
  text-align: center;
}

/*추가 : 0919*/
.stb-my-study .stb-box .stb-data-group2 {
  height: 10rem;
  background: var(--p-white);
  padding: 1.5rem;
  border: 1px solid var(--gray-6);
  border-radius: 0.625rem;
  text-align: center;
}

/*추가 : 0919*/
.stb-my-study .stb-box .stb-data-tit {
  font-size: 1.5rem;
  color: var(--gray-3);
  font-weight: 500;
  margin-top: 1.5rem;
  text-align: center;
}

/*추가 : 0919*/

/*.stb-cont-bg {padding:0rem 5.375rem 7.375rem 5.375rem; margin:3.75rem 0rem 0rem 0rem; background: rgb(255,255,255); background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,223,255,1) 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,223,255,1) 100%); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,223,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7dfff",GradientType=1); border-radius:0.625rem;}/*추가 : 0828*/
/*수정:padding 값 수정 - 0919*/
/* .stb-cont-bg {
  padding: 5em 3rem 2rem 3rem;
  background: rgb(239, 252, 254);
} */
.stb-cont-bg {padding:5em 2rem 2rem 2rem; background-color: transparent; background: linear-gradient(180deg, rgba(238,250,226,0.26) 0%, rgba(242,255,252,1) 90%);}/*추가 : 0828*//*수정:padding 값 수정 - 0919*//*백그라운드 컬러 수정, Margin값 삭제, padding 수정-1120*//*백그라운드 컬러 수정, padding 수정-0328*/

/*추가 : 0828*/
/*수정:padding 값 수정 - 0919*/
/*백그라운드 컬러 수정, Margin값 삭제, padding 수정-1120*/

/*bg컬러 추가 시작 : 0718*/
.stb-cont-bg1 {padding:5em 2rem 2rem 2rem; background:var(--bg-10);}
.stb-cont-bg2 {padding:5em 2rem 2rem 2rem; background:var(--bg-12);}
.stb-cont-bg3 {padding:5em 2rem 2rem 2rem; background-color: transparent; background: linear-gradient(180deg, rgba(254,250,255,1) 0%, rgba(253,247,255,1) 90%);}
/*bg컬러 추가 끝 : 0718*/

/*.stb-cont-info {background:var(--p-white); border-radius:0.625rem; border:1px solid rgba(215,100, 255, 0.34); margin:4.25rem 0rem 11.125rem 0rem; padding:2.5rem;}/*추가 : 0828*/
/* .stb-cont-info {
  background: var(--p-white);
  border-radius: 0.625rem;
  border: 1px solid rgba(30, 211, 201, 0.42);
  margin: 4.25rem 0rem 5.125rem 0rem;
  padding: 2.5rem;
} */
.stb-cont-info {background:var(--p-white); border-radius:0.625rem; border:1px solid rgba(30,211, 201, 0.42); margin:2rem 0rem 2rem 0rem; padding:1rem;}/*추가 : 0828*//*margin 수정, border컬러 수정:1120*//*margin, padding 수정:0531*/

/*추가 : 0828*/
/*margin 수정, border컬러 수정:1120*/
.stb-cont-info .stb-info-head {
  text-align: center;
  border-right: 1px solid var(--gray-6);
  align-content: center;
}

/*추가 : 0828*/
/* sindok - 수정 */
.stb-cont-info .stb-info-sub {}

/*추가 : 0828*/
/*.stb-cont-info .stb-cont-info-txt {margin-top:1rem; font-size:1rem; color:var(--color-txt1); font-weight:600; line-height:1.3rem;}*/
.stb-cont-info .stb-cont-info-txt {
  margin-top: 1rem;
  font-size: 1rem;
  color: var(--primary-2);
  font-weight: 600;
  line-height: 1.3rem;
}

/*폰트 컬러 수정:1120*/
.stb-cont-info .stb-info-sub ul.stb-info {margin-left:1rem;}/*추가 : 0828*//*margin 수정:0531*/

/* GPT 수정:0806 */
.stb-cont-info .stb-info-sub ul.stb-info li.item {
  font-size: 1rem;
  color: var(--gray-1);
  font-weight: 400;
  padding: 0.5rem 0rem;
  line-height: 1.5rem;
  display: flex; /* ✨ 핵심: 아이콘과 텍스트를 수평 정렬 */
  align-items: flex-start; /* 또는 center */
}
/* GPT 수정:0806 */
.stb-cont-info .stb-info-sub ul.stb-info li.item::before {
  content: '';
  width: 21px;
  height: 20px;
  background-image: url("/static/east154/images/icon/ic_img_check.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;

  /* 수정: 불필요한 position/top 제거 */
  /* position: relative;
  top: 0.25rem; */
  flex-shrink: 0; /* 아이콘 크기 고정 */
}


/*추가 : 0828*/

.stb-img-thumb {
  margin: 3.3125rem 0rem 4rem 0rem;
}

.stb-img-thumb1 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: stretch;
}

.stb-img-thumb2 {margin:1.5rem 0rem 2rem 0rem;}/*추가:0328*/
.stb-img-thumb3 {text-align:center;}/*추가:0726*/

/*추가:1226*/


/*스타일 추가 시작 - 0919*/
.stb-list-wrap {
  margin-bottom: 2rem;
}

.stb-list-wrap .stb-list-info {
  font-size: 1rem;
  color: var(--gray-4);
  font-weight: 300;
  text-align: right;
}

.stb-list-wrap .stb-list-info span {
  color: var(--gray-2);
}

.stb-list-wrap .stb-list-info span.accent {
  color: var(--gray-2);
  font-weight: 700;
}

.stb-list-wrap dl.stb-list-mov {
  margin-top: 1rem;
}

.stb-list-wrap dl.stb-list-mov dt {
  font-size: 0.9rem;
  color: var(--gray-2);
  font-weight: 500;
  background: var(--gray-12);
  border-bottom: 1px solid var(--gray-6);
  padding: 0.77rem 1rem;
}

.stb-list-wrap dl.stb-list-mov dt span {
  font-size: 0.875rem;
  color: var(--gray-2);
  font-weight: 300;
  float: right;
}

.stb-list-wrap dl.stb-list-mov dd {
  font-size: 1rem;
  color: var(--gray-3);
  font-weight: 500;
  border-bottom: 1px solid var(--gray-6);
  padding: 1rem 1rem 0.5rem 1rem;
}

.stb-list-wrap dl.stb-list-mov dd .stb-mov-time {
  font-size: 0.875rem;
  color: var(--gray-3);
  font-weight: 300;
  float: right;
}

.stb-mov-header {
  background: var(--gray-2);
  text-align: center;
  border-bottom: none;
}

.stb-mov-header p {
  font-size: 1rem;
  color: var(--p-white);
  font-weight: 500;
  padding-top: 1.5rem;
}

.stb-mov-header span.bookmark {
  position: absolute;
  top: 1.2rem;
  right: 1rem;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

.stb-mov-header span.back {
  position: absolute;
  top: 1.2rem;
  left: 1rem;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  color: var(--p-white);
  padding-top: 0.3rem;
}

.stb-mov-header a.stb-btn-back {
  text-decoration: none;
}

/* sindok 추가 */
.stb-mov-header span.close {
  position: absolute;
  top: 0.8rem;
  left: 1rem;
  vertical-align: middle;
  width: 2.1rem;
  height: 2.1rem;
  color: var(--p-white);
  padding-top: 0.3rem;
}

/* sindok - 버튼을 자연스럽게 */
/* 버튼을 인풋 스타일에 자연스럽게 맞추는 커스텀 */
.input-group .form-control {
  border-radius: 0.5rem 0 0 0.5rem; /* 왼쪽만 둥글게 */
  border-right: none;
}

.input-group .input-group-append .btn {
  border-radius: 0 0.5rem 0.5rem 0; /* 오른쪽만 둥글게 */
  border-left: none;
  background-color: white;
  border-color: #ccc;
  padding: 0.375rem 0.75rem;
}


/*.bi-chevron-left::before {content: "\f284"; color:var(--p-white); width:24px; height:24px; position:relative; top:0.2rem;}*/
/*주석처리:0919*/
.bi-chevron-left::before {
  content: "\f284";
  color: var(--p-black);
}

/*추가:0919*/
.bi-chevron-left-mo::before {
  content: "\f284";
  color: var(--p-white);
}

/*추가:0919*/
.bi-chevron-right::before {
  content: "\f285";
  color: var(--p-black);
}

/*추가:0919*/
.bi-chevron-right1::before {
  content: "\f285";
  color: var(--accent-1);
}

/*추가:0919*/

.stb-mov-screen {
  background: var(--p-black);
}

.tab-content .title {
  font-size: 1.25rem;
  color: var(--gray-2);
  font-weight: 700;
  line-height: 1.8rem;
  margin-bottom: 1.5rem;
}

.stb-prog-info-mo {
  height: 4.5rem;
  border: 1px solid rgba(152, 155, 162, 0.24);
  border-radius: 0.3125rem;
  padding: 1rem 1rem;
}

.stb-prog-info-mo::before {
  display: inline-block;
  content: " ";
  position: relative;
  top: 0rem;
  left: 0rem;
  width: 29px;
  height: 28px;
  background: url("/static/east154/images/icon/ic_process.png") center no-repeat;
  background-size: cover;
  margin-right: 0.5rem;
}

.stb-prog-info-mo .stb-prog-group {
  width: calc(100% - 34px);
  position: relative;
  top: -2rem;
  left: 2.5rem;
}

.stb-prog-info-mo .stb-prog-group .txt1 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--gray-2);
  font-weight: 700;
  float: left;
}

.stb-prog-info-mo .stb-prog-group .prog-area {
  display: inline-block;
  width: calc(100% - 7rem);
  margin: 0.2rem 0.875rem 0rem 0.875rem;
  float: left;
}

.stb-prog-info-mo .stb-prog-group .txt2 {
  display: inline-block;
  font-size: 0.8rem;
  color: var(--gray-2);
  font-weight: 300;
  float: left;
}

.stb-prog-info-mo .stb-lecture-info {
  display: inline-block;
  position: relative;
  top: -1.7rem;
  left: 2.5rem;
}

.stb-prog-info-mo .stb-lecture-info p {
  font-size: 0.8rem;
  color: var(--gray-4);
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 1.7rem;
  margin: 0rem 0rem 0rem 0rem;
}

.stb-prog-info-mo .stb-lecture-info p span.stb-tit1 {
  color: var(--gray-2);
  font-weight: 500;
}

.stb-prog-info-mo .stb-lecture-info p span.stb-num {
  color: var(--accent-1);
}

.stb-prog-info-mo .stb-lecture-info p span.stb-txt1 {
  color: var(--accent-1);
  font-weight: 500;
}

.stb-mov-group {
  border-top: 1px solid rgba(152, 155, 162, 0.24);
  border-left: 1px solid rgba(152, 155, 162, 0.24);
  border-right: 1px solid rgba(152, 155, 162, 0.24);
  margin-top: 1.5rem;
}

.stb-mov-group ul.stb-mov-list li.item {
  padding: 1rem 1rem 1.3rem 1rem;
  border-bottom: 1px solid rgba(152, 155, 162, 0.24);
}

.stb-mov-group ul.stb-mov-list li.item:active,
.stb-mov-group ul.stb-mov-list li.item:focus {
  background: rgba(30, 211, 201, 0.06);
}

.stb-mov-group ul.stb-mov-list li.item.active {
  background: rgba(30, 211, 201, 0.06);
}

.stb-mov-group ul.stb-mov-list li.item Label {
  font-size: 0.875rem;
  color: var(--gray-2);
  font-weight: 500;
}

.stb-mov-group ul.stb-mov-list li.item Label>span {
  position: relative;
  top: 0.5rem;
  left: 0rem;
  font-size: 0.8rem;
  color: var(--gray-2);
  font-weight: 300;
}

.stb-mov-group ul.stb-mov-list li.item {
  padding: 1rem 1rem 1.3rem 1rem;
  border-bottom: 1px solid rgba(152, 155, 162, 0.24);
}

.stb-mov-group ul.stb-mov-list li.item Label {
  font-size: 0.875rem;
  color: var(--gray-2);
  font-weight: 500;
}

.stb-mov-group ul.stb-mov-list li.item Label>span {
  position: relative;
  top: 0.5rem;
  left: 0rem;
  font-size: 0.8rem;
  color: var(--gray-2);
  font-weight: 300;
}

.tab-pane p.stb-txt2 {
  color: var(--gray-3);
  line-height: 1.3rem;
}

.tab-pane .stb_mo_head_group {
  height: 3rem;
}

.tab-pane .stb_mo_head_group .stb_mo_tit {
  font-size: 1.2rem;
  color: var(--gray-2);
  font-weight: 600;
  float: left;
}

.tab-pane .stb_mo_head_group .stb_mo_txt {
  font-size: 0.8125rem;
  color: var(--gray-3);
  font-weight: 500;
  float: right
}

.stb-list-txt {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 600;
  margin-bottom: 1rem;
  text-align: right;
}

.que:first-child {
  border-top: 1px solid var(--p-black);
}

.que {
  position: relative;
  padding: 17px 0;
  cursor: pointer;
  font-size: 1rem;
  color: var(--gray-2);
  border-bottom: 1px solid var(--gray-6);
}

.que span.stb-mark-q {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--primary-1);
  margin: 0 5px;
}

.que.on>span.stb-mark-q {
  color: var(--primary-1);
}

.que.on>span {
  color: var(--p-black);
}

.anw {
  display: none;
  overflow: hidden;
  font-size: 0.875rem;
  ;
  background-color: var(--gray-12);
  padding: 1.5rem 1.5rem;
}

.anw .stb-mark-a {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--primary-1);
  margin: 0 0.3125rem 0.5rem 0.3125rem;
  float: left;
}

.anw .stb-answer {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--gray-2);
  margin: 0 0.3125rem;
  line-height: 1.3rem;
  float: left;
}

.arrow-wrap {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  transition-duration: 0.2s;
}

.que .arrow-top {
  display: none;
}

.que .arrow-bottom {
  display: block;
}

.que.on .arrow-bottom {
  display: none;
}

.que.on .arrow-top {
  display: block;
}

.stb-board-title {padding:2rem 0rem 1rem 0rem; border-bottom:1px solid var(--gray-6);}/*수정:0208*/

.stb-board-title p {
  font-size: 1.25rem;
  color: var(--p-black);
  font-weight: 600;
  line-height: 1.7rem;
  margin: 0.5rem 0rem;
}

.stb-board-title span.stb-comment {
  font-size: 0.6875rem;
  color: var(--gray-11);
  font-weight: 400;
}

.stb-board-title span.stb-comment::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0.2rem;
  left: 0rem;
  margin-right: 0.3rem;
  width: 12px;
  height: 13px;
  background-image: url("/static/east154/images/icon/ic_comment_check.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.stb-board-title span.stb-comment-done {
  font-size: 0.6875rem;
  color: var(--tag-3);
  font-weight: 400;
}

.stb-board-title span.stb-comment-done::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0.2rem;
  left: 0rem;
  margin-right: 0.3rem;
  width: 12px;
  height: 13px;
  background-image: url("/static/east154/images/icon/ic_comment_check_done.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.stb-board-title .stb-board-subinfo {
  display: inline-block;
  width: 100%;
  padding-top: 0.5rem;
}

.stb-board-title .stb-board-subinfo>.stb-profile {
  display: inline-block;
  float: left;
}

.stb-board-title .stb-board-subinfo>.stb-profile span.stb-profile-img {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background: var(--gray-5);
  border-radius: 50%;
  margin-right: 0.5rem;
  justify-content: center;
  /* 가로 중앙 정렬 */
  align-items: center;
  /* 세로 중앙 정렬 */
}

.stb-board-title .stb-board-subinfo>.stb-profile span.stb-profile-txt {
  position: relative;
  top: -0.5rem;
  font-size: 0.75rem;
  color: var(--gray-2);
  font-weight: 600;
}

.stb-board-title .stb-board-subinfo>.stb-board-date {
  display: inline-block;
  float: right;
  font-size: 0.75rem;
  color: var(--gray-5);
  font-weight: 400;
  margin-top: 0.75rem;
}

.stb-board-title .stb-board-subinfo>.stb-board-date span.stb-notice-viewer {
  color: var(--p-black);
  margin-left: 0.5rem;
}

/*.stb-ask-reply .stb-board-subinfo {
  display: inline-block;
  width: 100%;
  padding-top: 0.5rem;
}*/
.stb-ask-reply .stb-board-subinfo {padding-top:0.5rem; margin:0rem;}/*수정-display, width값 삭제, margin 추가:0208*/

.stb-ask-reply .stb-board-subinfo>.stb-profile {
  display: inline-block;
  float: left;
}

.stb-ask-reply .stb-board-subinfo>.stb-profile span.stb-profile-img {
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background: var(--gray-5);
  border-radius: 50%;
  margin-right: 0.5rem;
}

.stb-profile-img .avatar_thumb_image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.stb-ask-reply .stb-board-subinfo>.stb-profile span.stb-profile-txt {
  position: relative;
  top: -0.5rem;
  font-size: 0.75rem;
  color: var(--gray-2);
  font-weight: 600;
}

.stb-ask-reply .stb-board-subinfo > .stb-profile span.stb_tag_level {position:relative; top:-9px; left:0.3rem; font-size:0.7rem; color:var(--accent-2); font-weight:300;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > .stb-profile span.stb-reply-date {position:relative; top:-8px; left:1rem; font-size:0.7rem; color:var(--gray-5); font-weight:300;}/*추가:0208*/

.stb-ask-reply .stb-board-subinfo>.stb-board-date {
  display: inline-block;
  float: right;
  font-size: 0.75rem;
  color: var(--gray-5);
  font-weight: 400;
  margin-top: 0.75rem;
}

.stb-ask-reply .stb-board-subinfo>.stb-board-date span.stb-notice-viewer {
  color: var(--p-black);
  margin-left: 0.5rem;
}

.stb-ask-reply .stb-board-subinfo > .stb-reply-cap {position:relative; top:9px; font-size:0.7rem; color:var(--gray-5); font-weight:300;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > .stb-reply-cap span {color:var(--accent-2);}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > .stb-reply-cap a {font-size:0.75rem; color:var(--gray-5); font-weight:300;}/*추가:0208*/

/*.stb-board-content-view p {font-size:0.875rem; color:var(--p-black); font-weight:400; line-height:1.5rem; padding:2.5rem 0rem;}*/
.stb-board-content-view {
  padding: 2rem 0 2rem 0;
}

.stb-board-content-view p {
  font-size: 0.875rem;
  color: var(--p-black);
  line-height: 1.5rem;
}

.stb-board-attatch {border-top:1px solid var(--gray-6);padding:1rem 0rem 0rem 0rem;}/*추가:0208*/
.stb-board-attatch .stb-tit {font-size:0.875rem; color:var(--p-black); font-weight:600; margin-bottom:0.5rem;}/*추가:0208*/
.stb-board-attatch ul.stb-attatch-list {margin:0.5rem 0rem 1.5rem 0rem;}/*추가:0208*/
.stb-board-attatch ul.stb-attatch-list li {padding:0.1rem 0rem;}/*추가:0208*/
.stb-board-attatch ul.stb-attatch-list li a {font-size:0.875rem; color:var(--accent-1); font-weight:400; padding:0.2rem 0rem;}/*추가:0208*/
a.stb-attatch-link {font-size:0.875rem; color:var(--p-black); font-weight:400; text-decoration:underline;}/*추가:0208*/

.stb-reply-group {display:flex; flex-flow: wrap row; align-items: stretch;}/*추가:0208*/
.stb-reply-img {flex-basis:auto; width:3rem; padding-top:1.5rem;}/*추가:0208*/
.stb-ask-con {flex-basis:auto; width:calc(100% - 3rem);}/*추가:0208*/

.stb-reply-tit1 {font-size:1rem; color:var(--p-black); font-weight:600; padding:1rem 0rem;}/*추가:0208*/
.stb-reply-tit1 span {color:var(--primary-1);}/*추가:0208*/
.stb-reply-cap {position:relative; top:18px; font-size:0.7rem; color:var(--gray-5); font-weight:300;}/*추가:0208*/
.stb-reply-cap span {color:var(--accent-2);}/*추가:0208*/

.stb-ask-reply .stb-ask-group {
  margin-top: 1rem;
}

.stb-ask-reply .stb-reply-tit {
  font-size: 1rem;
  color: var(--p-black);
  font-weight: 600;
  padding: 1rem 0rem;
  border-bottom: 1px solid var(--gray-6);
}

.stb-ask-reply .stb-reply-tit span {
  color: var(--primary-1);
}

.stb-ask-reply .stb-reply-con {background:var(--gray-12); padding:1rem; margin-top:2rem; font-size:0.825rem; color:var(--p-black); font-weight:400; line-height:1.25rem; border-radius:0.5rem;}/*수정-margin 추가:0208*/
.stb-ask-reply .stb-reply-con1 {background:var(--gray-12); padding:1rem; margin-top:0.7rem; font-size:0.825rem; color:var(--p-black); font-weight:400; line-height:1.25rem; border-radius:0.5rem;}/*추가:0208*/

.stb-board-group {
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}

/*aside .stb-aside {padding:1rem; border:1px solid var(--gray-6); border-radius:0.625rem;}*/
aside .stb-aside {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  border: 1px solid var(--gray-6);
  border-radius: 0.625rem;
}

/*padding 수정:1120*/
/*dl.stb-class-info dt {font-size:1.2rem; font-weight:500; padding-top:1.5rem; padding-bottom:1.5rem;}*/
dl.stb-class-info dt {
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0.75rem 0rem;
  border-bottom: 1px solid var(--gray-6);
  margin-bottom: 1rem;
}

/*padding 수정, border-bottom 추가, margin-bottom 추가:1120*/
dl.stb-class-info dd {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

dl.stb-class-info dd.stb-item-tag {
  font-size: 1rem;
  color: var(--gray-15);
  font-weight: 300;
  line-height: 1.5rem;
}

/*추가:1120*/
dl.stb-class-info dd span.subtxt1 {
  font-size: 1rem;
  color: var(--gray-2);
  font-weight: 500;
  margin-right: 1rem;
}

/*추가:1120*/
dl.stb-class-info dd.stb-item1::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0rem;
  left: 0rem;
  width: 15px;
  height: 15px;
  background-image: url("/static/east154/images/icon/ic_clock.png");
  background-position: center;
  background-size: cover;
  backgrond-repeat: no-repeat;
  margin-right: 0.5rem;
}

/*추가:1120*/
dl.stb-class-info dd.stb-item2::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0rem;
  left: 0rem;
  width: 15px;
  height: 15px;
  background-image: url("/static/east154/images/icon/ic_graph.png");
  background-position: center;
  background-size: cover;
  backgrond-repeat: no-repeat;
  margin-right: 0.5rem;
}

/*추가:1120*/
dl.stb-class-info dd.stb-item3::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 0rem;
  left: 0rem;
  width: 15px;
  height: 15px;
  background-image: url("/static/east154/images/icon/ic_home.png");
  background-position: center;
  background-size: cover;
  backgrond-repeat: no-repeat;
  margin-right: 0.5rem;
}

/*추가:1120*/

.stb-aside .stb-thumb-mov {
  height: 10.625rem;
  background: var(--p-black);
}

/*스타일 추가 끝 - 0919*/

/*tabmenu*/
div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
  border-bottom: 1px solid var(--gray-6);
}

div.scrollmenu a {
  display: inline-block;
  padding: 1rem 1rem;
  color: var(--gray-3);
  text-align: center;
  font-weight: 300;
  text-decoration: none;
  border-bottom: 3px solid none;
}

div.scrollmenu a:hover {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

div.scrollmenu a:focus,
div.scrollmenu a:press {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

div.scrollmenu a.active {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

div.scrollmenu::-webkit-scrollbar {
  height: 4px;
}

div.scrollmenu::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

div.scrollmenu::-webkit-scrollbar-track {
  background: #f1f1f1;
}

div.scrollmenu1 {
  overflow: hidden;
  white-space: nowrap;
  margin-top: 3rem;
}

/*추가 : 0828*/
div.scrollmenu1 a {
  display: inline-block;
  padding: 1rem 1rem;
  margin: 0rem 0.5rem;
  color: var(--gray-3);
  text-align: center;
  font-weight: 300;
  text-decoration: none;
  border-bottom: 3px solid none;
}

/*추가 : 0828*/
/*수정:margin 추가 - 0919*/
div.scrollmenu1 a:hover {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

/*추가 : 0828*/
div.scrollmenu1 a:focus,
div.scrollmenu a:press {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

/*추가 : 0828*/
div.scrollmenu1 a.active {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

/*추가 : 0828*/

/*div.scrollmenu2 {white-space: nowrap; margin:2rem 3rem 1.5rem 3rem;}/*추가 : 0919*/
div.scrollmenu2 {
  white-space: nowrap;
  margin: 2rem 0rem 1rem 0rem;
}

/*추가 : 0919*/
/*수정:margin 수정-1120*/
div.scrollmenu2 .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/*추가 : 0919*/
div.scrollmenu2 .nav-link {
  display: block;
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--gray-3);
  font-weight: 300;
  margin: 0rem 0.5rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}

/*추가 : 0919*/
div.scrollmenu2 .nav-link:hover,
.nav-link:focus {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
  text-decoration: none;
}

/*추가 : 0919*/
div.scrollmenu2 .nav-tabs {
  border-bottom: none;
}

/*추가 : 0919*/
div.scrollmenu2 .nav-tabs .nav-item {
  margin-bottom: -1px;
}

/*추가 : 0919*/
div.scrollmenu2 .nav-tabs .nav-link {
  border: 1px solid var(--p-white);
  border-bottom: 3px solid var(--p-white);
}

/*추가 : 0919*/
div.scrollmenu2 .nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

/*추가 : 0919*/
div.scrollmenu2 .nav-tabs .nav-link.active,
div.scrollmenu2 .nav-tabs .nav-item.show .nav-link {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

/*추가 : 0919*/

div.scrollmenu3 {
  white-space: nowrap;
  margin: 0rem 0rem 2.5rem 0rem;
}

/*추가 : 0919*/
div.scrollmenu3 .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/*추가 : 0919*/
div.scrollmenu3 .nav-link {
  display: block;
  padding: 1rem 0rem;
  font-size: 0.8125rem;
  color: var(--gray-3);
  font-weight: 300;
  margin: 0rem 1.5rem 0rem 0rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}

/*추가 : 0919*/
div.scrollmenu3 .nav-link:hover,
.nav-link:focus {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
  text-decoration: none;
}

/*추가 : 0919*/
div.scrollmenu3 .nav-tabs {
  border-bottom: none;
}

/*추가 : 0919*/
div.scrollmenu3 .nav-tabs .nav-item {
  margin-bottom: -1px;
}

/*추가 : 0919*/
div.scrollmenu3 .nav-tabs .nav-link {
  border: 1px solid var(--p-white);
  border-bottom: 3px solid var(--p-white);
}

/*추가 : 0919*/
div.scrollmenu3 .nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

/*추가 : 0919*/
div.scrollmenu3 .nav-tabs .nav-link.active,
div.scrollmenu3 .nav-tabs .nav-item.show .nav-link {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

/*추가 : 0919*/

div.scrollmenu4 {
  white-space: nowrap;
  margin: 1.5rem 0rem 3rem 0rem;
}

/*추가 : 0919*/
div.scrollmenu4 .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/*추가 : 0919*/
div.scrollmenu4 .nav-link {
  display: block;
  padding: 1rem 1rem;
  font-size: 1rem;
  color: var(--gray-3);
  font-weight: 400;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}

/*추가 : 0919*/
div.scrollmenu4 .nav-link:hover,
.nav-link:focus {
  color: var(--gray-2);
  font-weight: 600;
  border-bottom: 3px solid var(--primary-1);
  text-decoration: none;
}

/*추가 : 0919*/
div.scrollmenu4 .nav-tabs {
  border-bottom: none;
}

/*추가 : 0919*/
div.scrollmenu4 .nav-tabs .nav-item {
  margin-bottom: -1px;
}

/*추가 : 0919*/
div.scrollmenu4 .nav-tabs .nav-link {
  border: 1px solid var(--p-white);
  border-bottom: 3px solid var(--p-white);
}

/*추가 : 0919*/
div.scrollmenu4 .nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

/*추가 : 0919*/
div.scrollmenu4 .nav-tabs .nav-link.active,
div.scrollmenu4 .nav-tabs .nav-item.show .nav-link {
  color: var(--gray-2);
  font-weight: 500;
  border-bottom: 3px solid var(--primary-1);
}

/*추가 : 0919*/

div.scrollmenu5 {white-space: nowrap; margin:0rem 0rem 2rem 0rem;}/*추가 : 0110*/
div.scrollmenu5 .nav {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}/*추가 : 0110*/
div.scrollmenu5 .nav-link {display: block; padding: 0.6125rem 0rem; font-size:1.5rem; color:var(--gray-3); font-weight:600; border-top-left-radius: 0rem; border-top-right-radius: 0rem; margin:0rem 0.8rem;}/*추가 : 0110*/
div.scrollmenu5 .nav-link:hover, .nav-link:focus {color:var(--gray-2); font-weight:600; border-bottom:3px solid var(--accent-4); text-decoration: none;}/*추가 : 0110*/
div.scrollmenu5 .nav-tabs {border-bottom: none;}/*추가 : 0110*/
div.scrollmenu5 .nav-tabs .nav-item {margin-bottom: -1px;}/*추가 : 0110*/
div.scrollmenu5 .nav-tabs .nav-link {border:1px solid var(--p-white); border-bottom:3px solid var(--p-white);}/*추가 : 0110*/
div.scrollmenu5 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {color:var(--gray-2); font-weight:600; border-bottom:3px solid var(--accent-4);}/*추가 : 0110*/
div.scrollmenu5 .nav-tabs .nav-link.active,
div.scrollmenu5 .nav-tabs .nav-item.show .nav-link {color:var(--gray-2); font-weight:600; border-bottom:3px solid var(--accent-4);}/*추가 : 0110*/


.stb-list-study {
  display: flex;
  padding: 0.2rem 0rem;
}

.stb-list-study .stb-duration {
  display: inline-block;
  font-size: 0.825rem;
  font-weight: 300;
  color: var(--gray-5);
  float: left;
}

.stb-list-study .stb-duration-time {
  display: inline-block;
  font-size: 0.825rem;
  font-weight: 300;
  color: var(--gray-1);
  float: right;
}

/*스타일 추가 시작-1127*/
.stb-sub-layout2 .stb-sec-group {
  margin: 0rem;
}

.stb-sub-layout2 .stb-lnb-1d {
  width: 167px;
  height: 1100px;
}

/*height 수정:1216*/
.stb-sub-layout2 .stb-lnb-1d ul.stb-cont-lnb-1d {
  margin-top: 9rem;
}

.stb-sub-layout2 .stb-lnb-1d ul.stb-cont-lnb-1d li {
  padding: 2rem 0rem;
}

.stb-sub-layout2 .stb-lnb-1d ul.stb-cont-lnb-1d li>a {
  font-size: 1.125rem;
  color: var(--gray-2);
  font-weight: 700;
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-1d ul.stb-cont-lnb-1d li>a:hover {
  color: var(--secondary-nor);
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-1d ul.stb-cont-lnb-1d li.active>a {
  font-size: 1.125rem;
  color: var(--secondary-nor);
  font-weight: 700;
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-2d {
  width: 162px;
  height: 1100px;
  background: var(--gray-9);
  padding: 0rem 1rem;
}

/*height 수정:1216*/
.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d {
  margin-top: 9.5rem;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt {
  padding: 1.5625rem 0rem;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt>a {
  font-size: 1rem;
  color: var(--gray-4);
  font-weight: 500;
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt>a:hover {
  color: var(--gray-3);
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.active {
  color: var(--gray-3);
  border-bottom: 1px solid var(--gray-3);
  padding: 1.5625rem 0rem 0.7rem 0rem;
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.active>a {
  color: var(--gray-3);
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu {
  padding: 1.5625rem 0rem;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu::after {
  display: inline-block;
  content: "";
  position: relative;
  top: 3px;
  right: -15px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' opacity='0.5' width='12' height='12' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  transition: all .2s ease-in-out;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu:hover>a {
  font-size: 1rem;
  color: var(--gray-3);
  font-weight: 500;
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu:hover::after {
  transform: rotate(90deg);
  transition: all .2s ease-in-out;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.active {
  border-bottom: 1px solid var(--gray-3);
  padding-bottom: 0.5rem;
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.active::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' opacity='1' width='12' height='12' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transition: all .2s ease-in-out;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.active>a {
  font-size: 1rem;
  color: var(--gray-3);
  font-weight: 500;
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate1 + dd ul.stb-cont-lnb-2d-sub {padding:1rem 0rem;}/*padding 수정:0314*/
.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate1 + dd ul.stb-cont-lnb-2d-sub li {line-height:56px;}/*height 수정:0314*/

/* .stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate1+dd ul.stb-cont-lnb-2d-sub {
  padding: 0.7rem 0rem;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate1+dd ul.stb-cont-lnb-2d-sub li {
  line-height: 30px;
} */

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate1+dd ul.stb-cont-lnb-2d-sub li>a {
  font-size: 1rem;
  color: var(--gray-4);
  font-weight: 500;
  text-decoration: none;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate1+dd ul.stb-cont-lnb-2d-sub li>a:hover {
  color: var(--gray-3);
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate1+dd ul.stb-cont-lnb-2d-sub li.active>a {
  color: var(--gray-3);
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate2 + dd ul.stb-cont-lnb-2d-sub {padding:1rem 0rem;}/*padding 수정:0314*/
.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate2 + dd ul.stb-cont-lnb-2d-sub li {line-height:56px;}/*height 수정:0314*/
/* .stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate2+dd ul.stb-cont-lnb-2d-sub {
  padding: 0.7rem 0rem;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate2+dd ul.stb-cont-lnb-2d-sub li {
  line-height: 30px;
} */

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate2+dd ul.stb-cont-lnb-2d-sub li>a {
  font-size: 1rem;
  color: var(--gray-4);
  font-weight: 500;
  text-decoration: none;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate2+dd ul.stb-cont-lnb-2d-sub li>a:hover {
  color: var(--gray-3);
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate2+dd ul.stb-cont-lnb-2d-sub li.active>a {
  color: var(--gray-3);
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate3 + dd ul.stb-cont-lnb-2d-sub {padding:1rem 0rem;}/*padding 수정:0314*/
.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate3 + dd ul.stb-cont-lnb-2d-sub li {line-height:56px;}/*height 수정:0314*/
/* .stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate3+dd ul.stb-cont-lnb-2d-sub {
  padding: 0.7rem 0rem;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate3+dd ul.stb-cont-lnb-2d-sub li {
  line-height: 30px;
} */

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate3+dd ul.stb-cont-lnb-2d-sub li>a {
  font-size: 1rem;
  color: var(--gray-4);
  font-weight: 500;
  text-decoration: none;
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate3+dd ul.stb-cont-lnb-2d-sub li>a:hover {
  color: var(--gray-3);
}

.stb-sub-layout2 .stb-lnb-2d dl.stb-cont-lnb-2d dt.stb-sub-menu.cate3+dd ul.stb-cont-lnb-2d-sub li.active>a {
  color: var(--gray-3);
}

/*.stb-sub-layout2 .stb-sec-group .stb-main-cont-group {
  width: calc(100% - 329px);
  padding: 1rem 3rem 3rem 3rem;
}*/
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group {width:calc(100% - 329px); padding:3rem 3rem 3rem 3rem;}/*height:950px; 삭제:1216*//*padding 수정:0208*/

/*height:950px; 삭제:1216*/
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 {
  width: calc(100% - 329px);
  height: 950px;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg {
  height: 950px;
  background: url("/static/east154/images/img_fold/mediworld/img_intro.png") center no-repeat;
  background-size: cover;
  padding: 4rem 1rem 1rem 4rem;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-online-tit p {
  font-size: 2.25rem;
  color: var(--p-white);
  font-weight: 700;
  margin-top: 0.875rem;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-online-tit span {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap {
  position: relative;
  top: 0px;
  left: 0px;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu-img1 {
  position: absolute;
  top: 20px;
  left: 50px;
  width: 247px;
  height: 247px;
  background: url("/static/east154/images/img_fold/mediworld/menu1.png") center no-repeat;
  transition-duration: 0.2s;
  cursor: pointer;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu-img1:hover {
  background: url("/static/east154/images/img_fold/mediworld/menu1_o.png") center no-repeat;
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu-img2 {
  position: absolute;
  top: 208px;
  right: 80px;
  width: 247px;
  height: 247px;
  background: url("/static/east154/images/img_fold/mediworld/menu2.png") center no-repeat;
  transition-duration: 0.2s;
  cursor: pointer;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu-img2:hover {
  background: url("/static/east154/images/img_fold/mediworld/menu2_o.png") center no-repeat;
  transition-duration: 0.2s;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu-img3 {
  position: absolute;
  top: 435px;
  left: 0px;
  width: 247px;
  height: 247px;
  background: url("/static/east154/images/img_fold/mediworld/menu3.png") center no-repeat;
  transition-duration: 0.2s;
  cursor: pointer;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu-img3:hover {
  background: url("/static/east154/images/img_fold/mediworld/menu3_o.png") center no-repeat;
  transition-duration: 0.2s;
}

/*
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu {
  position: absolute;
  top: 720px;
  right: 20px;
  width: 354px;
  padding: 0.8rem 0rem;
  background: #001D98;
  border-radius: 21px;
  font-size: 1.25rem;
  color: var(--p-white);
  font-weight: 300;
  text-align: center;
  transition-duration: 0.2s;
  cursor: pointer;
}*/
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu {position:absolute; top:-42px; right:20px; width:354px; padding:0.8rem 0rem; background:#001D98; border-radius:21px; font-size:1.25rem; color:var(--p-white); font-weight:300; text-align:center; cursor:pointer; animation-name:animateButton; animation-duration:1s; animation-iteration-count: infinite;}/*position 값 수정 변경, animation 코드 추가:0208*/
/*버튼 애니메이션 효과 추가:0208*/
@keyframes animateButton {
  0% {background:#001D98;}
  50% {background:#2140c1;}
  100% {background:#001D98;}
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu span {
  font-size: 1.25rem;
  color: var(--p-white);
  font-weight: 700;
}

.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu i.bi-chevron-right.ic::before {
  color: var(--p-white);
  margin-left: 0.5rem;
}

/*.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-menu-wrap .stb-menu::after {display:inline-block; position:relative; top:0px; left:0px; width:16px; height:16px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#FFFFFF' width='12' height='12' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center; margin-left:0.5rem;}*/

.stb-btn-group3 {
  text-align: center;
}

/*sindok - stb-carousel*/
.stb-carousel .carousel-inner .carousel-item .col {
  flex: 0 0 50%;
  /* 너비 50% */
  max-width: 50%;
}

.stb-carousel .carousel-item img {
  width: 100%;
  /* 부모 요소 너비에 맞춤 */
  height: 214px;
  /* 부모 요소 높이에 맞춤 */
  object-fit: cover;
  /* 종횡비를 유지하며 부모 요소를 가득 채움 */
  object-position: center;
  /* 이미지의 중심을 기준으로 배치 */
}

.carousel-indicators {
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 40%;
  margin-left: 40%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 6px;
  height: 6px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #434D60;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

.carousel-indicators .active {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {

  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
  background: rgba(159, 166, 177, 0.17);
  border-radius: 2px;
}

.carousel-control-prev {
  position: relative;
  top: 25px;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
  border: none;
  background: rgba(255, 255, 255, 1);
}

.carousel-control-next {
  position: relative;
  top: -24px;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
  border: none;
  background: rgba(255, 255, 255, 1);
}

.carousel-control-prev {
  left: 230px;
}

.carousel-control-next {
  right: -403px;
}
/*
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  position: relative;
  top: 2px;
  left: -2px;
  width: 16px;
  height: 16px;
  background: no-repeat 50% / 100% 100%;
}*/
.carousel-control-prev-icon,
.carousel-control-next-icon {display: inline-block; position:relative; top:0px; left:-2px; width: 24px; height: 24px; background: no-repeat 50% / 100% 100%;}/*position 위치, width, height 수정:0208*/

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='16' height='16' class='bi bi-chevron-left' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='16' height='16' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

/* sindok - 툴팁 애니메이션 시작 */
/* 기본 상태 (버튼 보이는 상태) */
.intro.carousel-control-prev, .intro.carousel-control-next {
  transition: all 0.5s ease-in-out;
}

/* 숨겨질 때 */
.carousel-control-prev.hide {
  left: -48px;
}

.carousel-control-next.hide {
  right: -48px;
}

/* 나타날 때 */
.carousel-control-prev.active {
  left: 0;
}

.carousel-control-next.active {
  right: 0;
}
/* sindok - 툴팁 애니메이션 끝 */


/*carousel 코드 추가 : 1226 -- 시작*/
.carousel-control-prev.stb-position-prev, .carousel-control-next.stb-position-next {position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 2.5%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease;}

.carousel-control-prev.stb-position-prev {left: -50px; height:100%;}
.carousel-control-next.stb-position-next {right: -50px; height:100%;}

.stb-position-prev .carousel-control-prev-icon,
.stb-position-next .carousel-control-next-icon {display: inline-block; position:relative; top:2px; left:-2px; width: 32px; height: 32px; background: no-repeat 50% / 100% 100%;}

.stb-position-prev .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='16' height='16' class='bi bi-chevron-left' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");}
.stb-position-next .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='16' height='16' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");}
/*carousel 코드 추가 : 1226 -- 끝*/

/*carousel 코드 추가 : 0208 -- 시작*/
.carousel-control-group {display: flex; justify-content: flex-end; position:relative; top:-24px; right:20px;}
.carousel-number {display: flex; background:rgba(0,0,0,0.15); padding:0.5rem 0.5rem 0rem 0.5rem; font-size:0.7rem; color:var(--p-white); font-weight:100;}

.carousel-control-group1 {display: flex; justify-content: flex-end; position:relative; top:-30px; right:14px;}/*추가:0208*/
.carousel-number1 {display: flex; background:rgba(0,0,0,0.3); padding:0.3rem 0.8rem 0.3rem 0.8rem; font-size:0.7rem; color:var(--p-white); font-weight:100; border-radius:0.7rem;}/*추가:0208*/

.carousel-control-prev1:hover, .carousel-control-prev1:focus,
.carousel-control-next1:hover,
.carousel-control-next1:focus {color: #fff; text-decoration: none; outline: 0; opacity: 0.9; background:rgba(0,0,0,0.17);}

.carousel-control-prev1 {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 24px; height:24px; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; border:none; background:rgba(0,0,0,0.3);}
.carousel-control-next1 {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 24px; height:24px; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; border:none; background:rgba(0,0,0,0.3);}
.carousel-control-prev1 {left: 0px;}
.carousel-control-next1 {right: -3px;}

/*carousel 코드 추가 : 0208 -- 끝*/

/* 툴팁 기본 스타일 설정 시작 */
.tooltip {
  display: block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: var(--bg-tooltip);
  font-size: 0.75rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  padding: 5px 12px 7px 12px;
  position: absolute;
  z-index: 1;
}

.tooltip .tooltiptext span.stb-thin {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px;
}

/* 위쪽 툴팁 시작 */
.tooltip .tooltip-top {
  width: 120px;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltip-top::after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: var(--bg-tooltip) transparent transparent transparent;
}

/* 위쪽 툴팁1 시작:0314 */
.tooltip1 {display: inline-block; position:relative; top:-88px; left:20.5%;}
.tooltip1 .tooltiptext {background-color: var(--primary-1); font-size:0.75rem; color: #fff; font-weight:500; line-height:16px; text-align: center; border-radius: 6px; padding: 5px 12px 7px 12px; position: absolute; top:0px; z-index: 100;}
.tooltip1 .tooltiptext span.stb-thin {color: #fff; font-size:0.75rem; font-weight:300;}
.tooltip1:hover .tooltiptext {visibility: visible;}
.tooltip1 .tooltiptext::after {content: " "; position: absolute; border-style: solid; border-width: 5px;}

.tooltip1 .tooltip-top {width:90px; height:40px; bottom: 150%; left: 50%; box-shadow:0px 3px 7px 0px rgba(0,194,194,0.3);}
.tooltip1 .tooltip-top::after {top: 100%; left: 50%; margin-left: -5px; border-color: var(--primary-1) transparent transparent transparent;}

/* 위쪽 툴팁2 시작:0314 */
.tooltip2 {display: inline-block; position:relative; top:-76px; left:94%;}
.tooltip2 .tooltiptext {background-color: var(--gray-9); font-size:0.75rem; color:var(--gray-17); font-weight:500; line-height:16px; text-align: center; border-radius: 6px; padding: 5px 12px 7px 12px; position: absolute; top:0px; z-index: 90;}
.tooltip2 .tooltiptext span.stb-thin {color:var(--gray-17); font-size:0.75rem; font-weight:300;}
.tooltip2:hover .tooltiptext {visibility: visible;}
.tooltip2 .tooltiptext::after {content: " "; position: absolute; border-style: solid; border-width: 5px;}

.tooltip2 .tooltip-top {width:48px; height:26px; bottom: 150%; left: 50%; box-shadow:0px 5px 7px 0px rgba(0,0,0,0.1);}
.tooltip2 .tooltip-top::after {top: 100%; left: 50%; margin-left: -5px; border-color: var(--gray-9) transparent transparent transparent;}

.stb-cont-title span {
  font-size: 1.375rem;
  color: var(--gray-4);
  font-weight: 500;
}

.stb-cont-title p {
  font-size: 2.25rem;
  color: var(--accent-4);
  font-weight: 700;
  margin-top: 1rem;
}

.stb-cont-title p span.subtxt1 {
  position: relative;
  top: -0.3rem;
  font-size: 1.2rem;
  color: var(--accent-4);
  font-weight: 700;
  margin-top: 0rem;
}

/*추가:1216*/
.stb-cont-wrap {
  display: flex;
  flex-direction: row;
  /*flex-wrap: wrap;*/
  justify-content: flex-start;
  margin-top: 4rem;
}

.stb-cont-wrap .stb-cont-vis {
  align-items: stretch;
  width: 325px;
}

.stb-cont-wrap .stb-cont-text {
  width: 330px;
  padding: 0rem 0rem 0rem 2rem;
}
/*
.stb-cont-wrap .stb-cont-text p {
  font-size: 1.25rem;
  font-weight: 300;
  color: var(--gray-3);
  line-height: 1.875rem;
}*/
.stb-cont-wrap .stb-cont-text p {font-size:1.25rem; font-weight:300; color:var(--gray-3); line-height:2.5rem;}/*line-height 수정:0208*/

.stb-cont-wrap .stb-cont-text p span.subtxt2 {
  position: relative;
  top: -0.3rem;
  font-size: 0.75rem;
  font-weight: 300;
  color: var(--gray-3);
}

/*추가:1216*/
.stb-cont-wrap .stb-cont-text p span.subtxt3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--p-black);
}

/*추가:1218*/


/*Player 추가:0208*/
.stb-player-group {margin-top:7.75rem;}
.stb-player-group .pl-tit {font-family: 'Gowun Batang', serif; font-size:1.75rem; color:var(--gray-3); font-weight:700;}
.stb-player-group .pl-tit span {font-family: 'Gowun Batang', serif; font-size:1.5rem; color:var(--gray-4); font-weight:400;}
.stb-player-group .pl-sub-tit p {font-family: 'Gowun Batang', serif; font-size:0.875rem; color:var(--gray-3); font-weight:700; line-height:24px;}
.stb-player-group .pl-sub-tit p span {font-family: 'Gowun Batang', serif; font-size:0.8rem; color:var(--gray-4); font-weight:300;}

/*blue player:0208*/
.stb-player-blue {position:relative; top:0rem; left:0rem; height:11.75rem; border-radius:1.875rem; margin:1.5rem 0rem; background: linear-gradient(180deg, rgba(97,192,255,0.05) 0%, rgba(73,113,255,0.1) 81%); text-align:center;}
.stb-player-blue .stb-btn-play {display:inline-block; margin-top:1.875rem; width:110px; height:110px; background:url("/static/east154/images/player/btn_play_blue.png") top center no-repeat; transition-duration:0.2s; cursor:pointer;}
.stb-player-blue .stb-btn-play:hover {background:url("/static/east154/images/player/btn_play_blue_o.png") top center no-repeat; transition-duration:0.2s;}
.stb-player-blue .stb-btn-play:press, .stb-player-blue .stb-btn-play:focus {background:url("/static/east154/images/player/btn_play_blue_p.png") top center no-repeat; transition-duration:0.2s;}
.stb-player-blue .stb-btn-play.pause {background:url("/static/east154/images/player/btn_pause_blue.png") top center no-repeat; transition-duration:0.2s;}
.stb-player-blue .stb-btn-play.pause:hover {background:url("/static/east154/images/player/btn_pause_blue_o.png") top center no-repeat; transition-duration:0.2s;}
.stb-player-blue .stb-btn-play.pause:press, .stb-player-blue .stb-btn-play.pause:focus {background:url("/static/east154/images/player/btn_pause_blue_p.png") top center no-repeat; transition-duration:0.2s;}
.stb-player-blue .stb-play-bar {height:3px; border-radius:2px; margin:0rem 1.875rem 0rem 1.875rem; background:rgba(9,18,39,0.15);}
.stb-player-blue .stb-btn-handle {position:relative; top:-0.46rem; left:0%; width:1.125rem; height:1.125rem; background:#4E75FF; border-radius:50%; cursor:pointer; transition-duration:0.2s;}
.stb-player-blue .stb-btn-handle:hover {background:#1B43D4; transition-duration:0.2s;}

/*green player:0208*/
.stb-player-green {position:relative; top:0rem; left:0rem; height:11.75rem; border-radius:1.875rem; margin:1.5rem 0rem; background: linear-gradient(180deg, rgba(233,255,238,0.1) 0%, rgba(64,217,209,0.1) 81%); text-align:center;}
.stb-player-green .stb-btn-play {display:inline-block; margin-top:1.875rem; width:110px; height:110px; background:url("/static/east154/images/player/btn_play_green.png") top center no-repeat; transition-duration:0.2s; cursor:pointer;}
.stb-player-green .stb-btn-play:hover {background:url("/static/east154/images/player/btn_play_green_o.png") top center no-repeat; transition-duration:0.2s;}
.stb-player-green .stb-btn-play:press, .stb-player-blue .stb-btn-play:focus {background:url("/static/east154/images/player/btn_play_p.png") top center no-repeat; transition-duration:0.2s;}
.stb-player-green .stb-btn-play.pause {background:url("/static/east154/images/player/btn_pause_green.png") top center no-repeat; transition-duration:0.2s;}
.stb-player-green .stb-play-bar {height:3px; border-radius:2px; margin:0rem 1.875rem 0rem 1.875rem; background:rgba(9,18,39,0.15);}
.stb-player-green .stb-btn-handle {position:relative; top:-0.46rem; left:0%; width:1.125rem; height:1.125rem; background:#0ECBBD; border-radius:50%; cursor:pointer; transition-duration:0.2s;}
.stb-player-green .stb-btn-handle:hover {background:#1B43D4; transition-duration:0.2s;}

.stb-player-group .volume-container {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 세로 슬라이더 스타일 */
.stb-player-group .volume-slider-vertical {
  writing-mode: bt-lr; /* IE/Edge */
  -webkit-appearance: slider-vertical;
  width: 4px;
  height: 100px;
  background: #ccc;
  border-radius: 4px;
  cursor: pointer;
}

.stb-player-group .volume-slider-vertical::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  background: #0ECBBD;
  border-radius: 50%;
}

.stb-player-group .volume-slider-vertical::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: #0ECBBD;
  border-radius: 50%;
}

/*스타일 추가 끝-1127*/

/*스타일 추가 시작 : 1226*/
.stb-img-thumb1 .img-thumbnail-1 {
  width: 100%;
  height: 214px;
  background: url("/static/east154/images/thumbnail_05.png") center no-repeat;
  background-size: cover;
}

.stb-img-thumb1 .img-thumbnail-2 {
  width: 100%;
  height: 214px;
  background: url("/static/east154/images/thumbnail_06.png") center no-repeat;
  background-size: cover;
  margin: 0px 20px;
}

.stb-img-thumb1 .img-thumbnail-3 {
  width: 100%;
  height: 214px;
  background: url("/static/east154/images/thumbnail_05.png") center no-repeat;
  background-size: cover;
}

.img-thumbnail-book {width:100%; height:404px; object-fit: cover;
  object-position: center;
  display: block;}/*추가:0208*/
.img-thumbnail-book-1 {width:100%; height:404px; background:url("/static/east154/images/banner_book1.png") center no-repeat; background-size:cover;}/*추가:0208*/
.img-thumbnail-book-2 {width:100%; height:404px; background:url("/static/east154/images/banner_book2.png") center no-repeat; background-size:cover;}/*추가:0208*/

.img-style {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 0.5rem;
}

.stb-img-thumb-txt-wrap {
  /* width: calc(100% - 335px); */
  width: 100%;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}

.stb-img-thumb-txt-wrap p a {
  font-size: 1.875rem;
  color: var(--gray-2);
  font-weight: 700;
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-img-thumb-txt-wrap p a:hover {
  color: var(--gray-13);
  transition-duration: 0.2s;
}

.stb-img-thumb-txt-wrap ul.stb-list-txt1 {
  margin-top: 1rem;
}

.stb-img-thumb-txt-wrap ul.stb-list-txt1 li {
  font-size: 0.875rem;
  color: var(--gray-11);
  font-weight: 300;
  line-height: 24px;
}

.stb-tab-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0rem 0rem 1rem 0rem;
}

.stb-tab-left {
  flex-basis: auto;
}

.stb-tab-right {
  flex-basis: 50%;
}

.stb-mov-wrap1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
}

.stb-mov-wrap1 .stb-mov-thumb1 {
  flex-basis: 49%;
  align-items: flex-start;
}

.stb-mov-wrap1 .stb-mov-thumb2 {
  flex-basis: 49%;
  align-items: flex-start;
}

.stb-mov-wrap1 .stb-mov-thumb3 {
  flex-basis: 32%;
  align-items: flex-start;
}

.stb-mov-wrap1 .stb-mov-thumb4 {
  flex-basis: 32%;
  align-items: flex-start;
}

.stb-mov-wrap1 .stb-mov-thumb5 {
  flex-basis: 32%;
  align-items: flex-start;
}

.stb-mov-wrap1 .stb-mov-thumb6 {flex-basis: 25%; align-items: flex-start; margin-bottom:1rem;}/*추가:0208*/

.stb-img-box {
  width: 100%;
  height: 18.75rem;
}

.stb-img-box1 {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  /* 종횡비를 유지하며 부모 요소를 가득 채움 */
  object-position: center;
  /* 이미지의 중심을 기준으로 배치 */
}

.stb-img-box2 {width:100%; height:9rem;}/*추가:0208*/

/* sindok s*/
.stb-img-txt {
  padding: 1rem 0rem 1rem 0rem;
}

.stb-img-txt p {
  margin: 0rem 0rem 0.7rem 0rem;
}

.stb-img-txt p a {
  font-size: 1rem;
  color: var(--p-black);
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition-duration: 0.2s;
}

.stb-img-txt p a:hover {
  color: var(--gray-13);
  transition-duration: 0.2s;
}

.stb-sub-txt-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
}

.stb-sub-txt-group .stb-sub-date {
  flex-basis: auto;
  align-items: flex-start;
  font-size: 0.75rem;
  color: var(--gray-5);
  font-weight: 300;
}

.stb-sub-txt-group .stb-sub-review4 {
  flex-basis: auto;
  align-items: flex-end;
  font-size: 0.75rem;
  color: var(--gray-5);
  font-weight: 300;
}

.stb-sub-txt-group .stb-sub-review4 span {
  font-size: 0.75rem;
  color: var(--p-black);
  font-weight: 500;
}

.stb-img1 {
  background: url("/static/east154/images/thumbnail_08.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
}

.stb-img2 {
  background: url("/static/east154/images/thumbnail_09.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
}

.stb-img3 {
  background: url("/static/east154/images/thumbnail_10.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
}

.stb-img4 {
  background: url("/static/east154/images/thumbnail_11.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
}

.stb-img5 {
  background: url("/static/east154/images/thumbnail_10.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
}

.stb-img6 {
  background: url("/static/east154/images/thumbnail_10.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
}

.stb-img7 {
  background: url("/static/east154/images/thumbnail_11.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
}

.stb-img8 {
  background: url("/static/east154/images/thumbnail_10.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
}

/*스타일 추가 끝 : 1226*/

/*스타일 추가 시작 : 0110*/
/*.stb-mp-area {background:rgba(226,230,237,0.24); border-radius:1rem; padding:0.75rem;}*/
.stb-mp-area {display:inline-block; width:100%; background:rgba(226,230,237,0.24); border-radius:1rem; padding:0.75rem;}/*수정:display, width값 추가-0208*/
.stb-mp-area .stb-mp-img {width:4rem; height:4rem; border-radius:2rem; background:url("/static/east154/images/img_fold/img_dummy_profile.png") center no-repeat; background-size:contain; float:left;}
/*.stb-mp-area .stb-mp-edit {display:inline-block; position:relative; top:-0.5rem; left:-1rem; width:18px; height:19px; background:url("/static/east154/images/icon/ic_profile_edit.png") center no-repeat; background-size:auto; transition-duration:0.2s; cursor:pointer;}*/
.stb-mp-area .stb-mp-edit {display:inline-block; position:absolute; top:3rem; left:3rem; width:18px; height:19px; background:url("/static/east154/images/icon/ic_profile_edit.png") center no-repeat; background-size:auto; transition-duration:0.2s; cursor:pointer;}/*수정:position 위치 변경-0208*/
.stb-mp-area .stb-mp-edit:hover {background:url("/static/east154/images/icon/ic_profile_edit_o.png") center no-repeat; transition-duration:0.2s;}
/*.stb-mp-area ul.stb-mp-list {margin:0.9rem 0rem 0rem 1rem; float:left;}*/
.stb-mp-area ul.stb-mp-list {width:calc(100% - 90px); margin:0.9rem 0rem 0rem 1rem; float:left;}/*수정:width값 변경-0208*/
.stb-mp-area ul.stb-mp-list li {padding:0.1rem 0rem;}
.stb-mp-area ul.stb-mp-list li a.mp_name {font-size:1rem; color:var(--gray-3); font-weight:600; text-decoration:none; transition-duration:0.2s;}
.stb-mp-area ul.stb-mp-list li a.mp_name:hover {color:var(--accent-1); transition-duration:0.2s;}
.stb-mp-area ul.stb-mp-list li a.mp_link {font-size:0.8125rem; color:var(--btn-line-nor); font-weight:300; text-decoration:none; transition-duration:0.2s;}
.stb-mp-area ul.stb-mp-list li a.mp_link:hover {color:var(--accent-1); transition-duration:0.2s;}

.stb-mp-lnb {margin-top:3.75rem;}
.stb-mp-lnb ul.stb-mp-lnb-menu {}
.stb-mp-lnb ul.stb-mp-lnb-menu a{text-decoration: none;}
.stb-mp-lnb ul.stb-mp-lnb-menu li.item {font-size:1rem; color:var(--gray-4); font-weight:400; padding:0.5rem 1rem; border-radius:0.3125rem; margin:0.75rem 0rem; transition-duration:0.2s; cursor:pointer;}
.stb-mp-lnb ul.stb-mp-lnb-menu li.item.active {font-size:1rem; color:var(--primary-5); font-weight:600; padding:0.5rem 1rem; background:rgba(229,255,253,0.76); border-radius:0.3125rem; margin:0.75rem 0rem; transition-duration:0.2s; cursor:pointer;}
.stb-mp-lnb ul.stb-mp-lnb-menu li.item:hover {color:var(--primary-5); font-weight:600; background:rgba(229,255,253,0.76); transition-duration:0.2s;}
.stb-menu1::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_home.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu1.active::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_home_o.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu1:hover::before {background-image:url("/static/east154/images/icon/ic_profile_home_o.png");}
.stb-menu2::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_trophy.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu2.active::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_trophy_o.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu2:hover::before {background-image:url("/static/east154/images/icon/ic_profile_trophy_o.png");}
.stb-menu3::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_book.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu3.active::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_book.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu3:hover::before {background-image:url("/static/east154/images/icon/ic_profile_book_o.png");}
.stb-menu4::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_user.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu4.active::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_user_o.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu4:hover::before {background-image:url("/static/east154/images/icon/ic_profile_user_o.png");}
.stb-menu5::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_pencil.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu5.active::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_pencil_o.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu5:hover::before {background-image:url("/static/east154/images/icon/ic_profile_pencil_o.png");}
.stb-menu6::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_check.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu6.active::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:13px; height:14px; background-image:url("/static/east154/images/icon/ic_profile_check_o.png"); background-position:center; background-repeat:no-repeat; background-size:auto; margin-right:0.5rem;}
.stb-menu6:hover::before {background-image:url("/static/east154/images/icon/ic_profile_check_o.png");}

.stb-mp-banner {height:12rem; border:1px solid var(--gray-7); border-radius:1.125rem; padding:1rem; margin:0px 15px; box-shadow:0px 5px 5px 0px rgba(16,24,40,0.03);}
.stb-mp-banner1 {border:1px solid var(--gray-7); border-radius:1.125rem; padding:1rem; margin:0px 15px; box-shadow:0px 5px 5px 0px rgba(16,24,40,0.03);}/*추가:0314*/
.stb-mp-cont {margin:2rem 0rem;}

.stb-mp-box {height:14rem; border:1px solid var(--gray-7); border-radius:1.125rem; padding:1rem 1rem 1.5rem 1.5rem; box-shadow:0px 5px 5px 0px rgba(16,24,40,0.03);}
.stb-mp-box .stb-box-top-link {text-align:right;}
.stb-mp-box .stb-box-top-link > a {font-size:0.75rem; color:var(--gray-16); font-weight:300; text-decoration:none; transition-duration:0.2s;}
.stb-mp-box .stb-box-top-link > a:hover {color:var(--gray-3); transition-duration:0.2s;}
.stb-mp-box .stb-box-top-link > a::after {display:inline-block; content:""; position:relative; top:4px; left:3px; width:16px; height:16px; background:url("/static/east154/images/icon/ic_small_right.png") center no-repeat;}
.stb-mp-box .box-tit {font-size:1.5rem; color:var(--gray-3); font-weight:600; margin:0.5rem 0rem 2.25rem 0rem;}
.stb-mp-box .box-tit1 {font-size:1.5rem; color:var(--gray-3); font-weight:600; margin:0.5rem 0rem 1rem 0rem;}
.stb-mp-box .stb-play {width:67px; height:67px; background:url("/static/east154/images/icon/ic_profile_play.png") center no-repeat; cursor:pointer; transition-duration:0.2s;}
.stb-mp-box .stb-play:hover {background:url("/static/east154/images/icon/ic_profile_play_o.png") center no-repeat; transition-duration:0.2s;}
.stb-mp-box .stb-prog-group1 {width:calc(100% - 67px); padding:0.5rem 0.5rem 0.5rem 1.25rem;}
.stb-mp-box .stb-prog-group1 dl.stb-play-list dt > a {font-size:1rem; color:var(--gray-17); font-weight:500; text-decoration:none; transition-duration:0.2s;}
.stb-mp-box .stb-prog-group1 dl.stb-play-list dt > a:hover {color:var(--gray-3); transition-duration:0.2s;}
.stb-mp-box .stb-prog-group1 dl.stb-play-list dd {font-size:0.875rem; color:var(--gray-17); font-weight:300;}
.stb-mp-box .stb-prog-group1 dl.stb-play-list dd > span.str {font-size:0.875rem; color:var(--p-black); font-weight:500;}
.stb-mp-box .stb-prog-group1 dl.stb-play-list dd > span.num {font-size:0.875rem; color:var(--gray-17); font-weight:500;}

.stb-mp-box .stb-mp-wrap {margin-top:1.6875rem;}
.stb-mp-box .stb-mp-wrap .stb-mp-list-tit {margin-bottom:0.375rem;}
.stb-mp-box .stb-mp-wrap .stb-mp-list-tit a {font-size:1rem; color:var(--gray-17); font-weight:600;}
.stb-mp-box .stb-mp-wrap .stb-mp-list-tit a:hover {text-decoration:underline;}
.stb-mp-box .stb-mp-wrap .stb-mp-list-txt {margin-bottom:1rem;}
.stb-mp-box .stb-mp-wrap .stb-mp-list-txt a {font-size:0.875rem; color:var(--gray-16); font-weight:300; line-height:20px;}
.stb-mp-box .stb-mp-wrap .stb-mp-list-txt a:hover {text-decoration:underline;}
.stb-mp-box .stb-mp-wrap .stb-mp-date {font-size:0.8125rem; color:var(--gray-17); font-weight:300;}
.stb-mp-box .stb-mp-wrap .stb-mp-date span {font-size:0.8125rem; color:var(--gray-17); font-weight:600;}

.stb-mp-box .stb-mp-wrap .stb-mp-done {font-size:0.8125rem; color:var(--primary-1); font-weight:600;}/*답변완료*/
.stb-mp-box .stb-mp-wrap .stb-mp-done::before {display:inline-block; content:""; position:relative; top:3px; left:0px; width:14px; height:14px; background:url("/static/east154/images/icon/ic_comment_check_done1.png") center no-repeat; background-size:contain; margin-right:5px;}/*답변완료*/
.stb-mp-box .stb-mp-wrap .stb-mp-ready {font-size:0.8125rem; color:var(--gray-16); font-weight:600;}/*답변대기*/
.stb-mp-box .stb-mp-wrap .stb-mp-ready::before {display:inline-block; content:""; position:relative; top:3px; left:0px; width:14px; height:14px; background:url("/static/east154/images/icon/ic_comment_check_ready1.png") center no-repeat; background-size:contain; margin-right:5px;}/*답변대기*/

.stb-mp-box .stb-mp-empty {width:100%; text-align:center;}
.stb-mp-box .stb-mp-empty p {font-size:0.8125rem; color:var(--gray-16); font-weight:300; margin-top:0.5rem; line-height:18px;}

.stb-mp-box .stb-mp-wrap .stb-mp-list2 {}
.stb-mp-box .stb-mp-wrap .stb-mp-list2 dt {font-size:1rem; color:var(--gray-17); font-weight:600;}
.stb-mp-box .stb-mp-wrap .stb-mp-list2 dd {font-size:0.8125rem; color:var(--gray-16); font-weight:300; padding-bottom:0.6rem;}

.stb-mp-box1 {border:1px solid var(--gray-7); border-radius:1.125rem; padding:1.5rem 1.5rem 1.5rem 1.5rem; box-shadow:0px 5px 5px 0px rgba(16,24,40,0.03); margin-bottom:2rem;}
.stb-mp-box1 .stb-mp-wrap1 {margin:0rem;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-tit {margin-bottom:0.375rem;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-tit a {font-size:1rem; color:var(--gray-17); font-weight:600;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-tit a:hover {text-decoration:underline;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-txt {margin:1rem 0rem;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-txt a {font-size:0.875rem; color:var(--gray-16); font-weight:300; line-height:20px;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-txt a:hover {text-decoration:underline;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-sub-txt {margin:1rem 0rem;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-sub-txt a {font-size:0.6875rem; color:var(--gray-16); font-weight:300; line-height:20px;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-sub-txt a:hover {text-decoration:underline;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-list-sub-txt a::before {display:inline-block; content:""; position:relative; top:0.05rem; left:0rem; width:10px; height:10px; background:url("/static/east154/images/icon/ic_play1.png") center no-repeat; background-size:contain; margin-right:0.2rem;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-date {font-size:0.8125rem; color:var(--gray-17); font-weight:300;}
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-date span {font-size:0.8125rem; color:var(--gray-17); font-weight:600;}

.stb-mp-box1 .stb-mp-wrap1 .stb-mp-done {font-size:0.8125rem; color:var(--primary-1); font-weight:600;}/*답변완료*/
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-done::before {display:inline-block; content:""; position:relative; top:3px; left:0px; width:14px; height:14px; background:url("/static/east154/images/icon/ic_comment_check_done1.png") center no-repeat; background-size:contain; margin-right:5px;}/*답변완료*/
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-ready {font-size:0.8125rem; color:var(--gray-16); font-weight:600;}/*답변대기*/
.stb-mp-box1 .stb-mp-wrap1 .stb-mp-ready::before {display:inline-block; content:""; position:relative; top:3px; left:0px; width:14px; height:14px; background:url("/static/east154/images/icon/ic_comment_check_ready1.png") center no-repeat; background-size:contain; margin-right:5px;}/*답변대기*/

.stb-mp-mov .stb-mp-mov-thumb {height:11.875rem;} /* sindok 2025-02-19 */
.stb-mp-mov .stb-mp-mov-thumb img {  /* sindok 2025-02-19 */
  width: 100%;  /* 부모 요소의 너비를 가득 채움 */
  height: 100%; /* 부모 요소의 높이를 가득 채움 */
  border-radius:0.625rem;
  object-fit: cover; /* 이미지를 부모 요소 크기에 맞게 잘라서 꽉 채움 */
  display: block;
}
.stb-mp-mov .stb-mp-mov-thumb1 {height:11.875rem; background:url("/static/east154/images/my_profile_thumb1.png") center no-repeat; border-radius:0.625rem;}
.stb-mp-mov .stb-mp-mov-thumb2 {height:11.875rem; background:url("/static/east154/images/my_profile_thumb2.png") center no-repeat; border-radius:0.625rem;}
.stb-mp-mov .stb-mp-mov-thumb3 {height:11.875rem; background:url("/static/east154/images/my_profile_thumb3.png") center no-repeat; border-radius:0.625rem;}
.stb-mp-mov .stb-mp-mov-txt {margin:1rem 0rem 0rem 0rem; display:flex; flex-flow: nowrap; line-height:20px;}
.stb-mp-mov .stb-mp-mov-txt .stb-mp-mov-tit a {font-size:1rem; color:var(--p-black); font-weight:600; text-decoration:none;}
.stb-mp-mov .stb-mp-mov-txt .stb-mp-mov-tit a:hover {color:var(--gray-3); font-weight:600; text-decoration:none;}
.stb-mp-mov .stb-mp-mov-txt .bookmark1 {position:relative; top:-0.25rem; right:0rem; vertical-align:middle; width:24px; height:24px;}
.stb-mp-mov .stb-mp-txt-group ul.stb-mp-list3 {}
.stb-mp-mov .stb-mp-txt-group ul.stb-mp-list3 li {font-size:0.875rem; color:var(--gray-3); font-weight:300; padding:0.2rem 0rem;}
.stb-mp-mov .stb-mp-txt-group ul.stb-mp-list3 li span {font-weight:600;}
.stb-mp-mov .stb-mp-txt-group ul.stb-mp-list3 li.sub-txt {font-size:0.875rem; color:var(--gray-4); font-weight:600;}
.stb-mp-mov .stb-mp-more {width:24px; height:24px; background:url("/static/east154/images/icon/ic_more.png") center no-repeat; cursor:pointer;}
.stb-mp-mov .stb-mp-more:hover {background:url("/static/east154/images/icon/ic_more_o.png") center no-repeat;}
.stb-mp-empty-txt {text-align:center;}
.stb-mp-empty-txt p {font-size:1rem; color:var(--gray-2); font-weight:300;}
.stb-mp-empty-txt p::before {display:inline-block; content:""; position:relative; top:0.35rem; left:0rem; width:24px; height:24px; margin-right:0.3rem; background:url("/static/east154/images/icon/ic_info_24_outline.png") center no-repeat; background-size:auto;}

.stb-step-box .stb-process1 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--gray-18); border-radius:0.625rem; text-align:center;}
.stb-step-box .stb-process1 .step1 {display:inline-block; width:73px; height:73px; background-image:url("/static/east154/images/icon/img_process1.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}
.stb-step-box .stb-process2 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--gray-18); border-radius:0.625rem; text-align:center;}
.stb-step-box .stb-process2 .step2 {display:inline-block; width:74px; height:73px; background-image:url("/static/east154/images/icon/img_process2.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}
/* .stb-step-box .stb-process3 {height:172px; padding:1.5rem 0rem  0rem  0rem; background:var(--gray-18); border-radius:0.625rem; text-align:center;} */
.stb-step-box .stb-process3 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--gray-18); border-radius:0.625rem; text-align:center;}/*padding 값 수정:0314*/
.stb-step-box .stb-process3 .step3 {display:inline-block; width:125px; height:124px; background-image:url("/static/east154/images/icon/img_process3.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}
.stb-step-box .stb-process4 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--gray-18); border-radius:0.625rem; text-align:center;}
.stb-step-box .stb-process4 .step4 {display:inline-block; width:74px; height:74px; background-image:url("/static/east154/images/icon/img_process4.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}
.stb-step-box .stb-process-lock {height:172px; padding:3rem 0rem  0rem  0rem; background:url("/static/east154/images/icon/img_process-lock_bg.png") center no-repeat; background-size:contain; border-radius:0.625rem; text-align:center;}
.stb-step-box .stb-process-lock .steplock {display:inline-block; width:74px; height:73px; background-image:url("/static/east154/images/icon/img_process-lock.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}

/*
.stb-step-box.on .stb-process1 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--p-white); border-radius:0.625rem; box-shadow:0px 2px 6px 3px rgba(0,0,0,0.05);  text-align:center;}
.stb-step-box.on .stb-process1 .step1 {display:inline-block; width:73px; height:73px; background-image:url("/static/east154/images/icon/img_process1_o.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}
.stb-step-box.on .stb-process2 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--gray-18); border-radius:0.625rem; text-align:center;}
.stb-step-box.on .stb-process2 .step2 {display:inline-block; width:74px; height:73px; background-image:url("/static/east154/images/icon/img_process2.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}
.stb-step-box.on .stb-process3 {height:172px; padding:1.5rem 0rem  0rem  0rem; background:var(--gray-18); border-radius:0.625rem; text-align:center;}
.stb-step-box.on .stb-process3 .step3 {display:inline-block; width:125px; height:124px; background-image:url("/static/east154/images/icon/img_process3.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}
.stb-step-box.on .stb-process4 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--gray-18); border-radius:0.625rem; text-align:center;}
.stb-step-box.on .stb-process4 .step4 {display:inline-block; width:74px; height:74px; background-image:url("/static/east154/images/icon/img_process4.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}
*/
.stb-step-box.on .stb-process1 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--p-white); border-radius:0.625rem; box-shadow:0px 2px 6px 3px rgba(0,0,0,0.05); text-align:center;}/*수정 추가:0208*/
.stb-step-box.on .stb-process1 .step1 {display:inline-block; width:73px; height:73px; background-image:url("/static/east154/images/icon/img_process1_o.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}/*수정 추가:0208*/
.stb-step-box.on .stb-process2 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--p-white); border-radius:0.625rem; box-shadow:0px 2px 6px 3px rgba(0,0,0,0.05); text-align:center;}/*수정 추가:0208*/
.stb-step-box.on .stb-process2 .step2 {display:inline-block; width:73px; height:73px; background-image:url("/static/east154/images/icon/img_process2_o.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}/*수정 추가:0208*/
.stb-step-box.on .stb-process3 {height:172px; padding:1.5rem 0rem  0rem  0rem; background:var(--p-white); border-radius:0.625rem; box-shadow:0px 2px 6px 3px rgba(0,0,0,0.05); text-align:center;}/*수정 추가:0208*/
.stb-step-box.on .stb-process3 .step3 {display:inline-block; width:125px; height:124px; background-image:url("/static/east154/images/icon/img_process3_o.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}/*수정 추가:0208*/
.stb-step-box.on .stb-process4 {height:172px; padding:3rem 0rem  0rem  0rem; background:var(--p-white); border-radius:0.625rem; box-shadow:0px 2px 6px 3px rgba(0,0,0,0.05); text-align:center;}/*수정 추가:0208*/
.stb-step-box.on .stb-process4 .step4 {display:inline-block; width:73px; height:73px; background-image:url("/static/east154/images/icon/img_process4_o.png"); background-size:contain; background-position:center; background-repeat:no-repeat;}/*수정 추가:0208*/

.stb-step-text {font-size:1.25rem; color:var(--gray-3); font-weight:400; text-align:center; margin-top:1.25rem;}
.stb-step-data {display:inline-block; position:relative; top:-14rem; left:7.3rem; padding:0.5rem 1rem; background:var(--p-white); border:1px solid var(--gray-4); border-radius:0.625rem; box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07); font-size:1rem; color:var(--gray-3); font-weight:300; text-align:center; z-index:10;}
.stb-step-data.done {display:inline-block; position:relative; top:-14rem; left:7.3rem; padding:0.5rem 1rem; background:var(--p-white); border:1px solid var(--tag-8); border-radius:0.625rem; box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07); font-size:1rem; color:var(--tag-8); font-weight:300; text-align:center; z-index:10;}/*수정 추가:0208*/


.stb-step-cert {background:var(--p-white); border:1px solid var(--gray-7); border-radius:1.125rem; padding:3.75rem 2.5rem; box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);}
.stb-cert-text1 {font-size:1.75rem; color:var(--gray-3); font-weight:600; line-height:34px; margin-top:1rem;}
.stb-cert-text1 span {color:var(--tag-8);}
.stb-cert-text2 {font-size:1.125rem; color:var(--gray-4); font-weight:300; line-height:26px; margin-top:1rem;}
/* .stb-cert-img {margin-top:1rem;} */
.stb-cert-img {margin-top:1rem; margin-right:3rem;}/*margin-right 추가:0314*/
/*스타일 추가 끝 : 0110*/


/*스타일 추가 시작:0208*/

.stb-mov-detail {}
.stb-mov-detail .stb-mov-detail-header .title {font-size:1.25rem; color:var(--p-black); font-weight:600; margin-bottom:1.25rem;}
.stb-mov-detail .stb-mov-detail-header .stb-mov-detail-profile { margin:0rem;}
.stb-mov-detail .stb-mov-detail-header .stb-mov-detail-profile .stb-mov-detail-date {font-size:1rem; color:var(--gray-5); font-weight:300;}
.stb-mov-detail .stb-mov-detail-header .stb-mov-detail-profile .stb-mov-detail-date span {font-size:1rem; color:var(--p-black); font-weight:300; margin-right:0.5rem;}
.stb-mov-detail .stb-mov-detail-header .stb-mov-detail-profile .stb-mov-detail-date::before {display:inline-block; content:""; position:relative; top:0.35rem; left:0rem; width:24px; height:24px; background:var(--gray-5); border-radius:12px; margin-right:0.5rem;}
.stb-mov-detail .stb-mov-detail-header .stb-mov-detail-profile .stb-mov-detail-review {font-size:1rem; color:var(--gray-5); font-weight:300; text-align:right; padding-top:0.55rem;}
.stb-mov-detail .stb-mov-detail-header .stb-mov-detail-profile .stb-mov-detail-review span {font-size:1rem; color:var(--p-black); font-weight:600; margin-left:0.5rem;}

.stb-list-wrap1 {border-top:1px solid var(--gray-6);}
.stb-list-wrap1 dl.stb-list-group {}
.stb-list-wrap1 dl.stb-list-group dt {margin-bottom:0.7rem;}
.stb-list-wrap1 dl.stb-list-group dt p a {font-size:1rem; color:var(--p-black); font-weight:400; line-height:26px; text-decoration:none;}
.stb-list-wrap1 dl.stb-list-group dt p a:hover {font-size:1rem; color:var(--p-black); font-weight:400; line-height:26px; text-decoration:none;}
.stb-list-wrap1 dl.stb-list-group dd .stb-mov-detail-date {font-size:0.875rem; color:var(--gray-5); font-weight:300;}
.stb-list-wrap1 dl.stb-list-group dd .stb-mov-detail-date span {font-size:0.7rem; color:var(--p-black); font-weight:300; margin-right:0.5rem;}
.stb-list-wrap1 dl.stb-list-group dd .stb-mov-detail-date::before {display:inline-block; content:""; position:relative; top:0.45rem; left:0rem; width:24px; height:24px; background:var(--gray-5); border-radius:12px; margin-right:0.5rem;}

.stb-sub-tit {font-size:0.7rem; color:var(--primary-5); font-weight:600;}

.stb-book-group {display:flex; flex-flow: wrap row; column-gap:18px; row-gap:60px;}
.stb-book-card {width:264px;}
.stb-book-cover {/*height:371px;*/ aspect-ratio: 3/4; overflow: hidden; background:var(--gray-9); border-radius:0.5rem;}

dl.stb-book-txt {margin-top:1.5rem; margin-bottom: 1rem;}
dl.stb-book-txt dt {font-size:1.25rem; color:var(--gray-3); font-weight:400; line-height:24px; text-align:center;}
dl.stb-book-txt dd {text-align:center; padding-top:1.5rem;}
dl.stb-book-txt dd span {font-size:0.875rem; color:var(--gray-3); font-weight:400; text-align:center; border:1px solid var(--gray-4); padding:0.5rem 0.8rem 0.5rem 0.8rem; border-radius:1.5rem;}

.stb-book-detail {display:flex; flex-flow: row nowrap; column-gap:30px;}
.stb-book-detail .detail-bg {width:267px; height:375px; background:var(--gray-9); border-radius:0.5rem;}
.stb-book-detail .detail-bg.detail-img {background-image:url("/static/east154/images/thumb_book7.png"); background-position:center; background-repeat:no-repeat; background-size:contain;}
.stb-book-detail .detail-txt .categoty {font-size:1.25rem; color:var(--gray-17); font-weight:400;}
.stb-book-detail .detail-txt dl.detail-list1 {margin:1.5rem 0rem 0rem 0rem;}
.stb-book-detail .detail-txt dl.detail-list1 dt {font-size:2.25rem; color:var(--p-black); font-weight:800; line-height:48px;}
.stb-book-detail .detail-txt dl.detail-list1 dd {font-size:1.25rem; color:var(--gray-11); font-weight:400; padding-top:1rem;}
.stb-book-detail .detail-txt ul.detail-list2 {margin:2.65rem 0rem 0rem 0rem;}
.stb-book-detail .detail-txt ul.detail-list2 li {font-size:1.25rem; color:var(--gray-11); font-weight:600; line-height:32px;}
.stb-book-detail .detail-txt ul.detail-list2 li span {font-size:1.25rem; color:var(--gray-11); font-weight:400;}

.ic-right {margin:0rem 0.5rem; font-size:1rem;}

/*추천도서 탭 메뉴*/
.nav.detail-book-tab {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}
.nav-link {display: block; padding: 2rem 1rem;}
.nav-link:hover, .nav-link:focus {text-decoration: none;}
.nav-link.disabled {color: #6c757d; pointer-events: none; cursor: default;}
.nav-tabs.book-tab {border-bottom: transparent;}
.nav-tabs.book-tab .nav-item {margin-bottom: -1px;}
.nav-tabs.book-tab .nav-link {border: 1px solid #dee2e6; border-right:none; border-radius: 0rem; background:rgba(217,217,217,0.15); font-size:1.25rem; color:var(--gray-2); font-weight:600;}
.nav-tabs.book-tab .nav-link:hover, .nav-tabs .nav-link:focus {border-top:1px solid var(--gray-5); outline:none;}
.nav-tabs.book-tab .nav-link.disabled {color: #6c757d; background-color: transparent; border-color: transparent;}
.nav-tabs.book-tab .nav-link.active,
.nav-tabs.book-tab .nav-item.show .nav-link {color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff;}

.tab-pane .txt-group {padding:3rem 0rem;}
.tab-pane .txt-group p {font-size:1.5rem; color:var(--gray-3); font-weight:400; line-height:36px;}

/*스타일 추가 끝:0208*/

/*스타일 추가 시작:0314*/

.stb-progress-img-area {position:relative; top:0px; left:-57px; width:37rem; text-align:center;}
.stb-progress-img-area ul.stb-progress-img-list {display:inline-block;}
.stb-progress-img-area ul.stb-progress-img-list li {display:inline-block; margin:0rem 1.4rem;}

.stb-prog-img-box {width:70px; height:70px; background:var(--p-white); border:1px solid #DEE8F3; border-radius:0.875rem; padding-top:14px;}
.stb-prog-img-box.on {width:70px; height:70px; background:rgba(238,255,254,1); border:1px solid rgba(134,221,255,1); border-radius:0.875rem; box-shadow:0px 5px 5px rgba(0,255,240,0.15); padding-top:14px;}

.stb-img-size1 {width:38px;}
.stb-img-size2 {width:48px;}

/*스타일 추가 끝:0314*/

/*스타일 시작:0328*/
/* #grid1 {margin-left:1.3rem; border-bottom:1px solid var(--gray-19); padding:0rem 0rem 4rem 0rem; margin:0rem 0rem 4rem 0rem;} */
#grid1 {margin-left:1.3rem; border-bottom:1px solid var(--gray-19); /*padding:0rem 0rem 4rem 2rem;*/ margin:0rem 0rem 4rem 0rem;}/*padding값 수정:0531*/
#grid2 {margin-left:1.3rem;}
ul.stb-list-online1 {list-style-type:disc; margin-top:0.5rem;}
/* ul.stb-list-online1 li {font-size:1.25rem; color:var(--gray-1); font-weight:500; line-height:2.4rem; margin-left:1.5rem;} */
ul.stb-list-online1 li {font-size:1.25rem; color:var(--gray-1); font-weight:500; line-height:2.4rem; margin-left:0rem;}/*margin값 수정:0531*/

dl.stb-list-online2 {margin-top:0.5rem; margin-left:0.5rem;}
dl.stb-list-online2 dt {font-size:1.375rem; color:var(--accent-5); font-weight:700; line-height:2.4rem;}
dl.stb-list-online2 dd {font-size:1.25rem; color:var(--gray-1); font-weight:500; line-height:2.4rem;}
dl.stb-list-online2 dd span {font-size:1.25rem; color:var(--gray-1); font-weight:700; line-height:2.4rem;}

dl.stb-list-online3 {margin:0.5rem 0rem 3rem 0.5rem;}
dl.stb-list-online3 dt {font-size:1.375rem; color:var(--gray-1); font-weight:700; line-height:2.4rem;}
dl.stb-list-online3 dd {font-size:1.25rem; color:var(--gray-1); font-weight:500; line-height:2.4rem;}
dl.stb-list-online3 dd span {font-weight:700;}/*span숙성 추가:0531*/

/* dl.stb-list-online4 {margin:0.5rem 4rem 3rem 1.5rem;} */
dl.stb-list-online4 dt {font-size:1.25rem; color:var(--accent-6); font-weight:700; line-height:1.5rem; border-bottom:1px dashed var(--accent-6); padding-bottom:0.5rem; margin-bottom:1rem;}
dl.stb-list-online4 dd {font-size:1.25rem; color:var(--gray-1); font-weight:500; line-height:2.4rem;}
dl.stb-list-online4 dd span {font-weight:700;}/*span숙성 추가:0531*/

ul.stb-list-online5 {margin-top:0.75rem; margin-left:0.75rem;}
ul.stb-list-online5 li {font-size:1.25rem; color:var(--gray-1); font-weight:500; line-height:2.4rem; margin-left:1.5rem;}

/*UL리스트 스타일 추가 시작:0531*/
ul.stb-list-online6 {margin-top:0.75rem; margin-left:0.75rem; list-style-type:disc;}
ul.stb-list-online6 li {font-size:1.25rem; color:var(--gray-1); font-weight:500; line-height:2.4rem; margin-left:1.5rem;}
ul.stb-list-online6 li span {color:var(--gray-1); font-weight:700;}

dl.stb-list-online7 {list-style-type:none;}
dl.stb-list-online7 dt {font-size:1.125rem; color:var(--gray-1); font-weight:500; line-height:2.4rem;}
dl.stb-list-online7 dd {font-size:1rem; color:var(--gray-1); font-weight:300; line-height:1.5rem; margin-left:1rem;}
dl.stb-list-online7 dd span {color:var(--gray-1); font-weight:700;}
/*UL리스트 스타일 추가 끝:0531*/

/*스타일 끝:0328*/

/*스타일 시작:0414*/
section#today {padding:0rem 0rem; margin-bottom:4rem;}
section#today .stb-title {font-size:1.5rem; font-weight:500; color:var(--gray-1); margin-bottom:1.5rem;}
section#today .stb-box-line4 {border:1px solid var(--gray-20); border-radius:1rem; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.05); padding:1rem;}
section#today ul.stb-list-today {display: block;}
section#today ul.stb-list-today li {font-size:1.2rem; color:var(--gray-2); font-weight:600; border-bottom:1px solid var(--gray-21); padding:1rem 0rem;}
/*section#today ul.stb-list-today li::after {display:inline-block; content:"바로가기<i class='bi bi-arrow-right-short'></i>"; position:relative; top:0px; left:0px;}*/
section#today span.stb-info-link a {float:right; font-size:0.825rem; color:var(--gray-14); font-weight:300; margin-top:0.5rem; text-decoration:none;}
section#today span.stb-info-link a > i {color:var(--gray-14); margin-left:0.3rem;}
section#today span.stb-info-link a:hover {color:var(--accent-6);}
section#today span.stb-info-link a:hover + i {color:var(--accent-6);}
/*스타일 끝:0414*/

/*스타일추가 시작 : 0531*/
.stb-box-style1 {background:var(--p-white); border:1px solid var(--gray-6); border-radius:0.625rem; padding:1.25rem; margin-right:3rem;}
.stb-box-style2 {background:var(--bg-9); border:1px solid var(--gray-6); border-radius:0.625rem; padding:1.25rem; margin-right:3rem;}
/*스타일추가 끝 : 0531*/
/*스타일추가 시작 : 0718*/
.stb-box-style3 {background:var(--p-white); border:1px solid var(--accent-9); border-radius:0.625rem; padding:1.25rem; margin-right:3rem;}
.stb-box-style4 {background:var(--p-white); border:1px solid var(--accent-10); border-radius:0.625rem; padding:1.25rem; margin-right:3rem;}
/*스타일추가 끝 : 0718*/

/*스타일추가 시작 : 0726*/
.stb-box-style5 {background:var(--p-white); border:1px solid var(--gray-6); border-radius:0.625rem;}
.stb-box-style5 span.bold {font-weight:700;}
.stb-box-style6 {background:var(--bg-16); border:1px solid var(--bg-16-line); border-radius:1rem; box-shadow:0px 5px 13px 0px rgba(170,159,177,0.3); padding:2rem; margin-bottom:4rem;}
.stb-box-style6 p {font-size:1.375rem; color:var(--tag-3); font-weight:700; margin:0rem 0rem 1.5rem 0rem;}
.stb-box-style6 span {font-size:1.25rem; color:var(--gray-1); font-weight:500; line-height:30px;}
.stb-btn-box1 {width:100%; background:var(--gray-14-bg); border:1px solid var(--gray-14); border-radius:0.625rem; text-align:center; padding:3rem 0rem; cursor:pointer;}
.stb-btn-box1 span.box-t {font-size:1.375rem; color:var(--gray-2); font-weight:700;}
.stb-btn-box1 span.pink {color:var(--tag-3); font-weight:700;}
.stb-title2 {font-size:1.875rem; color:var(--gray-1); font-weight:700; margin:2rem 0rem 2rem 0rem;}
.stb-bg-grad {background: linear-gradient(to bottom,  #ffffff 0%,#fff4fc 100%); padding:2.25rem;}
.stb-bg-grad p {font-size:1.375rem; color:var(--gray-22); font-weight:700; margin:1rem 0rem 2rem 0rem}
.stb-bg-grad2 {background:var(--p-white); padding:4rem 2.25rem 8rem 2.25rem;}
.stb-bg-grad2 p {font-family:"Gowun Batang"; font-size:1.75rem; color:var(--gray-1); font-weight:400; line-height:40px; margin:1rem 0rem 2rem 0rem}
.stb-bg-grad2 span {font-size:1.25rem; color:var(--gray-1); font-weight:400; line-height:32px; margin:0rem 0rem 2rem 0rem}
.stb-bg-grad3 {background:var(--bg-17); padding:4rem 2.25rem 8rem 2.25rem;}
.stb-bg-grad3 p {font-size:1.375rem; color:var(--gray-22); font-weight:700; margin:1rem 0rem 2rem 0rem}
.stb-bg-grad3 span {font-size:1.25rem; color:var(--gray-1); font-weight:400; line-height:32px; margin:0rem 0rem 2rem 0rem}
.stb-con-txt p.p1 {font-size:1.625rem; font-weight:500; color:var(--gray-1); margin-bottom:1.75rem;}
.stb-con-txt p.p2 {font-size:1.25rem; font-weight:500; color:var(--gray-1); margin:1.75rem 0rem; line-height:2rem;}
ul.stb-list-wrap2 {display:inline-block;}
ul.stb-list-wrap2 li {display:inline-block;}
ul.stb-list-wrap2 li.box {display:inline-block; background:var(--p-white); font-size:1.25rem; color:var(--gray-1); font-weight:500; padding:0.625rem 1rem; border:1px solid var(--gray-14); border-radius:0.25rem;}
ul.stb-list-wrap2 li.box.current {color: var(--tag-3); font-weight: 700;}
ul.stb-list-online8 {display:block; margin-top:5.125rem;}
ul.stb-list-online8 li {display:inline-block; width:47%; margin:0rem 0.5rem; text-align:center;}

/*스타일추가 끝 : 0726*/

/*Tag*/
.stb_tag_gr {
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 337px;
}

.stb_tag_live {
  display: inline-block;
  position: relative;
  top: -3px;
  left: 0px;
  background: var(--tag-5);
  border-radius: 4px;
  font-size: 0.6rem;
  color: var(--p-white);
  font-weight: 300;
  padding: 0.2rem 0.5rem;
  margin-left: 0.3rem;
}

/*top 수정:1127*/

.stb_tag_new {
  display: inline-block;
  position: relative;
  top: 0rem;
  margin-left: 0rem;
  font-size: 0.6875rem;
  color: var(--secondary-nor);
  font-weight: 300;
}

/*추가 : 0919*/
.stb_tag_admin {
  display: inline-block;
  position: relative;
  top: -0.5rem;
  margin-left: 0.5rem;
  padding: 0rem 0.3rem;
  font-size: 0.6875rem;
  color: var(--p-white);
  font-weight: 300;
  background: var(--gray-4);
  border-radius: 0.2rem;
}

/*추가 : 0919*/
.stb_tag_admin1 {
  display: inline-block;
  position: relative;
  top: -0.5rem;
  margin-left: 0.5rem;
  padding: 0.3rem 0.3rem;
  font-size: 0.6875rem;
  color: var(--p-white);
  font-weight: 300;
  background: var(--gray-4);
  border-radius: 0.2rem;
}

/*추가 : 0919*/
.stb_tag_lock {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  font-size: 0.6875rem;
  color: var(--gray-11);
  background: var(--p-white);
  font-weight: 300;
  border: 1px solid var(--gray-6);
  border-radius: 0.2rem;
  margin-top: 0.5rem;
}

/*추가 : 0919*/
.stb_tag_open {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  font-size: 0.6875rem;
  color: var(--p-white);
  background: var(--primary-2);
  font-weight: 300;
  border: 1px solid var(--primary-2);
  border-radius: 0.2rem;
  margin-top: 0.5rem;
}

/*추가 : 0919*/

.stb-tag1 {
  display: inline-block;
  background: var(--tag-2);
  border-radius: 0.3rem;
  padding: 0.3rem 0.5rem;
  font-size: 0.7rem;
  color: var(--tag-1);
  font-weight: 500;
}

.stb-tag2 {
  display: inline-block;
  background: var(--tag-4);
  border-radius: 0.3rem;
  padding: 0.3rem 0.5rem;
  font-size: 0.7rem;
  color: var(--tag-3);
  font-weight: 500;
}

.stb-tag3 {
  display: inline-block;
  position: relative;
  top: -0.2rem;
  margin-right: 0.2rem;
  background: var(--tag-4);
  border-radius: 0.3rem;
  padding: 0rem 0.5rem;
  font-size: 0.6875rem;
  color: var(--tag-3);
  font-weight: 500;
}

/*추가 : 0919*/
.stb-tag4 {
  display: inline-block;
  position: relative;
  top: -0.2rem;
  margin-right: 0.2rem;
  background: var(--gray-7);
  border-radius: 0.3rem;
  padding: 0rem 0.5rem;
  font-size: 0.6875rem;
  color: var(--gray-11);
  font-weight: 500;
}

/*추가 : 0919*/
.stb-tag5 {
  display: inline-block;
  background: var(--tag-4);
  border-radius: 0.3rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.6875rem;
  color: var(--tag-3);
  font-weight: 500;
}

/*추가 : 0919*/
.stb-tag6 {
  display: inline-block;
  background: var(--gray-7);
  border-radius: 0.3rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.6875rem;
  color: var(--gray-11);
  font-weight: 500;
}

/*추가 : 0919*/
.stb-tag7 {
  display: inline-block;
  position: relative;
  top: -0.2rem;
  margin-right: 0.2rem;
  background: var(--tag-7);
  border: 1px solid var(--tag-6);
  border-radius: 0.3rem;
  padding: 0rem 0.5rem;
  font-size: 0.6875rem;
  color: var(--tag-6);
  font-weight: 500;
}

/*추가 : 1120*/
.stb-tag8 {
  display: inline-block;
  position: relative;
  top: -0.2rem;
  margin-right: 0.2rem;
  background: var(--tag-4);
  border: 1px solid var(--tag-3);
  border-radius: 0.3rem;
  padding: 0rem 0.5rem;
  font-size: 0.6875rem;
  color: var(--tag-3);
  font-weight: 500;
}

.stb-tag9_empty {display:inline-block; position:relative; top:-0.2rem; margin-left:0.5rem; text-align:center; background:var(--gray-12); border-radius:0.625rem; padding:0.3rem 0.5rem; font-size:1rem; color:var(--gray-5); font-weight:600;}/*추가 : 0110*/
.stb-tag9 {display:inline-block; position:relative; top:-0.2rem; margin-left:0.5rem; text-align:center; background:var(--tag-8-bg); border-radius:0.625rem; padding:0.3rem 0.5rem; font-size:1rem; color:var(--tag-8); font-weight:600;}/*추가 : 0110*/
.stb-tag10 {display:inline-block; background:var(--p-white); border:1px solid var(--gray-15); border-radius:0.625rem; padding:0.5rem 0.7rem; font-size:1rem; color:var(--gray-15); font-weight:600;}/*추가 : 0110*/
.stb-tag11 {display:inline-block; background:var(--p-white); border:1px solid var(--secondary-nor); border-radius:1rem; padding:0.3rem 0.5rem 0.2rem 0.5rem; font-size:0.875rem; color:var(--secondary-nor); font-weight:600;}/*추가 : 0208*/
.stb-tag12 {display:inline-block; background:var(--tag-9); border-radius:1.5rem; padding:0.6rem 1rem 0.6rem 1rem; font-size:1.375rem; color:var(--p-white); font-weight:500; margin-bottom:1.5rem;}/*추가 : 0328*/
.stb-tag13 {display:inline-block; background:var(--accent-6); border-radius:0.5rem; padding:0.3rem 0.6rem 0.3rem 0.6rem; font-size:1.25rem; color:var(--p-white); font-weight:500; margin-right:1rem;}/*추가 : 0328*/
.stb-tag14 {display:inline-block; background:var(--tag-7); border-radius:0.5rem; padding:0.3rem 0.6rem 0.3rem 0.6rem; font-size:1rem; color:var(--tag-6); font-weight:500; margin-right:1rem;}/*추가 : 0414*/
.stb-tag15 {display:inline-block; background:var(--tag-10); border-radius:1.5rem; padding:0.6rem 1rem 0.6rem 1rem; font-size:1.375rem; color:var(--p-white); font-weight:500; margin-bottom:1.5rem;}/*추가 : 0718*/
.stb-tag16 {display:inline-block; background:var(--tag-11); border-radius:0.5rem; padding:0.3rem 0.6rem 0.3rem 0.6rem; font-size:1.25rem; color:var(--p-white); font-weight:500; margin-right:1rem;}/*추가 : 0718*/
.stb-tag17 {display:inline-block; background:var(--tag-12); border-radius:1.5rem; padding:0.6rem 1rem 0.6rem 1rem; font-size:1.375rem; color:var(--p-white); font-weight:500; margin-bottom:1.5rem;}/*추가 : 0718*/
.stb-tag18 {display:inline-block; background:var(--tag-14); border-radius:0.5rem; padding:0.6rem 1rem 0.6rem 1rem; font-size:1.375rem; color:var(--p-white); font-weight:500; margin-bottom:1.5rem;}/*추가 : 0718*/
.stb-tag19 {display:inline-block; background:var(--tag-15); border-radius:0.5rem; padding:0.6rem 1rem 0.6rem 1rem; font-size:1.375rem; color:var(--p-white); font-weight:500; margin-bottom:0rem;}/*추가 : 0718*/
/*추가 : 1120*/

.flashmsg {
  /* sindok 알람창 추가 */
  position: fixed;
  /* 화면에 고정 */
  top: 70px;
  /* 헤더의 높이를 고려하여 top 위치 조정 */
  left: 20%;
  /* 좌우 중앙 정렬을 위해 왼쪽에서 20% 위치 */
  right: 20%;
  /* 좌우 중앙 정렬을 위해 오른쪽에서 20% 위치 */
  z-index: 1000;
  /* 헤더보다 높은 z-index 값 설정 */
  /*box-shadow: 0 4px 6px rgba(0,0,0,0.1);*/
  /* 그림자 효과 */
  width: auto;
  /* 너비는 자동으로 조절 */
}

/* sindok - button_to가 반복되는 경우에 (예 : 학습과정소개) margin-top을 0.5rem으로 */
form.button_to+form.button_to {
  margin-top: 0.5rem;
}

button+form.button_to {
  margin-top: 0.5rem;
}

/* form.button_to+.stb-btn-primary-line,
.stb-btn-primary {
  margin-top: 0.5rem
} */

form.button_to+form.button_to .stb-btn-primary-line {
  margin: 0;
}

form.button_to+form.button_to .stb-btn-primary {
  margin: 0;
}

button+form.button_to .stb-btn-primary-line {
  margin: 0;
}

button+form.button_to .stb-btn-primary {
  margin: 0;
}

form.button_to+.stb-btn-primary-line {
  margin-top: 0.5rem;
}

/* pagination sindok */
/* 
.pagination {}

.pagination .previous_page {}

.pagination span {
  position: relative;
  display: block;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.pagination em {
  position: relative;
  display: block;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  margin-left: -1px;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.pagination .current {
  color: #007bff;
  text-decoration: underline;
  font-weight: 700;
}


.pagination a {
  position: relative;
  display: block;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
} */

/**/
.mo_scrollmenu3 {
  display: flex;
  align-items: center;
  gap: 1rem;
  /* 메뉴 간 간격 */
}

.mo_scrollmenu3 a {
  text-decoration: none;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  /* 텍스트 줄바꿈 방지 */
}

.mo_scrollmenu3::-webkit-scrollbar {
  height: 4px;
}

.mo_scrollmenu3::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.mo_scrollmenu3::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* sindok 추가 - stb_live_card */
.stb-liveon .stb-title span{
  top: 0rem;
  right: 0rem;
}

/* 섹션 타이틀 */
.stb-broadcast .stb-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray-1);
  margin-bottom: 1.5rem;
}

/* 리스트 전체 */
.stb-edu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--gray-7);
  border-bottom: 1px solid var(--gray-7);
}

/* 개별 아이템 */
.stb-edu-list .edu-item {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border-top: 1px solid var(--gray-7);
  font-size: 0.9375rem;
  color: var(--gray-3);
  transition: background 0.2s ease;
}

.stb-edu-list .edu-item:first-child {
  border-top: none;
}

/* 말머리 Label */
.stb-edu-list .label {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--tag-8);
  background: var(--tag-8-bg);
  border-radius: 0.375rem;
  padding: 0.15rem 0.5rem;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

/* 링크 스타일 */
.stb-edu-list .edu-link {
  text-decoration: none;
  color: var(--gray-3);
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stb-edu-list .edu-link:hover {
  color: var(--accent-1);
  text-decoration: underline;
}