:root {
  --main-primary-lightest : #F9F6FF; /* 260102 추가 */
  --main-primary-light : #C1A5FC; /* 260102 추가 */
  --main-primary-default : #9E7DE4;
  --main-primary-darkest : #6C4AB4;
  --main-primary-dark : #8967D2;
  --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-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; */ /* 260102 삭제 */
  --main-border : rgba(0, 0, 0, 0.10);
  --color-Gray-Color-neutral-50 : #F6F6F6;
  --main-tool-lightest : #EFFFFF; /* 260105 수정 */
  --main-tool-primary : #02A39F; /* 260105 수정 */
  --main-ai-class-lightest : #EAEBFF;
  --main-ai-class-primary : #4145A0;
  --bg-loading: url("/assets/images/high/bg-loading-109f3adef14d4d0e6ee93b1cd473313f.png");
}ㄴ

.banners.type-slim a,
.banners.type-slim a:hover img {transform: scale(1); font-size: 0;} /* 251230 추가 */

.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;}

.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(.gnb ul .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: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;}

#textbookAndBoardGnbMenu .lnb-inner {max-height: calc(100dvh - 250px); overflow-y:auto;}
#textbookAndBoardGnbMenu .lnb-inner:has(.lnb-contents.textbook) {max-height: calc(100dvh - 320px);}

.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; cursor:default}
.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% / 6 - 1px)))}
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-item {width:218.5px; padding:20px 20px 20px 20px; border:0;}
/* .type-main-2026 .site-map .grid-menu-list-area .grid-menu-item:nth-child(5n + 1) {border:0;}
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-item:nth-child(8) {position: absolute; left: 0px; top: 380px;}
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-item:nth-child(9) {position: absolute; left: 188px; top: 190px;}
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-item:nth-child(10) {position: absolute; left: 376px; top: 220px;}
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-item:nth-child(11) {position: absolute; left: 564px; top: 568px;}
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-item:nth-child(12) {position: absolute; left: 752px; top: 190px;} */
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-2dep li + li {margin-top:12px; letter-spacing: -0.26px;}
.type-main-2026 .site-map .grid-menu-list-area .grid-menu-2dep svg {flex-shrink: 0;}

