#main .section_wrap .title_link {text-align: center;} #main .section_wrap .title {color: var(--gray900);font-size: 30px;font-weight: 700;line-height: 1.4;margin-bottom: 4px;} #main .section_wrap .description {color: var(--gray800);font-size: 18px;line-height: 1.4;margin-bottom: 32px;} #main .section_wrap.type_list_wrap {display: flex;justify-content: center;gap: 48px;} #main .section_wrap.type_list_wrap.kceenews_jinro {margin-bottom: 80px;} #main .section_wrap.type_list_wrap .section_inner {flex:1;} #main .section_wrap.type_list_wrap .section_inner .title_wrap {display: flex;align-items: center;justify-content: space-between;padding:0 8px 16px 8px;box-sizing: border-box;margin-bottom: 24px;border-bottom:2px solid var(--gray900);} #main .section_wrap.type_list_wrap .section_inner .title_wrap .title {color: var(--gray900);font-size: 30px;font-weight: 700;} #main .section_wrap.type_list_wrap .section_inner .title_wrap .more_btn {color: var(--gray900);font-size: 32px;width: 32px;height:32px;cursor: pointer;} #main .section_wrap.type_list_wrap .section_inner .title_wrap .more_btn .rpd_icon {background-size: 32px;width: 100%;height: 100%;} #main .section_wrap.type_list_wrap .section_inner .main_tab_list {margin-bottom: 24px;display: flex;align-items: center;flex-wrap: wrap;} #main .section_wrap.type_list_wrap .section_inner .main_tab_list li {min-width: unset;} #main .section_wrap.type_list_wrap .section_inner .main_tab_list li button {color: var(--gray900);font-weight: 600;font-size: 14px;} #main .section_wrap.type_list_wrap .section_inner .main_tab_list li.on button {color: var(--white);} #main .quick_wrap {position: fixed;/*position: sticky;*/ display: inline-flex;flex-direction: column;gap: 12px;z-index: 2;align-items: center;left: calc(50% + 639px);bottom:193px;/*margin-right: 20px;*/} #main .quick_wrap .banner_wrap {display: flex;flex-direction: column;gap: 8px;} #main .quick_wrap .banner_wrap .banner_elem {width: 112px;height:164px;border:1px solid var(--gray200);box-shadow: 0px 3px 20px 0px #3333332E;border-radius: 12px;display: flex;align-items: center;justify-content: center;background: var(--white);overflow: hidden;cursor: pointer;} #main .quick_wrap .banner_wrap .banner_elem img {width: 100%;height: 100%;object-fit: cover;} #main .quick_wrap .quick_menu .menu_btn {background: var(--blue500);box-shadow: 0px 3px 20px 0px #3333332E;border-radius: 30px;width: 112px;height: 48px;display: flex;align-items: center;justify-content: center;gap: 4px;transition: all 0.3s ease;} #main .quick_wrap .quick_menu .menu_btn::after {content:'Menu';font-size: 18px;line-height: 1.4;font-weight: 600;color: var(--white);transition: all 0.3s ease;} #main .quick_wrap .quick_menu .menu_btn .rpd_icon {filter: brightness(100);width: 24px;height:24px;background-size: 24px;transition: all 0.2s ease;} #main .quick_wrap .quick_menu.active .menu_btn {background: var(--white);} #main .quick_wrap .quick_menu.active .menu_btn::after {content:'Close';color: var(--gray900);} #main .quick_wrap .quick_menu.active .menu_btn .rpd_icon {filter: unset;transform: rotate(-45deg);} #main .quick_wrap .top_btn {border-radius: 50%;background: var(--white);border:1px solid var(--gray200);box-shadow: 0px 3px 20px 0px #3333332E;width: 48px;min-height: 48px;display: flex;align-items: center;justify-content: center;cursor: pointer; transition:.3s all; opacity:0; visibility: hidden;} #main .quick_wrap .top_btn .rpd_icon {width: 24px;height:24px;background-size: 24px;} #main .quick_wrap .quick_menu {position: relative;} #main .quick_wrap .quick_menu .quick_btn_list {align-items: center;position: absolute;transform: translate(-106%, -50%);z-index: -1;} #main .quick_wrap .quick_menu .quick_btn_list a {display: inline-block;position: absolute;transition: all 0.3s ease;left:0;opacity: 0;box-shadow: 0px 3px 20px 0px #3333332E;border-radius: 50%;cursor: pointer;} #main .quick_wrap .quick_menu .quick_btn_list a span {background-size: 100%;width: 48px;height: 48px;} #main .quick_wrap .quick_menu.active .quick_btn_list {z-index: 1;transition-delay: 0.3s;} #main .quick_wrap .quick_menu.active .quick_btn_list a {opacity: 1;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(1) {left:-280px;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(2) {left:-224px;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(3) {left:-168px;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(4) {left:-112px;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(5) {left:-56px;} #main .quick_wrap.active .top_btn {visibility: visible; opacity: 1;} .slick-dots {display: flex;align-items: center;justify-content: center;gap: 6px;position: absolute;left: 50%;transform: translateX(-50%);bottom: -8px;} .slick-dots li {display: flex;align-items: center;justify-content: center;} .slick-dots li button {font-size: 0;width: 8px;height:8px;background: var(--blue200);border-radius: 50%;transition: all 0.3s ease;} .slick-dots li.slick-active button {background: var(--blue500);width:30px;border-radius: 10px;} /*메인 배너*/ #main .section_wrap.main_banner {border-radius: 24px;overflow: hidden;/*margin-top: 24px;*/} /*리로tv*/ #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap {display: flex;align-items: center;gap: 12px;aspect-ratio: 574/310;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem {border: 1px solid var(--gray300);border-radius: 24px;flex: 1;padding: 0 16px 0 16px;box-sizing: border-box;max-height: 310px;aspect-ratio: 286 / 310;display: flex;flex-direction: column;align-items: center;justify-content: center;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem:nth-child(n+3) {display: none;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem .thumbnail_img_box {width: 100%;/*height:180px;*/aspect-ratio:252/180;border-radius: 12px;overflow: hidden;margin-bottom: 17px;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem .thumbnail_img_box img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem .thumbnail_img_box img:hover {scale: 1.05;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem .text_box {display: flex;flex-direction: column;gap: 8px;width: 100%;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem .text_box .tits {color: var(--gray900);font-size: 18px;font-weight: 600;line-height: 1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem .text_box .tags {color: var(--gray800);font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} /*추천도서*/ #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap {display: flex;gap: 8px;align-items:center;justify-content: center;padding:0 14px;box-sizing: border-box;border: 1px solid var(--gray300);border-radius: 24px;max-height: 310px;/*height:100%;*/aspect-ratio: 584/310;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem {flex:1;display: flex;flex-direction:column;align-items: center;gap:16px;cursor: pointer;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem:nth-child(n+4) {display: none;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem .thumbnail_img_box {width: 120px;height:168px;/*aspect-ratio:120/168;*/position: relative;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem .thumbnail_img_box::before {content: '';height: 100%;display: block;position: absolute;background: linear-gradient(90deg, rgba(102, 102, 102, 0.4) 0%, rgba(233, 233, 233, 0.4) 30.77%, rgba(208, 208, 208, 0.4) 48.56%, rgba(51, 51, 51, 0.4) 67.31%, rgba(153, 153, 153, 0.4) 73.56%, rgba(232, 232, 232, 0.4) 86.54%);width: 5px;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem .thumbnail_img_box img {width: 100%;height: 100%;object-fit: cover;box-shadow: 0px 4px 6px 0px #3333334D;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem .txt_box {display: flex;flex-direction: column;gap: 8px;justify-content: center;text-align: center;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem .txt_box .tits {color: var(--gray900);font-size: 18px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem .txt_box .author {color: var(--gray900);font-size: 14px;font-weight: 400;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem .txt_box .author .writer {color: var(--gray600);} /*입시매거진*/ #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .main_tab_list {margin-bottom: 8px;} #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .list_wrap .list_elem {display: flex;align-items: center;justify-content: space-between;padding:30px 8px;box-sizing: border-box;border-bottom:1px solid var(--gray400);height:88px;} #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .list_wrap .list_elem .tits {color: var(--gray900);font-weight: 600;font-size: 20px;width: 100%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} /*진로정보*/ #main .section_wrap.type_list_wrap .section_inner.inner_jinro .main_tab_list {margin-bottom: 8px;} #main .section_wrap.type_list_wrap .section_inner.inner_jinro .list_wrap .list_elem {display: flex;align-items: center;gap:16px;padding:16px 8px;box-sizing: border-box;border-bottom:1px solid var(--gray400);height:88px;} #main .section_wrap.type_list_wrap .section_inner.inner_jinro .list_wrap .list_elem .thumb_img {width:56px;min-width: 56px;height:56px;border-radius: 4px;} #main .section_wrap.type_list_wrap .section_inner.inner_jinro .list_wrap .list_elem .tits {color: var(--gray900);font-weight: 600;font-size: 20px;width: 100%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} /*리로talk*/ @keyframes wave { 0%, 100 {transform: translateY(0);} 25% {transform: translateY(-87px);} 50% {transform: translateY(0);} 75% {transform: translateY(-87px);} 100% {transform: translateY(0);} } #main .section_wrap.rirotalk {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;background-image: url("/assets/imgs/common/rirotalk_bg.svg");background-repeat: no-repeat;background-position: center;background-size: cover;padding:60px 0 0 0;box-sizing: border-box;margin-bottom: 60px;} #main .section_wrap.rirotalk::before {content: '';background: linear-gradient(90deg,rgba(243, 243, 255, 1) 0%, rgba(255, 255, 255, 0.02) 100%);width: 20%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;pointer-events: none;} #main .section_wrap.rirotalk::after {content: '';background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(243, 243, 255, 1) 100%);width: 20%;height: 100%;position: absolute;top: 0;right: 0;pointer-events: none;} #main .section_wrap.rirotalk .list_wrap {width: 100%;overflow: hidden;height: 440px;padding-top: 100px;padding-bottom: 60px;} #main .section_wrap.rirotalk .list_wrap:hover .list_elem {animation-play-state: paused;} #main .section_wrap.rirotalk .list_wrap .list_elem {animation: wave 12s ease-in-out infinite;background: var(--white);border: 1px solid var(--gray300);box-shadow: 0px 3px 20px 0px #3333332E;border-radius: 24px;width: 286px;height:300px;padding:24px;box-sizing: border-box;display: inline-flex;flex-direction: column;justify-content: space-between;margin-right: 24px;animation-delay: calc((var(--i) - 1) * 0.5s);transition: border-color 0.3s ease;} #main .section_wrap.rirotalk .list_wrap .list_elem:hover {border-color: var(--blue500);} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_cate {border: 1px solid var(--blue400);color: var(--blue400);border-radius: 6px;font-size: 12px;font-weight: 600;padding: 0 12px;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;height:20px;margin-bottom: 12px;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_title {font-size: 16px;font-weight: 600;color: var(--gray900);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 12px;/*height:32px;*/} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_contents {font-size: 14px;color: var(--gray800);line-height: 1.4;letter-spacing: -0.4px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_user_info {display: flex;flex-direction: column;align-items: flex-start;gap: 12px;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_user_info .user {display: flex;align-items: center;gap: 12px;width: 100%;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_user_info .user img {width: 30px;height: 30px;border-radius: 50%;object-fit: cover;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_user_info .user .name {max-width: 190px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight: 600;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_user_info .view_btn {width:100%;height:40px;border-radius: 30px;background: var(--blue25);display: flex;align-items: center;justify-content: center;gap: 2px;font-size: 16px;font-weight: 600;color: var(--blue500);cursor:pointer;} /*AI탐구주제*/ #main .section_wrap.ai {display: flex;flex-direction:column;align-items: center;padding:60px 0 80px 0;box-sizing: border-box;width: 100%;} #main .section_wrap.ai .list_wrap {width: 100%;overflow: hidden;} #main .section_wrap.ai .list_wrap .list_inner {width: max-content;display: flex;align-items: center;justify-content: flex-start;gap: 16px;white-space: nowrap;margin-bottom: 16px;} #main .section_wrap.ai .list_wrap .list_inner .list_elem {height:52px;padding:14px 28px;box-sizing: border-box;border-radius: 30px;border:1px solid var(--gray900);color: var(--gray900);font-size: 20px;font-weight: 600;display: inline-flex;align-items:center;justify-content:center;margin-right: 12px;gap: 4px;} #main .section_wrap.ai .list_wrap .list_inner .list_elem.highlight {color: var(--blue600);} #main .section_wrap.ai .list_wrap .list_inner .list_elem .rpd_icon {width: 24px;height: 24px;background-size: 24px;} #main .section_wrap.ai .sample_btn {margin-top: 20px;} /*랭킹*/ #main .section_wrap.ranking {padding:0 0 110px 0;box-sizing: border-box;} #main .section_wrap.ranking .ranking_inner {background: var(--blue600);border-radius: 300px;height: 480px;text-align: center;display: flex;flex-direction: column;padding-top: 39px;position: relative;} #main .section_wrap.ranking .ranking_inner .ranking_deco_1 {position: absolute;left:31px;top: 50%;transform:translateY(-50%);width: 92px;} #main .section_wrap.ranking .ranking_inner .ranking_deco_2 {position: absolute;right: 50px;top: 50%;transform:translateY(-50%);width: 130px;} #main .section_wrap.ranking .ranking_inner .congrats_img {position: absolute;right: 0;top: 0;width: 256px;} #main .section_wrap.ranking .ranking_inner .title {color: var(--white);} #main .section_wrap.ranking .ranking_inner .description {color: var(--blue100);margin-bottom: 0;} #main .section_wrap.ranking .ranking_inner .ranking_wrap {display: flex;justify-content: center;gap: 68px;bottom: 7px;position: relative;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list {display: inline-block;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title {display: inline-flex;height: 40px;position: relative;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .rpd_icon {height: 100%;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .rpd_icon.small {width: 18px;background-size: 18px;background-position: bottom;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap {display: flex;margin: 0 8px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap .word {font-family: Gmarket;font-size: 20px;font-weight: 700;line-height: 1.4;display: inline-block;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap .word:nth-child(1) { transform: rotate(-10deg); } #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap .word:nth-child(2) { transform: translateY(-3px) rotate(-7deg); } #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap .word:nth-child(3) { transform: translateY(-4px) rotate(-3deg); } #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap .word:nth-child(4) { transform: translateY(-4px) rotate(3deg); } #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap .word:nth-child(5) { transform: translateY(-3px) rotate(7deg); } #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap .word:nth-child(6) { transform: rotate(10deg); } #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list {display: flex;align-items: flex-end;justify-content: center;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem {display: flex;flex-direction: column;gap: 12px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .user_img {position: relative;margin-bottom: 8px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .user_img .rank_badge{position: absolute;left: 0;top:0;background-size: 58px;width: 58px;height: 58px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .user_img img {width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;object-fit: cover;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .user_img img.gold_user {width: 100px;height:100px;object-fit: cover;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .nick_name {font-size: 20px;font-weight: 600;line-height: 1.4;color: var(--white);} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .sch_info {font-size: 14px;line-height: 1.4;color: var(--blue100);} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_gold .user_info .user_img .rank_badge {left:12px;background-size: 64px;width: 64px;height: 64px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_silver {width: 136px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_gold {width: 160px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_bronze {width: 137px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .num_box {background: var(--blue100);color: var(--blue200);font-size: 72px;font-weight: 900;padding-top: 12px;line-height: 1.2;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_gold .num_box {background: var(--blue25);font-size: 88px;border-radius: 16px 16px 0 0;height:178px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_silver .num_box {border-radius: 16px 0 0 16px;height:138px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_bronze .num_box {border-radius: 0 16px 16px 0;height:118px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list.type_2 .rank_list .rank_elem .num_box {background: var(--yellow100);color: var(--yellow300);} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list.type_2 .rank_list .rank_elem.rank_gold .num_box {background: var(--yellow25);} /*세특카드*/ #main .section_wrap.stusubject {display: flex;flex-direction: column;align-items: center;padding:60px 0 100px 0;box-sizing: border-box;margin:0 auto;position: relative;justify-content: center;background-image: url("/assets/imgs/common/subject_bg.svg");background-repeat: no-repeat;background-position: center;background-size: cover;} #main .section_wrap.stusubject .list_wrap {width: 100%;min-height: 300px;max-width: 1280px;/*padding:0 32px;*/box-sizing: border-box;padding:0 10px;} #main .section_wrap.stusubject .list_wrap.subject_slide {visibility: hidden;opacity: 0;transition: opacity 0.3s ease;} #main .section_wrap.stusubject .list_wrap .slide_prev_btn, #main .section_wrap.stusubject .list_wrap .slide_next_btn {width: 48px;height:48px;border-radius: 50%;background: #FFFFFFCC;display: flex;align-items: center;justify-content: center;border:1px solid var(--gray200);box-shadow: 0px 3px 20px 0px #3333332E;cursor: pointer;z-index: 1;} #main .section_wrap.stusubject .list_wrap .slide_prev_btn {position: absolute;left: 5px;top: 50%;transform: translateY(-50%);} #main .section_wrap.stusubject .list_wrap .slide_next_btn {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);} #main .section_wrap.stusubject .list_wrap .slide_prev_btn .rpd_icon, #main .section_wrap.stusubject .list_wrap .slide_next_btn .rpd_icon {width: 24px;height:24px;background-size: 24px;} #main .section_wrap.stusubject .list_wrap .slick-list {padding:4px 0px 24px 0px;box-sizing: border-box;} #main .section_wrap.stusubject .list_wrap .list_elem {border: 1px solid #eeeeee;border-radius: 12px;padding:24px 20px;box-sizing: border-box;text-align: center;cursor: pointer;transition: all 0.3s ease;position: relative;overflow: hidden;background: #fff;height:286px;margin: 0 12px;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name {width:fit-content;background: #E9ECEF;border-radius: 20px;padding:4px 10px;box-sizing: border-box;font-size: 14px;font-weight: 500;letter-spacing: -0.4px;color: #212529;margin: 0 auto 12px;color: #fff;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_1, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_1 {background: #FF6666;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_2, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_2 {background: #FFBF29;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_3, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_3 {background: #616DDF;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_4, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_4 {background: #53A6E4;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_5, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_5 {background: #6C6C6C;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_6, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_6 {background: #96D070;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_7, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_7 {background: #47CBC2;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_8, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_8 {background: #9A785C;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_9, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_9 {background: #8469DC;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_10, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_10 {background: #FF8350;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_11, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_11 {background: #FE6B8E;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_name.cate_type_12, .modal_wrap.custom_modal.card_modal .user_info .cate_badge.cate_type_12 {background: #46C586;} #main .section_wrap.stusubject .list_wrap .list_elem .cate_img {width: 86px;height:86px;border-radius: 8px;margin: 0 auto 12px;} #main .section_wrap.stusubject .list_wrap .list_elem .title {min-height: 44px;font-size: 18px;font-weight: 500;line-height: 22px;letter-spacing: -0.4px;color: #212529;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;} #main .section_wrap.stusubject .list_wrap .list_elem .university_info {font-size: 15px;font-weight: 400;letter-spacing: -0.4px;color: #868E96;margin-bottom: 6px;padding-top: 12px;margin-top: 12px;border-top:1px solid #DEE2E6;} #main .section_wrap.stusubject .list_wrap .list_elem .high_info {font-size: 14px;font-weight: 500;letter-spacing: -0.4px;color: #868E96;} #main .section_wrap.stusubject .list_wrap .list_elem:hover {box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);border-color: var(--blue500);} #main .section_wrap.stusubject .list_wrap .list_elem.free::after {content: '무료';width: 100px;height: 23px;background: #007AD0;position: absolute;top: 9px;right: -29px;transform: rotate(45deg);color: #fff;font-size: 15px;letter-spacing: -0.4px;font-weight: 700;display: flex;align-items: center;justify-content: center;} /*탐구보고서*/ #main .section_wrap.portfolio {display: flex;flex-direction: column;align-items: center;padding:60px 0 120px 0;box-sizing: border-box;max-width: 1280px;margin:0 auto;} #main .section_wrap.portfolio .main_tab_list {margin-bottom:0;justify-content: center;} #main .section_wrap.portfolio .main_tab_list li button {color: var(--gray900);font-weight: 600;letter-spacing: -0.5px;} #main .section_wrap.portfolio .main_tab_list li.on button {color: var(--white);} #main .section_wrap.portfolio .list_wrap {width: 100%;/*min-height: 365px;*/padding: 0 16px;} #main .section_wrap.portfolio .list_wrap.pf_slide {visibility: hidden;opacity: 0;transition: opacity 0.3s ease;} #main .section_wrap.portfolio .list_wrap.pf_slide .pf_slide_div {display: flex;align-items: flex-start;gap: 24px;} #main .section_wrap.portfolio .list_wrap .slide_prev_btn, #main .section_wrap.portfolio .list_wrap .slide_next_btn {width: 48px;height:48px;border-radius: 50%;background: #FFFFFFCC;display: flex;align-items: center;justify-content: center;border:1px solid var(--gray200);box-shadow: 0px 3px 20px 0px #3333332E;cursor: pointer;z-index: 1;} #main .section_wrap.portfolio .list_wrap .slide_prev_btn {position: absolute;left: 5px;top: 50%;transform: translateY(-50%);} #main .section_wrap.portfolio .list_wrap .slide_next_btn {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);} #main .section_wrap.portfolio .list_wrap .slide_prev_btn .rpd_icon, #main .section_wrap.portfolio .list_wrap .slide_next_btn .rpd_icon {width: 24px;height:24px;background-size: 24px;} #main .section_wrap.portfolio .list_wrap .slick-list {padding: 24px 0;box-sizing: border-box;} #main .section_wrap.portfolio .list_wrap .list_elem {padding:16px 16px 24px;box-sizing: border-box;border-radius: 24px;border:1px solid var(--gray300);box-shadow: 0px 3px 12px 0px #3333331F;margin:0 12px;height:100%;position: relative;transition: border-color 0.3s ease;} #main .section_wrap.portfolio .list_wrap .list_elem:hover {border-color: var(--blue500);} #main .section_wrap.portfolio .list_wrap .list_elem .pf_img_wrap {border-radius: 12px;width: 100%;/*height: 180px;*/aspect-ratio: 246/180;overflow: hidden;margin-bottom: 17px;position: relative;} #main .section_wrap.portfolio .list_wrap .list_elem .pf_img_wrap .pf_img {width: 100%;height: 100%;object-fit: cover;} #main .section_wrap.portfolio .list_wrap .list_elem .pf_img_wrap .pf_type_img {bottom: 10px;width: 30px;height: 30px;position: absolute;left: 10px;} #main .section_wrap.portfolio .list_wrap .list_elem .pf_info {display: flex;flex-direction: column;gap:8px;height:78px;} #main .section_wrap.portfolio .list_wrap .list_elem .pf_info .title {font-size: 18px;font-weight: 600;line-height: 1.4;color: var(--gray900);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0;/*height: 50px;*/} #main .section_wrap.portfolio .list_wrap .list_elem .pf_info .sch_info {font-size: 14px;line-height: 1.4;color: var(--gray800);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /*구독멤버십⁺*/ #main .section_wrap.membership {display: flex;flex-direction:column;align-items: center;padding:60px 0 0 0;box-sizing: border-box;} #main .section_wrap.membership .list_wrap {display: flex;align-items: center;justify-content: center;gap: 24px;width:100%;} #main .section_wrap.membership .list_wrap .list_elem .rpd_icon {background-size: 24px;width: 24px;height: 24px;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner {padding:24px 28px 63px 28px;box-sizing: border-box;display: flex;flex-direction: column;gap: 8px;position: relative;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .title, #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description {margin-bottom: 0;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .title div {height:31px;font-size: 22px;font-weight: 700;line-height: 1.4;color: var(--gray900);display: flex;align-items: center;gap: 8px;white-space: nowrap;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .title div.c_title {display: flex;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .title div.o_title {display: none;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description div {font-size: 16px;line-height: 1.4;color: var(--gray900);height: 44px;white-space: nowrap;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description div.c_description {display: flex;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description div.o_description {display: none;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description ul li {white-space: nowrap;} #main .section_wrap.membership .list_wrap .list_elem:nth-child(1) .elem_inner .character_img {width: 80px;background-image: url("/assets/imgs/common/riro_character_1.svg");} #main .section_wrap.membership .list_wrap .list_elem:nth-child(2) .elem_inner .character_img {width: 80px;background-image: url("/assets/imgs/common/riro_character_2.svg");} #main .section_wrap.membership .list_wrap .list_elem:nth-child(3) .elem_inner .character_img {width: 80px;background-image: url("/assets/imgs/common/riro_character_3.svg");} #main .section_wrap.membership .list_wrap .list_elem:nth-child(4) .elem_inner .character_img {width: 80px;background-image: url("/assets/imgs/common/riro_character_4.svg");bottom: -35px;} #main .section_wrap.membership .list_wrap .list_elem {flex:1;background: var(--blue50);border-radius: 24px;overflow: hidden;box-shadow: 0px 12px 18px 0px #33333314;transition: flex 0.5s ease;position: relative;} #main .section_wrap.membership .list_wrap .list_elem.active {flex:2;box-shadow: 0px 12px 18px 0px #3333332E;} #main .section_wrap.membership {display: flex;flex-direction:column;align-items: center;padding:60px 0 0 0;box-sizing: border-box;} #main .section_wrap.membership .list_wrap {display: flex;align-items: center;justify-content: center;gap: 24px;width:100%;} #main .section_wrap.membership .list_wrap .list_elem .rpd_icon {background-size: 24px;width: 24px;height: 24px;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner {padding:24px 28px 63px 28px;box-sizing: border-box;display: flex;flex-direction: column;gap: 8px;position: relative;overflow: hidden;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .title, #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description {margin-bottom: 0;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .title div {height:31px;font-size: 22px;font-weight: 700;line-height: 1.4;color: var(--gray900);display: flex;align-items: center;gap: 8px;white-space: nowrap;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .title div.c_title {display: flex;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .title div.o_title {display: none;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description div {font-size: 16px;line-height: 1.4;color: var(--gray900);height: 44px;white-space: nowrap;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description div.c_description {display: flex;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description div.o_description {display: none;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .description ul li {white-space: nowrap;} #main .section_wrap.membership .list_wrap .list_elem:nth-child(1) .elem_inner .character_img {width: 80px;background-image: url("/assets/imgs/common/riro_character_1.svg");} #main .section_wrap.membership .list_wrap .list_elem:nth-child(2) .elem_inner .character_img {width: 80px;background-image: url("/assets/imgs/common/riro_character_2.svg");} #main .section_wrap.membership .list_wrap .list_elem:nth-child(3) .elem_inner .character_img {width: 80px;background-image: url("/assets/imgs/common/riro_character_3.svg");} #main .section_wrap.membership .list_wrap .list_elem:nth-child(4) .elem_inner .character_img {width: 80px;background-image: url("/assets/imgs/common/riro_character_4.svg");} #main .section_wrap.membership .list_wrap .list_elem {flex:1;background: var(--blue50);border-radius: 24px;overflow: hidden;box-shadow: 0px 12px 18px 0px #33333314;transition: flex 0.5s ease;position: relative;} #main .section_wrap.membership .list_wrap .list_elem.active {flex:2;box-shadow: 0px 12px 18px 0px #3333332E;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .character_img {position: absolute;bottom: -33px;right: 20px;background-size: 100%;background-repeat: no-repeat;height: 100%;background-position: bottom;text-indent: -999em;z-index: 1;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner .character_active_img {position: absolute;background-size: 100%;background-repeat: no-repeat;height: 100%;background-position: bottom;text-indent: -999em;right: 16px;width: 140px;background-image: url("/assets/imgs/common/riro_character_search.svg");z-index: 2;bottom: -100%;transition-delay: 0s;opacity: 0;transition: all 0.5s ease;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .character_img {bottom: -100%;opacity: 0;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .character_active_img {bottom: 0;transition: all 0.5s ease;transition-delay: 0.2s;opacity: 1;} #main .section_wrap.membership .list_wrap .list_elem .btn_wrap {padding:0 0 0 32px;box-sizing: border-box;background: var(--blue600);position: relative;z-index: 1;} #main .section_wrap.membership .list_wrap .list_elem .btn_wrap .more_btn {color: var(--white);font-size: 14px;font-weight: 600;display: flex;align-items: center;width: 100%;height:48px;} #main .section_wrap.membership .list_wrap .list_elem .btn_wrap .more_btn .rpd_icon {background-size: 16px;width: 16px;height: 16px;display: none;} #main .section_wrap.membership .list_wrap .list_elem .btn_wrap .more_btn.c_more {display: flex;} #main .section_wrap.membership .list_wrap .list_elem .btn_wrap .more_btn.c_more .rpd_icon {filter: brightness(100);} #main .section_wrap.membership .list_wrap .list_elem .btn_wrap .more_btn.o_more {background: var(--blue25);color: var(--blue500);border-radius: 30px;width: 94px;height:32px;font-size: 14px;display: flex;align-items: center;justify-content: center;padding: 0;} #main .section_wrap.membership .list_wrap .list_elem .btn_wrap .more_btn.o_more {display: none;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner {background: var(--blue600);padding-left: 32px;padding-right: 32px;padding-bottom: 10px;position: unset;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .title div {color: var(--white);} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .title div.c_title {display: none;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .title div.o_title {display: flex;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .description div.c_description {display: none;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .description div.o_description {display: flex;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .description div{color: var(--white);height: unset;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .description ul {display: flex;flex-direction: column;line-height: 1.4;min-height:71px;height:71px;justify-content: space-between;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .description ul li {line-height: normal;} #main .section_wrap.membership .list_wrap .list_elem.active .btn_wrap {padding:17px 0 25px 40px;} #main .section_wrap.membership .list_wrap .list_elem.active .btn_wrap .more_btn.c_more {display: none;} #main .section_wrap.membership .list_wrap .list_elem.active .btn_wrap .more_btn.o_more {display: flex;} .modal_wrap.membership_main_modal .modal_body {width: auto;min-width: 380px;padding:50px 60px;box-sizing: border-box;text-align: center;} .modal_wrap.membership_main_modal .modal_body img.close_btn {position: absolute;right: 16px;top:16px;width: 24px;height: 24px;cursor: pointer;} .modal_wrap.membership_main_modal .modal_body .modal_title {color: var(--gray900);font-size: 20px;font-weight: 600;letter-spacing: -0.4px;margin-bottom: 32px;line-height: 1.4;} .modal_wrap.membership_main_modal .modal_body .button_wrap {display: flex;gap:6px;align-items: center;justify-content: center;} .modal_wrap.membership_main_modal .modal_body .button_wrap button {border-radius: 30px;max-width:260px;width: 100%;height:48px;font-size: 18px;font-weight: 500;letter-spacing: -0.4px;color: #fff;width:196px} .modal_wrap.membership_main_modal .modal_body .button_wrap .blue_btn {background: var(--blue500);} .modal_wrap.membership_main_modal .modal_body .button_wrap .line_dark {max-width:160px;color: #495057;font-size: 16px;letter-spacing: -0.4px;margin-top: 24px;border:1px solid #868E96;} .modal_wrap.membership_main_modal .modal_body .button_wrap .heart_btn {max-width:160px;color: #FF5D5D;font-size: 16px;letter-spacing: -0.4px;margin-top: 24px;border:1px solid #FF5D5D;display: flex;align-items: center;justify-content: center;gap: 4px;} .modal_wrap.membership_main_modal .modal_body .button_wrap .heart_btn.active {background: #FF5D5D;color: #fff;} @media (max-width: 1500px) { #main .quick_wrap {position:fixed;right:20px;left:unset;bottom: 20px;} } @media (max-width: 1100px) { #main .quick_wrap {position:fixed;right:10px;left:unset;bottom: 20px;} #main .quick_wrap .banner_wrap, #main .quick_wrap .top_btn {display: none;} #main .quick_wrap .quick_menu .menu_btn {width: 100px;height:40px;} #main .quick_wrap .quick_menu .menu_btn::after {font-size: 16px;} #main .quick_wrap .quick_menu .menu_btn .rpd_icon {width: 20px;height: 20px;background-size: 20px;} #main .quick_wrap .quick_menu .quick_btn_list a img {width: 40px;height:40px;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(1) {left: -220px;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(2) {left: -176px;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(3) {left: -132px;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(4) {left: -88px;} #main .quick_wrap .quick_menu.active .quick_btn_list a:nth-child(5) {left: -44px;} #main .section_wrap.main_banner {border-radius: 0;margin-top: 0;padding: 0 20px;box-sizing: border-box;} .main_slick img {border-radius: 0;} #main .section_wrap .title {font-size: 20px;margin-bottom: 2px;} #main .section_wrap .description {font-size: 13px;margin-bottom: 16px;} #main .section_wrap.type_list_wrap {flex-direction: column;gap: 40px;box-sizing: border-box;} #main .section_wrap.type_list_wrap .section_inner .title_wrap {padding: 0 4px 12px 4px;margin-bottom: 12px;} #main .section_wrap.type_list_wrap .section_inner .title_wrap .title {font-size: 20px;margin-bottom: 0;} #main .section_wrap.type_list_wrap .section_inner .title_wrap .more_btn {width: 24px;height: 24px;} #main .section_wrap.type_list_wrap .section_inner .title_wrap .more_btn .rpd_icon {background-size: 24px;} #main .section_wrap.type_list_wrap .section_inner .main_tab_list {padding: 0;flex-wrap: nowrap;overflow: auto;margin-bottom: 12px;} #main .section_wrap.type_list_wrap .section_inner .main_tab_list::-webkit-scrollbar {display: none;} /*리로스쿨 구독 멤버십+*/ #main .section_wrap.membership {padding-top:40px;} #main .section_wrap.membership .list_wrap {justify-content: flex-start;overflow: auto;padding: 0 23px 25px 23px;gap:12px;} #main .section_wrap.membership .list_wrap::-webkit-scrollbar {display: none;} #main .section_wrap.membership .list_wrap .list_elem {width: 315px;height:191px;flex:none;} #main .section_wrap.membership .list_wrap .list_elem .elem_inner {gap: 8px;} #main .section_wrap.membership .list_wrap .list_elem.active {flex:none;background: var(--blue600);} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner {padding:24px 24px 0 24px;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .title div.o_title {font-size: 20px;height: 28px;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .description ul {justify-content: flex-start;gap: 2px;text-align: left;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .description ul li {font-size: 13px;line-height: 1.4;} #main .section_wrap.membership .list_wrap .list_elem.active .btn_wrap {padding:0 0 24px 24px;position: absolute;bottom: 0;width: 100%;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .character_img {opacity: 1;display: block;z-index: 2;} #main .section_wrap.membership .list_wrap .list_elem.active .elem_inner .character_active_img {display: none;} #main .section_wrap.membership .list_wrap .list_elem:nth-child(1) .elem_inner .character_img {width:80px;bottom:-26px;right:24px;background-image: url("/assets/imgs/common/riro_character_1.svg");} #main .section_wrap.membership .list_wrap .list_elem:nth-child(2) .elem_inner .character_img {width:80px;bottom:-26px;right:24px;background-image: url("/assets/imgs/common/riro_character_2.svg");} #main .section_wrap.membership .list_wrap .list_elem:nth-child(3) .elem_inner .character_img {width:80px;bottom:-26px;right:24px;background-image: url("/assets/imgs/common/riro_character_3.svg");} #main .section_wrap.membership .list_wrap .list_elem:nth-child(4) .elem_inner .character_img {width:80px;bottom:-26px;right:24px;background-image: url("/assets/imgs/common/riro_character_4.svg");} #main .section_wrap.membership .list_wrap .list_elem .btn_wrap .more_btn .rpd_icon {display: inline-flex;} #main .section_wrap.membership .list_wrap .list_elem .btn_wrap .more_btn.o_more {padding:6px 16px;font-size: 14px;width: 106px;} /*AI탐구주제*/ #main .section_wrap.ai {padding-top:0;padding-bottom: 39px;} #main .section_wrap.ai .list_wrap .list_inner {margin-bottom: 8px;gap: 8px;} #main .section_wrap.ai .list_wrap .list_inner .list_elem {padding:6px 16px;font-size: 15px;height:33px;margin-right: 8px;} #main .section_wrap.ai .list_wrap .list_inner .list_elem .rpd_icon {width: 24px;height: 24px;background-size: 24px;margin-right: 6x;} #main .section_wrap.ai .sample_btn {height: 40px;margin-top: 8px;} /*탐구보고서*/ #main .section_wrap.portfolio {padding-top:42px;padding-bottom: 40px;} #main .section_wrap.portfolio .main_tab_list {display: flex;} #main .section_wrap.portfolio .main_tab_list::-webkit-scrollbar {display: none;} /*세특카드*/ #main .section_wrap.stusubject {padding:40px 0;} /*추천도서*/ #main .section_wrap.type_list_wrap .section_inner.inner_book .title_wrap {margin: 0 32px 12px;} #main .section_wrap.type_list_wrap .section_inner.inner_book .main_tab_list {padding-left: 32px;} /*#main .section_wrap.type_list_wrap .section_inner.inner_book .main_tab_list li:last-child {margin-right: 20px;}*/ #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap {border:0;padding: 16px 0 16px 32px;overflow: auto;justify-content: flex-start;aspect-ratio: unset;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap::-webkit-scrollbar {display: none;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem {min-width: 180px;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem:last-child {margin-right: 20px;} #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap .list_elem:nth-child(n+4) {display: flex;} /*리로tv*/ #main .section_wrap.type_list_wrap .section_inner.inner_tv .title_wrap {margin: 0 32px 12px;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .main_tab_list {padding-left: 32px;} /*#main .section_wrap.type_list_wrap .section_inner.inner_tv .main_tab_list li:last-child {margin-right: 20px;}*/ #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap {aspect-ratio: unset;overflow: auto;padding-left: 32px;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap::-webkit-scrollbar {display: none;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem {max-height: unset;padding:16px;justify-content: flex-start} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem:last-child {margin-right: 20px;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem:nth-child(n+3) {display: flex;} #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap .list_elem .thumbnail_img_box {height:180px;} /*진로정보*/ #main .section_wrap.type_list_wrap.kceenews_jinro {margin-bottom: 40px;} #main .section_wrap.type_list_wrap .section_inner.inner_jinro .title_wrap {margin: 0 32px 12px;} #main .section_wrap.type_list_wrap .section_inner.inner_jinro .main_tab_list {padding-left: 32px;} #main .section_wrap.type_list_wrap .section_inner.inner_jinro .list_wrap {padding: 0 32px;box-sizing: border-box;} #main .section_wrap.type_list_wrap .section_inner.inner_jinro .list_wrap .list_elem {padding:9px 8px;gap: 8px;height:60px;} #main .section_wrap.type_list_wrap .section_inner.inner_jinro .list_wrap .list_elem .thumb_img {max-width: 42px;min-width:unset;height: 42px;width: 100%;} #main .section_wrap.type_list_wrap .section_inner.inner_jinro .list_wrap .list_elem .tits {font-size: 15px;} /*입시메거진*/ #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .title_wrap {margin: 0 32px 12px;} #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .main_tab_list {padding-left: 32px;} #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .list_wrap {padding: 0 32px;box-sizing: border-box;} #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .list_wrap .list_elem {padding:19.5px 8px;height:60px;} #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .list_wrap .list_elem .tits {font-size: 15px;} /*리로talk*/ #main .section_wrap.rirotalk {margin-bottom: 43px;padding-top: 40px;} #main .section_wrap.rirotalk::before, #main .section_wrap.rirotalk::after {display: none;} #main .section_wrap.rirotalk .description {margin-bottom: 0;} #main .section_wrap.rirotalk .list_wrap {display: flex;overflow: auto;padding:20px 23px 32px 23px;height: unset;} #main .section_wrap.rirotalk .list_wrap::-webkit-scrollbar {display: none;} #main .section_wrap.rirotalk .list_wrap.destroy .list_elem {animation: none;} #main .section_wrap.rirotalk .list_wrap .list_elem {margin-right: 12px;min-width: 242px;padding:16px;height:281px;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_title {font-size: 15px;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_contents {font-size: 13px;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_user_info .user .name {font-size: 15px;} #main .section_wrap.rirotalk .list_wrap .list_elem .elem_user_info .view_btn {height:32px;font-size: 14px;} /*랭킹*/ #main .section_wrap.ranking {padding-bottom: 0;} #main .section_wrap.ranking .ranking_inner {height: 100%;width: 100%;margin: 0 auto;padding-top:5px;padding-bottom: 60px;border-radius: 0;background: var(--white);} #main .section_wrap.ranking .ranking_inner .congrats_img {display: none;} #main .section_wrap.ranking .ranking_inner .title {color: var(--gray900);} #main .section_wrap.ranking .ranking_inner .description {color: var(--gray800);} #main .section_wrap.ranking .ranking_inner .ranking_wrap {flex-direction: column;margin:16px auto 0;bottom:0;width: 335px;background: var(--blue600);border-radius: 50% 50% 20px 20px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .slick-list {overflow:hidden; border-radius: 50% 50% 20px 20px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list {padding: 24px 18px 20px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title {top: 3px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap {margin: 0 4px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .title .word_wrap .word {color: var(--white);height:38px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .user_img img {width: 68px;height:68px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .user_img img.gold_user {width: 86px;height:86px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .user_img .rank_badge {width: 42px;height:42px;background-size: 42px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .nick_name {font-size: 15px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .user_info .sch_info {font-size: 13px;line-height: normal;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_gold .user_info .user_img .rank_badge {width: 48px;height:48px;background-size: 48px;left: 0;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem .num_box {display: flex;align-items: center;justify-content: center;padding-top: 0;font-size: 60px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_gold .num_box {height: 148px;font-size: 70px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_silver .num_box {height: 108px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .ranking_type_list .rank_list .rank_elem.rank_bronze .num_box {height:88px;} #main .section_wrap.ranking .ranking_inner .ranking_wrap .slick-dots {bottom:-24px;} } @media (max-width: 768px) { #main .section_wrap.main_banner {padding: 0;} #main .section_wrap .description {text-align: center;} /*탐구보고서*/ #main .section_wrap.portfolio .description {padding:0 20px;} #main .section_wrap.portfolio .main_tab_list {display: flex;white-space: nowrap;justify-content:flex-start;overflow: auto;width: 100%;padding: 0 20px;} #main .section_wrap.portfolio .main_tab_list li {min-width: auto;} #main .section_wrap.portfolio .list_wrap {padding: 0;} #main .section_wrap.portfolio .list_wrap .slick-list {padding-top: 20px!important;padding-bottom:20px!important;} /*#main .section_wrap.portfolio .list_wrap .slick-list {padding:20px!important;}*/ /*구독멤버십⁺*/ #main .section_wrap.membership {padding-bottom: 15px;} #main .section_wrap.membership .list_wrap {padding: 0 20px 25px 20px;} /*세특카드*/ #main .section_wrap.stusubject .list_wrap {padding:0;} /*세특카드*/ /*리로TALK*/ #main .section_wrap.rirotalk {margin-bottom: 32px;} #main .section_wrap.rirotalk .list_wrap {padding:20px 20px 32px 20px;} /*입시매거진, 진로정보, 리로TV, 추천도서*/ #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .title_wrap, #main .section_wrap.type_list_wrap .section_inner.inner_jinro .title_wrap, #main .section_wrap.type_list_wrap .section_inner.inner_tv .title_wrap, #main .section_wrap.type_list_wrap .section_inner.inner_book .title_wrap {margin: 0 20px 12px;} #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .main_tab_list, #main .section_wrap.type_list_wrap .section_inner.inner_jinro .main_tab_list, #main .section_wrap.type_list_wrap .section_inner.inner_tv .main_tab_list, #main .section_wrap.type_list_wrap .section_inner.inner_book .main_tab_list {padding-left: 20px;padding-right: 20px;} #main .section_wrap.type_list_wrap .section_inner.inner_kceenews .list_wrap, #main .section_wrap.type_list_wrap .section_inner.inner_jinro .list_wrap, #main .section_wrap.type_list_wrap .section_inner.inner_tv .list_wrap {padding: 0 20px;} /*추천도서*/ #main .section_wrap.type_list_wrap .section_inner.inner_book .list_wrap {padding:16px 0 16px 20px} } @media (min-width: 1100px) and (max-height: 810px) { #main .quick_wrap {top: 160px;} } /* 드래그시 클릭 방지 */ .is-dragging { pointer-events: none; }