@charset "utf-8";
/* CSS Document */
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidenav {
padding-top: 15px;
}
.sidenav a {
font-size: 18px;
}
section#login {
padding: 2rem 0rem;
}
}
/*max-width: 576px*/
/*sindok > 범위를 sm에서 md사이즈로 변경*/
@media screen and (max-width: 767.98px) {
.stb-headline {
display: block;
position: relative;
top: 6rem;
text-align: center;
}
.stb-headline .stb-head-logo {
display: inline-block;
width: 200px;
height: 35px;
background-image: url("/static/east154/images/logo_main.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid var(--p-white);
padding-bottom: 5rem;
}
.stb-headline .stb-head-text {
display: block;
font-size: 1.2rem;
color: var(--p-white);
font-weight: 500;
margin-top: 1rem;
margin-bottom: 8rem;
}
a.stb-btn-first {
padding: 0.8rem 2rem;
font-size: 0.8rem;
color: var(--p-white);
font-weight: 500;
text-decoration: none;
background: transparent;
border: 1px solid var(--p-white);
border-radius: 2rem;
transition-duration: 0.2s;
}
a.stb-btn-first:hover {
background: rgba(0, 0, 0, 1);
border: 1px solid rgba(0, 0, 0, 1);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
transition-duration: 0.2s;
}
a.stb-btn-first::after {
display: inline-block;
content: "";
position: relative;
top: 0px;
left: 16px;
width: 1rem;
height: 1rem;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
color: var(--p-white);
}
.input-group .stb-reply-write {height:12rem;}/*추가:0208*/
.stb-table-row {padding:1rem 0.75rem !important;}/*추가:0110*/
.stb-table-row span.acc1 {color:var(--accent-2);}/*추가:0110*/
.stb-table-row span.acc2 {color:var(--accent-1);}/*추가:0110*/
/*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.5rem 0.75rem; vertical-align: middle; font-size:0.875rem; text-align:center; line-height:1rem;}
.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);}
.stb-btn-primary-line7 {width:49%; 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; margin-bottom: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*/
/*추가 시작:0718*/
.stb-btn-member-start {width:100%; 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-group4 {position:relative; top:-4rem; left:0rem; padding-top:1.5rem; text-align:right;}/*추가 : 0208*/
.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*/
#main2 {
height: 20rem;
transition: margin-left .5s;
padding: 20px;
}
/*추가:1127*/
section#login {
padding: 2rem 0rem 4rem 0rem;
}
.stb-log-area {
display: none;
}
.stb-banner {
height: 119px;
}
/*text-align 추가:1127*/
.stb-banner span {
position: relative;
top: 2.5rem;
left: 0-1rem;
}
/*추가:1127*/
.stb-banner span img {
width: 196px;
height: 39px;
}
/*추가:1127*/
.stb-banner1 {
height: 119px;
}
/*text-align 추가:1218*/
.stb-banner1 span {
position: relative;
top: 2.5rem;
left: -4.5rem;
}
/*추가:1218*/
.stb-banner1 span img {
width: 196px;
height: 39px;
}
/*추가:1218*/
.ellipsis1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ellipsis2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ellipsis3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
section#study {
padding: 0rem 0rem 2rem 0rem;
}
section#news {
padding: 0rem 0rem 2rem 0rem;
}
.stb-m-notice {
margin-bottom: 4rem;
}
.stb-m-news {
margin-bottom: 4rem;
}
.stb-m-notice ul.stb-notice-list li.item .stb-notice-date {
font-size: 0.875rem;
color: var(--gray-4);
font-weight: 300;
text-align: left;
margin-top: 0.5rem;
}
/*section#imgIntro {margin-top:4rem;}
.stb-cont-img {height:31.25rem; background:url("/static/east154/images/img_fold/1.png") center no-repeat; background-size:cover;}*/
.stb-sub-title5 {
text-align: center;
}
/*추가 : 0822*/
.stb-sub-title5 p {
font-size: 1rem;
color: var(--gray-2);
font-weight: 400;
line-height: 2.5rem;
letter-spacing: -1px;
margin-bottom: 7.5rem;
}
/*추가 : 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: 1.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: 1rem;
color: var(--gray-2);
font-weight: 400;
line-height: 2.5rem;
letter-spacing: -1px;
margin-bottom: 1.5rem;
}
/*추가 : 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: 1.5rem;
color: var(--gray-2);
font-weight: 400;
letter-spacing: -1px;
margin-top: 6rem;
margin-bottom: 3rem;
}
/*추가 : 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: 1.2rem;
color: var(--gray-2);
font-weight: 700;
letter-spacing: -1px;
margin-bottom: 6rem;
}
/*추가 : 0822*/
.stb-sub-title7 {
text-align: right;
}
/*추가 : 0822*/
.stb-sub-title7 p {
font-size: 1.1rem;
color: var(--gray-2);
font-weight: 400;
line-height: 2rem;
letter-spacing: -1px;
margin-bottom: 1.5rem;
}
/*추가 : 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: 1.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: 1.1rem;
color: var(--gray-2);
font-weight: 700;
letter-spacing: -1px;
margin-bottom: 3rem;
}
/*추가 : 0822*/
.stb-sub-title8 {
text-align: left;
}
/*추가 : 0822*/
.stb-sub-title8 p {
font-size: 1.2rem;
color: var(--gray-2);
font-weight: 400;
line-height: 2rem;
letter-spacing: -1px;
margin-bottom: 1.5rem;
}
/*추가 : 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: 2rem;
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: 1rem;
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;
}
/*추가 : 0822*/
.stb-sub-title10 p.cont-body-tit span.tit {
font-size: 1.5rem;
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;
}
/*추가 : 0822*/
.stb-sub-title13 {
margin-bottom: 1rem;
padding: 3rem 0rem 0rem 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;}/*추가:0208*/
.stb-sub-title14 p {font-size:1.5rem; font-weight:700; color:var(--gray-1); margin-bottom:1rem;}/*추가:0208*/
.stb-sub-title16 {padding:0rem 0rem 1.5rem 0rem; margin-top:4rem;}/*추가:0208*/
.stb-sub-title16 p {font-size:1.2rem; font-weight:700; color:var(--gray-1); margin-bottom:1rem;}/*추가:0208*/
.stb-sub-title17 {margin-top:4rem; 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:2.25rem; padding:4rem 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 0rem 0rem;}/*추가:0726*/
.stb-sub-title19 p {font-size:1.5rem; font-weight:700; color:var(--gray-1); margin-bottom:1rem;}/*추가:0726*/
.stb-councel {
display: inline-block;
position: fixed;
bottom: 3rem;
right: 1rem;
width: 60px;
height: 60px;
z-index: 1000;
}
/*추가 : 0822*/
.stb-councel img {
width: 60px;
height: 60px;
}
/*추가 : 0822*/
.stb-sub-review {
background: var(--bg-1);
padding: 2.5rem 1rem 2rem 1rem;
}
/*추가 : 0822*/
.stb-sub-review .stb-card-tit {
font-size: 1.5rem;
color: var(--gray-2);
font-weight: 400;
text-align: center;
margin-bottom: 2rem;
line-height: 2.5rem;
}
/*추가 : 0822*/
.stb-sub-review .stb-card-tit span {
font-weight: 700;
}
/*추가 : 0822*/
.stb-sub-review1 {
background: var(--bg-2);
padding: 2.5rem 1rem 2rem 1rem
}
/*추가 : 0822*/
.stb-sub-review1 .stb-card-tit {
font-size: 2rem;
color: var(--gray-2);
font-weight: 400;
text-align: center;
margin-bottom: 2rem;
}
/*추가 : 0822*/
.stb-sub-review1 .stb-card-tit span {
font-weight: 700;
}
/*추가 : 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;
}
/*추가 : 0822 */
/*padding 수정:1127*/
.card4 .card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem 1rem;
text-align: center;
}
/*추가 : 0822 */
.card4 .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 */
.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.1rem;
color: var(--gray-4);
font-weight: 300;
line-height: 1.5rem;
margin-bottom: 1rem;
}
/*추가 : 0822 */
.stb-pc {
display: none;
}
/*추가 : 0822*/
.stb-mo {
display: block;
}
/*추가 : 0822*/
.stb-pc1 {
display: none;
}
/*추가 : 0822*/
.stb-mo1 {
display: block;
}
/*추가 : 0822*/
.stb-pc2 {
display: none;
}
/*추가 : 0822*/
.stb-mo2 {
display: block;
}
.stb-tablet2 {
display: none;
}
/*추가 : 1127*/
/*추가 : 0822*/
.stb-pc3 {
display: none;
}
/*추가 : 0822*/
.stb-mo3 {
display: block;
}
/*추가 : 0822*/
.stb-pc4 {
display: none;
}
/*추가 : 0828*/
.stb-mo4 {
display: block;
}
/*추가 : 0828*/
.stb-tablet4 {
display: none;
}
/*추가 : 0828*/
.stb-pc5 {
display: none;
}
/*추가 : 0919*/
.stb-mo5 {
display: block;
}
/*추가 : 0919*/
.stb-tablet5 {
display: none;
}
/*추가 : 0919*/
.stb-pc6 {
display: none;
}
/*추가 : 0919*/
.stb-mo6 {
display: block;
}
/*추가 : 0919*/
.stb-pc7 {
display: none;
}
/*추가 : 0919*/
.stb-tablet7 {
display: none;
}
/*추가 : 0919*/
.stb-pc8 {
display: none;
}
/*추가 : 1127*/
.stb-mo8 {
display: block;
}
/*추가 : 1127*/
.stb-tablet8 {
display: none;
}
/*추가 : 1127*/
.stb-pc9 {display:block;}/*추가 : 0110*/
.stb-mo9 {display:none;}/*추가 : 0110*/
.stb-mo9-mp {display:block;}/*추가 : 0110*/
.stb-tablet9 {display:none;}/*추가 : 0110*/
.stb-sub-bg {
background-image: url("/static/east154/images/img_fold/meditation image.png");
background-position: -15rem bottom;
background-size: cover;
background-repeat: no-repeat;
height: 48rem;
}
/*추가 : 0822*/
.stb-thumb-container {}
/*추가 : 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(100%);
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: 4rem 0rem 4rem 0rem;
}
/*추가 : 0822*/
.stb_sub_deactive.mo_head1 {
height: 169px;
}
/*추가:1127*/
.stb_sub_deactive.mo_head2 {
height: 169px;
}
/*추가:1127*/
/*.stb-sub-img {margin-top:64px; height:11.75rem; background:url("/static/east154/images/img_fold/img_online2.png") no-repeat; background-size:cover; background-position:0rem 0rem;}/*추가 : 0828*/
/*수정:메인이미지, 이미지 영역 높이 수정-0919*/
.stb-sub-img {
margin-top: 64px;
height: 11.75rem;
background: url("/static/east154/images/img_fold/img_online4.png") no-repeat;
background-size: cover;
background-position: 0rem 0rem;
}
.stb-sub-img1 {margin-top:64px; height:11.75rem; background:url("/static/east154/images/img_fold/img_online3.png") no-repeat; background-size:cover; background-position:top center;}/*추가 : 0718*/
.stb-sub-img2 {margin-top:64px; height:11.75rem; background:url("/static/east154/images/img_fold/img_online5.png") no-repeat; background-size:cover; background-position:top center;}/*추가 : 0718*/
.stb-sub-img3 {margin-top:64px; height:11.75rem; background:url("/static/east154/images/img_fold/img_online6.png") no-repeat; background-size:cover; background-position:top center;}/*추가 : 0718*/
/*추가 : 0828*/
/*수정:메인이미지, 이미지 영역 높이 수정-0919*/
/*배경이미지 수정-1120*/
dl.stb-list-online {
margin-top: 2.5rem;
}
/*추가 : 0828*/
dl.stb-list-online dt.item {
font-size: 1.5rem;
color: var(--gray-2);
font-weight: 700;
margin-bottom: 1.5rem;
}
/*추가 : 0828*/
dl.stb-list-online dd.item {
font-size: 1rem;
color: var(--gray-11);
font-weight: 300;
line-height: 1.5rem;
letter-spacing: -1px;
}
/*추가 : 0828*/
div.scrollmenu1 {
overflow: hidden;
white-space: nowrap;
margin-top: 3rem;
}
/*추가 : 0919*/
div.scrollmenu1 a {
display: inline-block;
padding: 1rem 1rem;
margin: 0rem 0rem;
font-size: 1rem;
color: var(--gray-3);
text-align: center;
font-weight: 400;
text-decoration: none;
border-bottom: 3px solid none;
}
/*추가 : 0919*/
div.scrollmenu1 a:hover {
color: var(--gray-2);
font-weight: 500;
border-bottom: 3px solid var(--primary-1);
}
/*추가 : 0919*/
div.scrollmenu1 a:focus,
div.scrollmenu a:press {
color: var(--gray-2);
font-weight: 500;
border-bottom: 3px solid var(--primary-1);
}
/*추가 : 0919*/
div.scrollmenu1 a.active {
color: var(--gray-2);
font-weight: 500;
border-bottom: 3px solid var(--primary-1);
}
/*추가 : 0919*/
/*추가 : 1127*/
/*div.mo_scrollmenu1 {
overflow-y: auto;
white-space: nowrap;
border-bottom: 1px solid var(--gray-6);
}*/
div.mo_scrollmenu1 {overflow-y: auto; white-space: nowrap; border-top:1px solid var(--gray-6); border-bottom:1px solid var(--gray-6);}/*botder-top 추가 : 0208*/
div.mo_scrollmenu1::-webkit-scrollbar {
width: 1px;
height: 1px;
}
div.mo_scrollmenu1::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
div.mo_scrollmenu1 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.mo_scrollmenu1 a:hover {
color: var(--gray-2);
font-weight: 500;
border-bottom: 3px solid var(--primary-1);
}
div.mo_scrollmenu1 a:focus,
div.scrollmenu a:press {
color: var(--gray-2);
font-weight: 500;
border-bottom: 3px solid var(--primary-1);
}
div.mo_scrollmenu1 a.active {
color: var(--gray-2);
font-weight: 500;
border-bottom: 3px solid var(--primary-1);
}
div.mo_scrollmenu2 {
overflow-y: auto;
white-space: nowrap;
margin: 0rem 0rem 0rem 0.5rem;
padding-top: 0.5rem;
}
div.mo_scrollmenu2::-webkit-scrollbar {
width: 1px;
height: 1px;
}
div.mo_scrollmenu2::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
div.mo_scrollmenu2 a {
display: inline-block;
padding: 0.5rem 1rem;
border-radius: 1rem;
background: var(--bg-7-tab);
font-size: 1rem;
color: var(--gray-3);
text-align: center;
font-weight: 400;
text-decoration: none;
border-bottom: none;
}
div.mo_scrollmenu2 a:hover {
color: var(--gray-2);
background: var(--bg-7-tab-hov);
}
div.mo_scrollmenu2 a:focus,
div.scrollmenu a:press {
color: var(--gray-2);
background: var(--bg-7-tab-hov);
font-weight: 400;
border-bottom: none;
}
div.mo_scrollmenu2 a.active {
color: var(--gray-2);
background: var(--bg-7-tab-hov);
font-weight: 500;
border-bottom: none;
}
/*추가-끝 : 1127*/
/*추가:0110*/
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:1rem; color:var(--gray-3); font-weight:600; border-top-left-radius: 0rem; border-top-right-radius: 0rem; margin:0rem 0.5rem;}/*추가 : 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*/
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 4px;
}
.stb-sub-layout {
margin-top: 64px;
}
.stb-sub-layout2 {
margin-top: 116px;
}
/*추가,수정:1127*/
.stb-my-study {
background: var(--p-white);
border: 1px solid var(--bg-5-line);
border-radius: 0.675rem;
padding: 1.5rem 1rem 1.5rem 1rem
}
.stb-my-study .stb-box {
width: 100%;
}
/*추가 : 0828*/
/*수정:박스 스타일 변경-0919*/
.stb-my-study .stb-box-tit {
height: 2rem;
font-size: 1.2rem;
color: var(--gray-10);
font-weight: 600;
text-align: left;
margin-bottom: 1rem;
}
/*추가 : 0828*/
/*수정:border스타일 삭제,font-size 변경, margin-bottom값 변경-0919*/
.stb-my-study .stb-data-group {
width: 33.33%
}
/*추가 : 0828*/
.stb-my-study .stb-data-group .stb-my-img {
height: 3.5rem;
background: url("/static/east154/images/icon/img_paper.png") center no-repeat;
background-size: contain;
margin-bottom: 0.625rem;
}
/*추가 : 0828*/
/*수정:이미지 변경-0919*/
.stb-my-study .stb-data-group .stb-my-class {
font-size: 1.875rem;
color: var(--gray-2);
font-weight: 600;
text-align: center;
margin-bottom: 1.7rem;
}
/*추가 : 0828*/
.stb-my-study .stb-data-group .stb-my-class span {
font-weight: 300;
}
/*추가 : 0828*/
.stb-my-study .stb-data-group .stb-my-time {
font-size: 1.875rem;
color: var(--gray-2);
font-weight: 600;
text-align: center;
margin-bottom: 1.7rem;
}
/*추가 : 0828*/
.stb-my-study .stb-data-group .stb-my-time span {
font-weight: 300;
}
/*추가 : 0828*/
.stb-my-study .stb-data-group .stb-my-favorite {
font-size: 1.875rem;
color: var(--gray-2);
font-weight: 600;
text-align: center;
margin-bottom: 1.7rem;
}
/* sindok 추가 */
.stb-my-study .stb-data-group .stb-my-favorite i {
color: orange;
}
/* sindok 추가 */
.stb-my-study .stb-data-group .stb-my-tit {
font-size: 1em;
color: var(--gray-3);
font-weight: 600;
text-align: center;
}
/*추가 : 0828*/
/* .stb-cont-bg {
padding: 0rem 1rem 0rem 1rem;
margin: 3rem 0rem 0rem 0rem;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(239, 252, 254) 100%);
background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(239, 252, 254) 100%);
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(239, 252, 254) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7dfff", GradientType=1);
border-radius: 0.625rem;
} */
/*추가 : 0919*/
/*수정 시작-1120*/
.stb-my-study {
background: var(--p-white);
border: 1px solid var(--bg-5-line);
border-radius: 0.675rem;
padding: 1.5rem 1rem 1.5rem 1rem;
margin: 1rem 0rem;
}
/*추가 : 0828*/
/*수정:박스 스타일 변경-0919*/
/*margin추가:1120*/
.stb-my-study .stb-box {
width: 100%;
}
/*추가 : 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-data-group .stb-my-favorite {
font-size: 1.875rem;
color: var(--gray-2);
font-weight: 600;
text-align: center;
margin-bottom: 1.7rem;
}
/* sindok 추가 */
.stb-my-study .stb-data-group .stb-my-favorite i {
color: orange;
}
/* sindok 추가 */
.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-ic-goal {
display: inline-block;
position: relative;
top: 0rem;
left: 14.5rem;
width: 43px;
height: 33px;
background: url("/static/east154/images/icon/ic_goal.png") center no-repeat;
}
/*추가:1120*/
/*수정 끝-1120*/
/* .stb-cont-bg {
padding: 2rem 1rem 0rem 1rem;
margin: 1rem 0rem 0rem 0rem;
background: rgb(239, 252, 254);
border-radius: 0.625rem;
} */
.stb-cont-bg {padding:5em 1rem 2rem 1rem; 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*/
.stb-cont-bg1 {padding:5em 1rem 2rem 1rem; background:var(--bg-10);}/*추가 : 0718*/
/*추가 : 0919*/
/*BG컬러 수정, Margin 수정, padding수정:1120*/
.stb-sub-title11 {
margin-bottom: 1rem;
text-align: left;
}
/*추가 : 0919*/
/*.stb-sub-title11 p {font-size:1.5rem; color:var(--color-txt); font-weight:700; margin-bottom:1.25rem;}/*추가 : 0919*/
.stb-sub-title11 p {
font-size: 1.5rem;
color: var(--accent-3);
font-weight: 700;
margin-bottom: 1.25rem;
}
.stb-sub-title11 p.tit {font-size:1rem; color:var(--color-txt2); font-weight:700; margin-bottom:1rem;}/*추가 : 0328*/
.stb-sub-title11 p.tit1 {font-size:1rem; color:var(--accent-5); font-weight:700; margin-bottom:1rem;}/*추가 : 0718*/
/*추가 : 0919*/
/*폰트 컬러 수정:1120*/
.stb-sub-txt1 {
font-size: 1rem;
color: var(--gray-1);
font-weight: 500;
line-height: 1.3rem;
}
/*추가 : 0919*/
.stb-sub-txt2 {
font-size: 1rem;
color: var(--gray-1);
font-weight: 300;
line-height: 1.3rem;
margin-top: 2rem;
}
/*추가 : 0919*/
.stb-sub-txt3 {font-size:1.75rem; color:var(--gray-2); font-weight:700; line-height:3rem; margin-bottom:3rem;}/*추가 : 0328*/
.stb-sub-txt4 {font-size:1.5rem; color:var(--gray-3); font-weight:500; line-height:2rem; 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-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-cont-info {
background: var(--p-white);
border-radius: 0.625rem;
border: 1px solid rgba(30, 211, 201, 0.42);
margin: 1rem 0rem 2rem 0rem;
padding: 1rem;
} */
.stb-cont-info {background:var(--p-white); border-radius:0.625rem; border:1px solid rgba(30,211, 201, 0.42); margin:1rem 0rem 2rem 0rem; padding:1rem;}/*추가 : 0919*//*border컬러 수정:0531*/
/*추가 : 0919*/
.stb-cont-info .stb-info-head {
text-align: center;
border-right: none;
border-bottom: 1px solid var(--gray-6);
padding: 1rem 0rem;
margin-bottom: 0.5rem;
}
/*추가 : 0919*/
.stb-cont-info .stb-info-sub {}
/*추가 : 0919*/
.stb-cont-info .stb-cont-info-txt {
margin-top: 0.5rem;
font-size: 1rem;
color: var(--primary-2);
font-weight: 600;
line-height: 1.3rem;
}
/*추가 : 0919*/
.stb-cont-info .stb-info-sub ul.stb-info {
margin-left: 0rem;
}
/*추가 : 0919*/
.stb-cont-info .stb-info-sub ul.stb-info li.item {
font-size: 0.875rem;
color: var(--gray-1);
font-weight: 400;
padding: 0.5rem 0rem;
}
/*추가 : 0919*/
.stb-cont-info .stb-info-sub ul.stb-info li.item::before {
display: inline-block;
content: '';
position: relative;
top: 0.25rem;
left: 0rem;
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;
}
/*추가 : 0919*/
.stb-btn-group {
left: 0;
right: 0; /* sindok 추가 */
position: fixed;
background: var(--p-white);
z-index: 10;
bottom: 0rem;
max-width: 100%;
box-shadow: 0px -5px 9px 3px rgba(0, 0, 0, 0.1);
padding: 1rem 0.625rem;
transform: translateY(100%);
transition: transform 0.2s ease;
}
/*추가 : 0919*/
.stb-btn-group.show {
transform: translateY(0);
/* 버튼을 위로 슬라이드 */
}
/*추가 : 0828*/
.stb-btn-group .stb-mo-btn {
margin: 0;
}
/*추가 : 0828*/
.stb-sub-title12 {
margin-bottom: 1rem;
padding: 2rem 0rem 0rem 0rem;
}
/*추가 : 0919*/
.stb-sub-title12 p {
font-size: 1.5rem;
font-weight: 700;
color: var(--gray-1);
margin-bottom: 1rem;
}
/*추가 : 0919*/
.stb-lecture .title {
font-size: 1.25rem;
color: var(--gray-2);
font-weight: 400;
line-height: 1rem;
}
/*스타일 추가 시작 - 0919*/
.stb-list-wrap {
margin-bottom: 0rem;
margin-top: 1rem;
}
.stb-list-wrap .stb-list-info {
font-size: 0.875rem;
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 dd {
font-size: 1rem;
color: var(--gray-3);
font-weight: 500;
border: 1px solid rgba(152, 155, 162, 0.24);
border-top: none;
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-list-wrap dl.stb-list-mov dd.active {
background: var(--primary-4-bg);
}
.stb-list-wrap dl.stb-list-mov dd.active label.custom-control-label {
color: var(--primary-2);
}
.stb-list-wrap dl.stb-list-mov dd.active .stb-mov-time {
color: var(--primary-3);
}
.stb-list-wrap dl.stb-list-mov dd.start {
font-size: 1rem;
color: var(--gray-3);
font-weight: 500;
border: 1px solid rgba(152, 155, 162, 0.24);
padding: 1rem 1rem 0.5rem 1rem;
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.stb-list-wrap dl.stb-list-mov dd.start .stb-mov-time {
font-size: 0.875rem;
color: var(--gray-3);
font-weight: 300;
float: right;
}
.stb-list-wrap dl.stb-list-mov dd.start.active {
background: var(--primary-4-bg);
}
.stb-list-wrap dl.stb-list-mov dd.start.active label.custom-control-label {
color: var(--primary-2);
}
.stb-list-wrap dl.stb-list-mov dd.start.active .stb-mov-time {
color: var(--primary-3);
}
.stb-list-wrap dl.stb-list-mov dd.end {
font-size: 1rem;
color: var(--gray-3);
font-weight: 500;
border: 1px solid rgba(152, 155, 162, 0.24);
border-top: none;
padding: 1rem 1rem 0.5rem 1rem;
border-bottom-left-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
}
.stb-list-wrap dl.stb-list-mov dd.end .stb-mov-time {
font-size: 0.875rem;
color: var(--gray-3);
font-weight: 300;
float: right;
}
.stb-list-wrap dl.stb-list-mov dd.end.active {
background: var(--primary-4-bg);
}
.stb-list-wrap dl.stb-list-mov dd.end.active label.custom-control-label {
color: var(--primary-2);
}
.stb-list-wrap dl.stb-list-mov dd.end.active .stb-mov-time {
color: var(--primary-3);
}
.modal-dialog.stb-modal-width {
max-width: 90%;
margin: 1.75rem auto;
}
.stb-popup1 .stb-mov-header .stb-btn-group2 {
display: inline-block;
position: absolute;
top: 0rem;
right: 1rem;
}
.stb-popup1 .stb-mov-header span.bookmark {
position: absolute;
top: 0.9rem;
right: 2rem;
vertical-align: middle;
width: 24px;
height: 24px;
}
.stb-popup1 .stb-mov-header .stb-btn-group2 span.stb-close {
position: absolute;
top: 0.9rem;
right: 0rem;
vertical-align: middle;
width: 24px;
height: 24px;
}
.stb-popup1 .stb-mov-header .stb-btn-group2 span.stb-close span {
color: var(--p-white);
font-weight: 400;
text-shadow: none;
}
.stb-popup1 .stb-pop-bg {
background: var(--p-white);
padding: 1rem 0rem;
}
.modal-dialog-scrollable .stb-popup1 .tab-content {
height: auto;
overflow-y: hidden;
}
.modal-dialog-scrollable .stb-popup1 .tab-content .title {
font-size: 1.25rem;
color: var(--gray-2);
font-weight: 700;
margin-bottom: 1.5rem;
}
#mo_list .stb-prog-info-mo {
height: 4.5rem;
border: 1px solid rgba(152, 155, 162, 0.24);
border-radius: 0.3125rem;
padding: 1rem 1rem;
}
#mo_list .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;
}
#mo_list .stb-prog-info-mo .stb-prog-group {
width: calc(100% - 34px);
position: relative;
top: -2rem;
left: 2.5rem;
}
#mo_list .stb-prog-info-mo .stb-prog-group .txt1 {
display: inline-block;
font-size: 0.875rem;
color: var(--gray-2);
font-weight: 700;
float: left;
}
#mo_list .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;
}
#mo_list .stb-prog-info-mo .stb-prog-group .txt2 {
display: inline-block;
font-size: 0.8rem;
color: var(--gray-2);
font-weight: 300;
float: left;
}
#mo_list .stb-prog-info-mo .stb-lecture-info {
display: inline-block;
position: relative;
top: -1.7rem;
left: 0.25rem;
}
#mo_list .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;
}
#mo_list .stb-prog-info-mo .stb-lecture-info p span.stb-tit1 {
color: var(--gray-2);
font-weight: 500;
}
#mo_list .stb-prog-info-mo .stb-lecture-info p span.stb-num {
color: var(--accent-1);
}
#mo_list .stb-prog-info-mo .stb-lecture-info p span.stb-txt1 {
color: var(--accent-1);
font-weight: 500;
}
#mo_list .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;
}
#mo_list .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);
}
#mo_list .stb-mov-group ul.stb-mov-list li.item:active,
#mo_list .stb-mov-group ul.stb-mov-list li.item:focus {
background: rgba(30, 211, 201, 0.06);
}
#mo_list .stb-mov-group ul.stb-mov-list li.item Label {
font-size: 0.875rem;
color: var(--gray-2);
font-weight: 500;
}
#mo_list .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;
}
#mo_list .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);
}
#mo_list .stb-mov-group ul.stb-mov-list li.item Label {
font-size: 0.875rem;
color: var(--gray-2);
font-weight: 500;
}
#mo_list .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-screen {
background: var(--p-black);
margin-top: 4rem;
}
.tab-pane.stb_mo .accordion>.card6 {
overflow: hidden;
}
.tab-pane.stb_mo .accordion>.card6:not(:last-of-type) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top: 1px solid var(--gray-6);
padding: 0;
}
.tab-pane.stb_mo .accordion>.card6:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: 1px solid var(--gray-6);
padding: 0;
}
.tab-pane.stb_mo .accordion>.card6>.card-header {
border-radius: 0;
margin-bottom: -1px;
padding: 0.75rem 0rem 1.5rem 0rem;
border-bottom: 1px solid var(--gray-6);
}
.tab-pane.stb_mo .accordion>.card6>.card-header .stb-acc-title {
padding: 0rem;
}
.tab-pane.stb_mo .accordion>.card6>.card-header .stb-acc-title p {
font-size: 1rem;
color: var(--gray-2);
font-weight: 500;
line-height: 1.2rem;
padding-bottom: 1rem;
margin-top: 0.725rem;
}
.tab-pane.stb_mo .accordion>.card6>.card-header .stb-acc-title .info {
font-size: 0.875rem;
color: var(--gray-11);
font-weight: 300;
line-height: 1.2rem;
}
.tab-pane.stb_mo .accordion>.card6>.card-header .stb-acc-title .stb-sub-info {
font-size: 0.75rem;
color: var(--gray-5);
font-weight: 300;
margin-top: 0.5rem;
}
.tab-pane.stb_mo .accordion>.card6>.card-header .stb-acc-title .stb-sub-info span {
font-weight: 600;
}
.tab-pane.stb_mo .accordion>.card6>.card-header .stb-acc-title span.stb-red {
display: inline-block;
position: relative;
top: -0.2rem;
margin-right: 0.3rem;
width: 4px;
height: 4px;
background: var(--accent-2);
border-radius: 2px;
}
.tab-pane.stb_mo .accordion>.card6 .card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1rem;
font-size: 0.875rem;
color: var(--gray-2);
font-weight: 300;
background: rgba(226, 230, 237, 0.23);
line-height: 1.2rem;
}
.tab-pane.stb_mo .accordion>.card6 .card-body p {
margin: 0.5rem 0rem 1rem 0rem;
}
.tab-pane.stb_mo .accordion>.card6 .card-body .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;
}
.tab-pane.stb_mo .accordion>.card6 .card-body .stb-profile span.stb-profile-txt {
position: relative;
top: -0.5rem;
font-size: 0.75rem;
color: var(--gray-2);
font-weight: 600;
}
.tab-pane.stb_mo .accordion>.card6 .card-body .stb-reply-group {
display: inline-block;
width: 100%;
padding: 1rem 0rem 0rem 0rem;
border-top: 1px solid var(--gray-6);
}
.tab-pane.stb_mo .accordion>.card6 .card-body .stb-reply-group::before {
display: inline-block;
content: "";
position: relative;
top: 0rem;
left: 0rem;
width: 13px;
height: 11px;
background-image: url("/static/east154/images/icon/ic_reply.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.tab-pane.stb_mo .accordion>.card6 .card-body .stb-reply-group .stb-reply {
width: calc(100% - 24px);
float: right;
}
.stb-list-txt {
font-size: 0.875rem;
color: var(--gray-2);
font-weight: 300;
margin: 0rem 0rem 1rem 0rem;
}
.stb-board-title {
padding: 2rem 0rem 0rem 0rem;
border-bottom: 1px solid var(--gray-6);
}
.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.875rem;
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: block;
padding: 1.5rem 0rem 1rem 0rem;
;
}
.stb-board-title .stb-board-subinfo>.stb-profile {
display: block;
float: none;
}
.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;
}
/*
.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-profile span.stb-profile-txt {position:relative; top:-0.5rem; font-size:1rem; color:var(--gray-2); font-weight:600;}/*수정-font-size:0208*/
.stb-board-title .stb-board-subinfo>.stb-board-date {
display: block;
float: none;
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-board-content-view p {font-size:1rem; color:var(--p-black); font-weight:400; line-height:1.5rem; padding:2.5rem 0rem;}/*추가:0208*//*수정-font-size:0208*/
.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-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-ask-reply .stb-board-subinfo > .stb-profile span.stb-profile-txt {position:relative; top:-0.5rem; font-size:1rem; 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:1rem; 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.825rem; 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:1rem; 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:1rem; color:var(--gray-5); font-weight:300;}/*추가: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:1rem; 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:1rem; color:var(--p-black); font-weight:400; line-height:1.25rem; border-radius:0.5rem;}/*추가: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:1.2rem; 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:1rem; color:var(--gray-5); font-weight:300;}/*추가:0208*/
.stb-reply-cap span {color:var(--accent-2);}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list {display:block;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li {display:block;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .stb-profile {}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .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;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .stb-profile span.stb-profile-txt {position:relative; top:-0.5rem; font-size:1rem; color:var(--gray-2); font-weight:600;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .stb-profile span.stb_tag_level {position:relative; top:-9px; left:0.3rem; font-size:1rem; color:var(--accent-2); font-weight:300;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .stb-profile span.stb-reply-date {position:relative; top:-8px; left:1rem; font-size:0.825rem; color:var(--gray-5); font-weight:300;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .stb-board-date {display:inline-block; float:right; font-size:0.75rem; color:var(--gray-5); font-weight:400; margin-top:0.75rem;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .stb-board-date span.stb-notice-viewer {color:var(--p-black); margin-left:0.5rem;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .stb-reply-cap1 {font-size:1rem; color:var(--gray-5); font-weight:300; margin-top:0.5rem;}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .stb-reply-cap1 span {color:var(--accent-2);}/*추가:0208*/
.stb-ask-reply .stb-board-subinfo > ul.stb-reply-list li .stb-reply-cap1 a {font-size:1rem; color:var(--gray-5); font-weight:300;}/*추가:0208*/
ul.stb-mo-table {
border-top: 2px solid var(--gray-3);
margin-bottom: 2rem;
}
ul.stb-mo-table li {
border-bottom: 1px solid var(--gray-6);
padding: 0.5rem 0.5rem;
}
ul.stb-mo-table li.stb-board-pin1 {
background: var(--gray-12);
}
ul.stb-mo-table li.stb-board-pin1>p {
padding: 0.5rem 0rem 0.5rem 0rem;
}
ul.stb-mo-table li>span {
font-size: 0.875rem;
color: var(--gray-5);
font-weight: 400;
}
ul.stb-mo-table li>span.stb-board-status {
color: var(--gray-11);
margin-left: 0.3rem;
}
ul.stb-mo-table li>span.stb-board-status-done {
color: var(--tag-3);
margin-left: 0.3rem;
}
ul.stb-mo-table li>p {
padding: 0.5rem 0rem 1rem 0rem;
}
ul.stb-mo-table li>p>a {
font-size: 1rem;
color: var(--gray-2);
font-weight: 400;
line-height: 1.2rem;
text-decoration: none;
}
ul.stb-mo-table li>p>a>span {
color: var(--accent-2);
}
ul.stb-mo-table li>span.stb-board-date1 {
color: var(--accent-2);
}
ul.stb-mo-table li>.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;
}
ul.stb-mo-table li>.stb-profile span.stb-profile-txt {
position: relative;
top: -0.5rem;
font-size: 0.75rem;
color: var(--gray-2);
font-weight: 600;
}
/*스타일 추가 끝 - 0919*/
/*popup style : 0828*/
.stb-popup {
text-align: center;
padding: 1rem 0rem 0rem 0rem;
}
/*추가 : 0828*/
.stb-popup img {
margin-bottom: 1rem;
}
/*추가 : 0828*/
.stb-popup p {
font-size: 1rem;
color: var(--gray-1);
font-weight: 400;
}
/*추가 : 0828*/
.stb-popup p.stb-pop-txt {
font-size: 1.2rem;
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*/
footer#footer {
display: none;
padding-bottom: 3rem;
}
footer#footer_ta {
display: block;
padding: 2rem 0rem 3rem 0rem;
}
.form-group1 {
margin-bottom: 0rem;
margin-top: 1.5rem;
}
/*스타일 추가:1120*/
.stb-aside {
padding: 1.5rem 1.5rem 1.5rem 1.5rem;
border: 1px solid var(--gray-6);
border-radius: 0.625rem;
}
.stb-sub-layout2 .stb-sec-group {
margin: 0rem;
}
.stb-sub-layout2 .stb-lnb-1d {
width: 100%;
height: 100px;
}
.stb-sub-layout2 .stb-lnb-2d {
width: 100%;
height: 100px;
background: var(--gray-9);
}
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group {
width: 100%;
padding: 0rem;
}
.stb-btn-group3 {
text-align: center;
margin-bottom: 1rem;
}
.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.8;
background: rgba(159, 166, 177, 1);
border-radius: 2px;
}
.carousel-control-prev {
position: fixed;
top: 380px;
bottom: 0px;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 48px;
height: 48px;
text-align: center;
opacity: 0.8;
transition: opacity 0.15s ease;
border: none;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.carousel-control-next {
position: fixed;
top: 380px;
bottom: 0px;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 48px;
height: 48px;
text-align: center;
opacity: 0.8;
transition: opacity 0.15s ease;
border: none;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.carousel-control-prev {
left: 0px;
}
.carousel-control-next {
right: 0px;
}
.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 {
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");
}
/*carousel 코드 추가 : 1226 -- 시작*/
.carousel-control-prev.stb-position-prev, .carousel-control-next.stb-position-next {position: absolute; top: 84px; 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: 40px; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease;}
.carousel-control-prev.stb-position-prev {left: -15px; height:40px;}
.carousel-control-next.stb-position-next {right: -15px; height:40px;}
.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 -- 끝*/
/*추가:1226 - 시작*/
.form-row > .col, .form-row > [class*="col-"] {padding-right: -3px; padding-left: -3px;}
.stb-tab-right {flex-basis: 100%; margin:0rem;}
.stb-tab-group {display: flex; flex-flow: row wrap; justify-content: space-between; margin:0rem 0rem 1rem 0rem;}
.stb-btn-more1{padding:0.9rem 3rem;}
.img-style {flex-basis: 100%; border-top-left-radius:0.675rem; border-top-right-radius:0.675rem; border-bottom-left-radius:0rem; border-bottom-right-radius:0rem;}
.stb-img-thumb-txt-wrap {width:100%; padding:1.0rem 1.0rem 1.0rem 1.0rem;}
.stb-mov-wrap1 {display:flex; flex-flow: row wrap; justify-content:space-between; align-content: stretch;}
.stb-mov-wrap1 .stb-mov-thumb1 {flex-basis: 48%; align-items: flex-start;}
.stb-mov-wrap1 .stb-mov-thumb2 {flex-basis: 48%; align-items: flex-start;}
.stb-mov-wrap1 .stb-mov-thumb3 {flex-basis: 48%; align-items: flex-start;}
.stb-mov-wrap1 .stb-mov-thumb4 {flex-basis: 48%; align-items: flex-start;}
.stb-mov-wrap1 .stb-mov-thumb5 {flex-basis: 48%; align-items: flex-start;}
.stb-img-box {width:100%; height:14rem;}
.stb-img-box1 {width:100%; aspect-ratio: 16/9; /* 종횡비 16/9 */ object-fit: cover; /* 종횡비를 유지하며 부모 요소를 가득 채움 */
object-position: center; /* 이미지의 중심을 기준으로 배치 */} /* sindok */
.stb-img-box2 {width:100%; height:9rem;}/*추가:0208*/
/*추가:1226 - 끝*/
/* 툴팁 기본 스타일 설정 시작 */
.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;
}
.stb-mo-nav-group {
height: 3.25rem;
}
.stb-mo-nav-group1 {
height: 3.25rem;
}
.stb-mt {
margin-top: 12.125rem;
}
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 {
width: 100%;
height: 1013px;
}
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg {
height: 1013px;
background: url("/static/east154/images/img_fold/mediworld/img_intro.png") center no-repeat;
background-size: cover;
padding: 2.25rem 1rem 1rem 1rem;
}
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-online-tit {
text-align: center;
}
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-online-tit p {
font-size: 1.75rem;
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: 1rem;
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: 80px;
left: 10px;
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: 275px;
right: 13px;
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: 478px;
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: 815px;
left: 0px;
right: 0px;
width: 300px;
margin: 0 auto;
padding: 0.5rem 0rem;
background: #001D98;
border-radius: 18px;
font-size: 0.875rem;
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 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-group2 {
width: 100%;
}
.stb-cont-title {
text-align: center;
}
.stb-cont-title span {
font-size: 1rem;
color: var(--gray-4);
font-weight: 500;
}
.stb-cont-title p {
font-size: 1.75rem;
color: var(--accent-4);
font-weight: 700;
margin-top: 1rem;
}
.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: 100%;
text-align: center;
}
.stb-cont-wrap .stb-cont-text {
width: 100%;
padding: 1.5rem 0rem 0rem 0rem;
}
.stb-cont-wrap .stb-cont-text p {
font-size: 1.2rem;
font-weight: 300;
color: var(--gray-3);
line-height: 1.875rem;
}
/*스타일 추가 끝-1127*/
/*
/*Player 추가:0208
.stb-player-group {margin-top:0rem; margin-bottom:1.5rem;}
.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.9375rem; 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.875rem; color:var(--gray-4); font-weight:300;}
.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;}
/*blue player:0208
.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-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:15%; 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;}
*/
/*스타일 추가 시작:0110*/
.stb-mp-cont {margin:0.5rem 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); margin:0.5rem 0rem;}
.stb-sub-title15 {margin-bottom:1rem; padding:0rem 0rem 0rem 0rem; margin:0px 15px;}/*추가:0110*/
.stb-sub-title15 p {font-size:1.5rem; font-weight:700; color:var(--gray-1); margin-bottom:1rem;}/*추가:0110*/
.stb-sub-title15 span {font-size:0.8125rem; font-weight:300; color:var(--gray-5);}/*추가:0110*/
/*.stb-mp-area {height:5.5rem; background:rgba(226,230,237,0.24); border-radius:1rem; padding:0.75rem; margin:0px 15px 15px 15px;}*/
.stb-mp-area {background:rgba(226,230,237,0.24); border-radius:1rem; padding:0.75rem; margin:30px 15px 15px 0px;}/*수정:height값 삭제-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:2.7rem; left:-10.7rem; 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 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-box .box-tit {font-size:1.3rem; color:var(--gray-3); font-weight:600; margin:0.5rem 0rem 2.25rem 0rem;}
.stb-mp-mov {margin:0.5rem 0rem 2.5rem 0rem;}
.stb-mp-mov .stb-mp-mov-thumb {height:11.875rem; border-radius:0.625rem; background-size:cover;} /* sindok 2025-02-19 */
.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; background-size:cover;}
.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; background-size:cover;}
.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; background-size:cover;}
.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-tag9_empty {display:inline-block; position:relative; top:0rem; margin-left:0.5rem; text-align:center; background:var(--gray-12); border-radius:0.625rem; padding:0.3rem 0.5rem; font-size:0.8125rem; color:var(--gray-5); font-weight:600;}/*추가 : 0110*/
.stb-tag9 {display:inline-block; position:relative; top:0rem; margin-left:0.5rem; text-align:center; background:var(--tag-8-bg); border-radius:0.625rem; padding:0.3rem 0.5rem; font-size:0.8125rem; color:var(--tag-8); font-weight:600;}/*추가 : 0110*/
.stb-step-box .stb-process1 {height:108px; padding:1.1rem 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:108px; padding:1.1rem 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:108px; padding:1.1rem 0rem 0rem 0rem; background:var(--gray-18); border-radius:0.625rem; text-align:center;}
.stb-step-box .stb-process3 .step3 {display:inline-block; width:74px; height:73px; 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:108px; padding:1.1rem 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:108px; padding:1.1rem 0rem 0rem 0rem; background:url("/static/east154/images/icon/img_process-lock_bg.png") center no-repeat; background-size:cover; 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:108px; padding:1.1rem 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:108px; padding:1.1rem 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:108px; padding:1.1rem 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:74px; height:73px; 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:108px; padding:1.1rem 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-data {display:inline-block; position:relative; top:-10rem; left:calc(100% - 3.5rem); 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;}
.stb-step-data.done {display:inline-block; position:relative; top:-10rem; left:calc(100% - 3.5rem); 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;}/*수정 추가:0208*/
.stb-step-cert {background:var(--p-white); border:1px solid var(--gray-7); border-radius:1.125rem; padding:1.75rem 1.75rem; box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);}
.stb-cert-text1 {font-size:1.25rem; color:var(--gray-3); font-weight:600; line-height:28px; margin-top:1rem;}
.stb-cert-text1 span {color:var(--tag-8);}
.stb-cert-text2 {font-size:0.875rem; color:var(--gray-4); font-weight:300; line-height:20px; margin-top:1rem;}
/* .stb-cert-img {margin-top:1rem;} */
.stb-cert-img {margin-top:1rem; margin-right:0rem;}/*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; line-height:28px; 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:0.75rem; 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:0.75rem; 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.45rem; 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:0.75rem; 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:0.75rem; 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:1.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:1.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.875rem; 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-profile-img-mobile {width:2.25rem; height:2.25rem; background:url("/static/east154/images/img_profile.png") center no-repeat; background-size:auto; border-radius:0.5rem;}
.img-thumbnail-book {width:100%; height:220px; object-fit: cover;
object-position: center;
display: block;}/*추가:0208*/
.img-thumbnail-book-1 {width:100%; height:220px; background:url("/static/east154/images/banner_mo_book1.png") center no-repeat; background-size:cover;}/*추가:0208*/
.img-thumbnail-book-2 {width:100%; height:220px; background:url("/static/east154/images/banner_mo_book2.png") center no-repeat; background-size:cover;}/*추가:0208*/
.stb-book-group {display:flex; flex-flow: wrap row; column-gap:10px; row-gap:40px; align-items: stretch;}
.stb-book-card {width:30.6%;}
/* .stb-book-cover {height:144px; background:var(--gray-9); border-radius:0.5rem;} */
dl.stb-book-txt {margin-top:0.875rem;}
dl.stb-book-txt dt {font-size:0.8rem; color:var(--gray-3); font-weight:500; line-height:16px; text-align:center;}
dl.stb-book-txt dd {text-align:center; padding-top:0.8rem;}
dl.stb-book-txt dd span {font-size:0.6rem; color:var(--gray-3); font-weight:400; text-align:center; border:1px solid var(--gray-4); padding:0.3rem 0.3rem 0.3rem 0.3rem; border-radius:1.5rem;}
.stb-book-detail {display:flex; flex-flow: row nowrap; column-gap:30px;}
.stb-book-detail .detail-bg {width:100px; height:140px; 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:0.8rem; color:var(--gray-17); font-weight:400;}
.stb-book-detail .detail-txt dl.detail-list1 {margin:0.875rem 0rem 0rem 0rem;}
.stb-book-detail .detail-txt dl.detail-list1 dt {font-size:1.5rem; color:var(--p-black); font-weight:800; line-height:24px;}
.stb-book-detail .detail-txt dl.detail-list1 dd {font-size:0.875rem; color:var(--gray-11); font-weight:400; padding-top:1rem;}
.stb-book-detail .detail-txt ul.detail-list2 {margin:1.5rem 0rem 0rem 0rem;}
.stb-book-detail .detail-txt ul.detail-list2 li {font-size:0.875rem; color:var(--gray-11); font-weight:600; line-height:18px;}
.stb-book-detail .detail-txt ul.detail-list2 li span {font-size:0.875rem; color:var(--gray-11); font-weight:400;}
.ic-right {margin:0rem 0.5rem; font-size:0.8rem;}
/*추천도서 탭 메뉴*/
.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: 1rem 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:0.875rem; 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:1.5rem 0rem;}
.tab-pane .txt-group p {font-size:1rem; color:var(--gray-3); font-weight:400; line-height:24px;}
/*스타일 추가 끝:0208*/
/*스타일 추가 시작:0314*/
/*progress3 추가 : 0314*/
.stb-progress-area {margin:3rem 1rem 1rem 1rem;}/*margin 수정:0328*/
.progress3 {display: -ms-flexbox; display: flex; height: 18px; 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("../images/icon/ic_circle.png") center no-repeat; background-size:contain;}
.stb-progress-img-area {position:relative; top:0px; left:-57px; width:23rem; 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 0.55rem;}
.stb-prog-img-box {width:40px; height:40px; background:var(--p-white); border:1px solid #DEE8F3; border-radius:0.35rem; padding-top:9px;}
.stb-prog-img-box.on {width:40px; height:40px; background:rgba(238,255,254,1); border:1px solid rgba(134,221,255,1); border-radius:0.35rem; box-shadow:0px 5px 5px rgba(0,255,240,0.15); padding-top:9px;}
.stb-img-size1 {width:20px;}
.stb-img-size2 {width:25px;}
/*스타일 추가 끝:0314*/
/*스타일 시작:0328*/
.stb-tag12 {display:inline-block; background:var(--tag-9); border-radius:1.5rem; padding:0.6rem 1rem 0.6rem 1rem; font-size:1rem; color:var(--p-white); font-weight:500; margin-bottom:1.5rem;}/*추가 : 0328*/
/*스타일 시작:0718*/
.stb-tag13 {display:inline-block; background:var(--accent-6); border-radius:0.5rem; padding:0.3rem 0.6rem 0.3rem 0.6rem; font-size:1rem; color:var(--p-white); font-weight:500; margin-right:1rem;}/*추가 : 0328*/
.stb-tag15 {display:inline-block; background:var(--tag-10); border-radius:1.5rem; padding:0.6rem 1rem 0.6rem 1rem; font-size:1rem; color:var(--p-white); font-weight:500; margin-bottom:1.5rem; line-height:1.5rem;}
.stb-tag16 {display:inline-block; background:var(--tag-11); border-radius:1.5rem; padding:0.6rem 1rem 0.6rem 1rem; font-size:1.35rem; color:var(--p-white); font-weight:500; margin-bottom:1rem; margin-right:1rem;}
.stb-tag17 {display:inline-block; background:var(--tag-12); border-radius:0.5rem; padding:0.6rem 1rem 0.6rem 1rem; font-size:1rem; color:var(--p-white); font-weight:500; margin-bottom:0.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:1rem; color:var(--p-white); font-weight:500; margin-bottom:0.5rem;}/*추가 : 0718*/
#grid1 {margin-left:1.3rem; border-bottom:1px solid var(--gray-19); padding:0rem 0rem 2rem 0rem; margin:0rem 0rem 3rem 0rem;}
/* #grid2 {margin-left:1.3rem;} */
#grid2 {margin-left:0rem;}/*margin수정:0531*/
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:2rem; margin-left:1.5rem;}
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 1rem 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 dt.l1 {font-size:1.25rem; color:var(--tag-11); font-weight:700; line-height:1.5rem; border-bottom:1px dashed var(--tag-11); padding-bottom:0.5rem; margin-bottom:1rem;}/*추가 : 0718*/
dl.stb-list-online4 dt.l2 {font-size:1.25rem; color:var(--tag-11); font-weight:700; line-height:1.5rem; border-bottom:1px dashed var(--tag-11); padding-bottom:0.5rem; margin-bottom:1rem;}/*추가 : 0718*/
dl.stb-list-online4 dt.l3 {font-size:1.25rem; color:var(--tag-13); font-weight:700; line-height:1.5rem; border-bottom:1px dashed var(--tag-13); padding-bottom:0.5rem; margin-bottom:1rem;}/*추가 : 0718*/
dl.stb-list-online4 dt.l4 {font-size:1.25rem; color:var(--tag-15); font-weight:700; line-height:1.5rem; border-bottom:1px dashed var(--tag-15); padding-bottom:0.5rem; margin-bottom:1rem;}/*추가 : 0718*/
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:0rem; 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*/
.stb-img-thumb2 {margin:1.5rem 0rem 2rem 0rem;}/*추가:0328*/
/*스타일 끝: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:1rem; color:var(--gray-2); font-weight:600; border-bottom:1px solid var(--gray-21); padding:1rem 0rem;}
section#today span.stb-info-link a {float:right; font-size:0.7rem; color:var(--gray-14); font-weight:300; margin-top:0rem; 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);}
.stb-tag14 {display:inline-block; background:var(--tag-7); border-radius:0.5rem; padding:0.3rem 0.6rem 0.3rem 0.6rem; font-size:0.7rem; color:var(--tag-6); font-weight:500; margin-right:1rem; margin-bottom:0.7rem;}/*추가 : 0414*/
/*스타일 끝:0414*/
/*sindok - stb-carousel*/
.stb-carousel .carousel-inner .carousel-item .col {
flex: 0 0 100%; /* 너비 33% */
max-width: 100%;
}
/*스타일추가 시작 : 0531*/
.stb-box-style1 {background:var(--p-white); border:1px solid var(--gray-6); border-radius:0.625rem; padding:1.25rem; margin-right:0rem;}
.stb-box-style2 {background:var(--bg-9); border:1px solid var(--gray-6); border-radius:0.625rem; padding:1.25rem; margin-right:0rem;}
/*스타일추가 끝 : 0531*/
/*스타일추가 시작 : 0718*/
.stb-box-style3 {background:var(--p-white); border:1px solid var(--accent-9); border-radius:0.625rem; padding:1.25rem; margin-right:0rem;}
.stb-box-style4 {background:var(--p-white); border:1px solid var(--accent-10); border-radius:0.625rem; padding:1.25rem; margin-right:0rem;}
/*스타일추가 끝 : 0718*/
}
/*min-width: 576px*/
@media screen and (min-width:576px) {
.stb-headline {
display: block;
position: relative;
top: 10rem;
text-align: center;
}
.stb-headline .stb-head-logo {
display: inline-block;
width: 200px;
height: 35px;
background-image: url("/static/east154/images/logo_main.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid var(--p-white);
padding-bottom: 5rem;
}
.stb-headline .stb-head-text {
display: block;
font-size: 1.2rem;
color: var(--p-white);
font-weight: 500;
margin-top: 1rem;
margin-bottom: 8rem;
}
a.stb-btn-first {
padding: 0.8rem 2rem;
font-size: 0.8rem;
color: var(--p-white);
font-weight: 500;
text-decoration: none;
background: transparent;
border: 1px solid var(--p-white);
border-radius: 2rem;
transition-duration: 0.2s;
}
a.stb-btn-first:hover {
background: rgba(0, 0, 0, 1);
border: 1px solid rgba(0, 0, 0, 1);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
transition-duration: 0.2s;
}
a.stb-btn-first::after {
display: inline-block;
content: "";
position: relative;
top: 0px;
left: 16px;
width: 1rem;
height: 1rem;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
color: var(--p-white);
}
footer#footer {
display: none;
padding-bottom: 3rem;
}
footer#footer_ta {
display: block;
padding: 2rem 0rem 3rem 0rem;
}
/*section#study {display:none; padding:0rem 0rem 5rem 0rem;}
section#study_ta {display:block; padding:0rem 0rem 5rem 0rem;}*/
}
/* 세로모드 모바일 디바이스 (가로 해상도가 768px 보다 작은 화면에 적용) */
@media (max-width: 768px) {
.stb-headline {
display: block;
position: relative;
top: 10rem;
text-align: center;
}
.stb-headline .stb-head-logo {
display: inline-block;
width: 200px;
height: 35px;
background-image: url("/static/east154/images/logo_main.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid var(--p-white);
padding-bottom: 5rem;
}
.stb-headline .stb-head-text {
display: block;
font-size: 1.2rem;
color: var(--p-white);
font-weight: 500;
margin-top: 1rem;
margin-bottom: 8rem;
}
.modal-dialog.stb-modal-width {
max-width: 90%;
margin: 1.75rem auto;
}
/*추가 : 0919*/
/*.stb-pc4 {display:none;}/*추가 : 0828*/
/*.stb-mo4 {display:none;}/*추가 : 0828*/
/*.stb-tablet4 {display:block;}/*추가 : 0828*/
/*.stb-sub-img {margin-top:64px; height:21.5rem; background:url("/static/east154/images/img_fold/img_online2.png") no-repeat; background-size:cover; background-position:center;}/*추가 : 0828*/
/*수정:메인이미지, 이미지 영역 높이 수정-0919*/
/*.stb-sub-img {margin-top:64px; height:10.5rem; background:url("/static/east154/images/img_fold/img_online2.png") no-repeat; background-size:cover; background-position:center;}/*추가 : 0828*/
/*수정:메인이미지, 이미지 영역 높이 수정-0919*/
.stb-sub-img {
margin-top: 64px;
height: 10.5rem;
background: url("/static/east154/images/img_fold/img_online3.png") no-repeat;
background-size: cover;
background-position: top center;
}
/*추가 : 0828*/
/*수정:메인이미지, 이미지 영역 높이 수정-0919*/
/*배경이미지 수정-1120/position 위치 수정-0531*/
.stb-sub-img dl.stb-list-online {
position: relative;
top: 4rem;
}
/*추가 : 0828*/
/*수정:top값 수정-0919*/
.stb-sub-img dl.stb-list-online dt.item {
font-size: 2rem;
color: var(--p-white);
font-weight: 700;
margin-bottom: 2rem;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0828*/
/*수정:font-size, font-weight 수정-0919*/
.stb-sub-img dl.stb-list-online dd.item {
font-size: 1.2rem;
color: var(--p-white);
font-weight: 400;
line-height: 2rem;
letter-spacing: -1px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0828*/
/*수정:font-size, font-weight, line-hegit 수정-0919*/
/*추가 시작 : 0718*/
.stb-sub-img1 {margin-top:64px; height:10.5rem; 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:4rem;}
.stb-sub-img1 dl.stb-list-online dt.item {font-size:2rem; color:var(--p-white); font-weight:700; 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:1.2rem; color:var(--p-white); font-weight:400; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img2 {margin-top:64px; height:10.5rem; 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:4rem;}
.stb-sub-img2 dl.stb-list-online dt.item {font-size:2rem; color:var(--p-white); font-weight:700; 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:1.2rem; color:var(--p-white); font-weight:400; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img3 {margin-top:64px; height:10.5rem; 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:4rem;}
.stb-sub-img3 dl.stb-list-online dt.item {font-size:2rem; color:var(--p-white); font-weight:700; 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:1.2rem; color:var(--p-white); font-weight:400; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
/*추가 끝 : 0718*/
section#study {
display: none;
padding: 0rem 0rem 5rem 0rem;
}
section#study_ta {
display: block;
padding: 0rem 0rem 5rem 0rem;
}
footer#footer {
display: none;
padding-bottom: 3rem;
}
footer#footer_ta {
display: block;
padding: 2rem 0rem 3rem 0rem;
}
}
/*min-width: 768px*/
@media screen and (min-width:768px) {
.stb-headline {
display: block;
position: relative;
top: 12rem;
text-align: center;
}
.stb-headline .stb-head-logo {
display: inline-block;
width: 300px;
height: 52px;
background-image: url("/static/east154/images/logo_main.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid var(--p-white);
padding-bottom: 5rem;
}
.stb-headline .stb-head-text {
display: block;
font-size: 1.5rem;
color: var(--p-white);
font-weight: 500;
margin-top: 1rem;
margin-bottom: 8rem;
}
a.stb-btn-first {
padding: 0.8rem 2rem;
font-size: 1rem;
color: var(--p-white);
font-weight: 500;
text-decoration: none;
background: transparent;
border: 1px solid var(--p-white);
border-radius: 2rem;
transition-duration: 0.2s;
}
a.stb-btn-first:hover,
a.stb-btn-first:press {
background: rgba(0, 0, 0, 1);
border: 1px solid var(--p-black);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
transition-duration: 0.2s;
}
.ellipsis1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ellipsis2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ellipsis3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/*추가:0110*/
.stb-mp-area {background:rgba(226,230,237,0.24); border-radius:1rem; padding:0.75rem ;}
/* .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-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:cover; border-radius:0.625rem; text-align:center;}
.stb-step-data {display:inline-block; position:relative; top:-14rem; left:calc(100% - 3.0rem); 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-progress-area {margin:3.75rem 3.75rem 1rem 3.75rem;}추가:0314 */
.stb-progress-area {margin:3.75rem 3.75rem 1rem 3.75rem;}/*추가:0314*//*margin 수정:0328*/
section#news {
display: none;
padding: 0rem 0rem 6rem 0rem;
}
section#news_ta {
display: flex;
padding: 0rem 0rem 6rem 0rem;
}
footer#footer {
display: none;
padding-bottom: 3rem;
}
/*수정 : 0828*/
footer#footer_ta {
display: block;
padding: 2rem 0rem 3rem 0rem;
}
/*수정 : 0828*/
}
/*Large devices (desktops, 992px and up*/
@media screen and (min-width:992px) {
.stb-headline {
display: block;
position: relative;
top: 10rem;
text-align: center;
}
.stb-headline .stb-head-logo {
display: inline-block;
width: 400px;
height: 69px;
background-image: url("/static/east154/images/logo_main.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid var(--p-white);
padding-bottom: 5rem;
}
.stb-headline .stb-head-text {
display: block;
font-size: 2rem;
color: var(--p-white);
font-weight: 500;
margin-top: 1rem;
margin-bottom: 8rem;
}
/*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: 3%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; box-shadow:none;}
.carousel-control-prev.stb-position-prev {left: -40px; height:100%;}
.carousel-control-next.stb-position-next {right: -40px; 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 -- 끝*/
/*추가:1226 - 시작*/
.stb-tab-right {flex-basis: 35%; margin-top:0.5rem;}
.stb-btn-more1{padding:0.9rem 3rem;}
/*추가:1226 - 끝*/
}
/*Large devices (desktops, 1024px and up*/
@media screen and (min-width:1024px) {
.stb-headline {
display: block;
position: relative;
top: 15rem;
text-align: center;
}
.stb-headline .stb-head-logo {
display: inline-block;
width: 400px;
height: 69px;
background-image: url("/static/east154/images/logo_main.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid var(--p-white);
padding-bottom: 5rem;
}
.stb-headline .stb-head-text {
display: block;
font-size: 2rem;
color: var(--p-white);
font-weight: 500;
margin-top: 1rem;
margin-bottom: 8rem;
}
/*.stb-pc4 {display:block;}/*추가 : 0828*/
/*.stb-mo4 {display:none;}/*추가 : 0828*/
/*.stb-tablet4 {display:none;}/*추가 : 0828*/
.stb-pc7 {
display: none;
}
/*추가 : 0919*/
.stb-tablet7 {
display: block;
}
/*추가 : 0919*/
.modal-lg,
.modal-xl {
max-width: 900px;
}
/*.stb-sub-img {margin-top:64px; height:25.875rem; background:url("/static/east154/images/img_fold/img_online2.png") no-repeat; background-size:cover; background-position:center;}/*추가 : 0828*/
/*수정:메인이미지 - 0919*/
.stb-sub-img {
margin-top: 64px;
height: 25.875rem;
background: url("/static/east154/images/img_fold/img_online3.png") no-repeat;
background-size: cover;
background-position: top center;
}
/*추가 : 0828*/
/*수정:메인이미지 - 0919*/
/*배경이미지 수정-1120/position 위치 수정-0531*/
.stb-sub-img dl.stb-list-online {
position: relative;
top: 5.5rem;
}
/*추가 : 0828*/
/*수정:top값 수정-0919*/
.stb-sub-img dl.stb-list-online dt.item {
font-size: 2rem;
color: var(--p-white);
font-weight: 700;
margin-bottom: 2rem;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0919*/
.stb-sub-img dl.stb-list-online dd.item {
font-size: 1.2rem;
color: var(--p-white);
font-weight: 400;
line-height: 2rem;
letter-spacing: -1px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0919*/
/*추가 시작 : 0718*/
.stb-sub-img1 {margin-top:64px; height:25.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:5.5rem;}
.stb-sub-img1 dl.stb-list-online dt.item {font-size:2rem; color:var(--p-white); font-weight:700; 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:1.2rem; color:var(--p-white); font-weight:400; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img2 {margin-top:64px; height:25.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:5.5rem;}
.stb-sub-img2 dl.stb-list-online dt.item {font-size:2rem; color:var(--p-white); font-weight:700; 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:1.2rem; color:var(--p-white); font-weight:400; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img3 {margin-top:64px; height:25.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:5.5rem;}
.stb-sub-img3 dl.stb-list-online dt.item {font-size:2rem; color:var(--p-white); font-weight:700; 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:1.2rem; color:var(--p-white); font-weight:400; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
/*추가 끝 : 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: 33.33%;
}
/*추가 : 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: 3rem;
color: var(--gray-2);
font-weight: 600;
text-align: center;
margin-top: 2rem;
}
/*추가 : 0828*/
/*수정:font-size, margin값 변경-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-time span {
font-size: 2rem;
font-weight: 300;
}
/*추가 : 0828*/
/*수정:font-size 추가-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-favorite {
font-size: 3rem;
color: var(--gray-2);
font-weight: 600;
text-align: center;
margin-top: 2rem;
}
/* sindok 추가 */
.stb-my-study .stb-box .stb-data-group .stb-my-favorite i {
color: orange;
}
.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-ic-goal {
display: inline-block;
position: relative;
top: 0rem;
left: 12.5rem;
width: 43px;
height: 33px;
background: url("/static/east154/images/icon/ic_goal.png") center no-repeat;
}
/*추가 : 0919*/
/*추가:1127-시작*/
.stb-sub-layout2 .stb-lnb-1d {
width: 167px;
height: auto;
}
/*height:700px 수정:1216*/
.stb-sub-layout2 .stb-lnb-2d {
width: 162px;
height: auto;
background: var(--gray-9);
padding: 0rem 1rem;
}
/*heigh:700pxt 수정:1216*/
.stb-cont-wrap .stb-cont-vis {
align-items: stretch;
width: 100%;
text-align: center;
}
.stb-cont-wrap .stb-cont-text {
width: 100%;
padding: 1.5rem 0rem 0rem 0rem;
}
/*.stb-cont-wrap .stb-cont-text p {
font-size: 1.2rem;
font-weight: 300;
color: var(--gray-3);
line-height: 1.875rem;
}*/
.stb-cont-wrap .stb-cont-text p {font-size:1.2rem; font-weight:300; color:var(--gray-3); line-height:2.5rem;}/*line-height 수정:0208*/
/*
/*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;}
.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;}
/*blue player:0208
.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-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:15%; 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;}
*/
.carousel-control-prev {
position: relative;
top: 23px;
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: -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-prev {
left: 124px;
}
.carousel-control-next {
right: -330px;
}
/*추가:1127-끝*/
/*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: 3%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; box-shadow:none;}
.carousel-control-prev.stb-position-prev {left: -40px; height:100%;}
.carousel-control-next.stb-position-next {right: -40px; 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 -- 끝*/
/*추가:1226 - 시작*/
/*.stb-tab-right {margin-top:0.5rem;}*/
.stb-tab-right {flex-basis: auto; margin-top:1.1rem;}/*margin-top 추정:0208*/
.stb-btn-more1{padding:0.9rem 3rem;}
/*추가:1226 - 끝*/
/*추가:0110*/
.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;}
/*추가:0110*/
.stb-mp-area {background:rgba(226,230,237,0.24); border-radius:1rem; padding:0.75rem ;}
/* .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;} */
footer#footer {
display: block;
padding-bottom: 3rem;
}
/*수정 : 0828*/
footer#footer_ta {
display: none;
padding: 2rem 0rem 3rem 0rem;
}
/*수정 : 0828*/
}
/*Large devices (desktops, 1180px and up*/
@media screen and (min-width:1180px) {
.stb-headline {
display: block;
position: relative;
top: 15rem;
text-align: center;
}
.stb-headline .stb-head-logo {
display: inline-block;
width: 400px;
height: 69px;
background-image: url("/static/east154/images/logo_main.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid var(--p-white);
padding-bottom: 5rem;
}
.stb-headline .stb-head-text {
display: block;
font-size: 2rem;
color: var(--p-white);
font-weight: 500;
margin-top: 1rem;
margin-bottom: 8rem;
}
/*.stb-sub-img {margin-top:64px; height:32.875rem; background:url("/static/east154/images/img_fold/img_online2.png") no-repeat; background-size:cover; background-position:center;}/*추가 : 0828*/
/*수정:메인이미지 - 0919*/
.stb-sub-img {
margin-top: 64px;
height: 32.875rem;
background: url("/static/east154/images/img_fold/img_online3.png") no-repeat;
background-size: cover;
background-position: top center;
}
/*추가 시작:0718*/
.stb-sub-img1 {margin-top:64px; height:32.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:10em;}
.stb-sub-img1 dl.stb-list-online dt.item {font-size:2rem; 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:1.5rem; color:var(--p-white); font-weight:500; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img2 {margin-top:64px; height:32.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:10em;}
.stb-sub-img2 dl.stb-list-online dt.item {font-size:2rem; 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:1.5rem; color:var(--p-white); font-weight:500; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img3 {margin-top:64px; height:32.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:10em;}
.stb-sub-img3 dl.stb-list-online dt.item {font-size:2rem; 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:1.5rem; color:var(--p-white); font-weight:500; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
/*추가 끝 : *0718/
/*추가 : 0828*/
/*수정:메인이미지 - 0919*/
/*배경이미지 수정-1120/position 위치 수정-0531*/
.stb-sub-img dl.stb-list-online {
position: relative;
top: 10em;
}
/*추가 : 0828*/
/*수정:top값 수정-0919*/
.stb-sub-img dl.stb-list-online dt.item {
font-size: 2rem;
color: var(--p-white);
font-weight: 500;
margin-bottom: 2rem;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0828*/
/*수정:font-size, font-weight 수정-0919*/
.stb-sub-img dl.stb-list-online dd.item {
font-size: 1.5rem;
color: var(--p-white);
font-weight: 500;
line-height: 2rem;
letter-spacing: -1px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0828*/
/*수정:font-size, font-weight, line-hegit 수정-0919*/
.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: 33.33%;
}
/*추가 : 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: 3rem;
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: 2rem;
font-weight: 300;
}
/*추가 : 0828*/
/*수정:font-size 추가-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-favorite {
font-size: 3rem;
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-favorite i {
color: orange;
}
.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-ic-goal {
display: inline-block;
position: relative;
top: 0rem;
left: 12.5rem;
width: 43px;
height: 33px;
background: url("/static/east154/images/icon/ic_goal.png") center no-repeat;
}
/*추가 : 0919*/
/*추가:1127-시작*/
.carousel-control-prev {
position: relative;
top: 23px;
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: -26px;
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: 120px;
}
.carousel-control-next {
right: -340px;
}
/*추가:1127-끝*/
/*추가:1216*/
.stb-cont-wrap .stb-cont-vis {
align-items: stretch;
width: 325px;
}
.stb-cont-wrap .stb-cont-text {width:330px; padding:0rem 0rem 0rem 2rem;}/*width값, padding값 수정변경:0208*/
/*.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*/
/*추가:0110*/
.stb-mp-area {background:rgba(226,230,237,0.24); border-radius:1rem; padding:0.75rem ;}
/*.stb-mp-area .stb-mp-edit {display:inline-block; position:relative; top:-2.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-progress-area {margin:3.75rem 3.75rem 1rem 3.75rem;}/*추가:0328*/
}
/*X-Large devices (large desktops, 1200px and up*/
@media screen and (min-width:1200px) {
.stb-headline {
display: block;
position: relative;
top: 20rem;
text-align: center;
}
.stb-headline .stb-head-logo {
display: inline-block;
width: 400px;
height: 69px;
background-image: url("/static/east154/images/logo_main.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid var(--p-white);
padding-bottom: 5rem;
}
.stb-headline .stb-head-text {
display: block;
font-size: 2rem;
color: var(--p-white);
font-weight: 500;
margin-top: 1rem;
margin-bottom: 8rem;
}
/*.stb-sub-img {margin-top:64px; height:37.875rem; background:url("/static/east154/images/img_fold/img_online2.png") no-repeat; background-size:cover; background-position:center;}추가 : 0828/*수정:메인이미지 - 0919*/
.stb-sub-img {
margin-top: 64px;
height: 37.875rem;
background: url("/static/east154/images/img_fold/img_online3.png") no-repeat;
background-size: cover;
background-position: top center;
}
/*추가 : 0828*/
/*수정:메인이미지 - 0919*/
/*배경이미지 수정-1120/position 위치 수정-0531*/
.stb-sub-img dl.stb-list-online {
position: relative;
top: 12em;
}
/*추가 : 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);
}
/*추가 시작 : 0718*/
.stb-sub-img1 {margin-top:64px; height:37.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:12em;}
.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:37.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:12em;}
.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:37.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:12em;}
.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);}
/*추가 끝 : 00718*/
/*추가 : 0828*/
.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: 33.33%;
}
/*추가 : 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-favorite {
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-favorite i {
color: orange;
}
.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-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;
}
/*추가 : 0919*/
/*추가:1127-시작*/
.carousel-control-prev {
position: relative;
top: 23px;
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: -26px;
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: 217px;
}
/*.carousel-control-next {
right: -431px;
}*/
.carousel-control-next {right: -420px;}/*수정:0208*/
/*추가:1127-끝*/
.stb-progress-area {margin:3.75rem 8.75rem 1rem 8.75rem;}/*추가:0328*/
.stb-img-thumb-txt-wrap ul.stb-list-txt1 li{
font-size: 1.5rem;
line-height: 2.5rem;
}
}
/*Large devices (desktops, 1400px and up*/
@media screen and (min-width:1400px) {
.stb-headline {
display: block;
position: relative;
top: 30rem;
text-align: center;
}
.stb-headline .stb-head-logo {
display: inline-block;
width: 400px;
height: 69px;
background-image: url("/static/east154/images/logo_main.png");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid var(--p-white);
padding-bottom: 5rem;
}
.stb-headline .stb-head-text {
display: block;
font-size: 2rem;
color: var(--p-white);
font-weight: 500;
margin-top: 1rem;
margin-bottom: 8rem;
}
a.stb-btn-first {
padding: 0.8rem 2rem;
font-size: 1.2rem;
color: var(--p-white);
font-weight: 500;
text-decoration: none;
background: transparent;
border: 1px solid var(--p-white);
border-radius: 2rem;
transition-duration: 0.2s;
}
a.stb-btn-first:hover,
a.stb-btn-first:press {
background: rgba(0, 0, 0, 1);
border: 1px solid var(--p-black);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
transition-duration: 0.2s;
}
a.stb-btn-first::after {
display: inline-block;
content: "";
position: relative;
top: 0px;
left: 16px;
width: 1rem;
height: 1rem;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
color: var(--p-white);
}
.ellipsis1 {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ellipsis2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ellipsis3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/*.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:center;}/*추가 : 0828*/
/*수정:메인이미지 - 0919*/
.stb-sub-img {
margin-top: 64px;
height: 42.875rem;
background: url("/static/east154/images/img_fold/img_online3.png") no-repeat;
background-size: cover;
background-position: top center;
}
/*추가 시작 : 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);}
/*추가 끝 : 0718*/
/*추가 : 0828*/
/*수정:메인이미지 - 0919*/
/*배경이미지 수정-1120/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*/
/*추가:1127-시작*/
.carousel-control-prev {
position: relative;
top: 23px;
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: -26px;
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);
}
/*추가:1127-끝*/
}
/* 세로모드 모바일 디바이스 (가로 해상도가 576px 보다 작은 화면에 적용) */
@media (max-width: 575px) {}
/* 가로모드 모바일 디바이스 (가로 해상도가 576px보다 크고 768px 보다 작은 화면에 적용) */
@media (min-width: 576px) and (max-width: 767px) {
/*.stb-sub-img {margin-top:64px; height:18.5rem; background:url("/static/east154/images/img_fold/img_online2.png") no-repeat; background-size:cover; background-position:center;}/*추가 : 0828*/
/*수정:메인이미지, 이미지 영역 높이 수정-0919*/
.stb-sub-img {
margin-top: 64px;
height: 18.5rem;
background: url("/static/east154/images/img_fold/img_online3.png") no-repeat;
background-size: cover;
background-position: top center;
}
/*추가 : 0828*/
/*수정:메인이미지, 이미지 영역 높이 수정-0919*/
/*배경이미지 수정-1120/position 위치 수정-0531*/
.stb-sub-img dl.stb-list-online {
position: relative;
top: 3rem;
}
/*추가 : 0828*/
/*수정:top값 수정-0919*/
.stb-sub-img dl.stb-list-online dt.item {
font-size: 2rem;
color: var(--p-white);
font-weight: 700;
margin-bottom: 2rem;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0828*/
/*수정:font-size, font-weight 수정-0919*/
.stb-sub-img dl.stb-list-online dd.item {
font-size: 1.2rem;
color: var(--p-white);
font-weight: 400;
line-height: 2rem;
letter-spacing: -1px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0828*/
/*수정:font-size, font-weight, line-hegit 수정-0919*/
}
/*태블릿 디바이스 (가로 해상도가 768px보다 크고 991px 보다 작은 화면에 적용) */
@media (min-width: 768px) and (max-width: 991px) {
section#study {
display: none;
padding: 0rem 0rem 5rem 0rem;
}
section#study_ta {
display: block;
padding: 0rem 0rem 5rem 0rem;
}
.stb-pc2 {
display: none;
}
/*추가 : 1127*/
.stb-mo2 {
display: none;
}
/*추가 : 1127*/
.stb-tablet2 {
display: block;
}
/*추가 : 1127*/
/*추가-0919*/
.stb-pc6 {
display: none;
}
/*추가 : 0919*/
.stb-mo6 {
display: block;
}
/*추가 : 0919*/
.stb-pc7 {
display: none;
}
/*추가 : 0919*/
.stb-tablet7 {
display: block;
}
/*추가 : 0919*/
.stb-pc8 {
display: none;
}
/*추가 : 1127*/
.stb-mo8 {
display: block;
}
/*추가 : 1127*/
.stb-tablet8 {
display: none;
}
/*추가 : 1127*/
.stb-pc9 {display:none;}/*추가 : 0110*/
.stb-mo9 {display:none;}/*추가 : 0110*/
.stb-mo9-mp {display:none;}/*추가 : 0110*/
.stb-tablet9 {display:block;}/*추가 : 0110*/
/*.stb-sub-img {margin-top:64px; height:21.5rem; background:url("/static/east154/images/img_fold/img_online2.png") no-repeat; background-size:cover; background-position:center;}/*추가 : 0919*/
.stb-sub-img {
margin-top: 64px;
height: 21.5rem;
background: url("/static/east154/images/img_fold/img_online3.png") no-repeat;
background-size: cover;
background-position: top center;
}
/*추가 시작 : 0718*/
.stb-sub-img1 {margin-top:64px; height:21.5rem; 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:4rem;}
.stb-sub-img1 dl.stb-list-online dt.item {font-size:2rem; color:var(--p-white); font-weight:700; 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:1.2rem; color:var(--p-white); font-weight:400; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img2 {margin-top:64px; height:21.5rem; 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:4rem;}
.stb-sub-img2 dl.stb-list-online dt.item {font-size:2rem; color:var(--p-white); font-weight:700; 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:1.2rem; color:var(--p-white); font-weight:400; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.stb-sub-img3 {margin-top:64px; height:21.5rem; 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:4rem;}
.stb-sub-img3 dl.stb-list-online dt.item {font-size:2rem; color:var(--p-white); font-weight:700; 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:1.2rem; color:var(--p-white); font-weight:400; line-height:2rem; letter-spacing:-1px; text-shadow:0px 0px 8px rgba(0,0,0,0.3);}
/*추가 끝 : 0718*/
/*추가 : 0919*/
/*배경이미지 수정-1120/position 위치 수정-0531*/
.stb-sub-img dl.stb-list-online {
position: relative;
top: 4rem;
}
/*추가 : 0828*/
/*수정:top값 수정-0919/position 위치 수정-0531*/
.stb-sub-img dl.stb-list-online dt.item {
font-size: 2rem;
color: var(--p-white);
font-weight: 700;
margin-bottom: 2rem;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0919*/
.stb-sub-img dl.stb-list-online dd.item {
font-size: 1.2rem;
color: var(--p-white);
font-weight: 400;
line-height: 2rem;
letter-spacing: -1px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
/*추가 : 0919*/
.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: 33.33%;
}
/*추가 : 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: 2rem;
color: var(--gray-2);
font-weight: 600;
text-align: center;
margin-top: 2.5rem;
}
/*추가 : 0828*/
/*수정:font-size, margin값 변경-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-time span {
font-size: 1.25rem;
font-weight: 300;
}
/*추가 : 0828*/
/*수정:font-size 추가-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-favorite {
font-size: 2rem;
color: var(--gray-2);
font-weight: 600;
text-align: center;
margin-top: 2.5rem;
}
/*추가 : 0828*/
/*수정:font-size, margin값 변경-0919*/
.stb-my-study .stb-box .stb-data-group .stb-my-favorite i {
color: orange;
}
.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-ic-goal {
display: inline-block;
position: relative;
top: 0rem;
left: 8rem;
width: 43px;
height: 33px;
background: url("/static/east154/images/icon/ic_goal.png") center no-repeat;
}
/*추가 : 0919*/
/*추가:0919 start*/
ul.stb-mo-table {
border-top: 2px solid var(--gray-3);
margin-bottom: 2rem;
}
ul.stb-mo-table li {
border-bottom: 1px solid var(--gray-6);
padding: 0.8rem 0.5rem;
}
ul.stb-mo-table li.stb-board-pin1 {
background: var(--gray-12);
}
ul.stb-mo-table li.stb-board-pin1>p {
padding: 0.5rem 0rem 0.5rem 0rem;
}
ul.stb-mo-table li>span {
font-size: 0.875rem;
color: var(--gray-5);
font-weight: 400;
}
ul.stb-mo-table li>p {
padding: 0.5rem 0rem 1rem 0rem;
}
ul.stb-mo-table li>p>a {
font-size: 1rem;
color: var(--gray-2);
font-weight: 400;
line-height: 1.2rem;
text-decoration: none;
}
ul.stb-mo-table li>p>a>span {
color: var(--accent-2);
}
ul.stb-mo-table li>span.stb-board-date1 {
color: var(--accent-2);
}
ul.stb-mo-table li>.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;
}
ul.stb-mo-table li>.stb-profile span.stb-profile-txt {
position: relative;
top: -0.5rem;
font-size: 0.75rem;
color: var(--gray-2);
font-weight: 600;
}
.stb-cont-bg {
padding: 0rem 2rem 7.375rem 2rem;
margin: 3.75rem 0rem 0rem 0rem;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(239, 252, 254) 100%);
background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(239, 252, 254) 100%);
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(239, 252, 254) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7dfff", GradientType=1);
border-radius: 0.625rem;
}
/*추가 : 0919*/
.stb-cont-info {
background: var(--p-white);
border-radius: 0.625rem;
border: 1px solid rgba(30, 211, 201, 0.42);
margin: 2.25rem 0rem 3.125rem 0rem;
padding: 1.5rem;
}
/*추가 : 0919*/
.stb-cont-info .stb-info-sub ul.stb-info {
margin-left: 1rem;
}
/*추가 : 0919*/
.stb-sub-title11 {
margin-bottom: 2rem;
text-align: left;
}
/*추가 : 0919*/
.stb-sub-title11 p {
font-size: 1.8rem;
color: var(--accent-3);
font-weight: 600;
margin-bottom: 2rem;
}
.stb-sub-title11 p.tit1 {font-size:1.8rem; color:var(--accent-5); font-weight:600; margin-bottom:2rem;}/*추가 : 0718*/
/*추가 : 0919*/
.stb-sub-txt1 {
font-size: 1.5rem;
color: var(--gray-1);
font-weight: 600;
line-height: 2rem;
}
/*추가 : 0919*/
.stb-sub-txt2 {
font-size: 1.3rem;
color: var(--gray-1);
font-weight: 300;
line-height: 1.8rem;
margin-top: 2rem;
}
/*추가 : 0919*/
.modal-dialog {
max-width: 800px;
margin: 1.75rem auto;
}
/*추가:0919 end*/
/*추가:1127 start*/
.stb_sub_deactive.mo_head1 {
height: 116px;
}
/*추가:1127*/
.stb_sub_deactive.mo_head2 {
height: 169px;
}
/*추가:1127*/
.stb-btn-group3 {
text-align: center;
margin-bottom: 1rem;
}
.stb-sub-layout2 {
margin-top: 116px;
}
/*추가,수정:1127*/
.stb-mt {
margin-top: 12.125rem;
}
div.mo_scrollmenu1 {
overflow-y: auto;
white-space: nowrap;
border-bottom: 1px solid var(--gray-6);
}
div.mo_scrollmenu1::-webkit-scrollbar {
width: 1px;
height: 1px;
}
div.mo_scrollmenu1 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.mo_scrollmenu1 a:hover {
color: var(--gray-2);
font-weight: 500;
border-bottom: 3px solid var(--primary-1);
}
div.mo_scrollmenu1 a:focus,
div.scrollmenu a:press {
color: var(--gray-2);
font-weight: 500;
border-bottom: 3px solid var(--primary-1);
}
div.mo_scrollmenu1 a.active {
color: var(--gray-2);
font-weight: 500;
border-bottom: 3px solid var(--primary-1);
}
div.mo_scrollmenu2 {
overflow-y: auto;
white-space: nowrap;
margin: 0rem 0rem 0rem 0.5rem;
padding-top: 0.5rem;
}
div.mo_scrollmenu2::-webkit-scrollbar {
width: 1px;
height: 1px;
}
div.mo_scrollmenu2::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
div.mo_scrollmenu2 a {
display: inline-block;
padding: 0.5rem 1rem;
border-radius: 1rem;
background: var(--bg-7-tab);
font-size: 1rem;
color: var(--gray-3);
text-align: center;
font-weight: 400;
text-decoration: none;
border-bottom: none;
}
div.mo_scrollmenu2 a:hover {
color: var(--gray-2);
background: var(--bg-7-tab-hov);
}
div.mo_scrollmenu2 a:focus,
div.scrollmenu a:press {
color: var(--gray-2);
background: var(--bg-7-tab-hov);
font-weight: 400;
border-bottom: none;
}
div.mo_scrollmenu2 a.active {
color: var(--gray-2);
background: var(--bg-7-tab-hov);
font-weight: 500;
border-bottom: none;
}
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 {
width: 100%;
height: 1013px;
}
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg {
height: 1013px;
background: url("/static/east154/images/img_fold/mediworld/img_intro.png") center no-repeat;
background-size: cover;
padding: 2.25rem 1rem 1rem 1rem;
}
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-online-tit {
text-align: center;
}
.stb-sub-layout2 .stb-sec-group .stb-main-cont-group1 .stb-online-bg .stb-online-tit p {
font-size: 1.75rem;
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: 1rem;
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: 80px;
left: 10px;
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: 275px;
right: 13px;
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: 478px;
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: 815px;
left: 0px;
right: 0px;
width: 300px;
margin: 0 auto;
padding: 0.5rem 0rem;
background: #001D98;
border-radius: 18px;
font-size: 0.875rem;
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 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-group2 {
width: 100%;
}
.stb-cont-title {
text-align: center;
}
.stb-cont-title span {
font-size: 1rem;
color: var(--gray-4);
font-weight: 500;
}
.stb-cont-title p {
font-size: 1.75rem;
color: var(--accent-4);
font-weight: 700;
margin-top: 1rem;
}
.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: 100%;
text-align: center;
}
.stb-cont-wrap .stb-cont-text {
width: 100%;
padding: 1.5rem 0rem 0rem 0rem;
}
.stb-cont-wrap .stb-cont-text p {
font-size: 1.2rem;
font-weight: 300;
color: var(--gray-3);
line-height: 1.875rem;
}
/*
/*Player 추가:0208
.stb-player-group {margin-top:0rem; margin-bottom:1.5rem;}
.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.9375rem; 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.875rem; color:var(--gray-4); font-weight:300;}
.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;}
/*blue player:0208
.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-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:15%; 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;}
*/
/*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: 3.5%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; box-shadow:none;}
.carousel-control-prev.stb-position-prev {left: -30px; height:100%;}
.carousel-control-next.stb-position-next {right: -30px; 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 -- 끝*/
/*추가:1226 - 시작*/
.stb-tab-right { margin-top:0.5rem;}
.stb-btn-more1{padding:0.9rem 3rem;}
/*추가:1226 - 끝*/
@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.8;
background: rgba(159, 166, 177, 1);
border-radius: 2px;
}
.carousel-control-prev {
position: fixed;
top: 380px;
bottom: 0px;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 48px;
height: 48px;
text-align: center;
opacity: 0.8;
transition: opacity 0.15s ease;
border: none;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.carousel-control-next {
position: fixed;
top: 380px;
bottom: 0px;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 48px;
height: 48px;
text-align: center;
opacity: 0.8;
transition: opacity 0.15s ease;
border: none;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.carousel-control-prev {
left: 0px;
}
.carousel-control-next {
right: 0px;
}
.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 {
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");
}
/*추가:1127 end*/
/* 데스크탑 (가로 해상도가 992px보다 크고 1199px 보다 작은 화면에 적용) */
@media (min-width: 992px) and (max-width: 1199px) {
section#study {
display: none;
padding: 0rem 0rem 5rem 0rem;
}
section#study_ta {
display: block;
padding: 0rem 0rem 5rem 0rem;
}
.stb-pc7 {
display: none;
}
/*추가 : 0919*/
.stb-tablet7 {
display: block;
}
/*추가 : 0919*/
.modal-lg,
.modal-xl {
max-width: 850px;
}
/*추가 : 0919*/
}
}
/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media (min-width: 1200px) {
.stb-pc7 {
display: block;
}
/*추가 : 0919*/
.stb-tablet7 {
display: none;
}
/*추가 : 0919*/
.modal-lg,
.modal-xl {
max-width: 1145px;
}
/*추가 : 0919*/
}