.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)); background: repeating-linear-gradient(to right, var(--color-Color-neutral-100) 0, var(--color-Color-neutral-100) 1px, transparent 1px, transparent calc((100% / 5 - 1px)));}
.grid-menu-item {padding:20px; position:relative;}
.grid-menu-item:nth-child(5n) {}
.grid-menu-item:nth-child(5n + 1) {}
/* .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 .gate-text-block {padding-top:32px; display:flex; margin:0 auto; align-items: center; justify-content: center; gap:0 24px;}
.type-main-2026 .gate-text-block p {color: var(--mono-666); font-size: 16px; font-weight: 400; line-height: 24px;}
.type-main-2026 .gate-text-block p strong {color: var(--mono-000); font-weight: 700;}

.type-main-2026 .main-visual-section .mybook-wrapper .mybook-body {position:relative;}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-slider {width:100%; height:auto; margin-top:-6px; padding:6px 15px;}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-slider::before {display:none;}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-slider .swiper-slide {max-height:128px; border: 1px solid var(--main-border);}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-slider .swiper-slide::before {content:''; width:1px; height:100%; display:block; position:absolute; left:5px; top:0; background-color:var(--main-border);}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-slider .swiper-slide {border-radius:8px; overflow:hidden; background: linear-gradient(0deg, var(--mono-f4, #F4F4F4) 0%, var(--mono-f4, #F4F4F4) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05);}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-slider .swiper-slide .mybook-inner-box {width:100%; height:126px; background-image:url(/assets/images/middle-2026/icon-plus-gray-97a2a67873c227c52f25133bddb68414.svg); background-position:calc(50% + 2.5px) center; background-repeat:no-repeat;}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-slider .swiper-slide .mybook-inner-box:hover {background-image:url(/assets/images/middle-2026/icon-plus-white-65788322d3d58edccbd9e60554dd7475.svg); background-color: rgba(51, 51, 51, 0.8);}

.main-visual-section .mybook-wrapper .slider-button {}
.main-visual-section .mybook-wrapper .slider-button.slider-button.hide {display:none;}
.main-visual-section .mybook-wrapper .slider-button.button-prev {left:-15px;}
.main-visual-section .mybook-wrapper .slider-button.button-next {right:-15px;}

.detail-mybook .mybook-detail-layer {width:100%; height:100%; padding:8px; display:none; position:absolute; left:0; top:0; background-color: rgba(51, 51, 51, 0.8);}
.detail-mybook:hover .mybook-detail-layer {display:flex; flex-direction: column; gap:4px 0;}
.detail-mybook .detail-date {color: var(--main-primary-lightest); font-size: 10px; font-weight: 400; line-height:1;}
.detail-mybook .detail-desc {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: var(--mono-eee); font-size: 13px; font-weight: 400; line-height:1; letter-spacing: -0.22px; word-break: break-all;}
.detail-mybook .mybook-btns {width:100%; margin-top:auto; display:flex; flex-direction: column; gap:4px 0;}
.detail-mybook .mybook-btns .common-btn {width:100%; padding:4px 0;}

.type-main-2026 .main-visual-section .visual-slider {height:300px;}
.type-main-2026 .main-visual-section .visual-slider .controls .slider-button {}
.type-main-2026 .main-visual-section .visual-slider .controls .slider-button:hover {opaicty:1;}
.type-main-2026 .main-visual-section .visual-slider .controls .slider-button svg {vertical-align: top; color:#000;}

.type-main-2026 .main-visual-section .mybook-wrapper {height:220px; bottom:auto; top:15px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.10); background-color:#fff; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05);}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-header {height:20px;}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-header h3 {color: var(--color-Color-neutral-1000); font-size: 16px; font-weight: 700; line-height: 20px;}
.type-main-2026 .main-visual-section .mybook-wrapper .mybook-header .button.type-text {gap:0 4px; color: var(--color-Gray-Color-neutral-600); font-size: 14px; font-weight: 400; line-height: 24px;}
.type-main-2026 .main-visual-section .mybook-wrapper hr {margin-top: 10px; margin-bottom: 18px;border-color:#ECECEC;}

.type-main-2026 .weather-info-box {width: 424px; height: 104px; position:absolute; left: 50%; transform: translateX(236px); top:249px; 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:1;}
.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; vertical-align: top}
.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 .section-icon-buttons a img {width:18px; height:18px; object-fit: cover;}
.type-main-2026 .section-icon-buttons a span {max-width:100px;}

.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;} /* 251224 수정 */
.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;}

.type-main-2026 .subject-banners-slider-area {width:100%; min-height:270.23px; margin-top:16px;}
.type-main-2026 .subject-banners-slider {width:100%; padding-bottom:24px;}
.type-main-2026 .subject-banners-slider .swiper-wrapper {padding-top:4px;}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide {width:calc(100% / 6); max-width:200px; margin-right:24px;}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide .btn-swiper-item {padding:32px 20px 20px; min-height:242.23px; position:relative; display:flex; flex-direction: column; gap:10px 0; border-radius: 20px; border: 1px solid #DDD; background: #FFF; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05);}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide .btn-swiper-item:hover {border-color:var(--main-primary-dark);}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide .btn-swiper-item .swiper-item-title {color: var(--mono-000); font-size: 16px; font-weight: 700; line-height: 136%; letter-spacing: -0.32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide .btn-swiper-item:hover .swiper-item-title {color:var(--main-primary-dark);}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide .btn-swiper-item .swiper-item-desc {min-height:39.19px; color: var(--mono-666); 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;}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide .btn-swiper-item .swiper-item-image {aspect-ratio: 162 / 110; overflow:hidden; border-radius: 12px; border-radius: 12px; background: #D9D9D9;}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide .btn-swiper-item .swiper-item-image img {width:100%; height:100%; object-fit: cover; vertical-align: top;}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide .btn-swiper-item .badge-new {display:none}
.type-main-2026 .subject-banners-slider .swiper-wrapper .swiper-slide.is-new .btn-swiper-item .badge-new {display:flex;}

.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%;}

