.notice {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  background: #fafafa;
  line-height: 1;
  gap: 16px;
}
.notice a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
  font-size: 14px;
}
.notice .title-wrap {
  text-align: left;
  flex-grow: 1;
  height: 26px;
  min-width: 0;
  min-height: 0;
}
.notice .title-wrap a:hover,
.notice .title-wrap a:focus {
  text-decoration: underline;
}
.notice .slider-vertical {
  overflow: hidden;
}
.notice .slider-vertical .swiper-slide {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.notice .slider-vertical .swiper-wrapper {
  min-height: 0;
  height: 26px;
}
.notice .badge {
  background-color: rgba(0, 0, 0, 0.5);
  flex-grow: 0;
}
.notice .date {
  margin-left: 10px;
  color: #a4a4a4;
  font-size: 13px;
  font-weight: 300;
  flex-shrink: 0;
}

.guide-items {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.guide-items a {
  display: flex;
  flex-grow: 1;
  align-items: center;
  position: relative;
  padding: 10px 50px 10px 30px;
  border: 1px solid #e6e6e6;
  color: #000;
  font-size: 13px;
}
.guide-items a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 16px;
  height: 16px;
  background: url("/assets/images/common/icon-chevron-right-e606f83279b6adff72be7c6d04e995cc.svg") no-repeat center/contain;
  transform: translateY(-50%);
}
.guide-items a:nth-child(n+2) {
  margin-top: -1px;
}
.guide-items a:hover, .guide-items a:focus {
  z-index: 2;
}

.services {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 24px;
}
.services a {
  display: inline-block;
  flex-grow: 1;
  flex-basis: 16%;
  padding: 0 20px;
  text-align: center;
}
.services a:hover h3 {
  color: var(--color-primary);
}
.services a:hover .icon-button {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background-color: #fff;
}
.services h3 {
  margin-top: 16px;
  font-size: 14px;
}
.services .icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fafafa;
}
.services .icon-button svg {
  width: 32px;
  height: 32px;
}
.services .desc {
  margin-top: 6px;
  font-size: 13px;
}
.services .desc span {
  color: var(--color-primary);
}

