:root {
  --main-primary-lightest : #EFFFFF; /* 260106 추가 */
  --main-primary-light : #C5EAE9; /* 260106 추가 */
  --main-primary-default : #4EBEBB ;
  --main-primary-darkest : #00817E;
  --main-primary-dark : #02A39F;
  --mono-fff : #fff;
  --mono-000 : #000;
  --mono-aaa : #aaa;
  --mono-bbb : #bbb;
  --mono-ccc : #ccc;
  --mono-ddd : #ddd;
  --mono-333 : #333;
  --mono-666 : #666;
  --mono-999 : #999;
  --mono-eee : #eee;
  --mono-f4 : #f4f4f4;
  --color-Color-neutral-0: #fff;
  --color-Color-neutral-100 : #E6E6E6;
  --color-Color-neutral-1000 : #000;
  --color-Gray-Color-neutral-100 : #E6E6E6;
  --color-Gray-Color-neutral-200 : #D2D2D2;
  --color-Gray-Color-neutral-600 : #838383;
  --color-Gray-Color-neutral-500 : #A4A4A4;
  --color-Gray-Color-neutral-600 : #838383;
  --color-Gray-Color-neutral-700 : #626262;
  /* --main-primary-lightest : #FFF9FE; */ /* 260106 삭제 */
  --main-border : rgba(0, 0, 0, 0.10);
  --color-Gray-Color-neutral-50 : #F6F6F6;
  --main-tool-lightest : #EFFFFF; /* 260106 수정 */
  --main-tool-primary : #02A39F; /* 260106 수정 */
  --main-ai-class-lightest : #EAEBFF;
  --main-ai-class-primary : #4145A0;
  --bg-loading: url("/assets/images/elementary/bg-loading-0bcea9577e59378621b873ae3b63e5b0.png");
}

