/*------------------------------------------------- Contents Style Sheet - 초등탭 UIUX 2차 tab 개편 (SNB, 콘텐츠 영역 구조) Author : timeseller9@chunjae.co.kr Create date : 2024.05 -------------------------------------------------*/ .body_layout, .body_layout *, .body_layout ::before, .body_layout ::after{-webkit-box-sizing:border-box;box-sizing:border-box} .body_layout.body_submain, .body_layout.body_submain *, .body_layout.body_submain ::before, .body_layout.body_submain ::after{-webkit-box-sizing:content-box;box-sizing:content-box} .body_layout *{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} .body_layout{letter-spacing:-0.05em} .body_layout label,.body_layout button{cursor:pointer} .body_layout button{height:auto;border:none;background:none;font:1rem/1.2 "Noto Sans KR";font-weight:400;color:inherit;outline:0 !important;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;} /** 과목별 Color Css 가이드 1. body에 themeColor 클래스 미지정 시, 디폴트 컬러인 "파란색" 테마가 적용됩니다. 컬러 클래스별로 적용 시, body에 themeColor 사용 예정 ex) themeGreen : 수준별 국어, themeDeepblue : 수준별 수학, 2. 1)과목별 학교공부(파란색, 디폴트) 2)수준별 수학(진한 파랑, --blue) 3)수준별 영어(주황, --org) 4)수준별 국어(녹색, --grn) 5)실력평가(보라색, --prp) 6)영재/특목(네이비, --navy) 3. :root css변수 생성(10.1 미지원으로 인해 확정X) */ :root{ --disabled-opacity:0.3; --bluePrimary-color: #044bcc; /* header top bg */ --blueSecond-color: #e1ebfb; /* main columnLeft bg */ --blueDep1Sel-color: #4074d9; /* header top dep1 bg */ --blueDep2Bg-color: #eff5ff; /* header bottom bg */ --blueDep2Line-color: #bccbf4; /* header bottom border */ --blueFontActive-color:#0020c4; --blueSnbLi-color: #bedaf8; --blueSnbCircle-color: #93ccfc; --grnPrimary-color: #00a062; --grnSecond-color: #e0f7ee; --grnDep1Sel-color: #3db489; --grnDep2Bg-color: #edfcf6; --grnDep2Line-color: #b1d6c2; --grnFontActive-color:#008954; --grnSnbLi-color: #c3e9d3; --grnSnbCircle-color: #9addb5; --grnProgressBg-color: #eefef8; --orgPrimary-color: #f3820a; --orgSecond-color: #fce6cf; --orgDep1Sel-color: #4074d9; --orgDep2Bg-color: #fdf7f1; --orgDep2Line-color: #dbc0a0; --orgFontActive-color:#f46d00; /* #136096 영어도서관 개편 2025-01-08 수정 */ --orgSnbLi-color: #ffd9b2; --orgSnbCircle-color: #93ccfc; --orgProgressBg-color: #fff2e5; --prpPrimary-color: #6c19e9; --prpSecond-color: #e4e0f5; --prpDep1Sel-color: #8e4fee; --prpDep2Bg-color: #f1eefa; --prpDep2Line-color: #d5c7eb; --prpFontActive-color:#4c25cf; --prpSnbLi-color: #d6cef9; --prpSnbCircle-color: #ac9bec; --navyPrimary-color: #004479; --navySecond-color: #e4f0fa; --navyDep2Bg-color: #f2f9ff; --navyDep2Line-color: #b6cce5; --navyFontActive-color:#003b77; --navySnbLi-color: #cfdff4; --navySnbCircle-color: #b0caed; /* 대치해법수학 Theme Color - 2024-12-19 #137295 추가 */ --ltBluePrimary-color: #4F72FF; --ltBlueSecond-color: #e1ebfb; --ltBlueDep1Sel-color: #7891FF; --ltBlueDep2Bg-color: #EFF5FF; --ltBlueDep2Line-color: #BCCBF4; --ltBlueFontActive-color:#4F72FF; --ltBlueSnbLi-color: #bedaf8; --ltBlueSnbCircle-color: #93ccfc; /* 영재특목클래스 Theme Color - 2025-01-16 #137817 추가(변경 예정) */ --vitPrimary-color: #9d006b; --vitFontActive-color:#9d006b; --vitSecond-color: #f8edf5; } /* 비활성화 공통 클래스 */ .unavail{opacity:var(--disabled-opacity);filter:grayscale(1)} /* header 공통 */ .body_layout header {display:-webkit-box;display:-ms-fl exbox;display:flex;} .body_layout header .lnb{width:100%;background:#0090ff;} .body_layout header .lnb .top {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items:center;min-height:67px;height:67px;padding:0 25px;max-width:1280px;margin:0 auto;} .body_layout header .lnb .top .selectWrap{position:absolute;z-index:12;left:25px;top:0;bottom:0;margin:auto;flex-shrink:0;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex} .body_layout header .lnb .top .selectWrap [class*="selbox0"]{margin-right:10px} .body_layout header .lnb .top .selectWrap [class*="selbox0"]:last-child{margin-right:0} .body_layout header .lnb .top .btnArea{position:absolute;right:25px;top:0;bottom:0;margin:auto;flex-shrink:0;height:40px} .body_layout header .lnb .top .btnArea::after{content:"";display:block;clear:both} .body_layout header .lnb .top .btnArea a{float:right} .body_layout header .lnb .top .btnArea a + a{margin-right:10px} .body_layout header .lnb .top .btnArea [class*="btn"]{padding:10px 14px 9px;border-radius:10px;background-color:#d5e7fb;} .body_layout header .lnb .top .btnArea [class*="btn"] .ico{display:inline-block;vertical-align:top;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px} .body_layout header .lnb .top .btnArea [class*="btn"] span{position:relative;display:inline-block;font-size:0.9375rem;color: #302f2b;font-weight:500;line-height:1.3;vertical-align:top;word-spacing:-1px;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout header .lnb .top .btnArea [class*="btn"].txtDisabled{opacity:var(--disabled-opacity);} .body_layout header .lnb .top .btnArea .btnMystudy .ico{width:19px;height:21px;margin-right:7px;background-position:-37px 0;} .body_layout header .lnb .top .btnArea .btnRanking {padding:10px 14px 10px 11px} .body_layout header .lnb .top .btnArea .btnRanking .ico{width:25px;height:20px;margin-right:4px;background-position:-57px 0;} .body_layout header .lnb .top .btnArea .btnDictionary .ico{width:20px;height:16px;margin:2px 7px 0 0;background-position:-126px -65px;} .body_layout header .lnb .top .btnArea .btnSimwha1 .ico{width:21px;height:21px;margin:0px 7px 0 0;background-position:-147px -65px;} .body_layout header .lnb .top .btnArea .btnSimwha2 .ico{width:21px;height:21px;margin:0px 7px 0 0;background-position:-169px -65px;} .body_layout header .lnb .top .btnArea .btnLibrary .ico{width:17px;height:21px;margin:0px 7px 0 0;background-position:-38px -110px;} .body_layout header .lnb .top .btnArea .btnClose{margin-right:11px;width:36px;height:36px;padding:0;border-radius:0;background:url(//cdndata.milkt.co.kr/ele/app/Images/deachiMath/btn_close.png) no-repeat 50% 50% / 25px auto;} .body_layout header .lnb .depth1 {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;margin:0} .body_layout header .lnb .depth1 > li {position:static;align-self:center;flex:0 0 auto;} .body_layout header .lnb .depth1 > li:not(:last-child){margin-right:39px} .body_layout header .lnb .depth1 > li > a {display: block;height: 50px;padding:0;line-height:50px;font-size:1.3125rem;font-weight:500;color:#fff} .body_layout header .lnb .depth1 > li > a.txtDisabled{opacity:var(--disabled-opacity);} .body_layout header .lnb .depth1 > li .snb{position: absolute;z-index:2;top:100%;left: 0;width:100%;display: none;} .body_layout header .lnb .depth1 > li.on > a{padding:0 28px;border-radius:25px;background-color:#fff;font-weight:700;color:#0090ff;} .body_layout header .lnb .depth1 > li.on > a::after{content:none} .body_layout header .lnb .depth1 > li.on .snb{display: block;} .body_layout header .lnb .depth1 > li .snbTit{text-align:center;font-size:1.1875rem;color:#302f2b;line-height:55px;} .body_layout header .lnb .depth1 > li .snb.full .depth2 > li:not(:last-child){margin-right:30px} .body_layout header .lnb .bottom{position: relative;height: 56px;background-color:#edf5ff;border-bottom:1px solid #b6cce5;} .body_layout header .lnb .bottom .selectWrap{position:absolute;right:25px;top:calc(100% - 46px);width:130px;height:47px} .body_layout header .lnb .depth2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;} .body_layout header .lnb .depth2 > li{flex:0 0 auto;height:56px;line-height:56px;color:#302f2b;font-size:1.1875rem;font-weight:400} .body_layout header .lnb .depth2 > li:not(:last-child) {margin-right:41px} /* #137817 밀크T초등 오답노트 개선 2025-01-16 수정 */ .body_layout header .lnb .depth2 > li a {position: relative;display: block;height:56px;line-height:56px;color:#302f2b;font-size:1.1875rem;font-weight:400} .body_layout header .lnb .depth2 > li a.txtDisabled{opacity:var(--disabled-opacity);} .body_layout header .lnb .depth2 li.on a {color:#0078ff;font-weight:700} .body_layout header .lnb .depth2 li.on a::after {content:"";display:block;position:absolute;left:-2px;bottom:0;-webkit-transform:none;transform:none;width:calc(100% + 4px);height:4px;background-color:#007eff;} /* #137817 밀크T초등 오답노트 개선 2025-01-16 수정 */ .body_layout header .lnb .depth2 .dep2Tit{line-height:56px;color:#302f2b;font-size:1.1875rem;font-weight:400} /* header depth1 selectbox (n학년 n학기) */ .body_layout header .selbox01 .btnSelect{position:relative;z-index:5;width:auto;height:40px;padding:0 15px;border:0;border-radius:10px;background-color:rgba(244,240,254,.25);font-size:1rem; font-weight:500; color:#fff; } .body_layout header .selbox01 .btnSelect::before{content:'';position:absolute;top:0;bottom:0;right:13px;width:13px;height:8px;margin:auto;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_white.png) no-repeat;background-size:100%;transition:all .3s;} .body_layout header .selbox01 .btnSelect li.curr{color:#fff;} .body_layout header .selbox01 .arrow.on + .btnSelect{border-radius:10px 10px 0 0} .body_layout header .selbox01 .buttonWrap::after{content:'';position:absolute;z-index:5;top:40px;left:15px;width:calc(100% - 30px);height:1px;background-color:#fff} .body_layout header .selbox01 .listWrap{overflow-y:auto;position:absolute;z-index:1;top:100%;width:100%;max-height:182px;padding:5px 0 0;border-radius:0 0 10px 10px;background:#3da8ff;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:none;-webkit-filter:drop-shadow(0 15px 0 #3da8ff);filter:drop-shadow(0 15px 0 0 #3da8ff);} .body_layout header .selbox01 .listWrap li{list-style:none;padding:7px 15px;font-size:1rem; font-weight:500; color:#fff;text-align:left;} .body_layout header .selbox01 .listWrap li:last-child{padding:7px 15px 0} /* header depth1 selectbox (학년만) */ .body_layout header .selbox01.typeNrr .btnSelect{width:calc(365px / 3)} .body_layout header .selbox01.typeNrr .listWrap{width:calc(365px / 3)} /* header depth1 selectbox (학교-학년-학기) */ .body_layout header .selbox01.typeWide .btnSelect{width:156px} .body_layout header .selbox01.typeWide .listWrap{width:156px} /* header depth1 selectbox (학년-겨울방학) #137728 1학기 오픈으로 추가 2024-12-11 */ .body_layout header .selbox01.typeW150 .btnSelect{width:150px} .body_layout header .selbox01.typeW150 .listWrap{width:150px} /* header depth2 selectbox (n단원) */ .body_layout header .selbox02 .btnSelect{position:relative;z-index:5;min-width:130px;height:47px;padding:0 20px;border:1px solid #b6cce5;border-bottom:none;border-radius:10px 10px 0 0; background:#fff;font-size:1rem; font-weight:700; color:#302f2b; } .body_layout header .selbox02 .btnSelect::before{content:'';position:absolute;top:0;bottom:0;right:20px;width:13px;height:8px;margin:auto;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_black.png) no-repeat;background-size:100%;transition:all .3s;} .body_layout header .selbox02 .listWrap{overflow-y:auto;position:absolute;z-index:4;top:100%;width:100%;max-height:242px;padding:5px 0 15px;border-radius:0 0 10px 10px;background:#fff;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:none;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);} .body_layout header .selbox02 .listWrap li{list-style:none;padding:7px 20px;font-size:1rem; font-weight:700; color:#302f2b;text-align:left;} /* main lectTop selectbox (학습 목차) */ .body_layout main .lectTop .selbox03 .btnSelect{position:relative;z-index:4;min-width:165px;height:42px;padding:0 14px;border:1px solid #d6d5d5;border-radius:10px;background:#fff;font-size:1.125rem; font-weight:700; color:#007eff;letter-spacing:-.03em;} .body_layout main .lectTop .selbox03 .btnSelect::before{content:'';position:absolute;top:0;bottom:0;right:13px;width:13px;height:8px;margin:auto;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_blue.png) no-repeat;background-size:100%;transition:all .3s;} .body_layout main .lectTop .selbox03 .btnSelect .curr::before{content:'';display:inline-block;width:11px;height:12px;margin-right:10px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_indexLect_22x24.png);background-size:11px;background-position:0 0;margin-top:1px;flex-shrink:0} .body_layout main .lectTop .selbox03 .btnSelect span{display:inline-block;max-width:114px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all} .body_layout main .lectTop .selbox03 .arrow.on + .btnSelect{border-radius:10px 10px 0 0;border-bottom:1px solid transparent;font-weight:400;} .body_layout main .lectTop .selbox03 .buttonWrap{overflow:hidden;position:absolute;z-index:4;top:calc(100% - 1px);left:0;right:0;margin:auto;width:100%;max-width:100%;border:1px solid #d6d5d5;border-top:0;border-radius:0 0 10px 10px;background:#fff;} .body_layout main .lectTop .selbox03 .listWrap{overflow-x:hidden;overflow-y:auto;max-height:286px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:none;-ms-overflow-style:auto;scrollbar-width:auto} .body_layout main .lectTop .selbox03 .listWrap li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;padding-left:35px;font-size:1.125rem; font-weight:400; color:#007eff;text-align:left;} .body_layout main .lectTop .selbox03 .listWrap li.on{background-color:#edf5ff;font-weight:700;letter-spacing:-.05rem} .body_layout main .lectTop .selbox03 .listWrap li span{display:inline-block;max-width:114px;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all} .body_layout main .lectTop .selbox03 .listWrap::-webkit-scrollbar{width:3px;border-radius:3px} .body_layout main .lectTop .selbox03 .listWrap::-webkit-scrollbar-track{background-color:transparent;border-radius:3px} .body_layout main .lectTop .selbox03 .listWrap::-webkit-scrollbar-thumb{background-color:#007eff;border-radius:3px} /* main lectTop selectbox (영어도서관 > 기사 분류) */ /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout main .lectTop .selbox03.colorOrg .btnSelect{position:relative;z-index:4;min-width:165px;height:42px;padding:0 14px;border:1px solid #d6d5d5;border-radius:10px;background:#fff;font-size:1.125rem; font-weight:700; color:var(--orgFontActive-color);letter-spacing:-.03em;} .body_layout main .lectTop .selbox03.colorOrg .btnSelect::before{right:14px;width:10px;height:6px;background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_orange.png);} .body_layout main .lectTop .selbox03.colorOrg .btnSelect .curr::before{background-position-y:24px;} .body_layout main .lectTop .selbox03.colorOrg .listWrap li{color:var(--orgFontActive-color);} .body_layout main .lectTop .selbox03.colorOrg .listWrap li.on{background-color:#fff8f1;} .body_layout main .lectTop .selbox03.colorOrg .listWrap::-webkit-scrollbar-thumb{background-color:var(--orgFontActive-color);} /* main lectTop selectbox (연도) */ .body_layout main .lectTop .progress + .selectWrap {margin-left: 12px;} .body_layout main .lectTop .selbox04 .btnSelect{position:relative;z-index:4;min-width:106px;height:44px;padding:0 14px;border:1px solid #d6d5d5;border-radius:21px;background:#fff;font-size:1rem; font-weight:500; color:#302f2b;letter-spacing:-.03em;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout main .lectTop .selbox04 .btnSelect::before{content:'';position:absolute;top:0;bottom:0;right:13px;width:13px;height:8px;margin:auto;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_black.png) no-repeat;background-size:100%;transition:all .3s;} .body_layout main .lectTop .selbox04 .btnSelect span{display:inline-block;vertical-align:middle;} .body_layout main .lectTop .selbox04 .arrow.on + .btnSelect{border-radius:21px 21px 0 0;border-bottom:1px solid transparent;} .body_layout main .lectTop .selbox04 .buttonWrap{overflow:hidden;position:absolute;z-index:4;top:calc(100% - 1px);left:0;right:0;margin:auto;width:100%;max-width:165px;border:1px solid #d6d5d5;border-top:0;border-radius:0 0 21px 21px;background:#fff;} .body_layout main .lectTop .selbox04 .listWrap{overflow-x:hidden;overflow-y:auto;max-height:286px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:none;-ms-overflow-style:auto;scrollbar-width:auto} .body_layout main .lectTop .selbox04 .listWrap li{list-style:none;padding:0 14px;font-size:1rem; font-weight:500; color:#302f2b;text-align:left;line-height:44px;} .body_layout main .lectTop .selbox04 .listWrap li.on{background-color:#edf5ff;font-weight:500;} .body_layout main .lectTop .selbox04 .listWrap::-webkit-scrollbar{width:3px;border-radius:3px} .body_layout main .lectTop .selbox04 .listWrap::-webkit-scrollbar-track{background-color:transparent;border-radius:3px} .body_layout main .lectTop .selbox04 .listWrap::-webkit-scrollbar-thumb{background-color:#007eff;border-radius:3px} /* main lectTop selectbox (연도 긴버전 > 실력평가 사용중) */ .body_layout .lectTop .selectWrap + .selectWrap{margin-left:12px} .body_layout main .lectTop .selbox05 .btnSelect{position:relative;z-index:4;min-width:165px;height:42px;padding:0 18px;border:1px solid #d6d5d5;border-radius:21px;background:#fff;font-size:1rem; font-weight:500; color:#302f2b;letter-spacing:-.03em;} .body_layout main .lectTop .selbox05 .btnSelect::before{content:'';position:absolute;top:0;bottom:0;right:14px;width:13px;height:8px;margin:auto;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_black.png) no-repeat;background-size:100%;transition:all .3s;} .body_layout main .lectTop .selbox05 .arrow.on + .btnSelect{border-radius:21px 21px 0 0;border-bottom:1px solid transparent} .body_layout main .lectTop .selbox05 .buttonWrap{overflow:hidden;position:absolute;z-index:4;top:calc(100% - 1px);left:0;right:0;margin:auto;width:100%;max-width:165px;border:1px solid #d6d5d5;border-top:0;border-radius:0 0 21px 21px;background:#fff;} .body_layout main .lectTop .selbox05 .listWrap{overflow-x:hidden;overflow-y:auto;max-height:286px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:none;-ms-overflow-style:auto;scrollbar-width:auto} .body_layout main .lectTop .selbox05 .listWrap li{list-style:none;padding:0 18px;font-size:1rem; font-weight:500; color:#302f2b;text-align:left;line-height:44px;} .body_layout main .lectTop .selbox05 .listWrap li.on{background-color:#f1eefa} .body_layout main .lectTop .selbox05 .listWrap::-webkit-scrollbar{width:3px;border-radius:3px} .body_layout main .lectTop .selbox05 .listWrap::-webkit-scrollbar-track{background-color:transparent;border-radius:3px} .body_layout main .lectTop .selbox05 .listWrap::-webkit-scrollbar-thumb{background-color:#d5c7eb;border-radius:3px} /* 수준별 수학 Theme Color */ .body_layout.themeBlue header .lnb{background-color:#044bcc;background-color:var(--bluePrimary-color)} .body_layout.themeBlue header .lnb .top .btnArea [class*="btn"]{background-color:#eff5ff;background-color:var(--blueDep2Bg-color);} .body_layout.themeBlue header .lnb .selbox01 .listWrap{background-color:#4074d9;-webkit-filter:drop-shadow(0 15px 0 #4074d9);filter:drop-shadow(0 15px 0 #4074d9);background-color:var(--blueDep1Sel-color);-webkit-filter:drop-shadow(0 15px 0 var(--blueDep1Sel-color));filter:drop-shadow(0 15px 0 var(--blueDep1Sel-color))} .body_layout.themeBlue header .lnb .selbox02 .btnSelect{border-bottom:1px solid #bccbf4;border-bottom:1px solid var(--blueDep2Line-color);border-bottom:none} .body_layout.themeBlue header .lnb .depth1 > li.on > a{color:#0020c4;color:var(--blueFontActive-color)} .body_layout.themeBlue header .lnb .depth2 li.on a{color:#0020c4;color:var(--blueFontActive-color)} .body_layout.themeBlue header .lnb .depth2 li.on a::after{background-color:#0020c4;background-color:var(--blueFontActive-color)} .body_layout.themeBlue header .lnb .bottom{border-bottom:1px solid #bccbf4;background-color:#eff5ff;border-bottom:1px solid var(--blueDep2Line-color);background-color:var(--blueDep2Bg-color)} .body_layout.themeBlue main .columnLeft{background-color:#e1ebfb;background-color:var(--blueSecond-color)} .body_layout.themeBlue main .depth3 [class*="bar"]{border-bottom:1px solid #bccbf4;border-bottom:1px solid var(--blueDep2Line-color)} .body_layout.themeBlue main .depth3 .manager dt figure{background-color:#044bcc;background-color:var(--bluePrimary-color)} .body_layout.themeBlue main .depth3 .manager dd .mName::after{background-position:-20px -25px} .body_layout.themeBlue main .depth3 .menuLists li .menuList{background-color:#bedaf8;background-color:var(--blueSnbLi-color)} .body_layout.themeBlue main .depth3 .menuLists li .imgBox figure{background-color:#95bfec;background-color:var(--blueSnbCircle-color)} .body_layout.themeBlue main .depth3 .menuLists li.on .imgBox figure{background-color:#044bcc;background-color:var(--bluePrimary-color)} .body_layout.themeBlue main .depth3 .menuLists li .sbj .tDesc{color:#044bcc;color:var(--bluePrimary-color)} .body_layout.themeBlue main .lectTop .selbox03 .btnSelect{color:#0020c4;color:var(--blueFontActive-color)} .body_layout.themeBlue main .lectTop .selbox03 .btnSelect::before{background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_math.png) no-repeat;background-size:100%} .body_layout.themeBlue main .lectTop .selbox03 .btnSelect .curr::before{background-position:0 -12px} .body_layout.themeBlue main .lectTop .selbox03 .listWrap li{color:#0020c4;color:var(--blueFontActive-color)} .body_layout.themeBlue main .lectTop .selbox03 .listWrap li.on{background-color:#eff5ff;background-color:var(--blueDep2Bg-color)} .body_layout.themeBlue main .lectTop .selbox03 .listWrap::-webkit-scrollbar-thumb{background-color:#0020c4;background-color:var(--blueFontActive-color)} .body_layout.themeBlue main .lectTop .progress p{color:#044bcc;color:var(--bluePrimary-color)} .body_layout.themeBlue main .lectTop .progress .graph em{background-color:#044bcc;background-color:var(--bluePrimary-color)} .body_layout.themeBlue main .lectTop .indexLect::before{background-position-y:-12px} .body_layout.themeBlue main .lectTop .indexLect span{color:#0020c4;color:var(--blueFontActive-color);} /* 수준별 국어 Theme Color */ .body_layout.themeGreen header .lnb{background-color:#00a062;background-color:var(--grnPrimary-color)} .body_layout.themeGreen header .lnb .top .btnArea [class*="btn"]{background-color:#edfcf6;background-color:var(--grnDep2Bg-color)} .body_layout.themeGreen header .lnb .selbox01 .listWrap{background-color:#3db489;-webkit-filter:drop-shadow(0 15px 0 #3db489);filter:drop-shadow(0 15px 0 #3db489);background-color:var(--grnDep1Sel-color);-webkit-filter:drop-shadow(0 15px 0 var(--grnDep1Sel-color));filter:drop-shadow(0 15px 0 var(--grnDep1Sel-color))} .body_layout.themeGreen header .lnb .selbox02 .btnSelect{border-bottom:1px solid #b1d6c2;border-bottom:1px solid var(--grnDep2Line-color);border-bottom:none} .body_layout.themeGreen header .lnb .depth1 > li.on > a{color:#008954;color:var(--grnFontActive-color)} .body_layout.themeGreen header .lnb .depth2 li.on a{color:#008954;color:var(--grnFontActive-color)} .body_layout.themeGreen header .lnb .depth2 li.on a::after{background-color:#008954;background-color:var(--grnFontActive-color)} .body_layout.themeGreen header .lnb .bottom{border-bottom:1px solid #b1d6c2;background-color:#edfcf6;border-bottom:1px solid var(--grnDep2Line-color);background-color:var(--grnDep2Bg-color)} .body_layout.themeGreen main .columnLeft{background-color:#e0f7ee;background-color:var(--grnSecond-color)} .body_layout.themeGreen main .depth3 [class*="bar"]{border-bottom:1px solid #bdecd3} .body_layout.themeGreen main .depth3 .manager dt figure{background-color:#00a062;background-color:var(--grnPrimary-color)} .body_layout.themeGreen main .depth3 .manager dd .mName::after{background-position:-40px -25px} .body_layout.themeGreen main .depth3 .menuLists li .menuList{background-color:#c3e9d3;background-color:var(--grnSnbLi-color)} .body_layout.themeGreen main .depth3 .menuLists li .imgBox figure{background-color:#9addb5;background-color:var(--grnSnbCircle-color)} .body_layout.themeGreen main .depth3 .menuLists li.on .imgBox figure{background-color:#00a062;background-color:var(--grnPrimary-color)} .body_layout.themeGreen main .depth3 .menuLists li .sbj .tDesc{color:#00a062;color:var(--grnPrimary-color)} .body_layout.themeGreen main .depth3 .menuLists li .sbj .tName{color:#008954;color:var(--grnFontActive-color)} .body_layout.themeGreen main .depth3 .menuLists li.on .sbj .tName::after{background-position:-40px -45px} .body_layout.themeGreen main .lectTop .selbox03 .btnSelect{color:#008954;color:var(--grnFontActive-color)} .body_layout.themeGreen main .lectTop .selbox03 .btnSelect::before{background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_kor.png) no-repeat;background-size:100%} .body_layout.themeGreen main .lectTop .selbox03 .btnSelect .curr::before{background-position:0 -24px} .body_layout.themeGreen main .lectTop .selbox03 .listWrap li{color:#008954;color:var(--grnFontActive-color)} .body_layout.themeGreen main .lectTop .selbox03 .listWrap li.on{background-color:#edfcf6;background-color:var(--grnDep2Bg-color)} .body_layout.themeGreen main .lectTop .selbox03 .listWrap::-webkit-scrollbar-thumb{background-color:#008954;background-color:var(--grnFontActive-color)} .body_layout.themeGreen main .lectTop .progress{background-color:#eefef8;background-color:var(--grnProgressBg-color)} .body_layout.themeGreen main .lectTop .progress p{color:#00a062;color:var(--grnPrimary-color)} .body_layout.themeGreen main .lectTop .progress .graph em{background-color:#00a062;background-color:var(--grnPrimary-color)} .body_layout.themeGreen main .lectTop .indexLect::before{background-position-y:-24px} .body_layout.themeGreen main .lectTop .indexLect span{color:#008954;color:var(--grnFontActive-color);} .body_layout.themeGreen main .lectTypeC article .tit{border:none} /* 영재/특목 Theme Color */ .body_layout.themeNavy header .lnb{background-color:#004479;background-color:var(--navyPrimary-color)} .body_layout.themeNavy header .lnb .top .btnArea [class*="btn"]{background-color:#f2f9ff;background-color:var(--navyDep2Bg-color)} .body_layout.themeNavy header .lnb .depth2 li.on a{color:#003b77;color:var(--navyFontActive-color)} .body_layout.themeNavy header .lnb .depth2 li.on a::after{background-color:#003b77;background-color:var(--navyFontActive-color)} .body_layout.themeNavy header .lnb .bottom{border-bottom:1px solid #b6cce5;background-color:#f2f9ff;border-bottom:1px solid var(--navyDep2Line-color);background-color:var(--navyDep2Bg-color)} .body_layout.themeNavy main .columnLeft{background-color:#e4f0fa;background-color:var(--navySecond-color)} .body_layout.themeNavy main .depth3 .menuLists li .menuList{background-color:#cfdff4;background-color:var(--navySnbLi-color)} .body_layout.themeNavy main .depth3 .menuLists li .imgBox figure{background-color:#b0caed;background-color:var(--navySnbCircle-color)} .body_layout.themeNavy main .depth3 .menuLists li.on .imgBox figure{background-color:#004479;background-color:var(--navyPrimary-color)} .body_layout.themeNavy main .depth3 .menuLists li .sbj .tDesc{color:#004479;color:var(--navyPrimary-color)} .body_layout.themeNavy main .depth3 .menuLists li .sbj .tName{color:#003b77;color:var(--navyFontActive-color)} .body_layout.themeNavy main .depth3 .menuLists li.on .sbj .tName::after{background-position:-60px -45px} .body_layout.themeNavy main .lectTop .progress p{color:#004479;color:var(--navyPrimary-color)} .body_layout.themeNavy main .lectTop .selbox03 .btnSelect{color:#003b77;color:var(--navyFontActive-color)} .body_layout.themeNavy main .lectTop .selbox03 .btnSelect::before{background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_navy.png) no-repeat;background-size:100%} .body_layout.themeNavy main .lectTop .selbox03 .btnSelect .curr::before{background-position:0 -48px} .body_layout.themeNavy main .lectTop .selbox03 .listWrap li{color:#003b77;color:var(--navyFontActive-color)} .body_layout.themeNavy main .lectTop .selbox03 .listWrap li.on{background-color:#f2f9ff;background-color:var(--navyDep2Bg-color)} .body_layout.themeNavy main .lectTop .selbox03 .listWrap::-webkit-scrollbar-thumb{background-color:#003b77;background-color:var(--navyFontActive-color)} .body_layout.themeNavy main .lectTop .progress .graph em{background-color:#004479;background-color:var(--navyPrimary-color)} .body_layout.themeNavy main .lectTop .indexLect::before{background-position-y:-48px} .body_layout.themeNavy main .lectTop .indexLect span{color:#003b77;color:var(--navyFontActive-color);} /* 실력평가 Theme Color */ .body_layout.themePurple header .lnb{background-color:#6c19e9;background-color:var(--prpPrimary-color)} .body_layout.themePurple header .lnb .top .btnArea [class*="btn"]{background-color:#f1eefa;background-color:var(--prpDep2Bg-color)} .body_layout.themePurple header .lnb .selbox01 .listWrap{background-color:#8e4fee;-webkit-filter:drop-shadow(0 15px 0 #8e4fee);filter:drop-shadow(0 15px 0 #8e4fee);background-color:var(--prpDep1Sel-color);-webkit-filter:drop-shadow(0 15px 0 var(--prpDep1Sel-color));filter:drop-shadow(0 15px 0 var(--prpDep1Sel-color))} .body_layout.themePurple header .lnb .selbox02 .btnSelect{border-bottom:1px solid #d5c7eb;border-bottom:1px solid var(--prpDep2Line-color);border-bottom:none} .body_layout.themePurple header .lnb .depth1 > li.on > a{color:#4c25cf;color:var(--prpFontActive-color)} .body_layout.themePurple header .lnb .depth2 li.on a{color:#4c25cf;color:var(--prpFontActive-color)} .body_layout.themePurple header .lnb .depth2 li.on a::after{background-color:#4c25cf;background-color:var(--prpFontActive-color)} .body_layout.themePurple header .lnb .bottom{border-bottom:1px solid #d5c7eb;background-color:#f1eefa;border-bottom:1px solid var(--prpDep2Line-color);background-color:var(--prpDep2Bg-color)} .body_layout.themePurple main .columnLeft{background-color:#e4e0f5;background-color:var(--prpSecond-color)} .body_layout.themePurple main .depth3 [class*="bar"]{border-bottom:1px solid #bdecd3} .body_layout.themePurple main .depth3 .manager dt figure{background-color:#6c19e9;background-color:var(--prpPrimary-color)} .body_layout.themePurple main .depth3 .manager dd .mName::after{background-position:-40px -25px} .body_layout.themePurple main .depth3 .menuLists li .menuList{background-color:#d6cef9;background-color:var(--prpSnbLi-color)} .body_layout.themePurple main .depth3 .menuLists li .imgBox figure{background-color:#ac9bec;background-color:var(--prpSnbCircle-color)} .body_layout.themePurple main .depth3 .menuLists li.on .imgBox figure{background-color:#6c19e9;background-color:var(--prpPrimary-color)} .body_layout.themePurple main .depth3 .menuLists li .sbj .tDesc{color:#6c19e9;color:var(--prpPrimary-color)} .body_layout.themePurple main .depth3 .menuLists li.on .sbj .tName02::after{background-position:-80px -45px;} .body_layout.themePurple main .depth3 .menuLists li .sbj .tName{color:#6c19e9;color:var(--prpPrimary-color)}/* #138298 HME snb수정 2024-12-19 추가 */ .body_layout.themePurple main .depth3 .menuLists li.on .sbj .tName::after{background-position:-80px -45px} .body_layout.themePurple main .lectTop .selbox03 .btnSelect{color:#4c25cf;color:var(--prpFontActive-color)} .body_layout.themePurple main .lectTop .selbox03 .btnSelect::before{background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_purple.png) no-repeat;background-size:100%} .body_layout.themePurple main .lectTop .selbox03 .btnSelect .curr::before{background-position:0 -36px} .body_layout.themePurple main .lectTop .selbox03 .listWrap li{color:#4c25cf;color:var(--prpFontActive-color)} .body_layout.themePurple main .lectTop .selbox03 .listWrap li.on{background-color:#f1eefa;background-color:var(--prpDep2Bg-color)} .body_layout.themePurple main .lectTop .selbox03 .listWrap::-webkit-scrollbar-thumb{background-color:#4c25cf;background-color:var(--prpFontActive-color)} .body_layout.themePurple main .lectTop .progress{background-color:#f1eefa;background-color:var(--prpDep2Bg-color)} .body_layout.themePurple main .lectTop .progress p{color:#6c19e9;color:var(--prpPrimary-color)} .body_layout.themePurple main .lectTop .progress .graph em{background-color:#6c19e9;background-color:var(--prpPrimary-color)} .body_layout.themePurple main .lectTop .indexLect::before{background-position-y:-36px} .body_layout.themePurple main .lectTop .indexLect span{color:#4c25cf;color:var(--prpFontActive-color)} .body_layout.themePurple main .lectTop [class*="bookDesc"] figcaption p em{color:#4c25cf;color:var(--prpFontActive-color)} .body_layout.themePurple main .lectArea.lectTypeC article .tit + .lectLists{margin-top:30px} /* 수준별 영어 Theme Color */ .body_layout.themeOrg header .lnb{background-color:#f3820a;background-color:var(--orgPrimary-color)} .body_layout.themeOrg header .lnb .top .btnArea [class*="btn"]{background-color:#eff5ff;background-color:var(--orgDep2Bg-color)} .body_layout.themeOrg header .lnb .depth1.type2 + .btnArea{position:static;margin-left:25px} /* 영어 Library */ .body_layout.themeOrg header .lnb .depth1 > li.on > a{color:#f57300;color:var(--orgFontActive-color)} .body_layout.themeOrg main .columnLeft{background-color:#fce6cf;background-color:var(--orgSecond-color)} .body_layout.themeOrg main .depth3 .menuLists li .menuList{background-color:#ffd9b2;background-color:var(--orgSnbLi-color)} .body_layout.themeOrg main .lectTop .progress{background-color:#fff2e5;background-color:var(--orgProgressBg-color)} .body_layout.themeOrg main .lectTop .progress.type2{background-color:transparent;padding:0;} .body_layout.themeOrg main .lectTop .progress.type2 p{color:#302f2b} .body_layout.themeOrg main .lectTop .progress.type2 p em {color:var(--orgFontActive-color)} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout.themeOrg main .lectTop .progress.type3 p{color:var(--orgFontActive-color)} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout.themeOrg main .lectTop .progress p{color:#f3820a;color:var(--orgPrimary-color)} .body_layout.themeOrg main .lectTop .progress .graph em{background-color:#f3820a;background-color:var(--orgPrimary-color)} .body_layout.themeOrg main .lectTop .indexLect::before{background-position-y:-60px} .body_layout.themeOrg main .lectTop .indexLect span{color:#f57300;color:var(--orgFontActive-color)} .body_layout.themeOrg header .btnLibraryHome img{width:165px} /*2026-05-22 #159561 영어도서관 개편*/ .body_layout.themeOrg header .btnLibraryHome + .txt{margin:6px 0 0 15px;font-size:1.0625rem;color:#FFF0E1} /*2026-05-22 #159561 영어도서관 개편*/ .body_layout.themeOrg header .lnb .top .btnArea .btnBookSearch .ico{width:20px;height:21px;margin-right:5px;background:url(//cdndata.milkt.co.kr/ele/app/Images/english/library/ico_bookSearch.png) no-repeat center center / 100%} /*2026-05-22 #159561 영어도서관 개편*/ /* 대치해법수학 Theme Color - 2024-12-19 #137295 추가 */ .body_layout.themeLtBlue header .lnb{background-color:#4F72FF;background-color:var(--ltBluePrimary-color)} .body_layout.themeLtBlue header .lnb .selbox01 .listWrap{background-color:#7891FF;-webkit-filter:drop-shadow(0 15px 0 #7891FF);filter:drop-shadow(0 15px 0 #7891FF);background-color:var(--ltBlueDep1Sel-color);-webkit-filter:drop-shadow(0 15px 0 var(--ltBlueDep1Sel-color));filter:drop-shadow(0 15px 0 var(--ltBlueDep1Sel-color))} .body_layout.themeLtBlue header .lnb .selbox02 .btnSelect{border-bottom:1px solid #BCCBF4;border-bottom:1px solid var(--ltBlueDep2Line-color);border-bottom:none} .body_layout.themeLtBlue header .lnb .depth1 > li > a{font-family:'Noto Sans SC';} .body_layout.themeLtBlue header .lnb .depth1 > li > a span{display:inline-block;margin:0 8px} .body_layout.themeLtBlue header .lnb .depth1 > li.on > a{color:#4F72FF;color:var(--ltBlueFontActive-color)} .body_layout.themeLtBlue header .lnb .depth2 li.on a{color:#4F72FF;color:var(--ltBlueFontActive-color)} .body_layout.themeLtBlue header .lnb .depth2 li.on a::after{background-color:#4F72FF;background-color:var(--ltBlueFontActive-color)} .body_layout.themeLtBlue header .lnb .bottom{border-bottom:1px solid #BCCBF4;background-color:#EFF5FF;border-bottom:1px solid var(--ltBlueDep2Line-color);background-color:var(--ltBlueDep2Bg-color)} .body_layout.themeLtBlue main .columnLeft{background-color:#e1ebfb;background-color:var(--ltBlueSecond-color)} .body_layout.themeLtBlue main .depth3 [class*="bar"]{border-bottom:1px solid #BCCBF4;border-bottom:1px solid var(--ltBlueDep2Line-color)} .body_layout.themeLtBlue main .depth3 .manager dt figure{background-color:#4F72FF;background-color:var(--ltBluePrimary-color)} .body_layout.themeLtBlue main .depth3 .manager dd .mName::after{background-position:-20px -25px} .body_layout.themeLtBlue main .depth3 .menuLists li .menuList{background-color:#bedaf8;background-color:var(--ltBlueSnbLi-color)} .body_layout.themeLtBlue main .depth3 .menuLists li .imgBox figure{background-color:#95bfec;background-color:var(--ltBlueSnbCircle-color)} .body_layout.themeLtBlue main .depth3 .menuLists li.on .imgBox figure{background-color:#4F72FF;background-color:var(--ltBluePrimary-color)} .body_layout.themeLtBlue main .depth3 .menuLists li .sbj .tDesc{color:#4F72FF;color:var(--ltBluePrimary-color)} .body_layout.themeLtBlue main .lectTop .selbox03 .btnSelect{color:#4F72FF;color:var(--ltBlueFontActive-color)} .body_layout.themeLtBlue main .lectTop .selbox03 .btnSelect::before{width:10px;height:8px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_select_arr_deachimath.png) no-repeat;background-size:100%} .body_layout.themeLtBlue main .lectTop .selbox03 .btnSelect .curr::before{background-position:0 -72px} .body_layout.themeLtBlue main .lectTop .selbox03 .listWrap li{color:#4F72FF;color:var(--ltBlueFontActive-color)} .body_layout.themeLtBlue main .lectTop .selbox03 .listWrap li.on{background-color:#EFF5FF;background-color:var(--ltBlueDep2Bg-color)} .body_layout.themeLtBlue main .lectTop .selbox03 .listWrap::-webkit-scrollbar-thumb{background-color:#4F72FF;background-color:var(--ltBlueFontActive-color)} .body_layout.themeLtBlue main .lectTop .progress p{color:#4F72FF;color:var(--ltBluePrimary-color)} .body_layout.themeLtBlue main .lectTop .progress .graph em{background-color:#4F72FF;background-color:var(--ltBluePrimary-color)} .body_layout.themeLtBlue .depth3 .menuLists li.on .sbj .tName02::after{background-position:-100px -45px;} /* 영재특목 클래스 Theme Color */ .body_layout.themeGiftedClass header .lnb{background:url(//cdndata.milkt.co.kr/ele/app/Images/giftedClass/bg_header_topMenu.jpg) no-repeat center/1280px 100%, linear-gradient(to right, #770050 50%, #5b063f 50%);letter-spacing:-.025em} .body_layout.themeGiftedClass header .lnb .top{height:70px;min-height:70px;padding:0 40px;justify-content:flex-start;overflow:visible} .body_layout.themeGiftedClass header .lnb .top .mainLogo{flex-shrink:0;width:240px;height:70px} .body_layout.themeGiftedClass header .lnb .top .mainLogo h1 a{position:relative;display:block;width:100%;height:70px;padding-left:50px;font:700 1.75rem/2.5 'tmoney';color:#fff;text-align:center;letter-spacing:-0.05em} .body_layout.themeGiftedClass header .lnb .top .mainLogo h1 a::before{content:"";position:absolute;top:5px;bottom:0;left:0;margin:auto;width:43px;height:29px;background:url(//cdndata.milkt.co.kr/ele/app/Images/giftedClass/ico_top_tit.png) no-repeat center/contain} .body_layout.themeGiftedClass header .lnb .depth1{position:unset;width:calc(100% - 240px);padding:0 25px 0 65px;justify-content:space-between} .body_layout.themeGiftedClass header .lnb .depth1 > li{position:static} .body_layout.themeGiftedClass header .lnb .depth1 > li:not(:last-child){margin-right:0} .body_layout.themeGiftedClass header .lnb .depth1 > li > a{position:relative;overflow:hidden;padding:0 10px;font-size:1.25rem;font-weight:700;color:#d9aecc;line-height:70px;height:70px;letter-spacing:-1px} .body_layout.themeGiftedClass header .lnb .depth1 > li.on > a{padding:0 10px;border-radius:0;background:transparent;color:#fff;overflow:visible} .body_layout.themeGiftedClass header .lnb .depth1 > li.on > a::after{content:"";position:absolute;z-index:3;bottom:-9px;left:0;right:0;width:16px;height:16px;margin:auto;border-radius:2px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)} .body_layout.themeGiftedClass header .lnb .depth2 > li{height:50px;line-height:50px} .body_layout.themeGiftedClass header .lnb .depth2 > li:not(:last-child){margin-right:60px} .body_layout.themeGiftedClass header .lnb .depth2 > li a{padding:0 10px;height:50px;line-height:50px;font-size:1.0625rem;font-weight:700;color:#a7abb0} .body_layout.themeGiftedClass header .lnb .depth2 li.on a{color:#000} .body_layout.themeGiftedClass header .lnb .depth2 li.on a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;border-radius:3px 3px 0 0;background-color:#b6077d} .body_layout.themeGiftedClass header .lnb .bottom{height:50px;background-color:#fff;border-bottom:none} .body_layout.themeGiftedClass main{display:revert} /** main content [1 좌측메뉴가 있는 유형] 1)좌측 구조 A)강사 강좌 중심형 B)강사형 C)콘텐츠형 D)콘텐츠 강좌 중심형 2)우측 구조 A)리스트형 B)섬네일 그리드형 C)텍스트 그리드형 [2 가로 풀페이지 유형] 1)디자인형 2)랜딩/링크형 3)그리드형 (키즈에만 추가) */ #content{position:relative;max-width:1280px;/*height:726px;*/margin:0 auto;} .body_layout main{overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height: 100%} .body_layout main.main02{/*height:calc(100% - 67px)*/} .body_layout main.main02 .lectArea{max-height:589px} .body_layout main > section{position:relative;width:100%;background: #fff;} .body_layout .btnArea .btnStudyinfo{position:relative;display:inline-block;padding:0 14px;background-color:#fff;border-radius:10px;} .body_layout .btnArea .btnStudyinfo::before{content:"";display:inline-block;width:18px;height:20px;margin-right:7px;background: url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png);background-size:200px;background-position:-30px -65px;vertical-align:-4px;} .body_layout .btnArea .btnStudyinfo span{font-size:0.9375rem;font-weight:500;color:#302f2b;line-height:40px;} /* snb 공통 상단 */ .body_layout [class*="columnLeft"]{position:relative;flex-shrink:0;width:310px;/*height:100%;*/background-color:#e0ecfa;} .body_layout .depth3{height:100%} .body_layout .depth3 .menuTit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:17px 0 18px;} .body_layout .depth3 .menuTit p{flex-shrink:0;font-size:1rem;font-weight:400;color:#302f2b;} .body_layout .depth3 .menuTit .menuPopInfo{flex-shrink:0;display:block;width:18px;margin-left:6px;margin-top:1px;} .body_layout .depth3 .menuTit .menuPopInfo img{display:block;width:100%;object-fit:contain;} .body_layout .depth3 [class^="bar"]{margin:0 15px 16px 25px;padding-top:3px;border-bottom:1px solid #cfdff2} .body_layout .depth3 .toggleBtns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px;} .body_layout .depth3 .toggleBtns button {height:35px;padding:0 21px;border:1px solid #302f2b;border-radius:calc(35px / 2);font-size:0.9375rem;color:#302f2b;font-weight:700;line-height:33px;} .body_layout .depth3 .toggleBtns button + button{margin-left:10px} /* snb 단독 강사형(콘텐츠형) => manager 생성 */ .body_layout .depth3 .manager{margin-bottom:14px;padding-left:40px;} .body_layout .depth3 .manager dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .body_layout .depth3 .manager dt{flex-shrink:0;width:70px;height:70px;} .body_layout .depth3 .manager dt figure{overflow:hidden;position:relative;width:100%;height:100%;padding:0;border-radius:50%;background-color:#0090ff} .body_layout .depth3 .manager dt figure img{position:absolute;top:16px;width:100%;-webkit-transform:scale(1.4);transform:scale(1.4)} .body_layout .depth3 .manager.typeIcon dl dt figure{background-color:transparent} .body_layout .depth3 .manager.typeIcon dl dt figure img{position:absolute;top:0;bottom:0;margin:auto;-webkit-transform:scale(1);transform:scale(1)} .body_layout .depth3 .manager dd{margin-left:10px} .body_layout .depth3 .manager dd div+div{margin-top:8px} .body_layout .depth3 .manager dd .mName{display:inline-block;font-size:1.625rem;color:#24231f;line-height:1;word-spacing:-1px;word-break:keep-all} .body_layout .depth3 .manager dd .mName::after{content:"";display:inline-block;width:18px;height:18px;margin-left:5px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;background-position:0 -25px;vertical-align:1px;} .body_layout .depth3 .manager dd .mName em{font-weight:700;word-break:keep-all} .body_layout .depth3 .manager dd p{font-size:1.25rem;font-weight:700;color:#24231f;line-height:1} .body_layout .depth3 .manager dd .fontXL{font-size:1.625rem} .body_layout .depth3 .manager dd [class*="mDesc"]{font-size:0.875rem} .body_layout .depth3 .manager dd .mDesc02{font-weight:400;opacity:.8} .body_layout .depth3 .manager + .menuLists{max-height:442px} /* snb menuLists 강사형 (default) */ .body_layout .depth3 .menuLists{overflow-x:hidden;overflow-y:auto;max-height:544px;padding-left:25px} .body_layout .depth3 .menuLists li{position:relative} .body_layout .depth3 .menuLists li + li{margin-top:10px} .body_layout .depth3 .menuLists li:last-child{margin-bottom:10px} .body_layout .depth3 .menuLists li .menuList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 15px;border-radius:25px 0 0 25px;background-color:#badefc;cursor:pointer} .body_layout .depth3 .menuLists li .imgBox{flex-shrink:0;width:70px;height:70px} .body_layout .depth3 .menuLists li .imgBox figure{overflow:hidden;position:relative;width:100%;height:100%;padding:0;border-radius:50%;background-color:#93cbfc;} .body_layout .depth3 .menuLists li .imgBox figure.txtDisabled{filter:grayscale(1);} .body_layout .depth3 .menuLists li .imgBox figure img{position:absolute;top:16px;width:100%;-webkit-transform:scale(1.4);transform:scale(1.4);} .body_layout .depth3 .menuLists li .imgBox.ml05 figure img{left:5px} .body_layout .depth3 .menuLists li .imgBox.mr05 figure img{right:5px} .body_layout .depth3 .menuLists li .imgBox.ml10 figure img{left:10px} .body_layout .depth3 .menuLists li .imgBox.mr10 figure img{right:10px} .body_layout .depth3 .menuLists li .menuList.typeIcon .imgBox figure img{position:absolute;top:0;bottom:0;margin:auto;-webkit-transform:scale(1);transform:scale(1)} .body_layout .depth3 .menuLists li .menuList.typeIcon .imgBox figure.textbook{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_book_colorB_140x140.png);background-repeat:no-repeat;background-size:70px 70px;background-position:0 0;} .body_layout .depth3 .menuLists li .menuList.typeIcon .imgBox figure.reading{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_reading_140x140.png);background-repeat:no-repeat;background-size:70px;background-position:0 0;} .body_layout .depth3 .menuLists li .menuList.typeIcon .imgBox figure.ethics{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_ethics_140x140.png);background-repeat:no-repeat;background-size:70px;background-position:0 0;} .body_layout .depth3 .menuLists li .menuList.typeIcon .imgBox figure.coding{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_school_menuLists_coding.png);background-repeat:no-repeat;background-size:70px;background-position:0 0;} .body_layout .depth3 .menuLists li.on .menuList.typeIcon .imgBox figure.reading{background-position-y:-70px} .body_layout .depth3 .menuLists li.on .menuList.typeIcon .imgBox figure.ethics{background-position-y:-70px} .body_layout .depth3 .menuLists li.on .menuList.typeIcon .imgBox figure.coding{background-position-y:-70px} .body_layout .depth3 .menuLists li .sbj{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width:calc(100% - 80px);margin-left:10px;color:#24231f;} .body_layout .depth3 .menuLists li .sbj.txtDisabled{opacity:var(--disabled-opacity);} .body_layout .depth3 .menuLists.kids li .sbj > div{width:calc(100% + 15px);flex-shrink:0} .body_layout .depth3 .menuLists li .sbj p{font-weight:700;line-height:1.1} .body_layout .depth3 .menuLists li .sbj div+div{margin-top:5px} .body_layout .depth3 .menuLists li .sbj .fontXL{font-size:1.625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all} .body_layout .depth3 .menuLists li .sbj .fontL{font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all} .body_layout .depth3 .menuLists li .sbj .fontM{font-size:1.125rem;line-height:1.3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;word-break:break-all} .body_layout .depth3 .menuLists li .sbj .fontS{font-size:0.875rem;line-height:1.3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;word-break:break-all} .body_layout .depth3 .menuLists li .sbj .bookPub{display:inline-block;font-size:0.9375rem;font-weight:700;color:#24231f;line-height:1.1;pointer-events:none} .body_layout .depth3 .menuLists li .sbj .bookTit{font-size:1.1875rem;padding-bottom:3px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;word-break:break-all} .body_layout .depth3 .menuLists li .sbj .tit2line{font-size:1.1875rem;line-height:1.26;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;word-break:break-all} /* #138298 HME snb수정 2024-12-19 추가 */ .body_layout .depth3 .menuLists li .sbj > div:not(:first-child) .bookTit{margin-top:-1px} .body_layout .depth3 .menuLists li .sbj > div:first-child .bookTit{line-height:1.26;margin-top:-1px;} .body_layout .depth3 .menuLists li .sbj:has(> div:first-child .bookTit) > div:nth-child(2){margin-top:4px} .body_layout .depth3 .menuLists li .sbj .bookColorB{margin-top:0;font-size:0.9375rem;line-height:1.1;color:#0078ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all} .body_layout .depth3 .menuLists li .sbj [class*="tName"]{display:inline-block;margin-top:-3px;font-size:0.9375rem;font-weight:700;color:#0078ff;line-height:1.1;vertical-align:top;pointer-events:none} .body_layout .depth3 .menuLists li .sbj > div:not(:nth-child(3)) [class*="tName"]{margin-top:0} .body_layout .depth3 .menuLists li .sbj .tName02{font-size:1.1875rem;color:#24231f} .body_layout .depth3 .menuLists li .sbj .tDesc{font-size:0.9375rem;font-weight:700;color:#0090ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all} .body_layout .depth3 .menuLists li .sbj .keepWord{display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;word-break:keep-all} .body_layout .depth3 .menuLists li.on .menuList{background-color:#fff !important;} .body_layout .depth3 .menuLists li.on .menuList.typeIcon .imgBox figure.textbook{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_book_colorY_140x140.png)} .body_layout .depth3 .menuLists li.on .imgBox figure{background-color:#0090ff;} .body_layout .depth3 .menuLists li.on .sbj [class*="tName"]::after{content:"";display:inline-block;width:16px;height:16px;margin-left:5px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;background-position:0 -45px;vertical-align:top;} .body_layout .depth3 .menuLists li.on .sbj .tName02::after{background-position:-20px -45px;vertical-align:baseline} .body_layout .depth3 .menuLists li.on .menuList.typeIcon .sbj [class*="tName"]::after{content:none} .body_layout .depth3 .menuLists li.on .sbj .bookPub, .body_layout .depth3 .menuLists li.on .sbj [class*="tName"]{pointer-events:auto} /* snb menuLists 콘텐츠형 */ .body_layout .depth3 .menuLists.typeB li .menuList{padding:17px 26px;border-radius:20px 0 0 20px} .body_layout .depth3 .menuLists.typeB li + li{margin-top:14px} .body_layout .depth3 .menuLists.typeB li .imgBox{position:relative;width:46px;height:46px} .body_layout .depth3 .menuLists.typeB li .imgBox .icoNew{position:absolute;z-index:2;top:-2px;right:-2px;width:18px;height:19px;background:url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat;background-size:200px;background-position:-50px -65px;} .body_layout .depth3 .menuLists.typeB li .imgBox figure{background-color:transparent !important} .body_layout .depth3 .menuLists.typeB li .sbj{flex-shrink:0;width:calc(100% - 50px);margin-left:16px} .body_layout .depth3 .menuLists.typeB li .sbj p{display:inline-block;padding-right: 2px;} .body_layout .depth3 .menuLists.typeB li .sbj .icoCup{display:inline-block;width:28px;height:20px;margin-left:20px;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat;background-size:200px;background-position:0 -65px;} .body_layout .depth3 .menuLists.typeB li .sbj .icoNew{display:inline-block;width:15px;height:15px;margin-left:10px;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat;background-size:200px;background-position:-20px -169px;vertical-align:3px;} .body_layout .depth3 .menuLists.typeB li .sbj .fontM{-webkit-line-clamp:1} .body_layout .depth3 .menuLists.typeB li .sbj .slim{letter-spacing:-2px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="corr"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_correct_92x92_250908.png);background-repeat:no-repeat;background-size:46px}/*2025-09-08 #149919 통합교과 아이콘 수정*/ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .corrkor{background-position:0 0} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .corrMath{background-position:0 -46px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .corrCoding{background-position:0 -92px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .corrSoc{background-position:0 -138px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .corrSci{background-position:0 -184px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .corrEng{background-position:0 -230px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .corrHanja{background-position:0 -276px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .corrMatCod{background-position:0 -322px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .corrCurri{background-position:0 -414px}/*2025-09-08 #149919 통합교과 아이콘 수정*/ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="math"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_math_92x92.png);background-repeat:no-repeat;background-size:230px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco01{background-position:0 0} /* 곱셈 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco02{background-position:0 -46px} /* 나눗셈 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco03{background-position:0 -92px} /* 원 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco04{background-position:0 -138px} /* 분수 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco05{background-position:0 -184px} /* 들이와 무게 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco06{background-position:0 -230px} /* 수와 연산/규칙성 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco07{background-position:0 -276px} /* 도형/측정/자료와 가능성 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco08{background-position:0 -322px} /* 덧셈과 뺄셈 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco09{background-position:0 -368px} /* 평면도형 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco10{background-position:0 -414px} /* 길이와 시간 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco11{background-position:-46px 0} /* 수와 연산 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco12{background-position:-46px -46px} /* 규칙성 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco13{background-position:-46px -92px} /* 도형 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco14{background-position:-46px -138px} /* 측정 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco15{background-position:-46px -184px} /* 자료와 가능성 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco16{background-position:-46px -230px} /* 1주차 학습 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco17{background-position:-46px -276px} /* 2주차 학습 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco18{background-position:-46px -322px} /* 3주차 학습 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco19{background-position:-46px -368px} /* 자료의 정리 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco20{background-position:-46px -414px} /* GO!매쓰 PLAY */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco21{background-position:-92px 0} /* GO!매쓰 실력, 사고력 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco22{background-position:-92px -46px} /* 분수와 소수 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco23{background-position:-92px -92px} /* 수 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco24{background-position:-92px -138px} /* 입체도형 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco25{background-position:-92px -184px} /* 경우의 수와 통계 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco26{background-position:-92px -230px} /* 해결전략 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco27{background-position:-92px -276px} /* 곱셈과 나눗셈 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco28{background-position:-92px -322px} /* 분수·소수 혼합계산 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco29{background-position:-92px -368px} /* 비와 비율 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco30{background-position:-92px -414px} /* 각기둥 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco31{background-position:-138px 0} /* 각뿔 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco32{background-position:-138px -46px} /* 회전체 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco33{background-position:-138px -92px} /* 쌓기나무 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco41{background-position:-184px 0} /* 숫자1 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco42{background-position:-184px -46px} /* 숫자2 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco43{background-position:-184px -92px} /* 숫자3 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco44{background-position:-184px -138px} /* 숫자4 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco45{background-position:-184px -184px} /* 숫자5 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco46{background-position:-184px -230px} /* 숫자6 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco47{background-position:-184px -276px} /* 숫자7 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco48{background-position:-184px -322px} /* 숫자8 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco49{background-position:-184px -368px} /* 숫자9 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco50{background-position:-138px -138px} /* 약수와 배수 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco51{background-position:-138px -184px} /* 분수의 덧셈 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco52{background-position:-138px -230px} /* 분수의 뺄셈 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco53{background-position:-138px -276px} /* 분수의 곱셈 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco54{background-position:-138px -322px} /* (소수)X(자연수) */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco55{background-position:-138px -368px} /* (소수)X(소수) */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mathIco56{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectlist_math_training.png) !important;background-repeat:no-repeat;background-size:46px !important;} /* 26-06-09 #160237 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="mento"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_mento_92x92.png);background-repeat:no-repeat;background-size:46px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mentoIco01{background-position:0 0} /* 국어 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mentoIco02{background-position:0 -46px} /* 수학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mentoIco03{background-position:0 -92px} /* 사회 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .mentoIco04{background-position:0 -138px} /* 과학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="kor"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_korean_92x92.png);background-repeat:no-repeat;background-size:46px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .korIco01{background-position:0 0} /* 비문학 기초 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .korIco02{background-position:0 -46px} /* 비문학 실전 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .korIco03{background-position:0 -92px} /* 디지털 독해 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="premid"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_premid_92x92.png);background-repeat:no-repeat;background-size:46px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .premidIco01{background-position:0 0} /* 국어 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .premidIco02{background-position:0 -46px} /* 영어 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .premidIco03{background-position:0 -92px} /* 수학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .premidIco04{background-position:0 -138px} /* 과학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .premidIco05{background-position:0 -184px} /* 사회 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .premidIco06{background-position:0 -230px} /* 슬기로운 중학 생활 */ .body_layout .depth3 .menuLists li .imgBox figure[class*="selfStudy"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_mento_140x140.png);background-repeat:no-repeat;background-size:140px} .body_layout .depth3 .menuLists li .imgBox .selfStudy01{background-position:0 0} /* 수학 */ .body_layout .depth3 .menuLists li .imgBox .selfStudy02{background-position:0 -70px} /* 사회 */ .body_layout .depth3 .menuLists li .imgBox .selfStudy03{background-position:0 -140px} /* 과학 */ .body_layout .depth3 .menuLists li .imgBox .selfStudy04{background-position:0 -210px} /* 영어 */ .body_layout .depth3 .menuLists li.on .imgBox .selfStudy01{background-position:-70px 0} /* 수학 */ .body_layout .depth3 .menuLists li.on .imgBox .selfStudy02{background-position:-70px -70px} /* 사회 */ .body_layout .depth3 .menuLists li.on .imgBox .selfStudy03{background-position:-70px -140px} /* 과학 */ .body_layout .depth3 .menuLists li.on .imgBox .selfStudy04{background-position:-70px -210px} /* 영어 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="simwha"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_simwha_92x92.png);background-repeat:no-repeat;background-size:736px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco01{background-position:0 0} /* 내 소개 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco02{background-position:0 -46px} /* 친구들 소개 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco03{background-position:0 -96px} /* 학교안전 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco04{background-position:0 -138px} /* 사회안전 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco05{background-position:-46px 0} /* 추천 활동 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco06{background-position:-46px -46px} /* 우리나라 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco07{background-position:-46px -92px} /* 과학 세상 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco08{background-position:-46px -138px} /* 세계 세상 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco09{background-position:-46px -184px} /* 체험 세상 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco10{background-position:-46px -230px} /* 미래 세상 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco11{background-position:-46px -276px} /* 나눔 세상 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco12{background-position:-46px -322px} /* 컴퓨터 세상 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco13{background-position:-46px -368px} /* 특별한 날 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco14{background-position:-92px 0} /* 정치 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco15{background-position:-92px -46px} /* 역사 1 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco16{background-position:-92px -92px} /* 역사 2 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco17{background-position:-92px -138px} /* 지리 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco18{background-position:-92px -184px} /* 문화 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco19{background-position:-92px -230px} /* 사회문화 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco20{background-position:-92px -276px} /* 사회 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco21{background-position:-92px -322px} /* 경제 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco22{background-position:-138px 0} /* 3학년 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco23{background-position:-138px -46px} /* 4학년 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco24{background-position:-138px -92px} /* 5학년 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco25{background-position:-138px -138px} /* 6학년 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco26{background-position:-184px 0} /* 선사시대~삼국통일 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco27{background-position:-184px -46px} /* 고려 시대 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco28{background-position:-184px -92px} /* 조선 전기 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco29{background-position:-184px -138px} /* 조선 후기 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco30{background-position:-184px -184px} /* 근현대사 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco31{background-position:-184px -230px} /* 삼국시대~고려시대 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco32{background-position:-184px -276px} /* 일제 강점기 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco33{background-position:-184px -322px} /* 한국사능력검정시험 기본 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco34{background-position:-184px -368px} /* 한국사능력검정시험 심화 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco35{background-position:-184px -414px} /* 고대그리스·로마 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco36{background-position:-184px -460px} /* 중세 유럽 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco37{background-position:-230px 0} /* 세계수도송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco38{background-position:-230px -46px } /* 영어수도송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco39{background-position:-230px -92px } /* 숫자송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco40{background-position:-230px -138px} /* 덧셈뺄셈송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco41{background-position:-230px -184px} /* 구구단송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco42{background-position:-230px -230px} /* 영어구구단송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco43{background-position:-230px -276px} /* 십구단송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco44{background-position:-230px -322px} /* 과학송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco45{background-position:-230px -368px} /* 사회송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco46{background-position:-230px -414px} /* 역사인물송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco47{background-position:-276px 0} /* 음악 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco48{background-position:-276px -46px } /* 미술 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco49{background-position:-276px -92px } /* 체육 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco50{background-position:-322px 0} /* 초급 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco51{background-position:-322px -46px } /* 중급 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco52{background-position:-322px -92px } /* 1급 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco53{background-position:-322px -138px} /* 2급 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco54{background-position:-322px -184px} /* 3급 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco55{background-position:-322px -230px} /* 4급+5급 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco56{background-position:-322px -276px} /* 1급 개념 정리편 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco57{background-position:-322px -322px} /* 1급 실전편 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco58{background-position:-322px -368px} /* 2급 개념 정리편 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco59{background-position:-322px -414px} /* 2급 실전편 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco60{background-position:-368px 0} /* 센서 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco61{background-position:-368px -46px } /* 3D */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco62{background-position:-368px -92px } /* AR */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco63{background-position:-368px -138px} /* 지구과학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco64{background-position:-368px -184px} /* 생명과학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco65{background-position:-368px -230px} /* 물리 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco66{background-position:-368px -276px} /* 화학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco67{background-position:-368px -322px} /* 과학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco68{background-position:-368px -368px} /* 사회 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco69{background-position:-368px -414px} /* 역사 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco70{background-position:-368px -460px} /* 국어 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco71{background-position:-368px -506px} /* 수학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco72{background-position:-414px -0} /* 영어 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .simwhaIco73{background-position:-276px -138px} /* 바른생활 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure.simwhaIco74{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_alphabetsong.png);background-repeat:no-repeat;background-size:36px;border-radius:0;} /* 25-09-22 #151913 학습송>알파벳송 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="eng"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_english_92x92.png);background-repeat:no-repeat;background-size:92px;border-radius:0;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engPhonics{background-position:0 0} /* phonics */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engListening{background-position:0 -46px} /* listening */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engSpeaking{background-position:0 -92px} /* speaking */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engAiSpeaking{background-position:0 -138px} /* AI speaking */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engLetsGo{background-position:0 -604px} /* Let's go speaking */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engWords{background-position:0 -185px} /* words */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engCookWords{background-position:0 -231px} /* 쿡쿡 영단어 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engVoca{background-position:0 -276px} /* 3초 보카 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure.engJumpVoca{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_english_jumpVoca.png);background-size:100%}/*2026-06-10 #159561 추가 뛰어 Voca*/ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engReading{background-position:0 -322px} /* reading */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engReadingH{background-position:-46px -552px} /* reading hello *//* #137505 2025-01-08 추가 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engGrammar{background-position:0 -368px} /* grammar */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engSong{background-position:0 -414px} /* song */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engStBike{background-position:100% 0} /* Story Bike */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engStBus{background-position:100% -46px} /* Story Bus */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engStTrain{background-position:100% -92px} /* Story Train */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engNsKids{background-position:100% -138px} /* Newspaper Kids */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engNsJunior{background-position:100% -184px} /* Newspaper Junior */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engHmh{background-position:100% -230px} /* 미국 교과서 HMH */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engHighlights{background-position:100% -276px} /* AI Highlihgts */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engCapstone{background-position:100% -322px} /* Capstone */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engGrow{background-position:100% -368px} /* Let’s Grow */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engRedChair{background-position:100% -414px} /* Red Chair Press */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engMyFirstBook{background-position:0 -458px} /* My First Book - #136096 영어도서관 개편 2025-01-08 추가 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engStReaders{background-position:100% -458px} /* Storytelling Readers - #136096 영어도서관 개편 2025-01-08 추가 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engGeReaders{background-position:0 -506px} /* Genius Readers - #136096 영어도서관 개편 2025-01-08 추가 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engRePizza{background-position:100% -506px} /* Reading Pizza - #136096 영어도서관 개편 2025-01-08 추가 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engGlReaders{background-position:0 -550px} /* Global Readers - #136096 영어도서관 개편 2025-01-08 추가 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engGeTimes{background-position:100% -138px} /* The Genius Times - #136096 영어도서관 개편 2025-01-08 추가 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .engJuTimes{background-position:100% -184px} /* The Junior Times - #136096 영어도서관 개편 2025-01-08 추가 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="exam"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_exam_92x92.png);background-repeat:no-repeat;background-size:138px} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco01{background-position:0 0} /* 국어(한글) */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco02{background-position:0 -46px} /* 수학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco03{background-position:0 -92px} /* 사회 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco04{background-position:0 -138px} /* 과학 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco05{background-position:0 -184px} /* 영어 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco06{background-position:0 -230px} /* 통합교과 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco07{background-position:0 -276px} /* 실과 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco08{background-position:0 -322px} /* 수행평가 영상 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco09{background-position:0 -368px} /* 읽기 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco10{background-position:0 -414px} /* 쓰기 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco11{background-position:-46px 0} /* 셈하기 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco12{background-position:-46px -46px} /* 평가보기 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco13{background-position:-46px -92px} /* 평가결과 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco14{background-position:-46px -138px} /* 오답베스트 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco15{background-position:-46px -184px} /* 기초성취도1 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco16{background-position:-46px -230px} /* 기초성취도2 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco17{background-position:-46px -276px} /* 학업성취도1 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco18{background-position:-46px -322px} /* 학업성취도2 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco19{background-position:-46px -368px} /* 학업성취도3 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .examIco20{background-position:-46px -414px} /* 종합분석 */ .body_layout .depth3 .menuLists li .imgBox figure[class*="exScience"]{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_exScience_140x140.png);background-repeat:no-repeat;background-size:140px} .body_layout .depth3 .menuLists li .imgBox .exScience01{background-position:0 0} /* 천재(이) */ .body_layout .depth3 .menuLists li .imgBox .exScience02{background-position:0 -70px} /* 천재(신) */ .body_layout .depth3 .menuLists li .imgBox .exScience03{background-position:0 -140px} /* 아이스크림 */ .body_layout .depth3 .menuLists li .imgBox .exScience04{background-position:0 -210px} /* 지학사 */ .body_layout .depth3 .menuLists li .imgBox .exScience05{background-position:0 -280px} /* 비상 */ .body_layout .depth3 .menuLists li .imgBox .exScience06{background-position:0 -350px} /* 금성, 미래앤, 동아, 김영사 */ .body_layout .depth3 .menuLists li .imgBox .exScience07{background-position:0 -420px} /* 천재(정) */ .body_layout .depth3 .menuLists li .imgBox .exScience08{background-position:0 -490px} /* 금성 */ .body_layout .depth3 .menuLists li .imgBox .exScience09{background-position:0 -560px} /* 동아 */ .body_layout .depth3 .menuLists li .imgBox .exScience10{background-position:0 -630px} /* 김영사 */ .body_layout .depth3 .menuLists li.on .imgBox .exScience01{background-position:-70px 0} /* 천재(이) */ .body_layout .depth3 .menuLists li.on .imgBox .exScience02{background-position:-70px -70px} /* 천재(신) */ .body_layout .depth3 .menuLists li.on .imgBox .exScience03{background-position:-70px -140px} /* 아이스크림 */ .body_layout .depth3 .menuLists li.on .imgBox .exScience04{background-position:-70px -210px} /* 지학사 */ .body_layout .depth3 .menuLists li.on .imgBox .exScience05{background-position:-70px -280px} /* 비상 */ .body_layout .depth3 .menuLists li.on .imgBox .exScience06{background-position:-70px -350px} /* 금성, 미래앤, 동아, 김영사 */ .body_layout .depth3 .menuLists li.on .imgBox .exScience07{background-position:-70px -420px} /* 천재(정) */ .body_layout .depth3 .menuLists li.on .imgBox .exScience08{background-position:-70px -490px} /* 금성 */ .body_layout .depth3 .menuLists li.on .imgBox .exScience09{background-position:-70px -560px} /* 동아 */ .body_layout .depth3 .menuLists li.on .imgBox .exScience10{background-position:-70px -630px} /* 김영사 */ /* 26-03-09 #157526 키즈 계절탐구 추가 */ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="season"]{background-repeat:no-repeat;background-size:36px;background-position:center center} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .seasonIco01{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_seasonInquiry01.png);} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .seasonIco02{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_seasonInquiry02.png);} /*2026-02-20 #156499 HME 성적향상 단기특강 추가*/ .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox figure[class*="hme"]{background-repeat:no-repeat;background-size:36px;background-position:center center} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .hmeIco01{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_hme01.png)} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .hmeIco02{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_hme02.png)} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .hmeIco03{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_hme03.png)} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .hmeIco04{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_hme04.png)} .body_layout .depth3 .menuLists.typeB li .menuList.typeIcon .imgBox .hmeIco05{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectList_hme05.png)} /* 키즈 svg 아이콘 */ .body_layout .depth3 .menuLists li .menuList.typeSvg{padding:22px 0 22px 31px} .body_layout .depth3 .menuLists li .menuList.typeSvg .imgBox{ width:36px;height:36px} .body_layout .depth3 .menuLists li .menuList.typeSvg .imgBox figure{width:100%;border-radius:0;background-color:transparent} .body_layout .depth3 .menuLists li .menuList.typeSvg .imgBox figure img{width:100%;height:100%;position:static;-webkit-transform:scale(1);transform:scale(1)} .body_layout .depth3 .menuLists li .menuList.typeSvg .sbj{margin-left:24px} .body_layout .depth3 .menuLists li .menuList.typeSvg .sbj .bookTit{padding:0;font-size:1.25rem;color:#302F2B} /* 키즈 img 아이콘 */ .kids.body_layout .depth3 .menuLists li .menuList.typeIcon{padding:18px 0 18px 31px} .kids.body_layout .depth3 .menuLists li .menuList.typeIcon .sbj{margin-left:24px} .kids.body_layout .depth3 .menuLists li .menuList.typeIcon .sbj .bookTit{padding:0;font-size:1.25rem;color:#302F2B} /* contents 공통 */ .body_layout .addBox{margin-left:12px} .body_layout .addBox .btnAddStudy{position:relative;padding:0 11px;border:1px solid #d6d5d5;border-radius:10px;background-color:#fff} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .addBox .btnAddStudy::before{content:"";display:inline-block;width:20px;height:17px;margin-right:6px;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat; background-size: 200px;background-position:-90px -65px;vertical-align:middle;} .body_layout .addBox .btnAddStudy span{display:inline-block;font-size:0.9375rem;font-weight:500;color:#302f2b;line-height:40px;vertical-align:middle;} .body_layout .addBox .btnAddStudy.done::before{background-position:-37px -167px;} .body_layout .addBox .btnAddStudy.done span{opacity:.4;} .body_layout .addBox .btnNicname{position:relative;padding:0 20px;border-radius:10px;background-color:#edf6ff;} .body_layout .addBox .btnNicname::before{content:"";display:inline-block;width:20px;height:17px;margin-right:6px;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat; background-size: 200px;background-position:0 -89px;vertical-align:middle;} .body_layout .addBox .btnNicname span{display:inline-block;font-size:0.9375rem;font-weight:500;color:#302f2b;line-height:40px;vertical-align:middle;} .body_layout .addBox .btnTest{position:relative;padding:0 16px;border-radius:10px;background-color:#ebebeb;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .addBox .btnTest::before{content:"";display:inline-block;width:14px;height:17px;margin-right:8px;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat; background-size: 200px;background-position:-56px -110px;vertical-align:middle;} .body_layout .addBox .btnTest span{display:inline-block;font-size:0.9375rem;font-weight:500;color:#a0a09e;line-height:40px;vertical-align:middle;} .body_layout .addBox .btnTest.on{background-color:#ffde37;font-size:0;border:1px solid #ffde37} /* #140072 2025-02-18 수정 */ .body_layout .addBox .btnTest.on::before{width:16px;height:18px;background-position:-71px -110px} .body_layout .addBox .btnTest.on span{color:#302f2b;font-weight:500} .body_layout .addBox .btnTest.on em{font-weight:700} /* #140072 2025-02-18 추가 */ .body_layout .addBox .btnReport{position:relative;padding:0 16px;border-radius:10px;background-color:#ffc97e;} .body_layout .addBox .btnReport::before{content:"";display:inline-block;width:17px;height:18px;margin-right:8px;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat; background-size: 200px;background-position:-20px -189px;vertical-align:middle;} .body_layout .addBox .btnReport span{display:inline-block;font-size:0.9375rem;font-weight:500;color:#302f2b;line-height:40px;vertical-align:middle;} /* // #140072 2025-02-18 추가 */ .body_layout .lectArea{overflow-x:hidden;overflow-y:auto;max-height:544px;min-height:544px;height:100%;padding:30px 40px} .body_layout .lectTop{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;justify-content:space-between;padding:14px 40px 3px} .body_layout .lectTop > div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .body_layout .lectTop .progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:42px;padding:0 14px;border-radius:10px;background-color:#edf6ff} .body_layout .lectTop .progress p{position:relative;font-size:0.9375rem;color:#0090ff;line-height:40px} .body_layout .lectTop .progress p em{font-weight:700} .body_layout .lectTop .progress .graph{overflow:hidden;position:relative;width:90px;height:9px;margin-left:9px;border-radius:5px;background-color:#fff;} .body_layout .lectTop .progress .graph em{position:absolute;top:0;left:0;width:0;height:100%;border-radius:4px;background-color:#0090ff;} .body_layout .lectTop .progress.type2 {background-color:transparent;padding:0;} .body_layout .lectTop [class*="bookDesc"] figure{display:-webkit-box;display:-ms-flexbox;display:flex;} /* +버튼 없는 케이스*/ .body_layout .lectTop [class*="bookDesc"] figure img{display:block;width:22px;height:22px;margin-right:12px} .body_layout .lectTop [class*="bookDesc"] figcaption::after{content:"";display:block;clear:both;} .body_layout .lectTop [class*="bookDesc"] figcaption p{float:left;font-size:1rem;font-weight:500;color:#38353e} .body_layout .lectTop [class*="bookDesc"] figcaption p em{font-weight:700;color:#0078ff;} .body_layout .lectTop .bookDesc02 figcaption p{font-size:0.9375rem;line-height:1.3;} /* +버튼 없는 케이스*/ .body_layout .lectTop .selectWrap{margin-left:-15px;} .body_layout .lectTop .selectWrap ~ .popupBtns{margin-left:20px} .body_layout .lectTop .selectWrap ~ .bookDesc{margin-left:20px} .body_layout .lectTop .indexLect{position:relative;margin-right:20px;margin-top:-1px} .body_layout .lectTop .indexLect::before{content:'';display:inline-block;width:11px;height:12px;margin-right:10px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_indexLect_22x24.png);background-size:11px;background-position:0 0;vertical-align:1px;} .body_layout .lectTop .indexLect span{display:inline-block;font-size:1.125rem;font-weight:700;color:#007eff;} .body_layout .lectTop.type02{border-bottom:none;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectTop.type02 .ml14{margin-left:-14px;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectTop.type02 + .lectArea.lectTypeB9{padding-top:16px} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .popupBtns ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .body_layout .popupBtns li{position:relative} .body_layout .popupBtns li:not(:last-child){padding-right:17px} .body_layout .popupBtns li:not([style*='display:none']) + li{padding-left:17px} .body_layout .popupBtns li:not([style*='display:none']) + li::before{content:"";position:absolute;top:0;bottom:0;left:0;margin:auto;width:1px;height:14px;background-color:#d6d5d5;} .body_layout .popupBtns li a img{display:inline-block;width:20px;margin-right:8px;vertical-align:top;} .body_layout .popupBtns li a i{display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:top;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lectureTop_pop.png) no-repeat 0 0/20px} .body_layout .popupBtns li a i.index{background-position-y:0} .body_layout .popupBtns li a i.publish{background-position-y:-20px} .body_layout .popupBtns li a i.studyinfo{background-position-y:-40px} .body_layout .popupBtns li a i.lecture{background-position-y:-60px} .body_layout .popupBtns li a i.textbook{background-position-y:-80px} .body_layout .popupBtns li a i.related{background-position-y:-100px} .body_layout .popupBtns li a i.teacher{background-position-y:-120px} .body_layout .popupBtns li a i.userName{background-position-y:-140px} .body_layout .popupBtns li a i.write{background-position-y:-160px} .body_layout .popupBtns li a i.myItem{background-position-y:-180px} .body_layout .popupBtns li a i.birthday{background-position-y:-200px} .body_layout .popupBtns li a i.treasure{background-position-y:-220px} .body_layout .popupBtns li a i.puzzle{background-position-y:-240px} .body_layout .popupBtns li a i.hanjaTest{background-position-y:-260px} .body_layout .popupBtns li a i.result{background-position-y:-280px} .body_layout .popupBtns li a i.report{background-position-y:-300px} .body_layout .popupBtns li a i.stairs{background-position-y:-320px} /* #125284 신규 콘텐츠 연산 스피드 UP 2025-03-14 추가 */ .body_layout .popupBtns li a i.textbookG{background-position-y:-340px} /* #143606 NEW AI 받아쓰기 2025-03-19 추가 */ .body_layout .popupBtns li a span{display:inline-block;font-size:0.9375rem;font-weight:500;color:#302f2b;vertical-align:top;line-height:20px;} .body_layout .popupBtns li a span.level{font-size:0.8125rem;color:#007eff;font-weight:700;text-align:center;min-width:40px;height:19px;line-height: 19px;padding:0 8px;border-radius:10px;background-color:#e0ecfa;margin-right:6px;} .body_layout .popupBtns li a span.stage::after{position:relative;top:1px;display:inline-block;width:6px;height:12px;margin-left:10px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_arrow_right.png) no-repeat center / contain;content:"";} /* #125284 신규 콘텐츠 연산 스피드 UP 2025-03-14 추가 */ .body_layout .popupBtns li .units{display:inline-block;font-size:1rem;font-weight:700;color:#302f2b;vertical-align:top;line-height:20px;} .body_layout .lectArea .midLectAd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;justify-content:space-between;width:calc(100% + 15px);height:70px;margin-left:-15px;margin-top:-17px;margin-bottom:38px;padding:15px 25px;border-radius:7px;background-color:#e0ecfa;} .body_layout .lectArea .midLectAd .lectAdVod{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .body_layout .lectArea .midLectAd .lectAdVod img{display:block;width:36px;margin-left:2px;margin-right:11px} .body_layout .lectArea .midLectAd .lectAdVod figcaption{font-size:1.125rem;font-weight:500;color:#000} .body_layout .lectArea .midLectAd .lectAdVod figcaption em{font-weight:700} .body_layout .lectArea .midLectAd .btnLectVod{display:block;padding:0 26px;border-radius:20px;background-color:#fff;} .body_layout .lectArea .midLectAd .btnLectVod span{font-size:0.9375rem;font-weight:700;color:#000;line-height:40px} .body_layout .lectArea .lectSteps{margin-top:-15px;margin-bottom:20px} .body_layout .lectArea .lectSteps ul{display:-webkit-box;display:-ms-flexbox;display:flex} .body_layout .lectArea .lectSteps li{flex:1 0 296px} .body_layout .lectArea .lectSteps li + li{margin-left:1px} .body_layout .lectArea .lectSteps li button{position:relative;width:100%} .body_layout .lectArea .lectSteps li button span{display:inline-block;font-size:1.0625rem;font-weight:500;color:#24231f;line-height:37px;word-spacing:-1px} .body_layout .lectArea .lectSteps li + li button::before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;height:17px;margin:auto;background-color:rgba(48,47,43,.2)} .body_layout .lectArea .lectSteps li.on button{height:45px;background:url(//cdndata.milkt.co.kr/ele/app/Images/hbmath/bg_lectSteps_li_on.png) no-repeat center/contain} .body_layout .lectArea .lectSteps li.on button span{margin-top:-8px;font-weight:700;line-height:33px;color:#044bcc} .body_layout .lectArea .lectSteps li.on button::before{content:none} .body_layout .lectArea .lectSteps li.on + li button::before{content:none} .body_layout .lectArea article > .bar{width:100%;height:1px;background-color:#302f2b;} .body_layout .lectArea article .tit{padding-bottom:30px;border-bottom: 1px solid #302f2b;} .body_layout .lectArea article .tit::after{content:"";display:block;clear:both;} .body_layout .lectArea article .tit strong{float:left;color:#302f2b;font-size:1.625rem;font-weight:700;line-height:1} .body_layout .lectArea article .tit .totalNum{float:left;margin-left:14px;padding:0 10px;border-radius:15px;background-color:#edf6ff;font-size:0.8125rem;font-weight:700;color:#0090ff;line-height:30px;} .body_layout .lectArea article .tit .descBlue{float:left;margin-left:10px;font-size:0.9375rem;color:#0090ff;line-height:30px;} .body_layout .lectArea article .tit .descBlue02{color:#0078ff;font-weight:500;} .body_layout .lectArea article .tit .popupBtns{float:right;margin-top:5px} .body_layout .lectArea article .tit + .subTit {border-top:1px solid #302f2b} .body_layout .lectArea article .subTit {padding:25px 0 20px;font-size:1.25rem;color:#302f2b;font-weight:700} .body_layout .lectArea article .tags{float:right;} .body_layout .lectArea article .tags ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .body_layout .lectArea article .tags li + li{margin-left:10px;} .body_layout .lectArea article .tags li button{position:relative;padding:0 8px;border:1px solid #d5e7fb;border-radius:10px;font-size:0.8125rem;font-weight:700;line-height:24px;color:#007eff} .body_layout .lectArea article .tags li button::before{content:"";position:absolute;top:0;bottom:0;left:-4px;width:12px;height:26px;margin:auto;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_lecture_tags_blue.png) no-repeat top/12px;} .body_layout .lectArea article .tags li.on button{border:none;background-color:#007eff;line-height:26px;color:#fff} .body_layout .lectArea article .tags li.on button::before{background-position-y:-26px;} .body_layout .lectArea article .starPoint {position: relative;z-index:3;min-width:50px;margin:0 30px;color:#FF8400;font-size:1.125rem;font-weight:700;} .body_layout .lectArea article .starPoint button{background: none;padding:0 0 0 22px;border:none;color: inherit;font-size: inherit;font-family: 'Noto Sans KR';position: relative;height: auto;font-weight:700;} .body_layout .lectArea article .starPoint button::before {content:"";position: absolute;left:0;top:0;bottom:0;margin:auto;width:16px;height:15px;background: url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_star_250331.png) no-repeat 0 0 / 100%} .body_layout .lectArea article .goodPoint {position: relative;z-index:3;min-width:50px;margin:0 30px;color:#FF8400;font-size:0.9375rem;font-weight:700;} .body_layout .lectArea article .goodPoint button {background: none;padding:0 0 0 21px;border:none;color: inherit;font-size: inherit;font-family: 'Noto Sans KR';position: relative;height: auto;font-weight:700;line-height: 26px;} .body_layout .lectArea article .goodPoint button::before {content:"";position: absolute;left:0;top:0;bottom:0;margin:auto;width:15px;height:15px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_like_off_250331.png) no-repeat 0 0 / 100%} .body_layout .lectArea article .goodPoint.on button::before{background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_like_250331.png) no-repeat 0 0 / 100%} .body_layout .lectArea article .totalPoint {position: relative;z-index:3;color:#302f2b;font-size:0.875rem;font-weight:700;} .body_layout .lectArea article .totalPoint span {background: none;padding:0;border:none;color: inherit;font-size: inherit;font-family: 'Noto Sans KR';position: relative;padding-left: 18px;height: auto;font-weight:700;} .body_layout .lectArea article .totalPoint span::before {content:"";position: absolute;left:0;top:0;bottom:0;margin:auto;width:13px;height:14px;background: url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat; background-size:200px;background-position:-51px -89px;} .body_layout .lectArea article .materials{margin-right:10px;} .body_layout .lectArea article .materials button{position:relative;width: 110px;height:45px;padding-left:24px;border-radius:calc(45px / 2);background-color: #edf6ff;font-size:0.9375rem;font-weight:700;color: #2b2d36;line-height:35px;} .body_layout .lectArea article .materials button::before {content:"";position: absolute;left:19px;top:0;bottom:0;margin:auto;width: 14px;height: 17px;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat; background-size: 200px;background-position:0 0;} .body_layout .lectArea article .btn {position: relative;} .body_layout .lectArea article .btn button {width: 130px;height: 45px;border-radius:calc(45px / 2);color:#fff;border: none;padding:0;font-family:'Noto Sans KR';font-size:1.125rem;font-weight:700;line-height:45px} .body_layout .lectArea article .btn.wAuto button {width:auto;padding:0 30px;} .body_layout .lectArea article .btn.type1 button {background: #ff8400;} .body_layout .lectArea article .btn.type2 button {background: #0090ff;} .body_layout .lectArea article .btn.type3 button {background: #fab000;} .body_layout .lectArea article .btn.type4 button {background: #0090ff;} .body_layout .lectArea article .btn.type4 button span {color:#ffd200;} .body_layout .lectArea article .btn.type5 button {background: #f3f3f3; color:rgba(48,47,43,0.6);font-weight:400;} .body_layout .lectArea article .btn.type6 button {background: #0090ff} .body_layout .lectArea article .btn.type7 button {background: #3cbcff;} .body_layout .lectArea article .btn.type8 button {background: #6f21ff} .body_layout .lectArea article .btn.type9 button {background-color:#ECF4FB;color:#0077FF;} .body_layout .lectArea article .btn.type10 button {background-color:#302f2b;color:#fff;} .body_layout .lectArea article .btn.typeBorder1 button {border:1px solid #c8d9eb;color:#302f2b;} .body_layout .lectArea article .btn.typeBorder2 button {border:2px solid #007eff;color:#007eff;} .body_layout .lectArea article .btn p{position: absolute;color:#aeaeae;font-size:0.8125rem;width: 100%;text-align: center;top:calc(100% + 5px);line-height: 1;letter-spacing:0;font-weight:300;} /* #137817 오답노트 개선 2025-01-16 수정 */ .body_layout .lectArea article .lectureName {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:66px;} .body_layout .lectArea article .lectureName p{font-size:1.0625rem;color:#302f2b;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;padding-right:2px;} .body_layout .lectArea article .lectureCha {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: start;-ms-flex-align: start;align-items: start;height: 120px;padding-top: 20px;} .body_layout .lectArea article .lectureCha .cha span{display:block;width:80px;height:80px;text-indent:-9999px;background:url(http://cdndata.milkt.co.kr/ele/app/images/layout/ico_character.png) no-repeat 0 0;background-size:80px;background-color:#bedaf8;border-radius:50px;} .body_layout .lectArea article .lectureCha .cha span.cha01 {background-position:0 0} .body_layout .lectArea article .lectureCha .cha span.cha02 {background-position:0 -80px} .body_layout .lectArea article .lectureCha .cha span.cha03 {background-position:0 -160px} .body_layout .lectArea article .lectureCha .cha span.cha04 {background-position:0 -240px} .body_layout .lectArea article .lectureCha .cha span.cha05 {background-position:0 -320px} .body_layout .lectArea article .lectureCha .cha span.cha06 {background-position:0 -400px} .body_layout .lectArea article .lectureCha .txt {margin-left: 10px;text-align: left;} .body_layout .lectArea article .lectureCha .txt .name {font-size:1.25rem;color: #302f2b;font-weight:700;line-height: 1.1;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: initial;} .body_layout .lectArea article .lectureCha .txt .name + p {margin-top: 5px;font-size:1rem;line-height: 1.25;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: initial;} .body_layout .lectArea article .writing{padding:0 19px} .body_layout .lectArea article .writing .btnGoWrite{position:relative;z-index:3;display:block;width:100%;height:30px;background:#e0ecfa;text-align:center;font-size:0.875rem;font-weight:400;color:#302f2b;line-height:28px} .body_layout .lectArea article .writing .btnGoWrite::before{content:'';display:inline-block;width:13px;height:13px;margin-right:5px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_typeCard_writing.png) no-repeat center/13px;vertical-align:-1px} .body_layout .lectArea article .question{padding:0 19px;margin-bottom:5px} .body_layout .lectArea article .question a{position:relative;z-index:3;display:block;width:100%;height:30px;background:#e0ecfa;text-align:center;font-size:0.875rem;font-weight:400;color:#302f2b;line-height:28px} .body_layout .lectArea article .question .btnQuestion{background:#FFEDF7} .body_layout .lectArea article .question .btnResult{background:#EDF5FF} .body_layout .lectArea article .question .btnOff{background:#F1F2F4;color:#888} .body_layout .lectArea article .lecturePaper a{font-size:0.875rem;color:#38323e;width:100%;background-color:#e0ecfa;height: 30px;text-align: center;line-height: 30px;} .body_layout .lectArea article .lecturePaper a i{display:inline-block;width:11px;height:14px;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat -150px -88px; background-size: 200px;vertical-align: top;margin: 9px 6px 0 0;} .body_layout .lectArea article .lectureAi.type2 a{background-color: #f3f3f3;} .body_layout .lectArea article .lectureAi a{font-size:0.875rem;color:#38323e;width:100%;background-color:#e0ecfa;height: 30px;text-align: center;line-height: 30px;} .body_layout .lectArea article .lectureAi a i{display:inline-block;width:13px;height:15px;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat -187px -132px; background-size: 200px;vertical-align: top;margin: 8px 6px 0 0;} .body_layout .lectArea article .lectLists .bar{margin:0 19px;width:calc(100% - 38px);height:1px;background:#E1E1E1;} .body_layout .lectArea article .info [class*="data"]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;align-items:center;-webkit-box-pack: justify;justify-content:space-between;padding:16px 0;height:48px;} .body_layout .lectArea article .info .date {color:#aeaeae;font-size:0.8125rem;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea article .info .date.none span{margin-left:10px} .body_layout .lectArea article:not(:last-child){margin-bottom:40px;} .body_layout .lectArea .lectLists li.txtDisabled{filter:grayscale(1);opacity:var(--disabled-opacity)} /* contents A형 - 리스트형 */ .body_layout .lectArea[class*="lectTypeA"] article .lectLists li {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;align-items:center;-webkit-box-pack: justify;justify-content:space-between;border-bottom: 1px dashed #cdcdcd;position: relative;max-width:890px;padding:27px 0;} .body_layout .lectArea[class*="lectTypeA"] article .lectLists li.mTit{padding:25px 0 0;border:0;} .body_layout .lectArea[class*="lectTypeA"] article .lectLists li.mTit .desc{width:100%} .body_layout .lectArea[class*="lectTypeA"] article .lectLists li.mTit .desc a{display:block;font-size:1.25rem;font-weight:600;color:#302f2b} .body_layout .lectArea[class*="lectTypeA"] article [class*="sTit"] {width:100%;max-width:600px} .body_layout .lectArea[class*="lectTypeA"] article [class*="sTit"] a {color:#302f2b;font-size:1.125rem;font-weight:500;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break:break-all} .body_layout .lectArea[class*="lectTypeA"] article .sTit02 {max-width:500px} .body_layout .lectArea[class*="lectTypeA"] article .sTit03 {max-width:450px} .body_layout .lectArea[class*="lectTypeA"] article .sTit04 {max-width:250px} .body_layout .lectArea[class*="lectTypeA"] article .btn + .btn{margin-left:10px} .body_layout .lectArea[class*="lectTypeA"] article .info {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;align-items:center;text-align:center} .body_layout .lectArea[class*="lectTypeA"] article .page {color:#302f2b; opacity: 0.4;font-size:0.9375rem;word-break: keep-all;} .body_layout .lectArea[class*="lectTypeA"] article .page + .btn{margin-left: 30px;} .body_layout .lectArea[class*="lectTypeA"] article .lectNum {color: #999;font-size:0.8125rem;} /* contents A2형 - 리스트 변형 (특별학습 1관 > 중국어 > 동화) */ .body_layout .lectArea.lectTypeA2 article .lectLists {position: relative;padding-left: 180px;min-height: 200px;border-bottom: 1px dashed #cdcdcd;} .body_layout .lectArea.lectTypeA2 article .lectLists li:last-child {border-bottom: none;} .body_layout .lectArea.lectTypeA2 article .lectLists [class*="sTit"] {max-width: 300px;} .body_layout .lectArea.lectTypeA2 article .lectLists .thum {position: absolute;top: 18px;left: 0;width: 160px;border-radius: 24px 24px 6px 8px;overflow: hidden;} .body_layout .lectArea.lectTypeA2 article .lectLists .thum .img {width: 160px;height: 165px;position: relative;} .body_layout .lectArea.lectTypeA2 article .lectLists .thum .img img {max-width: 100%;} .body_layout .lectArea.lectTypeA2 article .lectLists .thum .img::before {content: '';display: block;width: 100%;height: 100%;background: url(//cdndata.milkt.co.kr/ele/app/Images/simwha/bg_bookcover.png) no-repeat 0 0 / cover;position: absolute;top: 0;left: 0;} .body_layout .lectArea.lectTypeA2 article .lectLists .thum .goodPoint {font-size:0.8125rem;position: absolute;bottom: 23px;left: 18px;margin: 0;padding: 0 8px;background-color: #fff;border-radius: 13px;} .body_layout .lectArea.lectTypeA2 article .lectLists .thum .goodPoint button {height: 25px;} .body_layout .lectArea.lectTypeA2 article .lectLists .thum .studying {position: absolute;right: 0;top: 0;border-radius: 0 0 0 24px;width: 60px;height: 46px;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;font-size:1.125rem;font-weight:700;line-height: 1.2;letter-spacing: -0.025em;background-color: #24231f;} /* contents A3형 - 리스트 앞에 n단원 추가 (실력평가) */ .body_layout .lectArea.lectTypeA3 article .lectLists li{padding-left:100px} /* contents A3형 - 리스트 앞에 n단원 추가 (실력평가) - 브랜드 X */ .body_layout .lectArea.lectTypeA3 article .lectLists li .unit{position:absolute;top:0;bottom:0;left:0;margin:auto;width:75px;height:30px;border:1px solid #d6d5d5;border-radius:15px;text-align:center;} .body_layout .lectArea.lectTypeA3 article .lectLists li .unit span{display:inline-block;font-size:1rem;font-weight:500;color:#302f2b;line-height:28px;} .body_layout .lectArea.lectTypeA3 article .lectLists li .unit.type02{height:55px;padding-top:calc(11px / 2)} .body_layout .lectArea.lectTypeA3 article .lectLists li .unit.type02 span{line-height:1.3} .body_layout .lectArea.lectTypeA3 article .lectLists .sTit{max-width:500px} .body_layout .lectArea.lectTypeA3 article .lectLists .sTit02{max-width:430px} .body_layout .lectArea.lectTypeA3 article .lectLists .sTit03{max-width:360px} .body_layout .lectArea.lectTypeA3 article .lectLists .sTit04{max-width:310px} /* contents A3형 - 리스트 앞에 n단원 추가 (실력평가) - 브랜드 O */ .body_layout .lectArea.lectTypeA3 article .lectLists li .unit.brand{position:absolute;top:50%;bottom:unset;left:0;margin:auto;transform: translateY(-50%);width:75px;height:auto;border:1px solid #d6d5d5;border-radius:15px;text-align:center;padding: 11.5px 0 13.5px;} .body_layout .lectArea.lectTypeA3 article .lectLists li .unit.brand span{display:block;font-size:1rem;font-weight:500;color:#302f2b;line-height:1;} .body_layout .lectArea.lectTypeA3 article .lectLists li .unit.brand em{display:block;margin-top:8px;font-size:0.8125rem;line-height:1;color:#302f2b;} /* contents A4형 - 리스트 앞에 STEP, L_info 추가 (실력평가) */ .body_layout .lectArea.lectTypeA4 article .lectLists .stepCont{position:relative} .body_layout .lectArea.lectTypeA4 article .lectLists .step{position:absolute;top:0;bottom:0;left:0;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;height:calc(100% - 20px);border-radius:10px;background-color:#f1eefa;text-align:center;} .body_layout .lectArea.lectTypeA4 article .lectLists .step span{font-size:1rem;font-weight:700;color:#4c25cf;line-height:1.12;} .body_layout .lectArea.lectTypeA4 article .lectLists ul{padding-left:70px;border-bottom:1px solid #302f2b;} .body_layout .lectArea.lectTypeA4 article .lectLists li{padding-left:130px;max-width:820px;} .body_layout .lectArea.lectTypeA4 article .lectLists li:last-child{border-bottom:none} .body_layout .lectArea.lectTypeA4 article .lectLists li .linfo{position:absolute;top:0;bottom:0;left:0;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:110px;height:60px;border-radius:10px;background-color:#f1eefa;text-align:center;} .body_layout .lectArea.lectTypeA4 article .lectLists li .linfo span{font-size:1rem;font-weight:500;color:#302f2b;line-height:1.3;} .body_layout .lectArea.lectTypeA4 article .lectLists .sTit{max-width:440px;} .body_layout .lectArea.lectTypeA4 article .lectLists .sTit02{max-width:370px;} .body_layout .lectArea.lectTypeA4 article .lectLists .sTit03{max-width:300px;} .body_layout .lectArea.lectTypeA4 article .lectLists .stepCont:nth-child(2n) .step{background-color:#e3f3ff} .body_layout .lectArea.lectTypeA4 article .lectLists .stepCont:nth-child(2n) .step span{color:#0062c6} .body_layout .lectArea.lectTypeA4 article .lectLists .stepCont:nth-child(2n) .linfo{background-color:#e3f3ff} /* contents B형 - 섬네일 그리드형 */ /* .body_layout .lectArea[class*="lectTypeB"]{-ms-overflow-style:none;scrollbar-width:none} */ .body_layout .lectArea[class*="lectTypeB"] article .tit{border-bottom:none;} .body_layout .lectArea[class*="lectTypeB"] article .lectLists + .tit{padding-top:38px} .body_layout .lectArea[class*="lectTypeB"] article .lectLists ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align:start;-ms-flex-align: start;align-items:flex-start} .body_layout .lectArea[class*="lectTypeB"] article .lectLists ul li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;flex-direction:column;border-radius:20px;width: calc((100% - 50px) / 3);} .body_layout .lectArea[class*="lectTypeB"] article .lectLists ul li::after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #E1E1E1;border-radius:20px;background:transparent;content:""} .body_layout .lectArea[class*="lectTypeB"] article .lectLists ul li + li{margin-left:25px} .body_layout .lectArea.lectTypeB article .lectLists ul li:nth-child(n + 4){margin-top:25px} .body_layout .lectArea.lectTypeB article .lectLists ul li:nth-child(3n + 1){margin-left:0} .body_layout .lectArea[class*="lectTypeB"] article img {width:100%;max-width:100%} .body_layout .lectArea[class*="lectTypeB"] article .starPoint {margin:0} .body_layout .lectArea[class*="lectTypeB"] article .lectureName, .body_layout .lectArea[class*="lectTypeB"] article .lecturePaper, .body_layout .lectArea[class*="lectTypeB"] article .lectureAi, .body_layout .lectArea[class*="lectTypeB"] article .info {padding:0 19px;} .body_layout .lectArea[class*="lectTypeB"] article .num{position:absolute;z-index:5;left:0;top:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:60px;height:50px;border-radius:19px 0 39px 0;background: #e2edfa} .body_layout .lectArea[class*="lectTypeB"] article .num p {font-size:1.125rem;font-weight:700;color:#0090ff} .body_layout .lectArea[class*="lectTypeB"] article .taste{position:absolute;z-index:5;left:0;top:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:60px;height:50px;border-radius:19px 0 39px 0;background: #e2edfa} .body_layout .lectArea[class*="lectTypeB"] article .taste p {font-size:0.875rem;font-weight:700;color:#0090ff;font-family:"Tmoney";line-height:18px;padding-bottom:2px} .body_layout .lectArea[class*="lectTypeB"] article .thum a {z-index:3;position:relative;display:block;width:100%} .body_layout .lectArea[class*="lectTypeB"] article .thum .img {position:relative;max-height:174px;border-bottom:none} .body_layout .lectArea[class*="lectTypeB"] article .thum .img:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #E1E1E1;border-bottom:none;border-radius:20px 20px 0 0;content:'';} .body_layout .lectArea[class*="lectTypeB"] article .thum .img img {position:relative;display:inline-block;height:173px;border-radius:20px 20px 0 0;vertical-align:top;object-fit:cover} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying {z-index:5;position:absolute;right:0;bottom:0;border-radius:50px 0 0 0;width: 70px;height: 70px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;align-items:center;-webkit-box-pack: center;justify-content:center;font-size:1.125rem;line-height: 1.2;letter-spacing: -0.025em;} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying p {margin-left:8px;margin-top:8px;font-weight:700;line-height:1.1;text-align: center;} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying.type1 {background: #ff7b00;} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying.type2 {background: #fab000;} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying.type3 {background: #0090ff;} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying.type4 {background: #e2edfa;} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying.type4 p {margin-left:4px;font-weight:400;color:rgba(48,47,43,.8)} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying.type5 {background: #0090ff;} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying.type5 span {color: #ffd200;} .body_layout .lectArea[class*="lectTypeB"] article .thum .studying.type6 {background: #0090ff;} .body_layout .lectArea[class*="lectTypeB"] article .thum .playing {position:absolute;left:6px;bottom:7px;border-radius:4px;min-width: 42px;height: 20px;line-height: 21px;padding:0 4px;text-align:center;background-color:rgba(0,0,0,.5);} .body_layout .lectArea[class*="lectTypeB"] article .thum .playing p {font-size:0.8125rem;color:rgba(255,255,255,0.8);} .body_layout .lectArea[class*="lectTypeB"] article .thum.type2 .lectureName{-webkit-box-pack: center;justify-content:center;width:100%;height:115px;text-align:center;} .body_layout .lectArea[class*="lectTypeB"] article .thum.type2 .lectureName p{height:auto;line-height:1.6} .body_layout .lectArea[class*="lectTypeB"] article .lpage{margin-top:-5px;padding:0 19px 10px;font-size:0.9375rem;font-weight:300;color:#302f2b;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all} /* contents C형 - 텍스트 그리드형 (첨삭 과외) */ .body_layout .lectArea[class*="lectTypeC"]{/*-ms-overflow-style:none;scrollbar-width:none*/padding:30px 20px 30px 40px} .body_layout .lectArea[class*="lectTypeC"] article .lectLists ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;} .body_layout .lectArea[class*="lectTypeC"] article .lectLists ul li + li{margin-left:25px} .body_layout .lectArea[class*="lectTypeC"] article .lectLists ul li:nth-child(n + 4){margin-top:25px} .body_layout .lectArea[class*="lectTypeC"] article .lectLists ul li:nth-child(3n + 1){margin-left:0} .body_layout .lectArea[class*="lectTypeC"] article .lectLists ul li{flex-shrink:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;flex-direction:column;width:280px;padding:21px 19px 0;border-radius:20px;border:1px solid #E1E1E1;} .body_layout .lectArea[class*="lectTypeC"] article .unit{text-align:center} .body_layout .lectArea[class*="lectTypeC"] article .unit .ntit{width:100%;height:50px;border-radius:10px;background-color:#edf5ff;font-size:1.125rem;font-weight:700;color:#302f2b;line-height:50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 0 16px;} .body_layout .lectArea[class*="lectTypeC"] article .lectureName{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height:80px;} .body_layout .lectArea[class*="lectTypeC"] article .bar{width:100%;margin:0} .body_layout .lectArea[class*="lectTypeC"] article .unit > .btn{margin-bottom:30px} .body_layout .lectArea[class*="lectTypeC"] article .data02 {padding:14px 0;-webkit-box-pack:center;justify-content:center;} .body_layout .lectArea[class*="lectTypeC"] article .starPoint{margin:0} .body_layout .lectArea[class*="lectTypeC"] article .goodPoint{margin:0} .body_layout .lectArea[class*="lectTypeC"] article .btnWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center;width:100%;margin-bottom:30px} .body_layout .lectArea[class*="lectTypeC"] article .btnWrap .btn + .btn{margin-left:10px} .body_layout .lectArea[class*="lectTypeC"] article .btnWrap .btn button{width:120px} .body_layout .lectArea[class*="lectTypeC"] article:not(:last-child){margin-bottom:40px} .body_layout .lectArea[class*="lectTypeC"] article .btn p{top:calc(100% + 15px);} .body_layout .main02 .lectTypeC article .lectureName{margin-bottom:8px} /* contents B2형 - 섬네일 그리드 변형 (수준별 수학 > funfun 연산게임 전용) */ .body_layout .lectArea.lectTypeB2 article .tit{border-bottom:1px solid #302f2b} .body_layout .lectArea.lectTypeB2 article .lectLists ul li{width:203px;background-color:#fff} .body_layout .lectArea.lectTypeB2 article .lectLists ul li::after{width:204px} .body_layout .lectArea.lectTypeB2 article .lectLists ul li + li{margin-left:10px} .body_layout .lectArea.lectTypeB2 article .lectureName{height:64px} .body_layout .lectArea.lectTypeB2 article .info{margin:15px 0 14px} .body_layout .lectArea.lectTypeB2 article .info .date{float:right} .body_layout .lectArea.lectTypeB2 article .num{width:50px;height:35px;border-radius:19px 0 19px 0;background:#24231f;} .body_layout .lectArea.lectTypeB2 article .num p{font-size:1rem;color:#fff;line-height:1.2} .body_layout .lectArea.lectTypeB2 article .thum .img{max-height:128px} .body_layout .lectArea.lectTypeB2 article .thum .img img{height:127px} .body_layout .lectArea.lectTypeB2 article .thum .studying{width:65px;height:65px;font-size:1.0625rem;} .body_layout .lectArea.lectTypeB2 article .thum .studying.type5 span{font-size:1rem;} .body_layout .lectArea.lectTypeB2 article:not(:last-child){margin-bottom:35px} .body_layout .lectArea.lectTypeB2 article .gameArea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:14px} .body_layout .lectArea.lectTypeB2 article .gameArea h4{padding:12px 0 14px} .body_layout .lectArea.lectTypeB2 article .gameArea h4 .gameIco{display:inline-block;width:20px;height:20px;margin-right:5px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;background-position:-159px 0;vertical-align:-3px;} .body_layout .lectArea.lectTypeB2 article .gameArea h4 .btnGameInfo{display:inline-block;width:15px;height:15px;margin-left:6px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;background-position:-143px 0;} .body_layout .lectArea.lectTypeB2 article .gameArea h4 span{font-size:1.25rem;font-weight:700;color:#044bcc;} .body_layout .lectArea.lectTypeB2 article .gameArea .rankMode{width:241px;padding:0 19px 13px;border-radius:calc(45px / 2);background-color:#edf6ff;} .body_layout .lectArea.lectTypeB2 article .gameArea .rankMode h4 .gameIco{background-position:-180px 0;} .body_layout .lectArea.lectTypeB2 article .gameResult{position:relative;margin-top:12px} .body_layout .lectArea.lectTypeB2 article .gameResult::after{content:"";display:block;clear:both;} .body_layout .lectArea.lectTypeB2 article .gameResult .gameRank{float:left;} .body_layout .lectArea.lectTypeB2 article .gameRank{margin-top:2px} .body_layout .lectArea.lectTypeB2 article .gameRank figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .body_layout .lectArea.lectTypeB2 article .gameRank figure span{display:block;width:37px;height:37px;border-radius:50%;background:#fff url(//cdndata.milkt.co.kr/ele/app/Images/layout/img_mathFunfun_medal.png) no-repeat;background-size:37px;} .body_layout .lectArea.lectTypeB2 article .gameRank figure .imgGameRank04{background-position-y:0} .body_layout .lectArea.lectTypeB2 article .gameRank figure .imgGameRank03{background-position-y:-37px} .body_layout .lectArea.lectTypeB2 article .gameRank figure .imgGameRank02{background-position-y:-74px} .body_layout .lectArea.lectTypeB2 article .gameRank figure .imgGameRank01{background-position-y:-111px} .body_layout .lectArea.lectTypeB2 article .gameRank figcaption{margin-left:8px;font-size:1rem;font-weight:700;color:#010101;} .body_layout .lectArea.lectTypeB2 article .gameBtns{float:right;} .body_layout .lectArea.lectTypeB2 article .gameBtns .btnGameRst{display:block;padding:0 17px;border-radius:20px;background-color:#044bcc;} .body_layout .lectArea.lectTypeB2 article .gameBtns .btnGameRst span{font-size:1rem;font-weight:700;color:#fff;line-height:40px;} /* contents B변형 - 섬네일 그리드 1줄에 4개 (쉬는시간 > 재미놀이터) */ .body_layout .columnLeft02{width:319px} .body_layout .columnLeft02 .depth3 .menuLists{max-height:642px;padding-bottom:10px} .body_layout .columnLeft02 .depth3 .menuLists.typeB li .menuList{padding:17px 20px} .body_layout .columnLeft02 .depth3 .menuLists.typeB li .sbj{margin-left:9px} .body_layout .lectArea.lectTypeB3{padding:33px 10px 25px 40px;} .body_layout .lectArea.lectTypeB3 article .lectLists ul li{width:203px;background-color:#fff} .body_layout .lectArea.lectTypeB3 article .lectLists ul li::after{width:204px} .body_layout .lectArea.lectTypeB3 article .lectLists ul li + li{margin-left:26px} .body_layout .lectArea.lectTypeB3 article .lectLists ul li:nth-child(n + 5){margin-top:25px} .body_layout .lectArea.lectTypeB3 article .lectLists ul li:nth-child(4n + 1){margin-left:0} .body_layout .lectArea.lectTypeB3 article .lectureName{height:70px;padding:0 19px;} .body_layout .lectArea.lectTypeB3 article .thum .img{max-height:138px} .body_layout .lectArea.lectTypeB3 article .thum .img img{height:137px} .body_layout .lectArea.lectTypeB3 article .info{padding:0 19px;} .body_layout .lectArea.lectTypeB3 article .thum a .dimed{position:absolute;bottom:0;left:0;width:100%;height:30px;background-color:rgba(0,0,0,.4)} .body_layout .lectArea.lectTypeB3 article .thum a .playtime{float:right;margin-right:15px;font-size:0.9375rem;font-weight:700;color:#fff;line-height:30px;} .body_layout .lectArea.lectTypeB3 article .info .hits{float:right;position:relative;display:block;font-size:0.8125rem;color:#999;line-height:43px;} .body_layout .lectArea.lectTypeB3 article .info .hits::before{content:"";position:absolute;top:0;bottom:0;right:calc(100% + 4px);margin:auto;width:16px;height:10px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;background-position:-70px -65px;} /* contents B변형 - 섬네일 그리드 1줄에 5개 (숙제해결 > 교과서 자습서) */ .body_layout .lectArea.lectTypeB4 article .lectLists ul li{width:150px;background-color:#fff;border-radius:0;} .body_layout .lectArea.lectTypeB4 article .lectLists ul li::after{display: none;} .body_layout .lectArea.lectTypeB4 article .lectLists ul li + li{margin-left:35px} .body_layout .lectArea.lectTypeB4 article .lectLists ul li:nth-child(n + 6){margin-top:30px} .body_layout .lectArea.lectTypeB4 article .lectLists ul li:nth-child(5n + 1){margin-left:0} .body_layout .lectArea.lectTypeB4 article .lectLists ul li .thum .img {position:relative;width:150px;height:190px;max-height:190px;border-radius:12px;} .body_layout .lectArea.lectTypeB4 article .lectLists ul li .thum .img::after{content:"";position:absolute;top:-.5px;left:-.5px;width:151px;height:calc(100% + 1px);border:1px solid #dededd;border-radius:12px;background:transparent;} .body_layout .lectArea.lectTypeB4 article .lectLists ul li .thum .img img {border-radius:12px;height: 190px;} .body_layout .lectArea.lectTypeB4 article .lectLists ul li .thum .img .pages {width:105px;height:31px;border-radius: 15px;background-color:#ebebeb;position:absolute;bottom:9px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);font-size:0.8125rem;font-weight:500;color:#1a1a1a;line-height:31px;text-align:center;} .body_layout .lectArea.lectTypeB4 article .lectLists ul li .thum .img .pages b {font-weight:700;} .body_layout .lectArea.lectTypeB4 article .lectLists ul li .btn {text-align: center;margin-top: 16px;} .body_layout .lectArea.lectTypeB4 article .lectLists ul li .info {text-align: center;padding: 7px 0;} /* contents B변형 - 섬네일 그리드 1줄에 2개 (특별학습 1관 > 초등 생활 > ABC 영어) */ .body_layout .lectArea.lectTypeB5{min-height: 477px;max-height: 477px;} .body_layout .lectArea.lectTypeB5 article .lectLists ul li{width:377px;background-color:#fff;padding: 24px;-webkit-box-orient: horizontal;-ms-flex-direction: row;flex-direction: row;} .body_layout .lectArea.lectTypeB5 article .lectLists ul li:after {width: 378px;} .body_layout .lectArea.lectTypeB5 article .lectLists ul li:nth-child(n + 3){margin-top:25px} .body_layout .lectArea.lectTypeB5 article .lectLists ul li:nth-child(2n + 1){margin-left:0} .body_layout .lectArea.lectTypeB5 article .lectLists ul li .thum a {overflow: hidden;float: left;width: 170px;height: 170px;border-radius: 20px;background: #e7e7e7;} .body_layout .lectArea.lectTypeB5 article .lectLists ul li .info {text-align: center;position: relative;z-index: 3;} .body_layout .lectArea.lectTypeB5 article .lectLists ul li .info .lectureName {font-size:1.25rem;height: 32px;display: block;} .body_layout .lectArea.lectTypeB5 article .lectLists ul li .info .btn {margin-top: 16px;} .body_layout .lectArea.lectTypeB5 article .lectLists ul li .info .starPoint {border: solid 1px #ff8400;height: 45px;line-height: 45px;border-radius: calc(45px / 2);margin-top: 13px;} /* contents B6형 - 섬네일 그리드 변형 (특별학습 1관 > 창의적 체험활동 > 추천 활동) */ .body_layout .lectArea.lectTypeB6 {padding-right: 283px;padding-top: 30px;max-height: 603px;} .body_layout .lectArea.lectTypeB6 .lectRecom {background-color: #edf6ff;border-radius: 20px;padding: 19px;margin:0 30px 30px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;justify-content: space-between;} .body_layout .lectArea.lectTypeB6 .lectRecom .thum {width: 203px;height: 144px;border-radius: 17px;border:solid 1px #c6dbf3;overflow: hidden;position: relative;} .body_layout .lectArea.lectTypeB6 .lectRecom .thum a {height: 142px;} .body_layout .lectArea.lectTypeB6 .lectRecom .thum img {width: auto;max-width: none;height: 142px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);} .body_layout .lectArea.lectTypeB6 .infoArea {-webkit-box-flex: 1;-ms-flex: 1;flex-grow: 1;padding-left: 30px;} .body_layout .lectArea.lectTypeB6 .infoArea .grade {margin-bottom: 13px;} .body_layout .lectArea.lectTypeB6 .infoArea .grade p{display:inline-block;background-color: #fff;border-radius: 5px;padding: 0 13px 0 36px;height: 30px;font-size:0.9375rem;color: #302f2b;font-weight:500;line-height: 32px; position: relative;} .body_layout .lectArea.lectTypeB6 .infoArea .grade p::before{content: '';display: block;width: 14px;height: 17px;position: absolute;top: 50%;left: 13px;transform: translateY(-50%);-webkit-transform: translateY(-50%);background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;background-position:-93px -88px;} .body_layout .lectArea.lectTypeB6 .infoArea .tit{font-size:1.25rem;font-weight:700;color: #302f2b;padding-bottom: 8px;} .body_layout .lectArea.lectTypeB6 .infoArea .txt{font-size:1rem;color: #302f2b;line-height: 1.35;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: initial;} .body_layout .lectArea.lectTypeB6 article {margin-bottom: 0;} .body_layout .lectArea.lectTypeB6 article .lectureName {height: 40px;} .body_layout .lectArea.lectTypeB6 article .lectureName p {-webkit-line-clamp:1;padding-top: 7px;} .body_layout .lectArea.lectTypeB6 article .thum .img img {height: 127px;} .body_layout .lectArea.lectTypeB6 article .lectLists ul.scrollBox{width: 647px;min-height:205px;padding: 0 0 5px 1px;overflow-x:auto;overflow-y:hidden;position:relative;-webkit-box-lines:single;-ms-flex-wrap:nowrap;flex-wrap:nowrap;} .body_layout .lectArea.lectTypeB6 article .lectLists ul.scrollBox::after {display: block;content: url(//cdndata.milkt.co.kr/ele/app/Images/layout/bg_lectList_white.png);width: 30px;height: 205px;} .body_layout .lectArea.lectTypeB6 article .lectLists ul li{width: 203px;position: relative;flex-shrink: 0;} .body_layout .lectArea.lectTypeB6 article .lectLists ul li::after{width: 204px;} .body_layout .lectArea.lectTypeB6 article .lectLists ul li .thumbReady {height: 127px;background-size: 127px 75px;} .body_layout .lectArea.lectTypeB6 article .info .data{padding-top: 0;} .body_layout .lectArea.lectTypeB6 .contRight {position: absolute;top: 0;bottom: 0;right: 0;width: 283px;border-left: solid 1px #e0e0dd;} .body_layout .lectArea.lectTypeB6 .contRight:before {content: '';display: block;position: absolute;top: 0;left: -15px; width: 15px;height: 100%;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/bg_contRight.png) repeat-y;background-size:15px;} .body_layout .lectArea.lectTypeB6 .contRight .tit {text-align: center;padding-top: 33px;position: relative;} .body_layout .lectArea.lectTypeB6 .contRight .tit strong{float: none;letter-spacing: -2px;} .body_layout .lectArea.lectTypeB6 .contRight .tit strong span{color: #0078ff;} .body_layout .lectArea.lectTypeB6 .contRight .tit .btnArea p{position: absolute;top: 36px; width: 20px;height: 20px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;font-size: 0;cursor: pointer;} .body_layout .lectArea.lectTypeB6 .contRight .tit .btnArea .btnPrev{left: 40px;background-position: -108px -88px;} .body_layout .lectArea.lectTypeB6 .contRight .tit .btnArea .btnNext{right: 40px;background-position: -129px -88px;} .body_layout .lectArea.lectTypeB6 .contRight .lectLists {position: absolute;top:90px; left: 0; height: 515px;overflow-x: hidden;overflow-y: auto;} .body_layout .lectArea.lectTypeB6 .contRight .lectLists ul {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .body_layout .lectArea.lectTypeB6 .contRight .lectLists ul li {margin-left: 0;margin-bottom: 83px;} .body_layout .lectArea.lectTypeB6 .contRight .lectLists ul li .btn {position: absolute;bottom: -58px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .body_layout .lectArea.lectTypeB6 .contRight .lectLists ul li .btn button {width: 163px;} /* contents B변형 - 섬네일 그리드 1줄에 4개 (특별할습 1관 > 창의적체험활동) */ .body_layout .lectArea.lectTypeB7 article .lectLists ul li{width:calc((100% - 78px) / 4);background-color:#fff} .body_layout .lectArea.lectTypeB7 article .lectLists ul li::after{width:100%} .body_layout .lectArea.lectTypeB7 article .lectLists ul li + li{margin-left:26px} .body_layout .lectArea.lectTypeB7 article .lectLists ul li:nth-child(n + 5){margin-top:25px} .body_layout .lectArea.lectTypeB7 article .lectLists ul li:nth-child(4n + 1){margin-left:0} .body_layout .lectArea.lectTypeB7 article .lectLists ul li .thumbReady {height: 137px;} .body_layout .lectArea.lectTypeB7 article .lectLists ul li .thumbReady p {position: relative;z-index: 1;padding-top: 48px;} .body_layout .lectArea.lectTypeB7 article .lectureName{height:70px;padding:0 19px;} .body_layout .lectArea.lectTypeB7 article .thum .img{max-height:138px} .body_layout .lectArea.lectTypeB7 article .thum .img img{height:137px} .body_layout .lectArea.lectTypeB7 article .info{padding:0 19px;} .body_layout .lectArea.lectTypeB7 article .thum a .dimed{position:absolute;bottom:0;left:0;width:100%;height:30px;background-color:rgba(0,0,0,.4)} .body_layout .lectArea.lectTypeB7 article .thum a .playtime{float:right;margin-right:15px;font-size:0.9375rem;font-weight:700;color:#fff;line-height:30px;} .body_layout .lectArea.lectTypeB7 article .info .hits{float:right;position:relative;display:block;font-size:0.8125rem;color:#999;line-height:43px;} .body_layout .lectArea.lectTypeB7 article .info .hits::before{content:"";position:absolute;top:0;bottom:0;right:calc(100% + 4px);margin:auto;width:16px;height:10px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;background-position:-70px -65px;} /* contents B8형 - 섬네일 그리드 변형 (수준별 영어 > 문법 > Beyond 레벨) */ .body_layout .lectArea.lectTypeB8 article:not(:last-child){margin-bottom:30px;} .body_layout .lectArea.lectTypeB8 article + article {padding-top:30px;border-top:dashed 1px #acacaa} .body_layout .lectArea.lectTypeB8 .guide{position:relative;margin-bottom:20px;padding-left:28px;font-size:1.125rem;color:#302f2b;letter-spacing:-0.02em} .body_layout .lectArea.lectTypeB8 .guide::before{position:absolute;top:0;left:0;display:inline-block;width:16px;height:18px;background:url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png)no-repeat 100% -110px;background-size:200px;content:''} .body_layout .lectArea.lectTypeB8 article .lectLists ul li{width:100%;flex-direction: row} .body_layout .lectArea.lectTypeB8 article .lectLists ul li .lectureItem{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;flex-direction:column;flex-shrink:0;width:280px;border-radius:20px} .body_layout .lectArea.lectTypeB8 article .info .date{margin-left:auto} .body_layout .lectArea.lectTypeB8 article .rankingArea{display:-webkit-box;display:-ms-flexbox;display:flex;color:#302f2b} .body_layout .lectArea.lectTypeB8 article .rankingArea [class^='ico']{display:inline-block;background: url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png)no-repeat;background-size:200px} .body_layout .lectArea.lectTypeB8 article .rankingArea .icoMedal{width:10px;height:13px;background-position:-92px -110px} .body_layout .lectArea.lectTypeB8 article .rankingArea .icoStar{width:12px;height:12px;margin-top:3px;background-position:-104px -110px} .body_layout .lectArea.lectTypeB8 article .rankingArea .icoStar2{position:relative;top:3px;width:20px;height:20px;margin-right:11px;background-position:-131px -110px} .body_layout .lectArea.lectTypeB8 article .rankingArea .icoTime{width:11px;height:13px;background-position:-118px -110px} .body_layout .lectArea.lectTypeB8 article .rankingArea .icoTrophy, .body_layout .lectArea.lectTypeB8 article .rankingArea .rankingTop3 .rankingItem [class^='ico']{background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/ico_ranking.png)no-repeat;background-size:69px;text-indent:-999em} .body_layout .lectArea.lectTypeB8 article .rankingArea .icoTrophy {width:79px;height:63px;background-position-x:50%;} .body_layout .lectArea.lectTypeB8 article .rankingArea .rankingTop3 .rankingItem .icoGdMedal {width:51px;height:61px;background-position:0 -73px} .body_layout .lectArea.lectTypeB8 article .rankingArea .rankingTop3 .rankingItem .icoSvMedal {width:51px;height:61px;background-position:0 -157px} .body_layout .lectArea.lectTypeB8 article .rankingArea .rankingTop3 .rankingItem .icoBzMedal {width:51px;height:61px;background-position:0 -242px} .body_layout .lectArea.lectTypeB8 article .myRanking{flex-shrink:0;width:208px;margin-left:25px;padding:20px;background-color:var(--orgSecond-color);background-color:#fce6cf;border-radius:20px} .body_layout .lectArea.lectTypeB8 article .myRanking .titWrap{text-align:center} .body_layout .lectArea.lectTypeB8 article .myRanking .titWrap .title{margin-top:10px;font-weight:700;font-size:1.375rem;line-height:1} .body_layout .lectArea.lectTypeB8 article .myRanking .infoWrap {margin-top:16px} .body_layout .lectArea.lectTypeB8 article .myRanking .infoWrap p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;min-height:40px;padding:0 21px 0 14px;font-size:0.875rem;background-color:#fff;border-radius:20px} .body_layout .lectArea.lectTypeB8 article .myRanking .infoWrap p + p {margin-top:8px;padding-top:0} .body_layout .lectArea.lectTypeB8 article .myRanking .infoWrap .name {margin-left:5px} .body_layout .lectArea.lectTypeB8 article .myRanking .infoWrap .value{margin-left: auto;font-size:1rem;font-weight:700} .body_layout .lectArea.lectTypeB8 article .rankingTop3{width:332px;margin-left:27px} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .title{margin-bottom:9px;font-size:1.25rem;font-weight:700;letter-spacing:-0.02em;text-align:center} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .rankingWrap .rankingItem{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;height:84px;padding-top:2px;border-top:dashed 1px #fce6cf} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .rankingWrap .rankingItem:first-child{border-top:solid 1px #fce6cf} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .rankingItem .rank{position:relative;display:inline-block;flex-shrink:0;margin-left:-6px} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .rankingItem .rank .txt{position:absolute;top:23px;left:50%;font-family:'tmoney';font-weight:700;font-size:1rem;letter-spacing:-0.02em;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .rankingItem .winnerWrap{width:100%;margin-left:22px} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .rankingItem .winnerWrap .winner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:700} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .rankingItem .winnerWrap .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;width:126px;font-size:1rem;color:#060606;} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .rankingItem .winnerWrap .score{position:relative;padding:0 10px;margin-left:10px;font-weight:500;font-size:0.875rem} .body_layout .lectArea.lectTypeB8 article .rankingTop3 .rankingItem .winnerWrap .score::before{position:absolute;top:5px;left:0;display:inline-block;width:1px;height:12px;background-color:#e7e7e7;content:''} /* contents B9형 - 섬네일 그리드 변형 (수준별 영어 > 영어도서관) */ .body_layout .lectArea.lectTypeB9 {position:relative;z-index:1;margin-top:-1px;padding:24px 40px 30px;border-top:solid 1px #fff} .body_layout .lectArea.lectTypeB9 .lectTop{padding-bottom:0;margin-bottom:34px;border-bottom:none} .body_layout .lectArea.lectTypeB9 article .lectLists ul li{width:calc((100% - 78px) / 4);background-color:#fff} .body_layout .lectArea.lectTypeB9 article .lectLists ul li::after{z-index:2} .body_layout .lectArea.lectTypeB9 article .lectLists ul li + li{margin-left:26px} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea.lectTypeB9 article .lectLists ul li:nth-child(n + 5){margin-top:26px} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea.lectTypeB9 article .lectLists ul li:nth-child(4n + 1){margin-left:0} .body_layout .lectArea.lectTypeB9 article .lectLists ul li.nodata{flex-grow:1;width:unset;margin-top:48px;font-size:1.75rem;font-weight:700;color:#24231f;position:relative;text-align:center;padding-top:373px;margin-left:0;border:none;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea.lectTypeB9 article .lectLists ul li.nodata::after{position:absolute;top:62px;left:50%;display:block;width:395px;height:268px;background:url(//cdndata.milkt.co.kr/ele/app/Images/english/library/img_nodata.png) no-repeat center / contain;border:none;transform:translateX(-50%);-webkit-transform:translateX(-50%);content:''} .body_layout .lectArea.lectTypeB9 article .lectLists ul li.nodata span{font-size:1.4375rem;color:#302f2b;letter-spacing:-1px;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea.lectTypeB9 article .thum .img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;justify-content:center;height:201px;max-height:201px;background-color:#fbf7f1;border-radius:20px 20px 0 0;overflow:hidden} .body_layout .lectArea.lectTypeB9 article .thum .img img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:0} .body_layout .lectArea.lectTypeB9 article .thum .reading{position:absolute;top:0;right:0;z-index:6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:0 19px 0 26px;width:89px;height:40px;background-color:var(--orgFontActive-color)} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea.lectTypeB9 article .thum .reading p{font-weight:700;font-size:0.9375rem;color:#fff;} .body_layout .lectArea.lectTypeB9 article .thum .reading.done{background-color:#302f2b;} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea.lectTypeB9 article .thum .viewers{position:absolute;bottom:6px;left:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;align-items:center;-webkit-box-pack:center;justify-content:center;width:86px;height:25px;border-radius:12.5px;background-color:#fff;font-size:0.9375rem;font-weight:700;color:#ff8400} .body_layout .lectArea.lectTypeB9 article .thum .viewers::before{display:inline-block;width:20px;height:14px;margin-right:4px;background:url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat;background-size:200px;background-position:-115px -135px;content:''} .body_layout .lectArea.lectTypeB9 article .lectureName{align-items:flex-start;height:64px;padding-top:10px} .body_layout .lectArea.lectTypeB9 article .lectureName p {z-index:5;height:calc(100% - 7px)} .body_layout .lectArea.lectTypeB9 article .info {position:relative;z-index:6} .body_layout .lectArea.lectTypeB9 article .info [class*="data"]{padding:12px 0 13px} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea.lectTypeB9 article .info [class*="data"] .date{margin-left:auto} /* contents B9형 - 섬네일 그리드 변형 (수준별 영어 > 영어도서관 > Newspapers) - #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea.lectTypeB9.col3{padding-top:16px} .body_layout .lectArea.lectTypeB9.col3 article .lectLists ul li{width:calc((100% - 50px) / 3);margin-left:0;margin-top:30px} .body_layout .lectArea.lectTypeB9.col3 article .lectLists ul li + li{margin-left:25px} .body_layout .lectArea.lectTypeB9.col3 article .lectLists ul li:nth-child(-n + 3){margin-top:0} .body_layout .lectArea.lectTypeB9.col3 article .lectLists ul li:nth-child(3n + 1){margin-left:0} .body_layout .lectArea.lectTypeB9.col3 article .lectLists ul li::after{width:100%} /* #136096 영어도서관 개편 2025-01-08 수정 */ .body_layout .lectArea.lectTypeB9.col3 article .thum .img{overflow:hidden;-webkit-box-align:initial;align-items:initial;height:173px;max-height:173px} /* contents B10형 - 카드 그리드형 (계획담기 팝업, 시간표 상세보기 팝업, 시간표 계획학습) */ .body_layout .lectArea.lectTypeB10{padding:0} .body_layout .lectArea.lectTypeB10 article .lectLists ul li{width:calc((100% / 2) - 6px);margin-bottom:10px;background-color:#fff;border:1px solid #c8d9eb} .body_layout .lectArea.lectTypeB10 article .lectLists ul li:nth-child(2n) {margin-left:12px} .body_layout .lectArea.lectTypeB10 article .lectLists ul li + li{margin-left:0} .body_layout .lectArea.lectTypeB10 article .lectLists ul li::after{display:none} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .lectTop{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;height:44px;padding:0 16px;border-bottom:1px solid #c8d9eb} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .lectTop .tit{padding-bottom:0;font-size:0.875rem;font-weight:600;letter-spacing:-1px} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .lectTop .tit .sort{font-weight:400} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .lectTop .tit .sort:before{content:'';display:inline-block;width:10px;height:10px;margin-right:6px;background:#C8D9EB;border-radius:4px} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .lectTop .tit .sort.parent:before{background:#c037ff} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .lectTop .tit .sort.student:before{background:#0030FF} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .lectTop .tit .sort:after{content:'';display:inline-block;width:1px;height:10px;margin:0 13px;background:#C8D9EB;border-radius:2px} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .lectTop .btnDelete{position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:12px;height:12px;background:url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat;background-size:200px;background-position:-62px -167px;cursor:pointer} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px 14px} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .bookCont{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .sbj{font-size:0.9375rem;font-weight:600;line-height:1.4;letter-spacing:-1px} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .bookTit{max-width:170px;padding-right:10px;letter-spacing:-1.5px;font-size:1.0625rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .tName{color:#0077ff;letter-spacing:-0.5px} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum{position:relative;overflow:hidden;width:70px;height:70px;margin-right:10px;border-radius:50%} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum .imgTeacher img{position:relative;top:13px;left:4px;-moz-transform:scaleX(-1) scale(1.3);-o-transform:scaleX(-1) scale(1.3);-webkit-transform:scaleX(-1) scale(1.3);transform:scaleX(-1) scale(1.3);filter:FlipH;-ms-filter:"FlipH";transform-origin:center} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum.bgBlue{background-color:#0077FF} /* 시간표 상세보기 팝업 내 전체메뉴 아이콘 */ .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum{background:#e0ecfa} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum.math{background:var(--blueSecond-color)} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum.english{background:var(--orgSecond-color)} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum.korean{background:var(--grnSecond-color)} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum.examstudy{background:var(--prpSecond-color)} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum.daechi{background:var(--navySecond-color)} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .thum .ico{width:45px;height:45px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .btnArea{margin-left:auto} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .btn button{width:100px;font-size:0.875rem} .body_layout .lectArea.lectTypeB10 article .lectLists ul li .info .btn + .btn{margin-top:10px} /* contents C2형 - 텍스트 그리드 변형 (한입쏙 학교공부 전용) */ .body_layout .lectArea.lectTypeC2 article .tit{border-bottom:none;} .body_layout .lectArea.lectTypeC2 article .lectureName{margin-bottom:0} .body_layout .lectArea.lectTypeC2 article .lectLists{width:calc(100% + 40px);-ms-overflow-style:none;scrollbar-width:none} .body_layout .lectArea.lectTypeC2 article .lectLists ul{overflow-x:auto;overflow-y:hidden;position:relative;min-height:277px;-webkit-box-lines:single;-ms-flex-wrap:nowrap;flex-wrap:nowrap;} .body_layout .lectArea.lectTypeC2 article .lectLists ul li{position:relative;} .body_layout .lectArea.lectTypeC2 article .lectLists ul li:nth-child(n + 4){margin-top:0} .body_layout .lectArea.lectTypeC2 article .lectLists ul li:nth-child(3n + 1){margin-left:25px} .body_layout .lectArea.lectTypeC2 article .lectLists ul li:first-child{margin-left:0} .body_layout .lectArea.lectTypeC2 article .lectLists ul::after{content:url(//cdndata.milkt.co.kr/ele/app/Images/layout/bg_lectList_white.png);display:block;height:277px;} /* contents C3형 - 텍스트 그리드 변형 (특별학습1관 > 초등생활 > 자기소개하기) */ .body_layout .lectArea.lectTypeC4 article .lectLists ul li:nth-child(3n + 1) {margin-top: 0;} .body_layout .lectArea.lectTypeC4 article .lectLists ul li:nth-child(n + 4) {margin-top: 40px;} /* contents A변형 - 2분할, 리스트형 변형(수준별 수학 > 경시 > HME 모의고사) */ .body_layout .lectArea.lectTypeD .lectContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .body_layout .lectArea.lectTypeD article{margin-bottom:0} .body_layout .lectArea.lectTypeD article .tit{padding-bottom:27px} .body_layout .lectArea.lectTypeD article .sTit {width:100%;min-width:205px;max-width:205px} .body_layout .lectArea.lectTypeD article .sTit a {color:#302f2b;font-size:1.125rem;font-weight:500;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break:break-all} .body_layout .lectArea.lectTypeD article .lectLists li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;align-items:center;-webkit-box-pack: justify;justify-content:space-between;border-bottom:1px dashed #cdcdcd;padding:29px 0;} .body_layout .lectArea.lectTypeD article .info {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;align-items:center;text-align:center} .body_layout .lectArea.lectTypeD article .btn + .btn{margin-left:15px} .body_layout .lectArea.lectTypeD article .btn:last-child{margin-right:20px} /* contents 랜딩형 (버터몬 연산 ...) */ .body_layout .bgLanding{width:100%;height: 658px;background-repeat:no-repeat;background-size:cover;} .body_layout .bgLanding.buttermon{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/hbmath/bg_math_buttermon.jpg)} .body_layout .bgLanding .btnArea{margin-top:245px;text-align:center;} .body_layout .bgLanding .btnArea strong{display:inline-block;margin-bottom:24px;font-size:1.4375rem;font-weight:700;color:#000;line-height:1} .body_layout .bgLanding .btnLanding{display:block;width:190px;height:80px;margin:0 auto;} .body_layout .bgLanding .btnLanding img{display:block;width:100%;} .body_layout .bgLanding .btnRight{position:absolute;top:0;right:0;} .body_layout .bgLanding .btnRight img{display:block;width:100%;object-fit:cover} .body_layout .bgLanding .btnRight .addBox{margin:14px 40px 0 0} .body_layout .bgLanding.cross{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/korean/bg_cross.jpg)} .body_layout .bgLanding.cross .btnArea{margin-top:315px} .body_layout .bgLanding.hangleCard{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/korean/bg_hangleCard.jpg)} .body_layout .bgLanding.hangleCard .btnArea{margin-top:285px} .body_layout .bgLanding.hangleCard .btnArea strong{margin-bottom:30px} .body_layout .bgLanding.picture{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/korean/bg_picture.jpg)} .body_layout .bgLanding.picture .btnArea{margin-top:285px} .body_layout .bgLanding.picture .btnArea strong{margin-bottom:30px} .body_layout .bgLanding.olympic{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/korean/bg_olympic.jpg)} .body_layout .bgLanding.olympic .btnArea{margin-top:322px} .body_layout .bgLanding.olympic .btnArea strong{margin-bottom:30px} .body_layout .bgLanding.math3min{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/hbmath/bg_math_3min.jpg)} .body_layout .bgLanding.math3min .btnArea{margin-top:276px} .body_layout .bgLanding.math3min .btnArea strong{margin-bottom:48px} .body_layout .bgLanding.math3figure{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/hbmath/bg_math_3min_figure.jpg)} .body_layout .bgLanding.math3figure .btnArea{margin-top:276px} .body_layout .bgLanding.math3figure .btnArea strong{margin-bottom:48px} .body_layout .bgLanding.mathGo{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/hbmath/bg_math_gomath.jpg)} .body_layout .bgLanding.mathGo .btnArea{margin-top:299px} .body_layout.kids .bgLanding.mathGo{background-image:url(//cdndata.milkt.co.kr/ele/app/images/kids/2.0/math/bg_goMath_kids.jpg)} .body_layout.kids .bgLanding.mathGo .btnArea{margin-top:306px} .body_layout .bgLanding.mathGo .btnArea strong{margin-bottom:35px} .body_layout .bgLanding.ggdGame{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/hbmath/bg_math_ggdGame.jpg)} .body_layout .bgLanding.ggdGame .btnArea{margin-top:257px} .body_layout .bgLanding.ggdGame .btnArea strong{margin-bottom:40px;color:#fff} .body_layout .bgLanding.breakWorld{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/break/bg_landing_break_expWorld.jpg)} .body_layout .bgLanding.breakLive{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/break/bg_landing_break_live.jpg)} .body_layout .bgLanding[class*="break"] .btnLanding{height:75px;margin:337px auto 0} .body_layout .bgLanding.encyclopedia{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/bg_dic_encyclopedia.jpg)} .body_layout .bgLanding.encyclopedia .btnArea{margin-top:327px} .body_layout .bgLanding.encyclopedia .btnArea strong{margin-bottom:35px} .body_layout .bgLanding.aiChatBot{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/bg_mento_aiChatBot.jpg)} .body_layout .bgLanding.aiChatBot .btnArea{margin:345px 0 0 718px;text-align: left;} .body_layout .bgLanding.aiChatBot .btnArea strong{margin-bottom:45px;color:#fff} .body_layout .bgLanding.aiChatBot .btnLanding {margin: 0;} .body_layout .bgLanding.geograph {background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/bg_simwha_geograph.jpg)} .body_layout .bgLanding.geograph .btnArea{margin-top:245px} .body_layout .bgLanding.geograph .btnArea strong{margin-bottom:35px;color:#fff} .body_layout .bgLanding.geograph .btnArea strong span {color: #fff955;} .body_layout .bgLanding.whiteMap {background-image:url(//cdndata.milkt.co.kr/ele/app/Images/layout/bg_simwha_whiteMap.jpg)} .body_layout .bgLanding.whiteMap .btnArea a{position: absolute;width: 320px;height: 110px;top: 438px;} .body_layout .bgLanding.whiteMap .btnArea .btn01 {left: 183px;} .body_layout .bgLanding.whiteMap .btnArea .btn02 {left: 790px;} .body_layout .bgLanding.korHanjaCook1{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/korean/bg_korean_hanjaCook01.jpg)} .body_layout .bgLanding.korHanjaCook1 .btnArea{margin-top:277px} .body_layout .bgLanding.korHanjaCook1 .btnArea strong{margin-bottom:47px} .body_layout .bgLanding.korHanjaCook2{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/korean/bg_korean_hanjaCook02.jpg)} .body_layout .bgLanding.korHanjaCook2 .btnArea{margin-top:277px} .body_layout .bgLanding.korHanjaCook2 .btnArea strong{margin-bottom:47px} .body_layout .bgLanding.eng3min{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/english/bg_eng_3min.jpg)} .body_layout .bgLanding.eng3min .btnArea{margin-top:0;padding-top:334px} .body_layout .bgLanding.eng3min .btnArea strong{margin-bottom:26px} .body_layout.kids .bgLanding.eng3min{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/english/bg_eng_3min_kids.jpg)} .body_layout.kids .bgLanding.eng3min .btnArea{margin-top:0;padding-top:276px} .body_layout.kids .bgLanding.eng3min .btnArea strong{margin-bottom:48px} .body_layout .bgLanding.engVoca{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/english/bg_voca.jpg)} .body_layout .bgLanding.engVoca .btnArea{margin-top:0;padding-top:334px} .body_layout .bgLanding.engVoca .btnArea strong{margin-bottom:26px} .body_layout .bgLanding.engHmh{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/english/bg_hmh_250108.jpg)} .body_layout .bgLanding.engHmh .btnArea{margin-top:0;padding-top:345px} .body_layout .bgLanding.engHmh .btnArea strong{margin-bottom:33px} .body_layout .bgLanding.aiHighlights{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/english/bg_highlights.jpg)} .body_layout .bgLanding.aiHighlights .btnArea{margin-top:0;padding-top:262px} .body_layout .bgLanding.aiHighlights .btnArea strong{margin-bottom:30px} .body_layout .bgLanding.engJumpVoca{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/english/bg_eng_jump_voca.jpg)} .body_layout .bgLanding.engJumpVoca .btnArea{margin-top:0;padding-top:300px} /* #142365 키즈 UIUX 2차 개편 (디지털 체험) */ .body_layout .digital .bgLanding .btnArea strong{margin-bottom:30px;color:#fff;line-height:30px} .body_layout .bgLanding.hideplay{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_hideplay.jpg)} .body_layout .bgLanding.hideplay .btnArea{margin-top:325px} .body_layout .bgLanding.mudFriends{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_mudFriends.jpg)} .body_layout .bgLanding.mudFriends .btnArea{margin-top:308px} .body_layout .bgLanding.sea{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_sea.jpg)} .body_layout .bgLanding.sea .btnArea{margin-top:285px} .body_layout .bgLanding.piano{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_piano.jpg)} .body_layout .bgLanding.piano .btnArea{margin-top:328px} .body_layout .bgLanding.rhythm{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_rhythm.jpg)} .body_layout .bgLanding.rhythm .btnArea{margin-top:318px} .body_layout .bgLanding.seven{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_seven.jpg)} .body_layout .bgLanding.seven .btnArea{margin-top:282px} .body_layout .bgLanding.drawing{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_drawing.jpg)} .body_layout .bgLanding.drawing .btnArea{margin-top:324px} .body_layout .bgLanding.drawing .btnArea strong{color:#000} .body_layout .bgLanding.finding{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_finding.jpg)} .body_layout .bgLanding.finding .btnArea{margin-top:337px} .body_layout .bgLanding.finding .btnArea strong{color:#000} .body_layout .bgLanding.spotTheDiff{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_spotTheDiff.jpg)} .body_layout .bgLanding.spotTheDiff .btnArea{margin-top:340px} .body_layout .bgLanding.spotTheDiff .btnArea strong{color:#000} .body_layout .bgLanding.dokdo{background-image:url(//cdndata.milkt.co.kr/ele/app/Images/kids/2.0/digital/bg_digital_dokdo.jpg)} .body_layout .bgLanding.dokdo .btnArea{margin-top:284px} /* contents 그리드형 (키즈-와이드형) */ .body_layout .wide .lectArea.lectTypeB article .lectLists ul li{margin-left:25px;} .body_layout .wide .lectArea.lectTypeB article .lectLists ul li:nth-child(3n + 1){margin-top: 0;} .body_layout .wide .lectArea.lectTypeB article .lectLists ul li:nth-child(4n + 1){margin-left: 0; margin-top: 0;} .body_layout .wide .lectArea.lectTypeB article .lectLists ul li:nth-child(n + 5){margin-top: 25px;} /* 주황색 팝업 (구팝업: 학교공부, 한입쏙, ...)*/ .body_layout [class^="lpop_"] *, .body_layout [class^="lpop_"]::before, .body_layout [class^="lpop_"]::after{-webkit-box-sizing:content-box;box-sizing:content-box} .lpop_cover.oneBite .lpop_wrap{overflow:hidden;width:850px;border-radius:17px} .lpop_cover.oneBite .lpop_wrap .cont{height:auto; padding:36px 0 45px} .lpop_cover.oneBite .lpop_wrap p{width:561px;margin:0 auto} .lpop_cover.oneBite .lpop_wrap p img{display:block;width:100%;object-fit:cover} .body_layout .bgLpopSample img{display:block;width:100%;object-fit:cover} /* 서술형 첨삭 교과서 더보기 on/off */ .pubInfoWrap{float:right;position:relative;} .pubInfoWrap button{display:inline-block;width:20px;height:20px;margin-left:9px;vertical-align:middle;background:url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat;background-size:200px;background-position:-83px 0;} .pubInfoWrap button.on{background-position:-104px 0} .pubInfoWrap button.on + .pubInfoPop{display:block} .pubInfoWrap .pubInfoPop{display:none;position:absolute;z-index:10;top:calc(100% - 6px);left:9px;width:370px;padding:26px 30px;border-radius:0 17px 17px 17px;background:#302f2b;font-size:0.9375rem;font-weight:400;color:#fff;line-height:1.6;letter-spacing:-0.05rem} .pubInfoWrap .pubInfoPop em{font-weight:700} .pubInfoWrap .pubInfoPop .colorB{color:#3da8ff} /* 중학 > 주황색 팝업 */ .body_layout.body_midschool{background-color:#fff} .body_layout.body_midschool .lpop_bookinfo .txt_area{width:auto;margin:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)} /* 랭킹 기준 안내 (수준별 영어 > 문법 > Beyond 레벨) */ .rankDesc01{position:relative;display:inline-block;margin-bottom:23px;letter-spacing:-0.04em} .rankDesc01::before{position:absolute;top:4px;left:0;display:inline-block;width:16px;height:18px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;background-position:100% -110px;content:''} .rankDesc01::after{content: ""; display:block;clear:both} .rankDesc01 > p {float:left;padding-left:26px;font-size:1.125rem;color:#302f2b} .rankInfoWrap{float:right;position:relative} .rankInfoWrap button{display:inline-block;width:20px;height:20px;margin-top:4px;margin-left:9px;vertical-align:middle;background:url(//cdndata.milkt.co.kr/ele/app/images/layout/icons.png) no-repeat;background-size:200px;background-position:-83px 0} .rankInfoWrap button.on{background-position:-104px 0} .rankInfoWrap button.on + .rankInfoPop{display:block} .rankInfoWrap .rankInfoPop{display:none;position:absolute;z-index:10;top:20px;left:9px;width:394px;padding:26px 30px;border-radius:0 17px 17px 17px;background:#302f2b;font-size:0.9375rem;font-weight:400;color:#fff;line-height:1.6;letter-spacing:-0.05rem} .rankInfoWrap .rankInfoPop .info {margin-top:15px} .rankInfoWrap .rankInfoPop .title{font-size:0.9375rem;font-weight:700} .rankInfoWrap .rankInfoPop .subTitle{display:inline-block;height:24px;margin-bottom:6px;padding:2px 14px 0;border-radius:12px;background-color:var(--orgPrimary-color);background-color:#f3820a;font-size:0.75rem} .rankInfoWrap .rankInfoPop ul li{position:relative;padding-left:15px;font-size:0.875rem;line-height:1.85} .rankInfoWrap .rankInfoPop ul li::before{display:inline-block;position:absolute;left:6px;content:'·'} .rankInfoWrap [class^='ico']{position:relative;top:3px;display:inline-block;margin-right:6px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px} .rankInfoWrap .icoR{width:12px;height:13px;background-position:-155px -110px} .rankInfoWrap .icoCalc{width:12px;height:13px;background-position:-170px -110px} /* 어휘사전 > 앱 통해서 진입시 => GNB 영역 (50px) + 상태표시줄 (24px) 미노출로 인해 GNB 높이만큼 콘텐츠 높이 추가 */ .body_layout #content > .noneGnb{width:100%;height:74px;background-color:rgba(0,0,0,.9);} .body_layout #content > .noneGnb .closeArea{position:absolute;top:100px;right:25px;z-index:1;} .body_layout #content > .noneGnb .closeArea a{display:inline-block;width:15px;height:15px;background:url(//cdndata.milkt.co.kr/ele/app/Images/layout/icons.png) no-repeat;background-size:200px;background-position:0 -169px;font-size: 0;vertical-align: top;} .body_layout #content > .noneGnb ~ .lpopInfo, .body_layout #content > .noneGnb ~ .lpopQuiz {height: 800px;} /* 예외 페이지 - 준비중 공통 ( 실력평가>신유형 신경형 평가 : default, 수준별 수학>영역별 수학 : 사용중 ) */ .body_layout .examNodata{text-align:center;} .body_layout .examNodata figure{margin-top:114px;} .body_layout .examNodata figure img{display:block;width:398px;margin:0 auto;} .body_layout .examNodata figcaption{display:inline-block;margin-top:39px;font-size:1.5rem;font-weight:700;color:#24231f;line-height:1.4;} .body_layout .examNodata figcaption .colorBlue{color:#0078ff} /* 학교공부 관련학습 팝업 수정 2024-10-30 */ .body_layout .lpop_relatedstudy_v2 .txt_area .cont .menu_tab{height:auto} .body_layout .lpop_relatedstudy_v2 .txt_area .cont .menu_tab ul{display:-webkit-box;display:-ms-fl exbox;display:flex;} .body_layout .lpop_relatedstudy_v2 .txt_area .cont .menu_tab ul li{width:auto;height:auto;border:none;border-radius:0;} .body_layout .lpop_relatedstudy_v2 .txt_area .cont .menu_tab ul li a{width:156px;border:3px solid #f6e7d4;border-bottom:none;border-radius:20px 20px 0 0;background:#fff;box-sizing:border-box;} .body_layout .lpop_relatedstudy_v2 .txt_area .cont .menu_tab ul li.active a{width:156px;background:#f6e7d4} /* 2025-02-19 #142321 UIUX 2차 개편 - 스크롤형 셀렉트 박스 */ .twoSelectWrap{position:absolute;z-index:12;left:25px;top:0;bottom:0;margin:auto;flex-shrink:0;height:40px} .twoSelectWrap .menuBtn{width:100%;height:40px;position:relative;z-index:9999;border-radius:10px;background:#40ACFF;font-size:1rem;color:#fff} .twoSelectWrap .menuBtn .textWrap{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;width:100%} .twoSelectWrap .menuBtn strong{font-weight:500;display:flex} .twoSelectWrap .menuBtn strong.value01{width:35%;justify-content:flex-end;margin-right:13px;} .twoSelectWrap .menuBtn strong.value02{width:65%;justify-content:flex-start} .twoSelectWrap .menuBtn .arrowIcon{width:10px;position:absolute;right:16px;top:50%;transform:translateY(-50%)} .twoSelectWrap .menuBtn .arrowIcon svg{width:100%;transform:rotate(180deg);transition:.5s} .twoSelectWrap.on .menuBtn{border-radius:10px 10px 0 0;} .twoSelectWrap.on .menuBtn .arrowIcon svg{transform:rotate(0deg)} .twoSelectWrap{min-width:170px} .twoSelectWrap .menuWrap{display:flex;display:-webkit-flex;flex-direction:column;position:relative;height:270px;border-radius:0 0 10px 10px;opacity:0;transition:.5s;overflow:hidden;} .twoSelectWrap.on .menuWrap{opacity:1} .twoSelectWrap .menuWrap .swiperWrap{display:flex;display:-webkit-flex;position:relative;width:100%;margin:-74px auto;border-radius:0 0 10px 10px;background:#40ACFF} .twoSelectWrap .menuWrap .swiperWrap::before{content:"";display:block;position:absolute;left:0;top:138px;width:100%;height:45px;background-color:#0090FF} .twoSelectWrap .menuWrap .swiperWrap::after{content:"";display:block;position:absolute;left:50%;transform:translateX(-50%);top:74px;width:140px;height:1px;z-index:9999;background-color:#fff;opacity:.5} .twoSelectWrap .menuWrap::before{content:"";display:block;border-radius:10px 10px 0 0;position:absolute;top:0;width:170px;height:30px;z-index:9999;background:linear-gradient(0deg,rgba(64,172,255,0) -14%,#40ACFF 90%)} .twoSelectWrap .menuWrap::after{content:"";display:block;border-radius:0 0 10px 10px;position:absolute;bottom:0;width:170px;height:82px;z-index:9998;background:linear-gradient(180deg,rgba(64,172,255,0) -14%,#40ACFF 40%)} .twoSelectWrap .menuWrap .swiperWrap .swiper-container{border-radius:10px 10px 0 0} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList .swiper-wrapper, .twoSelectWrap .menuWrap .swiperWrap .swiper-container.termList .swiper-wrapper{transition-property:transform,height!important} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList .swiper-slide, .twoSelectWrap .menuWrap .swiperWrap .swiper-container.termList .swiper-slide{display:flex;display:-webkit-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;font-size:1rem;font-weight:300;color:#fff;height:30px!important;opacity:0.7} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList, .twoSelectWrap .menuWrap .swiperWrap .swiper-container.termList{height:295px} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList{width:35%;margin-right:13px} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.termList{width:65%} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList .swiper-slide{justify-content:flex-end} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.termList .swiper-slide{justify-content:flex-start} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList .swiper-slide.swiper-slide-active, .twoSelectWrap .menuWrap .swiperWrap .swiper-container.termList .swiper-slide.swiper-slide-active{height:45px!important;font-weight:700;opacity:1} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList .swiper-slide.swiper-slide-duplicate.swiper-slide-prev, .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList .swiper-slide.swiper-slide-prev, .twoSelectWrap .menuWrap .swiperWrap .swiper-container.termList .swiper-slide.swiper-slide-prev{height:35px!important;opacity:0.7} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList .swiper-slide.swiper-slide-next + .swiper-slide, .twoSelectWrap .menuWrap .swiperWrap .swiper-container.termList .swiper-slide.swiper-slide-next + .swiper-slide{height:35px!important;} .twoSelectWrap .menuWrap .swiperWrap .swiper-container.gradeList .swiper-slide.swiper-slide-next, .twoSelectWrap .menuWrap .swiperWrap .swiper-container.termList .swiper-slide.swiper-slide-next{height:45px!important;opacity:1} .twoSelectWrap .menuWrap .confirmBtn{width:65px;height:35px;font-size:0.875rem;font-weight:700;position:absolute;bottom:17px;left:50%;transform:translateX(-50%);z-index:9999;border-radius:45px;background:linear-gradient(0deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 100%),#302F2B;color:#fff}