.main-visual-section {
  margin-top: 0;
}
.main-visual-section .section-inner {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
.main-visual-section .visual-slider {
  height: 250px;
}
.main-visual-section .visual-slider .item {
  display: flex;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 0;
}
.main-visual-section .visual-slider .item img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2560px;
  max-width: unset;
  height: 100%;
  transform: translateX(-50%);
}
.main-visual-section .visual-slider .controller {
  display: flex;
  align-items: center;
  gap: 16px;
  position: absolute;
  bottom: 23px;
  left: calc((100% - 1320px) / 2);
  z-index: 3;
}
.main-visual-section .visual-slider .controller .controls {
  display: flex;
  align-items: center;
  gap: 12px;
}
.main-visual-section .visual-slider .indicator {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-visual-section .visual-slider .indicator > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  margin-top: 1px;
  font-size: 12px;
  line-height: 1;
  color: #000;
}
.main-visual-section .visual-slider .indicator > span.last-index {
  opacity: 0.3;
}
.main-visual-section .visual-slider .bar {
  position: relative;
  width: 80px;
  height: 1.5px;
  background-color: rgba(164, 164, 164, 0.4);
}
.main-visual-section .visual-slider .bar-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #000;
  transition: width 0.2s;
}
.main-visual-section .visual-slider .controls .slider-button {
  width: 12px;
  height: 12px;
  opacity: 0.3;
}
.main-visual-section .visual-slider .controls .slider-button:hover {
  opacity: 1;
}
.main-visual-section .visual-slider .controls .slider-button svg {
  width: 100%;
  height: 100%;
}
.main-visual-section .mybook-wrapper {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(236px);
  z-index: 3;
  width: 424px;
  height: 280px;
  padding: 20px;
  padding-bottom: 32px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px 0px rgba(58, 49, 77, 0.05);
}
.main-visual-section .mybook-wrapper .mybook-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
}
.main-visual-section .mybook-wrapper .mybook-header h3 {
  font-size: 16px;
  font-weight: bold;
}
.main-visual-section .mybook-wrapper hr {
  margin-top: 16px;
  margin-bottom: 20px;
  border-color: #ececec;
}
.main-visual-section .mybook-wrapper .mybook-body {
  display: flex;
  gap: 20px;
}
.main-visual-section .mybook-wrapper .mybook-slider {
  flex-shrink: 0;
  width: 208px;
  height: 182px;
  margin: 0;
}
.main-visual-section .mybook-wrapper .mybook-slider::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 202px;
  height: 21px;
  background: url("/assets/images/temp/img-mytextbook-desk-f5477a5604f2d4e039ba22d712ddfe2a.png") no-repeat bottom center/contain;
}
.main-visual-section .mybook-wrapper .item {
  width: 100%;
  height: 170px;
  text-align: center;
}
.main-visual-section .mybook-wrapper .item img {
  max-height: 171px;
  border:1px solid rgba(0, 0, 0, 0.1);
}
.main-visual-section .mybook-wrapper .slider-button {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 6px));
  z-index: 3;
  width: 20px;
  height: 20px;
  color: #d2d2d2;
  cursor: pointer;
}
.main-visual-section .mybook-wrapper .slider-button:hover {
  color: #626262;
}
.main-visual-section .mybook-wrapper .slider-button.button-prev {
  left: 0;
}
.main-visual-section .mybook-wrapper .slider-button.button-next {
  right: 0;
}
.main-visual-section .mybook-wrapper .slider-button svg {
  width: 100%;
  height: 100%;
}
.main-visual-section .mybook-wrapper .book-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding-bottom: 12px;
}
.main-visual-section .mybook-wrapper .book-title p {
  font-size: 12px;
  color: #838383;
}
.main-visual-section .mybook-wrapper .book-title h4 {
  font-size: 15px;
  /* (1457) 24-10-17 시작 */
  width: 154px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  /* (1457) 24-10-17 끝 */
}
.main-visual-section .buttons {
  margin-top: 15px;
}
.main-visual-section .buttons img {
  width: 20px;
  height: 20px;
}

.grid-items {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}
.grid-items > :nth-child(1) {
  grid-area: 1/1/3/3;
}
.grid-items > :nth-child(1) .image-wrap {
  height: 296px;
}
.grid-items > :nth-child(2) {
  grid-area: 1/3/2/4;
}
.grid-items > :nth-child(3) {
  grid-area: 1/4/2/5;
}
.grid-items > :nth-child(4) {
  grid-area: 1/5/2/6;
}
.grid-items > :nth-child(5) {
  grid-area: 2/3/3/4;
}
.grid-items > :nth-child(6) {
  grid-area: 2/4/3/5;
}
.grid-items > :nth-child(7) {
  grid-area: 2/5/3/6;
}
.grid-items > :nth-child(8) {
  grid-area: 3/1/4/2;
}
.grid-items > :nth-child(9) {
  grid-area: 3/2/4/3;
}
.grid-items > :nth-child(10) {
  grid-area: 3/3/4/4;
}
.grid-items > :nth-child(11) {
  grid-area: 3/4/4/5;
}
.grid-items > :nth-child(12) {
  grid-area: 3/5/4/6;
}
.grid-items .image-wrap {
  position: relative;
  overflow: hidden;
  height: 100px;
  background-image: url("/assets/images/common/img-no-data-91913e87c717c7448ba8692b6aafdc4c.svg");
  background-size: 15%;
  background-color: var(--color-primary-100);
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
.grid-items .image-wrap img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  max-width: none;
}
.grid-items .inner-wrap {
  margin-top: 10px;
}
.grid-items .title {
  white-space: normal;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  color: #000;
  font-size: 13px;
  min-height: 39px;
}
.grid-items a:hover .title,
.grid-items a:focus .title {
  text-decoration: underline;
}
.grid-items .divider-group {
  margin-bottom: 6px;
}