.type-main-2026 .logo_contents .inner {height:92px; position:relative;}
.type-main-2026 .logo_contents .inner .buttons {position:relative;}
.type-main-2026 .logo_contents .inner .buttons .btn-top-search {padding:0;}
.type-main-2026:has(.site-map .icon-button.active) header.header {z-index:110;} /* 2026-01-02 수정 */
.type-main-2026 header.header.fixed .logo_contents .inner {display:none;}
.type-main-2026 .logo_contents .bn_editor {width:285px;}
.type-main-2026 header.header .logo {width:140px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

.type-main-2026 .btn-top-search {width:40px; height:40px; padding:5px; color:var(--main-primary-dark);}
.type-main-2026 .btn-top-search svg {width:40px; height:40px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

.type-main-2026 header.header .header-contents {margin-top:26px; background-color:unset; border-bottom:1px solid var(--main-primary-dark);}
.type-main-2026 header.header .header-contents:not(:has(.common-tooltip)) {margin-top:4px;} /* 251224 추가 */
.type-main-2026 header.header .header-contents .buttons {height:48px; gap:0 20px; padding:0 20px;}
.type-main-2026 header.header .header-contents .buttons a {padding-left:20px; position:relative;}
.type-main-2026 header.header .header-contents .buttons a::before {content:''; width:1px; height:15px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#ddd;}
.type-main-2026 header.header .header-contents .buttons a:first-child {margin-left:0; padding:0;}
.type-main-2026 header.header .header-contents .buttons a:first-child::before {display:none;}
.type-main-2026 .gnb-wrap {height:48px;}
.type-main-2026 .site-map .icon-button {width:40px; height:40px; color:#000;}
.type-main-2026 .site-map .site-map-inner {position:fixed; left:0; top:0; z-index:2;}
.type-main-2026 .lnb-wrap {top:calc(100% + 1px)}

.type-main-2026 .gnb {display:flex;}
.gnb-inner {height:100%; gap:0 20px;}
.gnb-inner .sticky-logo {width:75px; display:none;}
.type-main-2026 header.header.fixed .gnb-inner .sticky-logo {display:block;}
.gnb-setting-box {padding-right:20px; position:relative; z-index:1;}
.gnb-setting-box::after {content:''; width:1px; height:15px; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color:#aaa;}
.gnb-setting-box .gnb-setting-text {color: #000; font-size: 18px; font-weight: 500;}
.gnb-setting-box .icon-button {display:flex; align-items: center; gap:0 20px; color:var(--main-primary-dark)}
.gnb-setting-box .icon-button svg {width:40px; height:40px; color:var(--main-primary-dark)}
.site-map .icon-button:not(:disabled):hover {color:#000;}

.type-main-2026 .gnb {gap:0 20px;}
.type-main-2026 .gnb > ul {margin-top:0; gap:0 20px; position:static;}
.up-down-animation {display: inline-block; vertical-align: middle; box-shadow: 0 0 1px rgba(0, 0, 0, 0); animation-name: up-down-animation-01; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;}
.gnb.type-01 .up-down-animation {animation-name: up-down-animation;}
.type-main-2026 .gnb.type-01 > ul + .gnb-setting-box .gnb-setting-text {display:none;}
.type-main-2026 .gnb.type-01 > ul + .gnb-setting-box::before,
.type-main-2026 .gnb > ul > li > a,
.gnb-setting-box .icon-button {height:50px; position:relative; display:flex; align-items: center; gap:0 5px; color:#000; font-weight:500; opacity:1; transform-origin: 50% 100%; transition: all 250ms cubic-bezier(0.17, 0.67, 0.6, 0.93); font-size: 18px; font-weight: 500; line-height:1;}
.type-main-2026 .gnb > ul > li > a.txt-bold {color:var(--main-primary-dark);}
.type-main-2026 .gnb > ul > li:hover > a,
.type-main-2026 .gnb > ul > li.active > a,
.gnb-setting-box .icon-button:hover {position: relative; font-weight: 700; transform: scale(1); font-size:20px; color:var(--main-primary-dark)}
.gnb-setting-box .icon-button:hover .gnb-setting-text {font-weight: 700; color:var(--main-primary-dark)}
.type-main-2026 .gnb > ul > li:hover > a::before,
.type-main-2026 .gnb > ul > li.active > a::before,
.gnb-setting-box .icon-button:hover::before {content: ""; position: absolute; bottom:0; left: 0; width: 100%; height: 5px; background-color: var(--main-primary-dark); aspect-ratio: 1 / 1; animation: 150ms linear 0s alternate animating-underline;}
.type-main-2026 .gnb > ul > li > a .new {top:0;}

.site-map-header {background: var(--main-primary-default);}
.site-map-header-inner {width:1320px; height:60px; position:relative; margin:0 auto;  display:flex; align-items: center; justify-content: center; gap:0 8px;}
.site-map-header-inner .sitemap-logo {display:block;}
.site-map-header-inner .sitemap-logo svg {vertical-align: top;}
.site-map-header-inner .sitemap-title {color: #FFF; font-size: 20px; font-weight: 700;}
.site-map-header-inner .btn-sitemap-close {padding:6px; position:absolute; right:6px; top:50%; transform:translateY(-50%);}
.site-map-header-inner .btn-sitemap-close svg {color:#fff;}

.type-main-2026 .site-map .grid-menu-list-area {width:1320px; padding-bottom:20px; position:relative; margin:0 auto; display:flex; flex-wrap:wrap; max-height: calc(100dvh - 100px); overflow-y:auto; background: repeating-linear-gradient(to right, var(--color-Color-neutral-100) 0, var(--color-Color-neutral-100) 1px, transparent 1px, transparent calc((100% / 7)))}
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-item {width:187.56px; padding:20px 20px 20px 20px; border:0;}
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-item:last-child {border-right:0;}
/* .type-main-2026 .site-map .grid-menu-list-area .grid-menu-item:nth-child(5n + 1) {border:1px solid red;} */
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-2dep li + li {margin-top:12px; letter-spacing: -0.26px;}

.subject-radio-text {padding:0 20px; text-align: right;}
.subject-radio-text span {}
.subject-radio-text span + span {margin-left:16px; padding-left:16px; position:relative;}
.subject-radio-text span + span::before {content:''; width:1px; height:15px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#aaa;}
.subject-radio-text span input[type="radio"] {display:none;}
.subject-radio-text span input[type="radio"] + label {color: var(--mono-000); font-size: 15px; font-weight: 400; cursor:pointer;}
.subject-radio-text span input[type="radio"]:checked + label {color: var(--main-primary-dark); font-size: 15px; font-weight: 600;}

.type-main-2026 .lnb-contents {flex-wrap:wrap; display:flex;}
.type-main-2026 .lnb-contents .lnb-item {width:calc(100% / 3 - 7px)}
.type-main-2026 .lnb-contents .lnb-item:hover {border-color:var(--main-primary-dark)}
.type-main-2026 .lnb-contents .lnb-item .text-data {max-width: calc(100% - 178px); font-size:14px; color:#000;}
.type-main-2026 .lnb-contents .lnb-item .text-data span {max-width:calc(100% - 20px); display:block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.type-main-2026 .lnb-contents .lnb-item .lnb-btn-group {}
.type-main-2026 .lnb-contents .lnb-item:hover .text-data {color: var(--main-primary-dark);}

.type-main-2026 .lnb-wrap.has-all-subject .lnb-contents {margin-top:12px;}

.type-main-2026 .mybook {border-color:var(--mono-ddd);}
.type-main-2026 .mybook-inner {}
.type-main-2026 .mybook-inner .mybook-inner-text {min-width: fit-content; color:#000; font-size: 14px; font-weight: 500; }
.type-main-2026 .mybook-inner li.alert-button a {padding:6px 10px;}

.all-subject-buttons {display:flex; gap:6px; padding-bottom:12px; margin-bottom:12px; border-bottom: 1px dashed var(--mono-ddd);}
.all-subject-buttons span {}
.all-subject-buttons span input[type="radio"] {display:none;}
.all-subject-buttons span input[type="radio"] + label {height:36px; display:inline-flex; align-items: center; padding:0 14px; border-radius:12px; background: var(--mono-f4); color: var(--mono-000); font-size: 14px; font-weight: 400; cursor:pointer;}
.all-subject-buttons span input[type="radio"]:checked + label {border: 1px solid var(--main-border); background: var(--main-primary-default); font-weight: 700; color:#fff;}

.grid-menu-list-area {width:100%; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, minmax(80px, auto)); border-right:1px solid var(--color-Color-neutral-100);}
.grid-menu-item {padding:20px; position:relative; border-right:1px solid var(--color-Color-neutral-100);}
.grid-menu-item:nth-child(5n) {border-right:0;}
.grid-menu-item:nth-child(5n + 1) {border-left:1px solid var(--color-Color-neutral-100);}
/* .grid-menu-item::before,
.grid-menu-item:nth-child(5n + 1)::after {content:''; width:1px; height:100%; display:block; position:absolute; top:0; background-color:var(--color-Color-neutral-100);}
.grid-menu-item::before {right:0;}
.grid-menu-item:nth-child(5n + 1)::after {left:0;} */

.grid-menu-1dep {display:flex; align-items: center; gap:0 4px; color: #000; font-size: 16px; font-weight: 700; line-height: 20px;}
.grid-menu-2dep .new,
.grid-menu-2dep svg {position:relative; flex-shrink: 0;}
.grid-menu-2dep .new {top: 3px;}
.grid-menu-2dep svg {top: 2px;}
.grid-menu-2dep {margin-top:20px;}
.grid-menu-2dep li {}
.grid-menu-2dep li + li {margin-top:16px;}
.grid-menu-2dep li a {display:flex; align-items: flex-start; gap:0 4px; color: var(--mono-666); font-size: 13px; font-weight: 400;}
.grid-menu-2dep li a:hover {color: var(--main-primary-dark);}

.type-main-2026 .weather-info-box {width: 420px; height: 104px; position:relative; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.10); background: var(--mono-fff); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05); z-index:2;}
.type-main-2026 .weather-info-box .weather-info-top {height:72px; padding:14px 20px; display:flex;}
.type-main-2026 .weather-info-box .weather-info-top .weather-info-date {display:flex; flex-direction: column; gap:4px 0;}
.type-main-2026 .weather-info-box .weather-info-top .weather-today {color: var(--mono-000); font-size: 16px; font-weight: 700; line-height: 20px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-today-date {color: var(--mono-000, #000); font-size: 14px; font-weight: 400; line-height: 20px; opacity:0.5; line-height: 20px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-info-detail {margin-left:20px; padding-left:20px; position:relative; display:flex; align-items: center; gap:8px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-info-detail::before {content:''; width:1px; height:40px; display:block; position:absolute; left:0; top:4px; background-color:rgba(0,0,0,0.1)}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail {display:flex; flex-direction: column; gap:4px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-location {color: var(--mono-000); font-size: 14px; font-weight: 400; line-height: 20px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box {display:flex; gap:0 8px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box .weather-temp {color: var(--mono-000); font-size: 24px; font-weight: 600; line-height: 20px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box .weather-dust {display:flex; align-items: center; gap:0 8px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box .weather-dust::before {content:''; width:4px; height:4px; display:block; background-color:rgba(0,0,0,0.2); border-radius:50%;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box .weather-dust .weather-dust-label {color: var(--mono-000); font-size: 14px; font-weight: 500; line-height: 20px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box .weather-dust .weather-dust-value {font-size: 14px; font-weight: 500; line-height: 20px;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box .weather-dust .weather-dust-value.good {color: #447AEE;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box .weather-dust .weather-dust-value.normal {color:#3FAE43;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box .weather-dust .weather-dust-value.bad {color: #F0842B;}
.type-main-2026 .weather-info-box .weather-info-top .weather-detail .weather-detail-box .weather-dust .weather-dust-value.very-bad {color:#CA2F27;}
.type-main-2026 .weather-info-box .weather-info-bottom {height:32px; padding:0 20px; position:relative; display:flex; align-items: center; background: rgba(244, 244, 244, 0.60); border-top:1px dashed var(--mono-ddd); border-radius:0 0 20px 20px; overflow:hidden;}
.type-main-2026 .weather-info-box .weather-info-bottom .today-msg {max-width:calc(100% - 20px); white-space:nowrap; text-overflow: ellipsis; overflow:hidden; color: var(--mono-000); font-size: 12px; line-height: 20px;}
.type-main-2026 .weather-info-box .weather-info-bottom .icon-today-msg-arrow {padding:2px; display:inline-flex; align-items: center; justify-content: center; position:absolute; right:20px; top:50%; transform:translateY(-50%);}

.type-main-2026 .weather-control {display:flex; align-items: center; gap:0 8px; position:absolute; right:12px; top:12px;}
.type-main-2026 .weather-control .btn-control-refresh {padding:1px; color:#999;}
.type-main-2026 .weather-control .btn-control-refresh:hover {color:var(--main-primary-default)}
.type-main-2026 .weather-control .btn-control-refresh svg {vertical-align: top;}

.type-main-2026 .common-btn-tooltip {position:relative;}
.type-main-2026 .common-btn-tooltip .common-tooltip {display:none;}
.type-main-2026 .common-btn-tooltip .common-tooltip.right-top {left:auto; right:-12px; bottom:auto; top:30px; transform:translateX(0); z-index:2;}
.type-main-2026 .common-btn-tooltip .common-tooltip.dir-bottom {bottom:auto; top:30px;}

.type-main-2026 .common-btn-tooltip.active .common-tooltip {display:block; z-index:11;}
.type-main-2026 .common-btn-tooltip.active .btn-important {color:var(--main-primary-default)}
.type-main-2026 .common-btn-tooltip .common-tooltip.right-top::before {left:auto; right:17px; transform:translateX(0);}
.type-main-2026 .common-btn-tooltip .common-tooltip p {text-align: left; color: var(--color-Color-neutral-0); font-size: 13px; font-weight: 500; line-height: 20px;}
.type-main-2026 .common-btn-tooltip .common-tooltip p.fs-12 {font-size: 12px; font-weight: 400; line-height: 18px;}
.type-main-2026 .common-btn-tooltip .common-tooltip p + p {margin-top:16px;}

.type-main-2026 .btn-important {color:#999;}
.type-main-2026 .btn-important:hover {color:var(--main-primary-default)}
.type-main-2026 .btn-important svg {vertical-align: top;}

.type-main-2026 .section-icon-buttons {margin-top:16px; display:flex;}
.type-main-2026 .section-icon-buttons a {height:40px; padding:0 15px; display:flex; gap:0 6px; align-items: center; color: var(--mono-333); font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.65px; border-radius:12px; border-width:1px; border-style:solid; border-color:transparent;}
.type-main-2026 .section-icon-buttons a:hover {color:var(--main-primary-dark); border-color:var(--main-primary-dark);}

.type-main-2026 .subject-banners-area {width:100%;}
.type-main-2026 .subject-banners-area .subject-banners-header {display:flex; align-items: center; gap:0 20px;}
.type-main-2026 .subject-banners-area .subject-banners-header .subject-banners-title-area {display:flex; align-items: center; gap:0 4px;}
.type-main-2026 .subject-banners-area .subject-banners-header .subject-banners-title-area .subject-banners-title {color:#000; font-size: 24px; font-weight: 700; line-height: 36px; letter-spacing: -0.48px;}
.type-main-2026 .subject-banners-area .subject-banners-header .subject-banners-title-area .subject-banners-title span {color:var(--main-primary-dark);}
.type-main-2026 .subject-banners-area .subject-banners-header {}

.type-main-2026 .common-selected-box {display:flex; gap:0 6px;}
.type-main-2026 .common-selected-box .common-selected-item {}
.type-main-2026 .common-selected-box .common-selected-item input {display:none}
.type-main-2026 .common-selected-box .common-selected-item input + label {height:36px; display:inline-flex; align-items: center; padding:0 14px; cursor:pointer; border-width:1px; border-style: solid; border-color:transparent; border-radius:12px; background: var(--mono-f4); color: var(--mono-000); font-size: 14px; font-weight: 400; letter-spacing: -0.28px;}
.type-main-2026 .common-selected-box .common-selected-item input:checked + label {border-radius: 12px; border-color:var(--main-border); background: var(--main-primary-default); color: var(--mono-fff); font-size: 14px; font-weight: 700;}

.main-grid-box-area {margin-top:32px; margin-bottom:0;}
.main-grid-box-area .main-grid-box-wrap {display:flex; gap:0 20px;}
.main-grid-box-area .main-grid-box-wrap + .main-grid-box-wrap {margin-top:20px;}
.main-grid-box-area .main-grid-box-wrap .main-top-section {height:320px; display:flex; flex-direction: column; gap:16px;}
.main-grid-box-area .main-grid-box-wrap .section-inner-area {min-height:276px; overflow:hidden;}

.main-grid-box-area .main-top-grid-bottom {}

.section-title-wrapper {display:flex; justify-content: space-between; align-items: center;}
.section-title-wrapper .section-title-inner {display:flex; align-items: center; gap:0 8px;}
.section-title-wrapper .section-title-inner .section-title {display:flex; align-items: center; gap:16px; color: var(--mono-000); font-size: 20px; font-weight: 700; line-height: 140%; letter-spacing: -0.4px; }
.section-title-wrapper .section-title-inner .section-title .strong {color:var(--main-primary-dark)}
.section-title-wrapper .section-title-inner .section-title .section-sub-title {display:flex; gap:16px; align-items: center; color:rgba(0,0,0,0.3); font-size: 18px; font-weight: 700; letter-spacing: -0.36px;}
.section-title-wrapper .section-title-inner .section-title .section-sub-title::before {content:''; width:1px; height:10px; display:block; background-color:var(--mono-ddd)}
.section-title-wrapper .section-title-inner .section-title + .section-title {display:flex; align-items: center; gap:0 8px;}
.section-title-wrapper .section-title-inner .section-title + .section-title::before {content:''; width:16px; height:16px; display:block; background:url(/assets/images/elementary-2026/common-arrow-right-16-5b1e470d8a11a7ff5aa5ebe6b429e679.svg) 0 0 no-repeat;}
.section-title-wrapper .section-aside {}

.section-favorite {width:420px;}
.section-event {width:494px;}
.section-teacher-live {width:366px}

.section-inner-area {flex:1;}

.btn-link-more {display:flex; align-items: center; gap:0 4px; color: #000; font-size: 14px; letter-spacing: -0.28px; line-height:20px;}
.btn-link-more svg {color:var(--mono-666);}

.gap-4 {gap:4px;}
.box-outline-shadow {border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.10); background: #FFF; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05);}

.login-before-box {height:100%; display:none; flex-direction: column; align-items: center; justify-content: center; gap:20px 0; text-align: center;}
.login-before-box.show {display:flex;}
.login-before-box img {}
.login-before-box p {color: var(--mono-666); font-size: 16px; line-height: 24px;}
.login-before-box p strong {font-weight: 700;}

.my-favorite-list-area {height:100%;}
.my-favorite-list-area.fav-slider-side {position:relative;}
.my-favorite-list-area.fav-slider-side::after,
.my-favorite-list-area.fav-slider-side::before {content:''; display:block; width:10px; height:100%; position:absolute; top:0; background-color:#fff; z-index: 2;}
.my-favorite-list-area.fav-slider-side::before {left:0;}
.my-favorite-list-area.fav-slider-side::after {right:0;}
.my-favorite-swiper {padding:20px; max-height:100%;}
.my-favorite-swiper .swiper-wrapper {width:380px; max-height: 210px; gap:16px}
.my-favorite-swiper.swiper-initialized .swiper-wrapper {width:auto; max-height:none; gap:0;}
.my-favorite-swiper .swiper-wrapper .swiper-slide {width:auto;}

.favorite-inner-box {width:116px; height:106px; padding:12px; overflow:hidden; display:flex; flex-direction: column; position:relative; gap:4px; border-radius: 16px; border: 1px solid var(--main-border, rgba(0, 0, 0, 0.10)); background:#F3FFFF; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05);}
.favorite-inner-box svg {color:var(--mono-ccc);}
button.favorite-inner-box {align-items: center; justify-content: center; background:var(--mono-f4);}
button.favorite-inner-box:hover {background-color:var(--main-primary-dark); opacity:0.8}
button.favorite-inner-box:hover svg {color:#fff; vertical-align: top;}

.favorite-inner-box .fav-title {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; color: var(--main-primary-darkest); font-size: 12px; line-height: 120%; letter-spacing: -0.36px;}
.favorite-inner-box .fav-writer {width:100%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--mono-000); font-size: 11px; line-height: 120%; letter-spacing: -0.22px;}
.favorite-inner-box .fav-brand {margin-top:auto; color: var(--mono-999); font-size: 10px; line-height: 120%; letter-spacing: -0.2px;}
.favorite-inner-box .inner-hover-layer {width:100%; height:100%; padding:10px; display:none; flex-direction: column; gap:4px; justify-content: flex-end; position:absolute; left:0; top:0; border-radius: 16px; background: rgba(2, 163, 159, 0.8); /* opacity: 0.8; background: var(--main-primary-dark); */} /* 1226 수정 */
.favorite-inner-box:hover .inner-hover-layer {display:flex;}

.favorite-inner-box .btn-fav-layer {height:24px; text-align: center; line-height:24px; border-radius: 4px; border: 1px solid var(--mono-fff); color: var(--mono-fff); font-size: 10px; letter-spacing: -0.2px;}
.favorite-inner-box .btn-fav-layer:hover,
.favorite-inner-box .btn-fav-layer:focus {background-color:var(--main-primary-dark); border-color: var(--main-border);} /* 251230 추가 */

.favorite-inner-box.type-ext {background: var(--mono-f4, #F4F4F4);}
.favorite-inner-box.type-ext .fav-title {color:var(--mono-000)}
.favorite-inner-box.type-ext .inner-hover-layer {background-color: rgba(51, 51, 51, 0.8);}

.favorite-inner-box.type-ext .btn-fav-layer {border: 1px solid var(--mono-fff); color: var(--mono-fff);} /* 251230 추가 */
.favorite-inner-box.type-ext .btn-fav-layer:hover,
.favorite-inner-box.type-ext .btn-fav-layer:focus {background-color:var(--mono-333); border-color: var(--main-border);} /* 251230 추가 */

.btn-swiper-item-delete {position:absolute; right:-8px; top:-8px;}

.slider-paging-green.swiper-pagination {top: auto; bottom: -3px;}
.slider-paging-green.tab-conts-paging.swiper-pagination {bottom:0;}
.slider-paging-green.swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; margin:0 3px; background-color:var(--mono-ddd); opacity:1;}
.slider-paging-green.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:20px; border-radius:10px; background-color:var(--main-primary-default)}

.slider-paging-black.swiper-pagination {width:auto; top:0px; left:auto; right:10px; bottom:auto;}
.slider-paging-black.swiper-pagination .swiper-pagination-bullet {width:6px; height:6px; margin:0 2px; background-color:var(--mono-ddd); opacity:1;}
.slider-paging-black.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:16px; border-radius:10px; background-color:var(--mono-000)}

.slider-button.my-favorite-prev,
.slider-button.my-favorite-next {width:16px; height:16px; position:absolute; top:50%; z-index: 3; cursor: pointer;}
.slider-button.my-favorite-prev img,
.slider-button.my-favorite-next img {vertical-align: top;}
.slider-button.my-favorite-prev {left:2px; transform:translateY(-50%);}
.slider-button.my-favorite-prev img {transform:rotate(-180deg)}
.slider-button.my-favorite-next {right:2px; transform:translateY(-50%)}
.slider-button.my-favorite-prev.swiper-button-disabled,
.slider-button.my-favorite-next.swiper-button-disabled {opacity:0.3}

.event-section-slider-area {position:relative;}
.event-section-slider-area .event-section-slider {border-radius: 20px; border: 1px solid var(--main-border); overflow:hidden;}
.event-section-slider-area .event-section-slider .swiper-wrapper {}
.event-section-slider-area .event-section-slider .swiper-wrapper .swiper-slide {}
.event-section-slider-area .event-section-slider .swiper-wrapper .swiper-slide img {width:494px; height:276px; vertical-align: top; object-fit: cover;}

.main-swiper-control-box {min-width:75px; padding:2px 6px; display:flex; align-items: center; gap:4px; position:absolute; right:8px; bottom:8px; border-radius: 20px; background-color:rgba(0,0,0,0.55); z-index: 1;}
.main-swiper-control-box .main-swiper-prev,
.main-swiper-control-box .main-swiper-next {width:12px; height:12px; display:flex; align-items: center; justify-content: center;}
.main-swiper-control-box .main-swiper-prev img {transform:rotate(180deg)}
.main-swiper-control-box .main-swiper-paging {display:flex; align-items: center; gap:4px; color:var(--mono-999);}
.main-swiper-control-box .main-swiper-paging strong,
.main-swiper-control-box .main-swiper-paging span {font-size:12px; letter-spacing: -0.24px;}
.main-swiper-control-box .main-swiper-paging strong {color:var(--mono-fff);}
.main-swiper-control-box .main-swiper-paging span {color:var(--mono-ddd);}

.section-teacher-live {padding:15px 20px; flex-direction: column;}

.section-teacher-live .section-tab-area {}
.section-teacher-live .section-tab-area .section-tab {margin-bottom:20px; padding-bottom:12px; display:flex; align-items: center; gap:0 16px; border-bottom:1px solid var(--mono-ddd)}
.section-teacher-live .section-tab-area .section-tab button {flex:1; color: var(--mono-000); font-size: 18px; font-weight: 700; letter-spacing: -0.36px; opacity:0.3;}
.section-teacher-live .section-tab-area .section-tab button.active {opacity:1;}
.section-teacher-live .section-tab-area .section-tab button + button {display:flex; align-items: center; gap:0 16px;}
.section-teacher-live .section-tab-area .section-tab .vertical-line {width:1px; height:10px; display:inline-block; background-color:var(--mono-ddd);}
.section-teacher-live .section-tab-area .section-tab .vertical-line:last-child {display:none;}
/* .section-teacher-live .section-tab-area .section-tab button + button::before {content:''; width:1px; height:10px; display:block; background-color:var(--mono-aaa);} */

.section-teacher-live .section-tab-contents {}
.section-teacher-live .section-tab-contents .section-tab-item {display:none;}
.section-teacher-live .section-tab-contents .section-tab-item.active {display:block;}

.section-teacher-live .tab-section-slider {padding-bottom:30px;}
.section-teacher-live .tab-section-slider .swiper-wrapper {max-height:180px; gap:20px;}
.section-teacher-live .tab-section-slider.swiper-initialized .swiper-wrapper {max-height:none; gap:0;}
.section-teacher-live .tab-section-slider .swiper-wrapper .swiper-slide {width:152px}
.section-teacher-live .tab-slider-inner-box {border-radius: 12px; border: 1px solid var(--main-border);cursor: pointer; overflow:hidden; width: 100%; height: 95px; background-image: url(/assets/images/common/img-no-data-8fdc13af07b04363d0de596930a94eb4.png); background-size: 70%; background-color: var(--color-primary-100); background-position: center center; background-repeat: no-repeat; text-align: center;}
.section-teacher-live .tab-slider-inner-box .img-slider-banner {width:153px; height:95px; vertical-align: top; object-fit: cover;}
.section-teacher-live .tab-slider-inner-box .tab-slider-inner-layer {width:100%; height:100%; display:none; position:absolute; left:0; top:0; border-radius: 12px; border: 1px solid var(--main-primary-dark); background-color:rgba(0,0,0,0.5);}
.section-teacher-live .tab-slider-inner-box .tab-slider-inner-layer p {max-width:110px; color: var(--mono-fff); font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.28px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.section-teacher-live .tab-slider-inner-box:hover .tab-slider-inner-layer {display:flex; align-items: center; justify-content: center;}

.big-banner-slider {max-width:880px; border-radius: 20px;} /* 251230 수정 */
.big-banner-slider .swiper-slide {display:block; border-radius:20px; overflow:hidden;}
.big-banner-slider .swiper-slide img {vertical-align: top; border: 1px solid var(--main-border);}

.edu-more-menu-slider-outer {width:100%; position:relative;}

.edu-more-menu-slider-outer .btn-edu-slider-prev,
.edu-more-menu-slider-outer .btn-edu-slider-next {position:absolute; top:50%; transform:translateY(-50%); z-index: 1;}
.edu-more-menu-slider-outer .btn-edu-slider-prev.swiper-button-disabled,
.edu-more-menu-slider-outer .btn-edu-slider-next.swiper-button-disabled {display:none;}
.edu-more-menu-slider-outer .btn-edu-slider-prev {left:-20px;}
.edu-more-menu-slider-outer .btn-edu-slider-next {right:-20px;}
.edu-more-menu-slider-outer .btn-edu-slider-prev img,
.edu-more-menu-slider-outer .btn-edu-slider-next img {vertical-align: top;}

.edu-more-menu-slider {margin:-6px 0; padding:6px 0;}
.edu-more-menu-slider .swiper-wrapper {gap:17px}
.edu-more-menu-slider.swiper-initialized .swiper-wrapper {gap:0;}
.edu-more-menu-slider .swiper-wrapper .swiper-slide {width:calc(100% / 6 - 14px);}
.edu-more-menu-slider .btn-edu-menu {width:100%; height:133px; padding:28px 12px 20px; text-align:left; border-radius: 20px; border: 1px solid var(--main-border); background: #FFF; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05);}
.edu-more-menu-slider .btn-edu-menu:hover {border-color:var(--main-primary-dark);}
.edu-more-menu-slider .btn-edu-menu .edu-title-area {width:100%; display:flex; align-items: center; gap:0 4px;}
.edu-more-menu-slider .btn-edu-menu .edu-title-area img {max-height:32px; vertical-align: top;}
.edu-more-menu-slider .btn-edu-menu .edu-title-area .edu-title {min-width:0; width:100%; color: var(--mono-000); font-size: 16px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.edu-more-menu-slider .btn-edu-menu:hover .edu-title-area .edu-title {color:var(--main-primary-dark);}
.edu-more-menu-slider .btn-edu-menu .edu-desc {margin-top:12px; padding:0 8px; color: var(--mono-666); font-size: 14px; line-height: 140%; letter-spacing: -0.28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.edu-name-badge {padding:0 10px; height:24px; border-radius: 2px 2px 12px 12px; color: #FFF; font-size: 12px; font-weight: 700; position:absolute; right:16px; top:0; line-height:24px;}

.banners.big-banner-center {margin-top:20px;}
.banners.big-banner-center img {display: block; width: 1320px; height: 90px; border-radius: 20px; border: 1px solid var(--main-border);} /* 251230 추가 */

.theme-elementary .banners,
.theme-middle .banners,
.theme-high .banners {gap: 20px;} /* 251230 추가 */

.type-main-2026 .aside-container.banners-container {margin-top:20px; margin-bottom:0;}
.type-main-2026 .common-selected-box {}
.type-main-2026 .subject-banners-area .subject-banners-header {}

.special-edu-slider-area {
  width: 100%;
  --gap: 20px;
  --item-w: 190px;
  --item-h: 154px;
  --first-w: 480px;
  --first-h: 300px;
  --pad-x: 24px;
  --pad-top: 8px;
  --pad-bottom: 18px;
}

.special-edu-slider{box-sizing: border-box; width: 100%; overflow-x: auto; overflow-y: hidden; padding-top:16px; scrollbar-width: none;}
.special-edu-slider::-webkit-scrollbar{ display: none; }

.special-edu-slider-inner{display: grid; grid-template-rows: repeat(2, var(--item-h)); grid-auto-columns: max-content; grid-auto-flow: column; gap: 10px var(--gap); width: max-content; align-content: start; justify-content: start;}
.special-edu-item{width: var(--item-w); height: var(--item-h); scroll-snap-align: start; user-select: none; position:relative; }
.special-edu-item.is-first{width: var(--first-w); height: var(--first-h); grid-row: 1 / span 2;}
.special-edu-scrollbar{margin-top:16px; position: relative; height: 6px; border-radius: 999px; background: #ddd; overflow: hidden;}

.type-main-2026 .btm-buttons-area {width:calc(100% - 16px); display:flex; position:absolute; left:8px; bottom:8px;}
.type-main-2026 .btm-buttons-area .left,
.type-main-2026 .btm-buttons-area .right {display:flex; align-items: center; gap:0 4px;}
.type-main-2026 .btm-buttons-area .left {}
.type-main-2026 .btm-buttons-area .right {margin-left:auto;}
.type-main-2026 .btm-button {width:16px; height:16px; display:flex; align-items: center; justify-content: center;  border-radius: 6px; background: var(--main-primary-dark);}
.type-main-2026 .btm-button img {vertical-align: top;}
.type-main-2026 .play-timeline {height:16px; padding:0 5px; border-radius: 6px; background: rgba(0, 0, 0, 0.70); color: var(--color-Color-neutral-0); font-size: 11px; font-weight: 500; line-height:16px; }
.type-main-2026 .play-timeline.with-btn {padding:0 5px 0 0; display:flex; align-items: center; gap:0 5px;}
.type-main-2026 .play-timeline.with-btn .btm-button {border-radius: 6px 0 0 6px;}
.type-main-2026 .play-timeline.with-btn:has(span:empty) {padding:0; gap:0; background-color:transparent;}
.type-main-2026 .play-timeline.with-btn:has(span:empty) .btm-button {border-radius:6px;}

.special-edu-item {}
.special-edu-item .badge-new {display:none}
.special-edu-item.is-new .badge-new {display:flex;}
.special-edu-item .spc-thumbnail-area {position:relative; overflow:hidden; border-radius:12px; height:106px; background-image: url(/assets/images/common/img-no-data-8fdc13af07b04363d0de596930a94eb4.png); background-size: 70%; background-color: var(--color-primary-100); background-position: center center; background-repeat: no-repeat; text-align: center;}
.special-edu-item .spc-thumbnail-area .spc-thumbnail {width:190px; width: 100%; height:106px; vertical-align: top; object-fit: cover;}
.special-edu-item.is-first .spc-thumbnail-area {height: 268px;}
.special-edu-item.is-first .spc-thumbnail-area .spc-thumbnail {width:480px; height:268px;}
.special-edu-item .spc-desc {margin-top:8px; color: var(--mono-000); font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.special-edu-item.is-first .spc-desc {color: var(--mono-000); font-size: 18px; letter-spacing: -0.36px; -webkit-line-clamp: 1;}
.special-edu-item .spc-thumbnail-area .more-button-layer {display:none;}
.special-edu-item:hover .spc-thumbnail-area .more-button-layer {width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items: center; justify-content: center; background-color:rgba(0,0,0,0.5); border: 1px solid var(--main-primary-dark); border-radius: 12px;}
.special-edu-item:hover .spc-thumbnail-area .more-button-layer .inner-buttons {display:flex; align-items: center; justify-content: center; gap:0 16px; -webkit-user-drag: none; user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.special-edu-item:hover .spc-thumbnail-area .more-button-layer .inner-buttons button img {width:32px; vertical-align: top; pointer-events: none;}
.special-edu-item:hover .spc-thumbnail-area .more-button-layer .inner-buttons button + button {display:flex; align-items: center; gap:0 16px;}
.special-edu-item:hover .spc-thumbnail-area .more-button-layer .inner-buttons button + button::before {content:''; width:1px; height:22px; background-color:rgba(255,255,255,0.3);}
.special-edu-item:hover .spc-desc {color:var(--main-primary-dark);}
.special-edu-item.is-first .play-timeline {height:24px; padding:0 8px; line-height:24px;}
.special-edu-item.is-first .play-timeline.with-btn {padding:0 8px 0 0;}
.special-edu-item.is-first .play-timeline.with-btn .btm-button {width:24px; height:24px;}
.special-edu-item.is-first .play-timeline.with-btn .btm-button img {width:18px;}

.grid-contents-area {width:100%; display:flex; gap:0 40px;}
.grid-contents-area .etc-contents-box {width:509px; display:flex; flex-direction: column; gap:16px 0;}
.grid-contents-area .teacher-live-contents-box {width:327px;}
.grid-contents-area .notice-contents-box {width:404px;}

.grid-contents-area .etc-contents-box .etc-contents-box-inner {min-height:232px; padding:24px; display:flex; flex-direction: column; gap:16px 0; border-radius: 20px; border: 1px solid #E6E6E6; background: #FFF;}
.etc-contents-box-inner .etc-contents-head {width:100%; display:flex; align-items: center; gap:0 8px;}
.etc-contents-box-inner .etc-contents-head .date-badge {height:24px; padding:0 8px; border-radius: 4px; border: 1px solid var(--color-Gray-Color-neutral-100); background: #FFF; color: #000; font-size: 14px; font-weight: 600; letter-spacing: -0.28px; line-height:24px;}
.etc-contents-box-inner .etc-contents-head .etc-head-title {color: #000; font-size: 16px; font-weight: 500; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}

.etc-contents-box-inner .etc-contents-body {width:100%; display:flex; gap:0 20px;}
.etc-contents-slider {width:186px; padding-bottom:25px; margin:0;}
.etc-contents-slider .swiper-slide {display:block; border-radius:12px; overflow:hidden;}
.etc-contents-slider .swiper-slide img {width:186px; height:105px; vertical-align:top; object-fit: cover;}

.contents-doc-list {min-width:0; width:100%; flex:1;}
.contents-doc-list li {display:flex; align-items: center;}
.contents-doc-list li::before {content:''; width:3px; height:3px; margin:0 10px 0 12px; display:block; border-radius:50%; background-color:var(--main-primary-default);}
.contents-doc-list li a {height:26px; display:block; color: var(--mono-666); font-size: 14px; font-weight: 400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:26px;}
.contents-doc-list li a:hover {color:var(--main-primary-dark);}
.contents-doc-list.type-notice li a {height:36px; line-height:36px;}
.chance-slide-title.on a {color:var(--main-primary-dark);}

.teacher-live-contents-box {display:flex; flex-direction: column; gap:16px 0;}
.teacher-live-contents-box .teacher-live-contents-slider {width:100%; border-radius:20px; overflow:hidden;}
.teacher-live-contents-box .teacher-live-contents-slider .swiper-slide {display:block;}
.teacher-live-contents-box .teacher-live-contents-slider .swiper-slide img {width:327px; height:232px; vertical-align: top; object-fit: cover; border: 1px solid var(--main-border); border-radius: 20px; display:block; object-fit: cover} /* 251230 수정 */

.notice-contents-box {}
.notice-contents-box .notice-contents-head {padding-bottom:10px; display:flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #000;}
.notice-contents-box .notice-contents-head .notice-contents-title {padding-left:12px; color: var(--mono-000); font-size: 20px; font-weight: 700; letter-spacing: -0.4px; line-height: 140%;}
.notice-contents-body .contents-doc-list {margin-top:16px;}

.type-main-2026 .badge-new {width: 57px; height: 24px; position:absolute; left:0; top:-4px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 16px 2px; background: #EC211F; color: #FFF; font-size: 12px; font-weight: 700; line-height: 140%;}
.theme-elementary .banners.type-size-fixed a {border-radius: 20px; flex:1;}
.theme-elementary .banners.type-size-fixed img {width:100%; height:100%; object-fit: cover}

.type-main-2026 .quick_menu .quick_tit {color:var(--main-primary-dark);}
.type-main-2026 .login_box {position:relative;}
.type-main-2026 .quick_menu.open .login_on {padding:10px 14px; margin:0 -14px;}
.type-main-2026 .quick_menu.open .login_box.logout .login_on {display:block;}
.type-main-2026 .quick_menu.open .login_on .login-on-info {color:#666; font-size:13px;}
.type-main-2026 .quick_menu.open .login_on .login-on-info strong {display:flex; align-items: center; gap:0 4px; justify-content: center;}
.type-main-2026 .quick_menu.open .login_on .login-on-info strong.target-teacher-auth .icon-teacher-auth {min-width:16px;}
.type-main-2026 .quick_menu.open .login_on .login-on-info strong.target-teacher-auth.auth-complete .icon-teacher-auth {display:none;}
.type-main-2026 .quick_menu.open .login_on .login-on-info strong .icon-teacher-auth img {vertical-align: top; display:block;}

.type-main-2026 .bookmark_area.teacher-auth {max-width:165px; padding:12px; display:none; top: 30px; transform: translateX(-100%);}
.type-main-2026 .bookmark_area.teacher-auth.active {display:block;}
.type-main-2026 .bookmark_area.teacher-auth .teacher-auth-text {text-align: left; color: var(--mono-666); font-size: 12px; font-weight: 400; line-height: 150%; letter-spacing: -0.24px; white-space:initial;}
.type-main-2026 .bookmark_area.teacher-auth .teacher-auth-text.bold {font-weight:700;}
.type-main-2026 .bookmark_area.teacher-auth .teacher-auth-text strong {margin-top:0; display:inline-flex; font-size:12px; color:var(--main-primary-dark);}
.type-main-2026 .bookmark_area.teacher-auth button {width:100%;}

.type-main-2026 .bookmark_area.service:before {top: 55px;}

.type-main-2026 .login_box .login_close .login_on button {border: 1px solid rgba(0, 0, 0, 0.10);}
.type-main-2026 .quick_menu.open .login_box .logout-button {border: 1px solid rgba(0, 0, 0, 0.10);}
.type-main-2026 .quick_menu.open .login_box .login-button {background-color:var(--main-primary-dark); font-weight:500;}

.type-main-2026 .menu-list.my_list {padding:0; border-bottom:0;}
.type-main-2026 .menu-list.my_list > li {border-bottom:1px solid #e6e6e6;}
.type-main-2026 .quick_menu .menu-list .fill-elementary-new,
.type-main-2026 .quick_menu .menu-list .fill-middle-new,
.type-main-2026 .quick_menu .menu-list .fill-high-new {background-color: var(--main-primary-lightest) !important;} /* 260106 추가 */
.quick_menu.open .menu-list .fill-elementary-new .tit,
.quick_menu.open .menu-list .fill-middle-new .tit,
.quick_menu.open .menu-list .fill-high-new .tit {color: #333;} /* 260106 추가 */

.type-main-2026 .quick_menu.open .menu-list a {}
.type-main-2026 .quick_menu.open .menu-list > li.my-favorite {padding-bottom:16px;}
.type-main-2026 .quick_menu .menu-list > li.my-favorite > a .tit span {display:none;}
.type-main-2026 .quick_menu.open .menu-list > li.my-favorite > a .tit span {display:inline;}
.type-main-2026 .quick_menu.open .menu-list > li.my-favorite > a {font-weight:700;}

.type-main-2026 .quick_menu .menu-list a:hover .tit {}

.type-main-2026 .login_box.login {background-color:var(--main-primary-dark);}
.type-main-2026 .quick_menu.open .login_box.login {background-color:#F6F6F6;;}

.type-main-2026 .quick-favorite-list-box {padding:16px;}
.type-main-2026 .quick_menu .quick-favorite-list-area {display:none;}
.type-main-2026 .quick_menu.open .quick-favorite-list-area {display:block;}
.type-main-2026 .quick_menu .quick-favorite-list-area .quick-favorite-list {display:flex; flex-direction: column;}
.type-main-2026 .quick_menu.open .menu-list > li.my-favorite .quick-favorite-list a {max-width:100%; height:auto; display:inline-block; color: var(--mono-666); font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.26px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.type-main-2026 .quick_menu.open .menu-list > li.my-favorite .quick-favorite-list a:hover {color:var(--main-primary-dark)}
.type-main-2026 .quick_menu.open .menu-list > li.my-favorite .quick-favorite-list a + a {margin-top:4px}
.type-main-2026 .quick_menu.open .menu-list > li.my-favorite .quick-favorite-list span {padding:0 14px; display:inline-flex; color: var(--mono-666); font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.26px;}

.type-main-2026 .bookmark_area {border: 1px solid var(--mono-ddd); background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(5px); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07); z-index:1;}

.type-main-2026 .quick-btn-area {padding:0 16px; margin-top:16px; position:relative;}
.type-main-2026 .quick-btn-area .btn-favorite-more {width:100%; height:25px; display:flex; align-items: center; justify-content: center; gap:0 4px; line-height:25px; border-radius: 20px; border: 1px solid var(--main-primary-dark) !important; background: #FFF; color: var(--main-primary-dark); font-size: 12px; font-weight: 400; letter-spacing: -0.24px;}
.type-main-2026 .quick-btn-area .btn-favorite-more img {vertical-align: top; top:0;}

.type-main-2026 .quick-btn-area .bookmark_area.favorite-more {display:none; top:-5px; transform:translate(-100%,0)}
.type-main-2026 .quick-btn-area .bookmark_area.favorite-more::before {top:10px;}
.type-main-2026 .quick-btn-area.active .bookmark_area.favorite-more {display:block;}

.type-main-2026 .bookmark_area.favorite-more {min-width:165px; max-width:165px; padding:8px 12px; top: 0; transform: translate(-100%, 0);}
.type-main-2026 .bookmark_area.favorite-more ul {}
.type-main-2026 .bookmark_area.favorite-more ul li a {display:block; color: var(--mono-666); font-size: 12px; font-weight: 400; line-height: 180%; letter-spacing: -0.24px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.type-main-2026 .bookmark_area.favorite-more ul li a:hover {color:var(--main-primary-dark)}
.type-main-2026 .bookmark_area.favorite-more .ul-dot li {padding-left:0;}
.type-main-2026 .bookmark_area.favorite-more .ul-dot li::before {display:none;}
.type-main-2026 .bookmark_area.favorite-more .ul-dot li + li {margin-top:0;}

.type-main-2026 .quick_menu.open {}
.type-main-2026 .quick_menu .login_box .login_close .login_on strong {font-size:10px; word-break: break-all;}

.quick-btm-menu-area span {color:var(--mono-666);}
.quick-btm-menu-area .type-tool .quick-txt {display:none; position: absolute; left: 5px; top: 50%; transform: translate(-100%, -50%); line-height: 1.0; padding: 8px 9px; white-space: nowrap; border-radius: 4px; border: 1px solid var(--main-tool-primary, #02A39F); background: #FFF;} /* 260106 추가 */
.quick-btm-menu-area .type-ai-class .quick-txt {display:none; position: absolute; left: 5px; top: 50%; transform: translate(-100%, -50%); line-height: 1.0; padding: 8px 9px; white-space: nowrap; border-radius: 4px; border: 1px solid var(--main-ai-class-primary, #4145A0); background: #FFF;} /* 260106 수정 */
.quick-btm-menu-area .type-tool .quick-txt::before {content: ""; position: absolute; top: 50%; right: -13px; transform: translateY(-50%); display: inline-block; width: 14px; height: 9px; background: url(/assets/images/elementary-2026/icon-quick-dep2-tool-arrow-c87457f08e66fb4a97dc8d05d8464df7.svg) center no-repeat; background-size: 100% auto; z-index: -1;} /* 260106 추가 */
.quick-btm-menu-area .type-ai-class .quick-txt::before {content: ""; position: absolute; top: 50%; right: -13px; transform: translateY(-50%); display: inline-block; width: 14px; height: 9px; background: url(/assets/images/elementary-2026/icon-quick-dep2-ai-class-arrow-1c0c7da8488716aa77e095900926387c.svg) center no-repeat; background-size: 100% auto; z-index: -1;} /* 260106 수정 */
.quick-btm-menu-area {padding:8px;}
.quick-btm-menu-area .quick-btm-menu-item {}
.quick-btm-menu-area .quick-btm-menu-item + .quick-btm-menu-item {margin-top:12px}
.quick-btm-menu-area .quick-btm-menu-item a img {vertical-align: top;}
.quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title {height:40px; padding:0; position:relative; display:flex; align-items: center; justify-content: center; gap:0 8px; background: var(--main-tool-lightest); border-radius: 8px 8px 0 0; border:1px solid var(--main-tool-primary);} /* 260106 수정 */
.quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title i {min-width:16px; display:flex; }
.quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title span {color: var(--main-tool-primary); font-size: 13px; font-weight: 700; letter-spacing: -0.26px; line-height:18px;} /* 260106 수정 */
.quick-btm-menu-area .quick-btm-menu-item .quick-arrow {margin-left:auto;}
.quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title span,
.quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title .quick-arrow {display:none;}
.quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title:hover .quick-txt  {display:flex; font-size:13px; font-weight:400; color:var(--mono-666)}
.type-main-2026 .quick_menu.open .quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title:hover .quick-txt {font-weight:700; color: var(--main-primary-dark)}

.type-main-2026 .quick_menu.open .quick-btm-menu-area {padding:12px;}
.type-main-2026 .quick_menu.open .quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title {padding:0 8px 0 16px;} /* 260106 수정 */
.type-main-2026 .quick_menu.open .quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title span,
.type-main-2026 .quick_menu.open .quick-btm-menu-area .quick-btm-menu-item .btn-quick-group-title .quick-arrow {display:flex;}

.quick-btm-menu-list {border-radius:0 0 8px 8px; border-left:1px solid var(--main-tool-primary); border-right:1px solid var(--main-tool-primary); border-bottom:1px solid var(--main-tool-primary);} /* 260106 수정 */
.quick-btm-menu-list > li {position:relative; border-top:1px dashed var(--main-border);}
.quick-btm-menu-list > li:first-child {border-top:0;}
.quick-btm-menu-list > li > a {height:36px; position:relative; display:flex; align-items: center; justify-content: center; gap:0 8px; color: var(--mono-000); font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.26px;}
.quick-btm-menu-list > li > a:hover .quick-txt {display:flex;}
.quick-btm-menu-list > li > a > i {min-width:16px; display:flex;}

.quick-btm-menu-list > li.quick-dep2-menu span {display:none;}
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu {display:none; position: absolute; left: 5px; top: 0; transform: translate(-100%, 0); line-height: 1.0; white-space: nowrap; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07); border: 1px solid var(--main-tool-primary); background: #FFF; z-index:1;} /* 260106 수정 */
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu::before {content: ""; position: absolute; top:12px; right: -13px; display: inline-block; width: 14px; height: 9px; background: url(/assets/images/elementary-2026/icon-quick-dep2-tool-arrow-c87457f08e66fb4a97dc8d05d8464df7.svg) center no-repeat; background-size: 100% auto; z-index: -1;} /* 260106 수정 */
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul {padding:8px 12px;}
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul li {border-top:1px dashed var(--main-border);}
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul li:first-child {border-top:0;}
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul li a {height:22px; position:relative; display:flex; align-items: center; gap:0 6px; color: var(--mono-666); font-size: 12px; letter-spacing: -0.24px;}
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul li a:hover {color:var(--main-primary-dark)}
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul li a::before {content:''; width:11px; height:7px; background:url(/assets/images/common/icon-quick-dep2-default-arrow-e883bb6794b66ae93689a795d236b286.svg) center no-repeat;} /* 260106 수정 */
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul li a:hover::before {background-image:url(/assets/images/common/icon-quick-dep2-hover-arrow-72d848cb32590182cec8874eded39661.svg);}
.quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul li a:hover::before {opacity:1;}
.quick-btm-menu-list > li.quick-dep2-menu:hover .quick-btm-dep2-menu {display:block;}

.type-main-2026 .quick_menu.open .quick-btm-menu-list > li > a {padding:0 16px; justify-content: flex-start;}
.type-main-2026 .quick_menu.open .quick-btm-menu-area .quick-txt {display:flex; position:static; transform:inherit; padding:0; border:0; background-color:transparent;}
.type-main-2026 .quick_menu.open .quick-btm-menu-area .quick-txt::before {display:none;}
.type-main-2026 .quick_menu.open .quick-btm-menu-list > li.quick-dep2-menu span {display:block;}

.quick-btm-menu-area .quick-btm-menu-item.type-tool {}
.quick-btm-menu-area .quick-btm-menu-item.type-tool .btn-quick-group-title {background-color:var(--main-tool-lightest); border-color:var(--main-tool-primary); }
.quick-btm-menu-area .quick-btm-menu-item.type-tool .btn-quick-group-title span {color:var(--main-tool-primary);}
.type-main-2026 .quick_menu.open .quick-btm-menu-area .quick-btm-menu-item.type-tool .btn-quick-group-title:hover .quick-txt {color:var(--main-tool-primary);}
.quick-btm-menu-area .quick-btm-menu-item.type-tool .logo-quick-aiclass {min-width:21px}

.quick-btm-menu-item.type-tool .quick-btm-menu-list {border-color:var(--main-tool-primary);}
/* .quick-btm-menu-item.type-tool .quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul li a::before {background-image:url(/assets/images/elementary-2026/icon-quick-dep2-hover-arrow2-e497b64c6e0d348bdc4d3208552efd84.svg)} */ /* 260106 삭제 */

.quick-btm-menu-area .quick-btm-menu-item.type-ai-class {}
.quick-btm-menu-area .quick-btm-menu-item.type-ai-class .btn-quick-group-title {background-color:var(--main-ai-class-lightest); border-color:var(--main-ai-class-primary); }
.quick-btm-menu-area .quick-btm-menu-item.type-ai-class .btn-quick-group-title span {color:var(--main-ai-class-primary);}
.type-main-2026 .quick_menu.open .quick-btm-menu-area .quick-btm-menu-item.type-ai-class .btn-quick-group-title:hover .quick-txt {color:var(--main-ai-class-primary);}
.quick-btm-menu-area .quick-btm-menu-item.type-ai-class .logo-quick-aiclass {min-width:21px}

.quick-btm-menu-item.type-ai-class .quick-btm-menu-list {border-color:var(--main-ai-class-primary);}
.quick-btm-menu-item.type-ai-class .quick-btm-menu-list > li.quick-dep2-menu .quick-btm-dep2-menu ul li a::before {background-image:url(/assets/images/middle-2026/icon-quick-dep2-hover-arrow2-e497b64c6e0d348bdc4d3208552efd84.svg)}

#layer-setting-bookmark .bookmark-top-box {min-height:60px; padding:0 20px; display:flex; align-items: center; gap:0 12px; border: 1px solid var(--mono-bbb); background-color:#fff;}
#layer-setting-bookmark .bookmark-top-box .subject-left-sec {display:flex; align-items: center; gap:0 12px;}
#layer-setting-bookmark .bookmark-top-box .subject-left-sec::after {content:''; width:1px; height:8px; display:block; background-color:var(--mono-ddd)}
#layer-setting-bookmark .bookmark-top-box .subject-right-sec {display:flex; align-items: center; gap:0 8px;}
#layer-setting-bookmark .baege-bookmark-item {height:36px; padding:0 12px; position:relative; display:inline-flex; align-items: center; justify-content: center; gap:0 4px; border-radius: 300px; border: 1px solid var(--mono-bbb); background: var(--mono-fff); color: var(--mono-666); font-size: 14px; font-weight: 400; letter-spacing: -0.28px; line-height:36px;}
#layer-setting-bookmark .baege-bookmark-item.type-subject {min-width:80px; border: 1px solid var(--main-border); background: var(--main-primary-dark); color: var(--mono-fff); font-size: 14px; font-weight: 700;}
#layer-setting-bookmark .baege-bookmark-item svg {padding:2px; display:flex; align-items: center; justify-content: center; vertical-align: top;}
#layer-setting-bookmark .baege-bookmark-item.disabled {background-color:#f4f4f4; color:#a4a4a4;}
#layer-setting-bookmark .baege-bookmark-item.disabled::before {content:''; width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index: 1;}
#layer-setting-bookmark .baege-bookmark-item.disabled svg {opacity:0.4;}

#layer-setting-bookmark .button.type-dark {background-color:var(--color-Gray-Color-neutral-600)}
#layer-setting-bookmark .button.type-dark:hover {}
#layer-setting-bookmark .button.type-primary,
#layer-setting-bookmark .button.type-primary:link {background-color:var(--main-primary-dark)}
#layer-setting-bookmark .button.type-primary:hover {background-color:var(--main-primary-darkest); border: 1px solid rgba(0, 0, 0, 0.10);}

#layer-setting-bookmark .popup-bookmark .footer-inner {margin:0 40px;}
#layer-setting-bookmark .ul-dot {flex-wrap:wrap; gap:0 16px; align-items: flex-start;}
#layer-setting-bookmark .ul-dot > li {width:calc(50% - 12px); font-size:12px; color:var(--color-Gray-Color-neutral-600);}
#layer-setting-bookmark .bookmark-footer button {border: 1px solid var(--color-Gray-Color-neutral-200); background:#fff;}
#layer-setting-bookmark .bookmark-footer button:hover {border: 1px solid var(--color-Gray-Color-neutral-200); background: var(--color-Gray-Color-neutral-50);}

.type-main-2026 .common-btn {padding:8px; border-radius: 4px; border: 1px solid var(--mono-fff); color: var(--mono-fff); text-align: center; font-size: 12px; font-weight: 400; letter-spacing: -0.24px;}
.type-main-2026 .common-btn:hover {border: 1px solid var(--main-border); background: var(--main-primary-dark);}
.type-main-2026 .common-btn:focus {border: 1px solid var(--main-border); background: var(--main-primary-darkest);}
.type-main-2026 .common-btn:disabled {border: 1px solid var(--mono-fff); opacity: 0.4;}

.type-main-2026 .common-btn.size-sm {font-size:10px; padding:6.5px; line-height:1;}

.type-main-2026 .common-tooltip {width: max-content; padding:0 8px; position:absolute; border-radius:17px; color: var(--color-Color-neutral-0); text-align: center; font-size: 12px; font-weight: 500; line-height:20px; z-index: 1; pointer-events: none}
.type-main-2026 .common-tooltip::before {content:''; width: 0; height: 0; display: inline-block; position:absolute; border-color:var(--arrow-bg)}
.type-main-2026 .common-tooltip.is-hide {display:none;}
.type-main-2026 .common-tooltip.w-240  {max-width:240px;}

.type-main-2026 .common-tooltip.dir-top {left:50%; top:-20px; transform:translateX(-50%)}
.type-main-2026 .common-tooltip.dir-bottom {left:50%; bottom:-30px; transform:translateX(-50%)}
.type-main-2026 .common-tooltip.dir-bottom.up-down-animation {transform:translate(calc(-50% + 30px),0);}
.type-main-2026 .gnb.type-01 .common-tooltip.dir-bottom.up-down-animation {transform:translateX(-50%)}

.type-main-2026 .common-tooltip.dir-top::before {left:50%; bottom:-8px; transform:translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top-width: 10px; border-top-style: solid;}
.type-main-2026 .common-tooltip.dir-bottom::before {left:50%; top:-10px; transform:translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom-width: 10px; border-bottom-style: solid;}
.type-main-2026 .common-tooltip.dir-left::before {border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right-width: 10px; border-right-style: solid;}
.type-main-2026 .common-tooltip.dir-right::before {border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left-width: 10px; border-left-style: solid;}

.type-main-2026 .common-tooltip.c-red {background-color:#F83737;}
.type-main-2026 .common-tooltip.c-red.dir-top::before {border-top-color:#F83737;}

.type-main-2026 .common-tooltip.c-green {background-color:#5FE0EF;}
.type-main-2026 .common-tooltip.c-green.dir-top::before {border-top-color:#5FE0EF;}

.type-main-2026 .common-tooltip.c-blue {background-color:#437CEC;}
.type-main-2026 .common-tooltip.c-blue.dir-top::before {border-top-color:#437CEC;}

.type-main-2026 .common-tooltip.c-black {padding:6px 14px; background-color:rgba(50, 52, 56, 0.80); font-size:13px;}
.type-main-2026 .common-tooltip.c-black.dir-bottom::before {border-bottom-color:rgba(50, 52, 56, 0.80);}

.type-main-2026 .lnb.type-text-box {padding:20px 0;}
.type-main-2026 .logo_contents .bn_editor {width:284px; height: 92px;} /* 2026-01-15 수정 */

.type-main-2026 .floating_area {position:absolute; top:228px}
.type-main-2026 .floating_area.is-sticky {position:fixed; top:96px;}

@keyframes up-down-animation {
  16.65% {transform: translate(-50%,6px);}
  33.3% {transform: translate(-50%,-4px);}
  49.95% {transform: translate(-50%,4px);}
  66.6% {transform: translate(-50%,-2px);}
  83.25% {transform: translate(-50%,1px);}
  100% {transform: translate(-50%,0);}
}

@keyframes up-down-animation-01 {
  16.65% {transform: translate(calc(-50% + 30px),6px);}
  33.3% {transform: translate(calc(-50% + 30px),-4px);}
  49.95% {transform: translate(calc(-50% + 30px),4px);}
  66.6% {transform: translate(calc(-50% + 30px),-2px);}
  83.25% {transform: translate(calc(-50% + 30px),1px);}
  100% {transform: translate(calc(-50% + 30px),0);}
}