.type-main-2026 .subject-banners-slider .swiper-scrollbar {width:100%; left:auto; right:auto; bottom:0; background-color:#ddd;}
.type-main-2026 .subject-banners-slider .swiper-scrollbar .swiper-scrollbar-drag {background-color:var(--main-primary-dark)}

.type-main-2026 .subject-banners-slider-area .slider-button.swiper-button-disabled {display:none;}
.type-main-2026 .subject-banners-slider-area .slider-button.button-prev,
.type-main-2026 .subject-banners-slider-area .slider-button.button-next {position:absolute; top:160px; z-index:1;}
.type-main-2026 .subject-banners-slider-area .slider-button.button-prev {left:-18px;}
.type-main-2026 .subject-banners-slider-area .slider-button.button-next {right:-18px;}
.type-main-2026 .subject-banners-slider-area .slider-button.button-prev img,
.type-main-2026 .subject-banners-slider-area .slider-button.button-next img {vertical-align: top;}

.type-main-2026 .group-contents-area {width:100%; margin-top:60px; display:flex; gap:0 44px;}
.type-main-2026 .recommend-contents-area {width:876px; position:relative;}
.type-main-2026 .recommend-contents-area .recommend-title-area {display:flex; gap:0 8px; align-items: center;}
.type-main-2026 .recommend-contents-area .recommend-title-area .recommend-title {display:flex; align-items: center; gap:0 8px; color: var(--mono-000); font-size: 24px; font-weight: 700; line-height: 36px; letter-spacing: -0.48px;}
.type-main-2026 .recommend-contents-area .recommend-title-area .recommend-title::before {content:''; width:1px; height:8px; display:block; background-color:var(--mono-ccc); transform:rotate(45deg)}
.type-main-2026 .recommend-contents-area .recommend-title-area .recommend-title:first-child::before {display:none;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper {margin-top:23px;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-wrapper {padding-bottom:4px; margin-bottom:-4px;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide {}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide:nth-child(4n + 3),
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide:nth-child(4n + 4) {margin-top:17px !important;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a {min-height:40px; padding:20px 20px 20px 28px; display:flex; align-items: center; gap:0 16px; border-radius: 20px; border: 1px solid #E6E6E6; background: var(--mono-fa); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.05);}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a .icon-32 {min-width:32px;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a .icon-32 img {width:32px; height:32px; vertical-align: top;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a .recommend-infor {max-width: calc(100% - 78px);}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a .recommend-infor p {text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a .recommend-infor .recommend-infor-title {color: var(--mono-000); font-size: 14px; font-weight: 700; line-height: 20px;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a .recommend-infor .recommend-infor-desc {color: var(--mono-666); font-size: 12px; font-weight: 400; line-height: 20px;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a .inner-arrow {margin-left:auto;}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a:hover {border: 1px solid var(--main-primary-dark);}
.type-main-2026 .recommend-contents-area .recommend-grid-swiper .swiper-slide a:hover .recommend-infor .recommend-infor-title {color:var(--main-primary-dark);}

.type-main-2026 .recommend-contents-area .slider-button.swiper-button-disabled {display:none;}
.type-main-2026 .recommend-contents-area .btn-recommend-prev,
.type-main-2026 .recommend-contents-area .btn-recommend-next {position:absolute; top:130px; z-index:1;}
.type-main-2026 .recommend-contents-area .btn-recommend-prev {left:-18px;}
.type-main-2026 .recommend-contents-area .btn-recommend-next {right:-18px;}
.type-main-2026 .recommend-contents-area .btn-recommend-prev img,
.type-main-2026 .recommend-contents-area .btn-recommend-next img {vertical-align: top;}

.type-main-2026 .notice-list-area {width:400px;}
.type-main-2026 .notice-list-area .notice-title-area {padding:0 0 10px 12px; display:flex; align-items: center; border-bottom: 2px solid #000;}
.type-main-2026 .notice-list-area .notice-title-area .notice-title {color: var(--mono-000); font-size: 24px; font-weight: 700; line-height: 36px; letter-spacing: -0.48px;}
.type-main-2026 .notice-list-area .notice-title-area .btn-notice-more {margin-left:auto; display: flex; align-items: center; color: #000; font-size: 14px; font-weight: 400; line-height: 36px; letter-spacing: -0.28px; gap:0 4px;}
.type-main-2026 .notice-list-area .notice-title-area .btn-notice-more svg {}
.type-main-2026 .notice-doc-list-area {}
.type-main-2026 .notice-doc-list-area .notice-doc-list {margin-top:16px; padding:0 12px;}
.type-main-2026 .notice-doc-list-area .notice-doc-list li {width:100%; padding-left:13px; position:relative;}
.type-main-2026 .notice-doc-list-area .notice-doc-list li::before {content:''; width:3px; height:3px; display:block; position:absolute; left:0; top:16px; background-color:var(--main-primary-default); border-radius:50%;}
.type-main-2026 .notice-doc-list-area .notice-doc-list li a {height:36px; line-height:36px; display:block; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.type-main-2026 .notice-doc-list-area .notice-doc-list li a:hover {color:var(--main-primary-dark)}

.theme-middle .banners.type-size-fixed a,
.theme-high .banners.type-size-fixed a {border-radius:20px; overflow:hidden;}

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

.type-main-2026 .services {margin-bottom:0;}
.type-main-2026 .services a:hover .icon-button {color:var(--main-primary-default); border-color:var(--main-primary-default);}
.type-main-2026 .services a:hover h3 {color:var(--main-primary-default);}

#layer-setting-bookmark {z-index:1001;}
#layer-setting-bookmark .dimmd {z-index:1001;}
#layer-setting-bookmark .popup-container {overflow:hidden; border-radius:4px;}
#layer-setting-bookmark.popup-bookmark {}
#layer-setting-bookmark.popup-bookmark .header {height:72px; border-bottom: 1px solid var(--color-Gray-Color-neutral-100);}
#layer-setting-bookmark.popup-bookmark .header-inner {margin:0 40px;}
#layer-setting-bookmark.popup-bookmark .header-inner h2 {font-size:24px;}
#layer-setting-bookmark.popup-bookmark .header-inner .badge {background-color:var(--main-primary-default) line-height  30px;}
#layer-setting-bookmark.popup-bookmark .close-button {width:32px; height:32px; right:40px;}
#layer-setting-bookmark.popup-bookmark .close-button svg {width:24px; height:24px; color:var(--color-Gray-Color-neutral-500)}
#layer-setting-bookmark.popup-bookmark .body {padding:24px 40px; background: var(--color-Gray-Color-neutral-50); overflow:hidden;}
#layer-setting-bookmark.popup-bookmark .body > .scrollable-container {margin-top:0; margin-bottom:0;}
#layer-setting-bookmark.popup-bookmark .bookmark {border-color:var(--main-primary-dark)}
#layer-setting-bookmark.popup-bookmark .bookmark .bookmark-header {min-height:56px; background-color:var(--main-primary-default)}
#layer-setting-bookmark.popup-bookmark .bookmark-contents {}
#layer-setting-bookmark.popup-bookmark .bookmark-header .badge {height:24px; line-height:24px; padding:0 8px; font-size:16px; var(--main-primary-default);}
#layer-setting-bookmark.popup-bookmark .bookmark.type-secondary .badge {color:var(--mono-666)}
#layer-setting-bookmark.popup-bookmark .bookmark.type-secondary {border-color:var(--mono-bbb)}
#layer-setting-bookmark.popup-bookmark .bookmark.type-secondary .bookmark-header {background-color:var(--mono-aaa)}

#layer-setting-bookmark .tabs.type-line > .tab {border-width:1px; border-style:solid; border-color:var(--main-primary-dark) var(--main-primary-dark) var(--mono-bbb) var(--main-primary-dark);}
#layer-setting-bookmark .tabs.type-line > .tab:before {display:none;}
#layer-setting-bookmark .tabs.type-line > .tab a {padding:0; height:58px; color:var(--color-Gray-Color-neutral-500)}
#layer-setting-bookmark .tabs.type-line > .tab li {border:0;}
#layer-setting-bookmark .tabs.type-line > .tab li:hover,
#layer-setting-bookmark .tabs.type-line > .tab li:focus,
#layer-setting-bookmark .tabs.type-line > .tab li.active {border:0;}
#layer-setting-bookmark .tabs.type-line > .tab li:hover a,
#layer-setting-bookmark .tabs.type-line > .tab li:focus a,
#layer-setting-bookmark .tabs.type-line > .tab li.active a {color:var(--main-primary-dark); font-weight:700;}
#layer-setting-bookmark .tabs.type-line > .tab li:hover a::before,
#layer-setting-bookmark .tabs.type-line > .tab li:focus a::before,
#layer-setting-bookmark .tabs.type-line > .tab li.active a::before {content:''; width:100%; height:4px; display:block; position:absolute; left:0; bottom:0; background-color:var(--main-primary-dark)}

.bookmark-group-list {}
.bookmark-group-list > li {padding:10px 16px; position:relative; border: 1px solid var(--mono-ddd); border-radius:8px;}
.bookmark-group-list > li.disabled {background-color:#f4f4f4;}
.bookmark-group-list > li.disabled::before {content:''; width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.bookmark-group-list > li + li {margin-top:8px;}
.bookmark-group-list .bookmark-group-list-inner {display:flex; align-items: center; justify-content: space-between;}
.bookmark-group-list .bookmark-group-list-inner .btn-bookmark-toggle svg {vertical-align: top;}
.bookmark-group-list .bookmark-group-list-inner .btn-bookmark-toggle.active svg {transform:rotate(-180deg)}

.bookmark-checkbox input {display:none;}
.bookmark-checkbox input + label {position:relative; display:flex; gap:0 8px; align-items: center; justify-content: center; cursor:pointer; color: var(--mono-000); font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.26px;}
.bookmark-checkbox input + label::before {content:''; width:20px; height:20px; display:flex; align-items: center; justify-content: center; border-radius:50%; border:1px solid var(--mono-ddd); color:var(--mono-bbb); background-image:url(/assets/images/middle-2026/icon-round-check-70bb65b9381ab8ea0d79e02ea0ccdd6b.svg); background-position:center; background-repeat:no-repeat; background-color:#fff;}
.bookmark-checkbox input:checked + label::before {background-color:var(--main-primary-dark); border-color:var(--main-primary-dark); background-image:url(/assets/images/middle-2026/icon-round-check-active-18a6eaeb7c9a1da549cf543fe5304483.svg);}
.bookmark-group-list > li.disabled .bookmark-group-list-inner .btn-bookmark-toggle {opacity:0.4;}
.bookmark-group-list > li.disabled .bookmark-checkbox input + label {color:initial;} /* 20260107 수정 */
.bookmark-group-list > li.disabled .bookmark-checkbox input:checked + label::before {opacity:1;} /* 20260107 수정 */

.bookmark-detail-list {margin-top:8px; padding-top:8px; display:none; border-top:1px dashed var(--mono-ddd)}
.bookmark-detail-list li {}
.bookmark-detail-list li .btn-select-bookmark {height:36px; padding:0 24px; display:flex; align-items: center; gap:0 8px; color: var(--mono-000); font-size: 13px; font-weight: 400; letter-spacing: -0.26px; line-height:36px;}
.bookmark-detail-list li .btn-select-bookmark.active {color:var(--main-primary-dark);}
.bookmark-detail-list li .btn-select-bookmark.active .icon {border-color:var(--main-primary-dark); background-color:var(--main-primary-dark); color:#fff;}
.bookmark-detail-list li .btn-select-bookmark .icon svg {vertical-align: top;}

.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 {}
.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-tool-primary)} /* 260105 수정 */

.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/middle-2026/icon-quick-dep2-arrow-53b959f6238ea3cded859c9b2bb11d4f.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-tool-primary)} /* 260105 수정 */
.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: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-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:4px 4px; 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-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;}

.type-main-2026 .banners a {overflow:hidden; border-radius:20px;}

@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);}
}