main {
  min-width: 1320px;
}

section,
section .section-inner {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
section.fluid {
  max-width: 100%;
}

.aside-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 40px;
}
.aside-container > :first-child {
  flex-grow: 1;
}
.aside-container.banners-container {
  gap: 10px;
}
.aside-container.banners-container h2{
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}
.aside-container .aside {
  flex: 0 0 calc(25% - 16px);
}
.aside-container .aside.banners {
  /*margin-top: 58px;*/
}
.aside-container .aside.banners .banner-slider{
  height:331px;
  padding-top: 58px;
}
.aside-container .aside.banners .banner-slider .controller{
  position:absolute;
  left:0;
  top:0;
  z-index:2;
}
.aside-container .aside.banners .banner-slider .controller .indicator{
  height:36px;
  padding:0 30px;
  font-size:18px;
  line-height:36px;
}
.aside-container .aside.banners .banner-slider .controller .indicator .this-index{
  color:var(--color-primary);
  font-weight:700;
}
.aside-container .aside.banners .banner-slider .controller .slider-button{
  position:absolute;
  top:50%;
  width:20px;
  height:20px;
  transform:translateY(-50%);
}
.aside-container .aside.banners .banner-slider .controller .slider-button.button-prev{
  left:0;
}
.aside-container .aside.banners .banner-slider .controller .slider-button.button-next {
  right: 0;
}
.aside-container .aside.banners .banner-slider .controller .slider-button svg{
  width:100%;
  height:100%;
}
.aside-container .aside.banners .banner-slider .all-btn{
  position:absolute;
  right:0;
  top:0;
  z-index:2;
}
.aside-container .aside.banners .banner-slider .all-btn button{
  display:block;
  position:static;
}
.aside-container .aside.banners .banner-slider .all-btn button svg{
  vertical-align:-2px;
}
.aside-container .aside.banners .webzin-slider{position:relative;width:312px;height:273px;}
.aside-container .aside.banners .webzin-slider .controller{display:flex;justify-content:space-between;align-items:center;position:absolute;right:0;bottom:0;z-index:2;width:100%;padding:9px 30px;}
.aside-container .aside.banners .webzin-slider .controller .swiper-pagination{position:static;width:initial;font-size:0;}
.aside-container .aside.banners .webzin-slider .controller .swiper-pagination .swiper-pagination-bullet{width:4px;height:4px;margin:0;background:#A4A4A4;opacity:1;}
.aside-container .aside.banners .webzin-slider .controller .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin:0 0 0 4px;}
.aside-container .aside.banners .webzin-slider .controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;background:#000;border-radius:10px;box-shadow:0px 4px 3px rgba(0,0,0,0.1);}
.aside-container .aside.banners .webzin-slider .controller .btn button{height:12px;font-size:0;}
.aside-container .aside.banners .webzin-slider .controller .btn button + button{margin-left:9px;}
.aside-container .aside.banners .webzin-slider .controller .btn svg{color:#000;}

.aside-container .aside.is-icon {
  flex: 0 0 calc(25% - 6px);
}
.aside-container .aside.is-icon > a {
  display: flex;
  align-items: center;
  gap: 16px;
}
.aside-container .aside.is-icon > a .icon{
  width:32px;
  height:32px;
  margin:0;
}
.aside-container .aside.is-icon > a svg {
  width: 32px;
  height: 32px;
}
.aside-container .aside.is-icon > a h3 {
  font-size: 13px;
  color: #000;
}
.aside-container .aside.is-icon > a p {
  font-size: 12px;
  color: #838383;
}
.aside-container .banners.type-size-fixed a {
  width: 470px;
  height: 183px;
  text-align: center;
  background-color: var(--color-primary-100);
}
.aside-container .banners.type-size-fixed a img {
  height: 100%;
}

.theme-middle .banners,
.theme-high .banners {
  gap: 10px;
}
.theme-middle .banners.type-size-fixed a,
.theme-high .banners.type-size-fixed a {
  width: 323px;
  height: 200px;
  text-align: center;
  background-color: var(--color-primary-100);
}
.theme-middle .banners.type-size-fixed a img,
.theme-high .banners.type-size-fixed a img {
  height: 100%;
}

/*초등 배너 전체보기 팝업*/
.popup.main-allbanner .popup-container{
  width:100%;
  height:100%;
  background:transparent;
}
.popup.main-allbanner .popup-container .body{
  height:100%;
  max-height:100%;
  padding:150px 22px;
  overflow-y:auto;
  overflow-x:hidden;
}
.popup.main-allbanner .main-banner-list{
  display:flex;
  flex-wrap:wrap;
  gap:56px 50px;
  width:872px;
  margin:0 auto;
}
.popup.main-allbanner .main-banner-list li{
  width:411px;
}
.popup.main-allbanner .main-banner-list li a{
  display:block;
}
.popup.main-allbanner .main-banner-list li img{
  width:100%;
}
.popup.main-allbanner .close-button{
  top:150px;
  right:50%;
  margin-right:-495px;
}
.popup.main-allbanner .close-button svg{
  width:40px;
  height:40px;
  color:#fff;
}


/* ****************************
  miraen ele Renewal : 25.02
 **************************** */
/* header */
.common-nav > a.miraen_txtbook { color:var(--color_black); }

/* main :: #main-contents > .main_ele_con > .main_ele_m */
.main_ele_con { border-bottom:1px solid #E6E6E6; /*background:linear-gradient(to right, #E6F4F4 50%, white 50%);*/ }

.main_ele_m { display:flex; flex-wrap:nowrap; justify-content:space-between; gap:40px; max-width:1320px; margin:0 auto; }
  .main_ele_m .main_left,
  .main_ele_m .main_right {  }
  .main_ele_m .main_left { padding-right:40px; flex-grow:1; border-right:1px solid #E6E6E6; width:920px; }
  .main_ele_m .main_right { flex:0 0 360px; }
  .main_ele_m .main_col { display:flex; justify-content:space-between; gap:40px; }
  .main_ele_m .main_col section { margin:0px; }
    .main_ele_m .main_col section:nth-child(1) { width:510px; }
    .main_ele_m .main_col section:nth-child(2) { flex:0 0 327px; }

/* *********
  section
********** */
:root {
  /* font-weight */
  --font_tit_w400 : 400;
  --font_tit_w500 : 500;
  --font_tit_w600 : 600;
  --font_tit_w700 : 700;
  /* color */
  --color_black: #000;
  --color_body_con: #666;
  --color_white: #fff;
}
.main_ele_m section { margin:45px 0; }
.main_ele_m h2 { margin-bottom:15px; font-size:24px; }
.main_ele_m .button.size-sm { position:absolute; right:0px; top:10px; padding:0px; border:0px; font-size:14px; min-height:16px; height:16px; color:#626262; }
.main_ele_m .button.size-sm:hover { background:#fff !important; }
.main_ele_m .button.size-sm svg { margin-top:1px; color:#626262; }

.main_ele_m .btn_group { position:absolute; top:6px; right:0px; }
.main_ele_m .btn_group a { display:inline-block; width:24px; height:24px; text-align:center; line-height:22px; border:1px solid #e6e6e6; border-radius:100%; }
.main_ele_m .btn_group a + a { margin-left:5px; }
.main_ele_m .btn_group a.swiper-button-disabled img { opacity:0.3; }

/* 나의 즐겨찾기 */
.main_ele_m .slider-view-auto.type-bookmark { padding:40px 0 0; }
.main_ele_m .slider-view-auto.type-bookmark:before { content:""; z-index:-1; position:absolute; right:-40px; top:0px; width:100vw; height:100%; background:#E6F4F4; }
.main_ele_m .slider-view-auto.type-bookmark .swiper-slide { width:152px; min-height:198px; }
.main_ele_m .slider-view-auto .swiper-slide:hover,
.main_ele_m .slider-view-auto .swiper-slide:focus { box-shadow:4px 4px 20px rgba(0, 68, 67, 0.5); }
.main_ele_m .slider-view-auto > .slider-header { max-width:100%; padding:0 20px; }
.main_ele_m .slider-view-auto > .slider-header h2 { margin:0px;}
.main_ele_m .slider-view-auto > .slider-header button { position:absolute; top:50px; right:20px; margin-top:0px; background:transparent; border:0px; }
.main_ele_m .slider-view-auto > .slider-header .button.size-sm:hover { background:transparent !important; }
.main_ele_m .slider-view-auto .swiper-btn-prev,
.main_ele_m .slider-view-auto .swiper-btn-next { top:50%; transform:translateY(-50%);}
.main_ele_m .slider-view-auto .swiper-btn-prev { left:1px; }
.main_ele_m .slider-view-auto .swiper-btn-next { left:auto; right:3px; }
.main_ele_m .slider-view-auto .slides { position:relative; left:0px; margin:0px; padding:15px 0 40px; width:calc(100% - 2px); }
/* S 추가 : 25.01.14 */
.main_ele_m .slider-view-auto.type-bookmark .swiper-slide.add_slide > button { z-index:2; }
/* E 추가 : 25.01.14 */


/* 학년 교과서 자료 */
.main_ele_m .grade_ready h2 strong { color:var(--color-primary); }
.main_ele_m .grade_ready h2 em { position:relative; display:inline-block; margin-left:15px; padding-left:8px; font-style:normal; font-size:16px; color:#838383; font-weight:var(--font_tit_w400); }
.main_ele_m .grade_ready h2 em:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); display:inline-block; width:2px; height:2px; background:#707070; opacity:0.5; }

.main_ele_m .buttons { margin:15px 0 20px; }
.main_ele_m .txt_lib { position:relative; display:flex;  } /* 250205 position 추가 */
.main_ele_m .txt_lib a { position:relative; overflow:hidden; display:block; width:205px; height:205px;  background:url('/assets/images/elementary/bg_txt_lib-6694e8881734784cc465665a5420367c.png')center no-repeat;  box-sizing:border-box; }
/* S 수정 : 25.01.15 */
.main_ele_m .txt_lib a:hover { background:url('/assets/images/elementary/bg_txt_lib_on-162f7203ad24e240a997db759f577880.png') center no-repeat; background-size:cover; }
.main_ele_m .txt_lib a:hover * { color:#fff; }
  /*
  .main_ele_m .txt_lib a:hover { background:#FFD5DC; border:1px solid #F28B9C; }
  .main_ele_m .txt_lib a:before { content:""; opacity: 0;position:absolute; right:-64px; bottom:-98px; display:inline-block; border-radius:100%; transform:scale(0); }
  .main_ele_m .txt_lib a:hover:before { width:180px; height:180px; background:#F28B9C; opacity:0.6; transform:scale(1); transition:all 0.3s ease-in-out; }
  */
  .main_ele_m .txt_lib dl { padding:15px 12px; }
      /*
      .main_ele_m .txt_lib dl:before { content:""; z-index:1; position:absolute; right:0px; bottom:0px; display:inline-block; width:140px; height:100px; }
      .main_ele_m .txt_lib dl.ico_gram:before { background:url('/assets/images/temp/img_ele_ico_gram-a1876fb186c8dcb21f94a7fd29356d32.svg') center no-repeat; }
      .main_ele_m .txt_lib dl.ico_appr:before { background:url('/assets/images/temp/img_ele_ico_appr-296dcebe8ca987454decd271f0cb7618.svg') center no-repeat; }
      .main_ele_m .txt_lib dl.ico_read:before { background:url('/assets/images/temp/img_ele_ico_read-f0b81c93115aab2a4c8caacd44e8ad8b.svg') center no-repeat; }
      .main_ele_m .txt_lib dl.ico_debate:before { background:url('/assets/images/temp/img_ele_ico_debate-3176e80831d551b61e1186203001d6a1.svg') center no-repeat; }
      */
  .main_ele_m .txt_lib dt { margin-bottom:5px; font-size:18px; color:var(--color_black); font-weight:var(--font_tit_w700); }
  .main_ele_m .txt_lib dd { color:var(--color_body_con); }
.main_ele_m .txt_lib img { position:absolute; right:0px; bottom:0px; }
/* E 수정 : 25.01.15 */

/* 이전,다음 버튼 추가 S : 250205 */
.main_ele_m .grade_ready .swiper {margin: 0 -18px;padding: 0 18px;}
.main_ele_m .grade_ready .swiper:before {content: "";position: absolute;top:0;left: 0;height: 100%;width: 18px;background: #fff; z-index:  2; }
.main_ele_m .grade_ready .swiper:after {content: "";position: absolute;top:0;right: 0;height: 100%;width: 18px;background: #fff; z-index:  2; }
.main_ele_m .grade_ready button { z-index:4; position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:36px; height:36px; border:1px solid #e6e6e6; border-radius:100%; background:#fff; box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.08)}
    .main_ele_m .grade_ready button.btn_prev { left:0px; }
    .main_ele_m .grade_ready button.btn_next { right:0px; }
.main_ele_m .grade_ready button:before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; width:9px; height:14px; opacity:0.4; }
    .main_ele_m .grade_ready button.btn_prev:before { background:url('/assets/images/elementary/btn_prev-22325d37f8a371413f046a78ebe49673.svg') no-repeat; }
    .main_ele_m .grade_ready button.btn_next:before { background:url('/assets/images/elementary/btn_next-823939c5be94561ea8211cf7eaab05ae.svg') no-repeat; }
.main_ele_m .grade_ready button span { display:none; }
.main_ele_m .grade_ready button:hover:before { opacity:1; }

/* 이달의 계기 교육 */
.main_ele_m .month_training .gray_box { padding:20px 25px 25px; height:232px; border:1px solid #E6E6E6; box-sizing:border-box; }
.main_ele_m .month_training h3 { position:relative; margin-bottom:20px; font-size:18px; color:var(--color-primary); font-weight:var(--font_tit_w700); }
.main_ele_m .month_training h3:before { content:""; display:inline-block; margin-right:10px; width:40px; height:40px; background:var(--color-primary) url('/assets/images/temp/ico_ele_cal-46d48149b8fa07812c338a0eb005e1a2.svg') center no-repeat; border-radius:100%; vertical-align:middle; }
.main_ele_m .month_training .training_txt { display:flex; justify-content:space-between; }
  .main_ele_m .month_training .training_img { width:185px; }
    .main_ele_m .month_training .training_img img { width:100%; vertical-align:top; }
    .main_ele_m .month_training .training_img .paging { display:block; margin-top:12px; text-align:center; font-size:0px; }
    .main_ele_m .month_training .training_img .paging a { display:inline-block; width:6px; height:6px; border-radius:100%; }
      .main_ele_m .month_training .training_img .paging a + a { margin-left:5px; }
      .main_ele_m .month_training .training_img .paging a.active { background:var(--color_black); }
    .main_ele_m .month_training .training_img .paging a span { display:none; }
  .main_ele_m .month_training dl { width:255px; }
    .main_ele_m .month_training dt { margin-bottom:8px; padding-bottom:10px; font-size:16px; color:var(--color_black); font-weight:var(--font_tit_w600); border-bottom:1px solid #E6E6E6; }
    .main_ele_m .month_training dt em { display:inline-block; margin-right:10px; width:50px; height:25px; line-height:23px; color:var(--color_black); font-weight:var(--font_tit_w700); font-style:normal; text-align:center; border:1px solid #e6e6e6; border-radius:4px; }
    .main_ele_m .month_training dd li { position:relative; margin:7px 0; padding-left:17px; color:#666; }
      .main_ele_m .month_training dd li a { display:block; width:100%;
      white-space: nowrap;  /* 텍스트를 한 줄로 표시 */
      overflow: hidden;     /* 넘치는 텍스트 숨김 */
      text-overflow: ellipsis; /* 말줄임 처리 */
    }
    .main_ele_m .month_training dd li:before { content:""; position:absolute; top:8px; left:8px; display:inline-block; width:3px; height:3px; background:#b7b7b7; }
    .main_ele_m .month_training dd li.on { color:var(--color-primary); }
    .main_ele_m .month_training dd li.on:before { background:var(--color-primary); }
.main_ele_m .month_training .button {  }

/* 선생님과 함께하는 티처 Live */
.main_ele_m .teacher_live .banner-slider { position:relative; width:327px; height:232px; }
.main_ele_m .teacher_live .swiper-pagination.default-pagination { top:17px; right:17px; }
.main_ele_m .teacher_live .swiper-pagination.default-pagination .swiper-pagination-bullet { width:6px; height:6px; }
.main_ele_m .teacher_live .swiper-pagination.default-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width:17px; border-radius:3px; }
.main_ele_m .teacher_live .banner-inner { display:none; }
.main_ele_m .teacher_live img:hover {
  transition: all 250ms cubic-bezier(0.17, 0.67, 0.6, 0.93);
  transform: scale(1.03);
}

/* HOT! 추천 자료 */
.main_ele_m .recom_list > div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px }
.main_ele_m .recom_list > div a:hover dl { border:1px solid var(--color-primary); }
.main_ele_m .recom_list > div dl { padding:23px 20px 23px 92px; width:429px; border:1px solid #FAFAFA; box-sizing:border-box; }
.main_ele_m .recom_list > div dl dt { margin-bottom:5px; font-size:18px; color:var(--color_black); font-weight:var(--font_tit_w600); }
.main_ele_m .recom_item { background: #FAFAFA;  padding-left: 50px; position: relative;}
.main_ele_m .recom_icon {position: absolute; left: 19px;top: 50%;transform: translateY(-50%);width: 56px; height: 57px;}


/* 전과목 코스웨어 AI클래스 */
.main_ele_m section.ai_class { margin-top:40px; }
.main_ele_m .ai_class div { position:relative; width:362px; height:238px; }
.main_ele_m .ai_class div.login_bg { background:url('/assets/images/temp/banner_AIclass_bg-c994aa945aa5ac7879cb5c9759e978c7.png') center no-repeat; background-size: 362px auto;}
.main_ele_m .ai_class div p { position:absolute; top:50%; left:50%; width:201px; transform:translate(-50%, -50%); font-size:18px; color:var(--color_black); font-weight:var(--font_tit_w600); text-align:center; }
.main_ele_m .ai_class div p > img { width: 160px; margin-top: 30px;}
.main_ele_m .ai_class div p a,
.main_ele_m .ai_class div p strong { display:inline-block; margin-top:25px; width:140px; height:36px; text-align:center; line-height:33px; color:var(--color_white); background:var(--color-primary); font-size:14px; border:1px solid #00938f; border-radius:4px; font-weight:var(--font_tit_w600); }
.main_ele_m .ai_class div p a img { margin-left:10px; }

/* 에듀테크 & 수업도구 */
.main_ele_m .edu_tool .tool_list { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px; }
.main_ele_m .edu_tool .tool_list a { position:relative; display:block; width:178px; height:83px; line-height:80px; text-align:center; border:1px solid #E6E6E6; }
.main_ele_m .edu_tool .tool_list a span { display:inline-block; vertical-align:middle; line-height:1.0; }
.main_ele_m .edu_tool .tool_list a strong { display:block; margin-bottom:10px; font-size:16px; color:var(--color_black); font-weight:var(--font_tit_w700); }
.main_ele_m .edu_tool .tool_list a:before { content:""; position:absolute; right:8px; bottom:8px; width:18px; height:18px; background:#F6F6F6 url('/assets/images/temp/btn_ele_go-57c6233f71e4e3829d6050b915ccecf2.svg') center no-repeat; border-radius:100%; }

.main_ele_m .edu_tool .tool_list a:hover { border:1px solid var(--color-primary); }
.main_ele_m .edu_tool .tool_list a:hover:before { background: var(--color-primary) url(/assets/images/temp/btn_ele_go_on-3231d039a53ffe23eff89d9757f5e6cc.svg) center no-repeat;}

/* 이벤트 */
.main_ele_m .event_con { width:362px; }
.main_ele_m .event_con img { vertical-align:top; }
.main_ele_m .event_con .paging { margin-top:13px; font-size:16px; line-height:1.0; color:#838383; text-align:center; }
.main_ele_m .event_con .paging span { margin:-1px 20px 0; display:inline-block; }
.main_ele_m .event_con .paging > * { vertical-align:top; }
.main_ele_m .event_con .paging strong { color:var(--color-primary); font-weight:var(--font_tit_w700); }

/* 공지사항 */
.notice_list { padding:3px 0 20px; border:1px solid #E6E6E6; border-width:1px 0; }
.notice_list a { display:block; margin-top:13px; width:360px;
  white-space: nowrap;  /* 텍스트를 한 줄로 표시 */
  overflow: hidden;     /* 넘치는 텍스트 숨김 */
  text-overflow: ellipsis; /* 말줄임 처리 */
}
.notice_list a:hover { color:#000; }

/* popup */
.bg_layer { overflow:hidden; z-index:101; position:fixed; top:0px; left:0px; width:100%; height:100%; background:#242424; opacity:0.8; }
.pop_wrap { z-index:102; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);  }
  .pop_wrap .event_list { overflow-y:auto; display:flex; width:785px; max-height:85vh; flex-wrap:wrap; justify-content:space-between; gap:30px; }
.pop_wrap .pop_close { position:absolute; right:-36px; top:0px; }

.banner-slider.textbook-banner .btn_prev.swiper-button-disabled,
.banner-slider.textbook-banner .btn_next.swiper-button-disabled {
  display:none !important;
}

.main_ele_m .swiper.banner-slider.textbook-banner .swiper-button-prev,
.main_ele_m .swiper.banner-slider.textbook-banner .swiper-button-next { top:50%; transform:translateY(-50%);}
.main_ele_m .swiper.banner-slider.textbook-banner .swiper-button-prev { left:1px; }
.main_ele_m .swiper.banner-slider.textbook-banner .swiper-button-next { left:auto; right:3px; }


.swiper.banner-slider.textbook-banner .swiper-button-prev,
.swiper.banner-slider.textbook-banner .swiper-button-next {
  width: 36px;
  height: 36px;
  margin-top: -18px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  opacity: 1;
  z-index: 4;
}
.swiper-btn-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(36px) / 44 * 27);
  height: var(36px);
  margin-top: calc(0px - var(36px) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(var(--color-primary)));
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-btn-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-btn-next:after {
  font-family: swiper-icons;
  font-size: var(36px);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  content: "next";
}

.swiper-btn-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(36px) / 44 * 27);
  height: var(36px);
  margin-top: calc(0px - var(36px) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(var(--color-primary)));
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-btn-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-btn-prev:after {
  font-family: swiper-icons;
  font-size: var(36px);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  content: "prev";
}

.slider-view-auto .slides.move .swiper-btn-prev,
.slider-view-auto .slides.move .swiper-btn-next {
  display: inline-block;
}
.slider-view-auto .swiper-btn-prev,
.slider-view-auto .swiper-btn-next {
  display: none;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.08);
  opacity: 1;
  z-index: 4;
}
.slider-view-auto .swiper-btn-prev:hover, .slider-view-auto .swiper-btn-prev:focus,
.slider-view-auto .swiper-btn-next:hover,
.slider-view-auto .swiper-btn-next:focus {
  color: white;
}
.slider-view-auto .swiper-btn-prev {
  left: 0;
}
.slider-view-auto .swiper-btn-next {
  left: 1032px;
}
.swiper-btn-next.bookmark.swiper-button-disabled,
.swiper-btn-prev.bookmark.swiper-button-disabled {
  display: none !important;
}