/** {transition: all 0.3s ease;}*/ .br_pc {display: block} .br_tablet {display: none;} .br_mobile {display: none;} .br_pcmo {display: block;} .br_pctablet {display: block;} #contents .float_btn_wrap {cursor: pointer;display: inline-block;position: fixed;right: -157px;bottom: 150px;z-index: 10;transition: all 0.3s ease;} #contents .float_btn_wrap .riro_character {position: relative;left: 12px;top: 2px;transition: all 0.3s ease;} #contents .float_btn_wrap .float_btn {background: #8a2be2;color: white;font-size: 18px;position: relative;clip-path: polygon(20px 0, 100% 0, 100% 100%, 20px 100%, 0 50%);width: 230px;height: 50px;letter-spacing: -1px;font-weight: 500;display: flex;align-items: center;justify-content: center;text-indent: 32px;} #contents .float_btn_wrap:hover {right:0;} #contents .float_btn_wrap:hover .riro_character {left: 110px;} #contents .intro_inner .section_elem {background: #fff;} #contents .intro_inner .section_elem .section_inner {max-width: 1024px;width: 100%;margin: 0 auto;box-sizing: border-box;text-align: center;} #contents .intro_inner .section_elem.section_1 {height: 695px;position: relative;background: linear-gradient(to bottom, transparent 19px, rgba(155, 203, 228, 0.4) 19px) 0 0 / 100vw 20px repeat-y, linear-gradient(to right, transparent 19px, rgba(155, 203, 228, 0.4) 19px) 0 0 / 20px 100vh repeat-x, linear-gradient(180deg, #EFF7FC 0%, #DEF2FF 100%)} #contents .intro_inner .section_elem.section_1 .home_btn {display: block;position: absolute;top: 24px;left: 32px;} #contents .intro_inner .section_elem.section_1 .home_btn img {width: 152px;} #contents .intro_inner .section_elem.section_1 .section_inner {height: 100%;display: flex;max-width: unset;align-items: flex-end;justify-content:center;gap: 28px;} #contents .intro_inner .section_elem.section_1 .section_inner .student_img {position: relative;} #contents .intro_inner .section_elem.sticky_nav {position: sticky;top: 0;z-index: 1;} #contents .intro_inner .section_elem .section_nav {display: flex;align-items: center;justify-content: center;background: #0091EA;height:50px;} #contents .intro_inner .section_elem .section_nav .step_elem {padding: 14px 32px;cursor: pointer;color: #fff;font-size: 22px;position: relative;font-weight: 500;letter-spacing: -1px;display: block;} #contents .intro_inner .section_elem .section_nav .vertical_line {min-width:1px;width: 1px;height: 22px;background: #fff;} /*#contents .intro_inner .section_elem .section_nav .step_elem::after {content: '';display: block;width: 1px;background: #fff;height: 22px;right: 0;top: 50%;position: absolute;transform: translateY(-50%);}*/ #contents .intro_inner .section_elem .section_nav .step_elem:last-child::after {display: none;} #contents .intro_inner .section_elem.section_2 .section_inner {padding:80px 0 120px 0;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap {margin-bottom:60px;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap .title {font-size: 24px;line-height:30px;letter-spacing:-1px;margin-bottom: 12px;color: #00253D;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap .title .highlight {font-size: 24px;line-height: 30px;letter-spacing: -1px;font-weight: 600;color: #0091EA;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap .sub_title {font-size: 44px;line-height: 52px;letter-spacing: -2px;color: #00253D;font-weight: 700;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap .sub_title .highlight {color: #0091EA;font-weight: 700;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap {display: flex;align-items: flex-start;justify-content: center;gap: 60px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem {width: 260px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem .elem_img {width: 150px;height: 150px;border-radius: 50%;background: #0091EA;margin: 0 auto 18px;display: flex;align-items: center;justify-content: center;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem .elem_title {margin-bottom: 8px;color: #00253D;font-size: 24px;font-weight: 600;letter-spacing: -1px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem .elem_description {font-size: 17px;line-height: 23px;letter-spacing: -0.4px;color: #667C8B;} #contents .intro_inner .section_elem.section_3 {background: #F0F2F4;} #contents .intro_inner .section_elem.section_3 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap {margin-bottom: 40px;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap .title {margin-bottom: 8px;font-size: 28px;line-height: 38px;letter-spacing: -1px;color: #667C8B;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap .sub_title {font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 700;color: #00253D;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap .sub_title .highlight {color: #0091EA;font-weight: 700;} #contents .intro_inner .section_elem.section_3 .section_inner .content_wrap .title {margin-bottom: 24px;font-size: 34px;line-height: 42px;letter-spacing: -2px;color: #00253D;font-weight: 500;} #contents .intro_inner .section_elem.section_3 .section_inner .content_wrap .type_wrap {display: flex;align-items: center;justify-content: center;gap: 18px;font-size: 24px;font-weight: 600;color: #212529;} #contents .intro_inner .section_elem.section_3 .section_inner .content_wrap .type_wrap .type_elem {width: 274px;height: 104px;border-radius: 12px;background: #fff;box-shadow: 0px 4px 15px 0px #0000000F;;font-size: 24px;letter-spacing: -1px;font-weight: 600;color: #00253D;line-height: 104px;} #contents .intro_inner .section_elem.section_3 .section_inner .content_wrap .type_wrap .type_elem .highlight {color: #0091EA;font-weight: 600;} #contents .intro_inner .section_elem.section_4 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap {margin-bottom: 60px;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap .title {font-size: 28px;margin-bottom: 24px;line-height: 38px;letter-spacing: -1px;color: #667C8B;font-weight: 500;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap .title .highlight {font-weight: 500;color: #0091EA;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap .sub_title {font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 700;color: #00253D;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap .sub_title .highlight {font-weight: 700;color: #0091EA;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem {display: flex;align-items: center;gap: 40px;margin-bottom: 60px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .type_img {min-width: 560px;height: 400px;border-radius: 20px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents {display: flex;flex-direction: column;justify-content: center;gap: 24px;text-align: left;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents .title {font-size: 34px;line-height: 42px;letter-spacing: -2px;font-weight: 600;color: #00253D;display: flex;align-items: center;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents .title .step {background: #DEE2E6;border-radius: 12px;padding:0 12px;box-sizing: border-box;margin-right: 8px;color: #00253D;font-size: 28px;letter-spacing: -1px;font-weight: 600;height: 44px;display: inline-flex;align-items: center;justify-content: center;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents .description {font-size: 20px;line-height: 32px;letter-spacing: -0.8px;color: #667C8B;font-weight: 500;word-break: break-all;} #contents .intro_inner .section_elem.section_5 {background: #F0F2F4;} #contents .intro_inner .section_elem.section_5 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap {margin-bottom: 60px;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap .title {font-size: 28px;line-height:38px;margin-bottom: 32px;letter-spacing: -2px;color: #667C8B;font-weight: 500;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap .title .highlight {font-weight: 500;color: #0091EA;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap .sub_title {font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 700;color: #00253D;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap .sub_title .highlight {font-weight: 700;color: #0091EA;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap {display: flex;align-items: center;justify-content: center;gap: 40px;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .keyword_img {min-width: 560px;height: 400px;border-radius: 20px;box-shadow: 4px 4px 15px 0px #0000001A;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .contents {display: flex;flex-direction: column;justify-content: center;gap: 24px;text-align: left;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .contents .title {font-size: 34px;line-height: 42px;letter-spacing: -2px;font-weight: 600;color: #00253D;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .contents .description {font-size: 20px;line-height: 32px;letter-spacing: -0.8px;color: #667C8B;word-break: break-all;} #contents .intro_inner .section_elem.section_6 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_6 .section_inner .title_wrap {margin-bottom: 60px;} #contents .intro_inner .section_elem.section_6 .section_inner .title_wrap .title {font-size: 44px;line-height: 52px;letter-spacing: -2px;color: #00253D;font-weight: 700;} #contents .intro_inner .section_elem.section_6 .section_inner .title_wrap .title .highlight {color: #0091EA;font-weight: 700;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap {display: flex;justify-content: center;gap: 32px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem {padding:32px;box-sizing: border-box;max-width: 320px;width: 100%;background: #F0F2F4;border-radius: 20px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem img {margin-bottom: 24px;width: 120px;height: 120px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem .title {font-size: 24px;line-height: 30px;letter-spacing: -1px;margin-bottom: 8px;font-weight: 600;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem .description {font-size: 17px;line-height: 23px;letter-spacing: -0.4px;color: #667C8B;} #contents .intro_inner .section_elem.section_7 {background: #F0F2F4;} #contents .intro_inner .section_elem.section_7 .section_inner {padding:60px 0;} #contents .intro_inner .section_elem.section_7 .section_inner .title_wrap .title {font-size: 24px;line-height:38px;letter-spacing:-2px;color: #667C8B;} #contents .intro_inner .section_elem.section_7 .section_inner .title_wrap .sub_title {font-size: 34px;line-height: 42px;letter-spacing: -2px;color: #00253D;font-weight: 600;} #contents .intro_inner .section_elem.section_8 {background-image: url("/assets/imgs/introduce/section_8_1.svg");background-repeat: no-repeat;background-size: cover;background-position: center;background-color: #111213;} #contents .intro_inner .section_elem.section_8 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .title {font-size: 28px;line-height: 38px;letter-spacing: -2px;color: #F0F2F4;margin-bottom: 8px;} #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .title .highlight {font-weight: 700;color: #58BDFB;} #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .sub_title {font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 600;color: #fff;} #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .sub_title .highlight {font-weight: 600;color: #58BDFB;} #contents .intro_inner .section_elem.section_9 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_9 .section_inner .title_wrap {margin-bottom: 60px;} #contents .intro_inner .section_elem.section_9 .section_inner .title_wrap .title {font-size: 44px;line-height: 52px;letter-spacing: -2px;margin-bottom: 12px;font-weight: 600;color: #00253D;} #contents .intro_inner .section_elem.section_9 .section_inner .title_wrap .title .highlight {font-weight: 600;color: #0091EA;} #contents .intro_inner .section_elem.section_9 .section_inner .title_wrap .sub_title {font-size: 34px;line-height: 42px;letter-spacing: -2px;color: #00253D;} #contents .intro_inner .section_elem.section_9 .video_wrap {border-radius: 20px;border:16px solid #EDEEEF;background: #EDEEEF;position: relative;} #contents .intro_inner .section_elem.section_9 .video_wrap .video {width: 100%;height:558px;vertical-align: top;position: relative;-webkit-mask-image: -webkit-radial-gradient(white, black);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;border-radius: 6px;} #contents .intro_inner .section_elem.section_9 .video_wrap .video iframe {height:100%;} /*#contents .intro_inner .section_elem.section_9 .video_wrap .play_button {width: 80px;height: 80px;background: linear-gradient(145deg, #ffffff, #e6e6e6);border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;z-index: 1;}*/ /*#contents .intro_inner .section_elem.section_9 .video_wrap .play_icon {width: 0;height: 0;border-left: 20px solid #333;border-top: 12px solid transparent;border-bottom: 12px solid transparent;margin-left: 4px;transition: all 0.3s ease;}*/ /*#contents .intro_inner .section_elem.section_9 .video_wrap .play_button_dark {background: #00253D;box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);}*/ /*#contents .intro_inner .section_elem.section_9 .video_wrap .play_button_dark .play_icon {border-left-color: #e2e8f0;}*/ /*#contents .intro_inner .section_elem.section_9 .video_wrap .play_button_dark:hover .play_icon {border-left-color: #fff;}*/ #contents .intro_inner .section_elem.section_10 {background: #F0F2F4;} #contents .intro_inner .section_elem.section_10 .section_inner {padding:60px 0;} #contents .intro_inner .section_elem.section_10 .section_inner .title_wrap .title {margin-bottom: 24px;font-size: 24px;line-height: 38px;letter-spacing: -2px;color: #667C8B;} #contents .intro_inner .section_elem.section_10 .section_inner .title_wrap .title .highlight {font-weight: 600;color: #00253D;font-size: 34px;line-height: 42px;} #contents .intro_inner .section_elem.section_10 .section_inner .title_wrap .sub_title {font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 700;color: #00253D;} #contents .intro_inner .section_elem.section_11 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_11 .section_inner .title_wrap {margin-bottom: 32px;} #contents .intro_inner .section_elem.section_11 .section_inner .title_wrap .title {font-size: 28px;line-height: 38px;letter-spacing: -2px;color: #00253D;} #contents .intro_inner .section_elem.section_11 .section_inner .title_wrap .title .highlight {font-weight: 600;color: #0091EA;} #contents .intro_inner .section_elem.section_11 .section_inner .title_wrap .title .point {font-weight: 600;color: #00253D;position: relative;} #contents .intro_inner .section_elem.section_11 .section_inner .title_wrap .title .point::before {content: '\2022';position: absolute;left: 3px;top: -8px;line-height: 5px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap {padding:40px 0;box-sizing: border-box;border-radius: 20px;border:1px solid #E9ECEF;display: flex;align-items: center;justify-content: center;gap: 40px;box-shadow: 0px 4px 12px 0px #00000040;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .list_wrap {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .list_wrap .list_elem .img_elem {width: 140px;height:140px;border-radius: 12px;background: #F0F2F4;margin-bottom: 16px;display: flex;align-items: center;justify-content: center;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .list_wrap .list_elem .title {font-size: 20px;letter-spacing: -1px;font-weight: 500;color: #00253D;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .description {text-align: left;color: #667C8B;font-size: 28px;line-height: 38px;letter-spacing: -1px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .description .highlight {color: #0091EA;display: block;margin-top: 18px;font-weight: 700;font-size: 34px;letter-spacing: -2px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .description .dark_highlight {color: #00253D;font-weight: 600;} #contents .intro_inner .section_elem.section_12 {overflow: hidden;} #contents .intro_inner .section_elem.section_12 .section_inner {padding:80px 0 160px 0;max-width: unset;} #contents .intro_inner .section_elem.section_12 .section_inner .title_wrap {margin-bottom: 40px;} #contents .intro_inner .section_elem.section_12 .section_inner .title_wrap .title {font-size: 28px;line-height: 30px;letter-spacing: -1px;color: #00253D;margin-bottom: 16px;} #contents .intro_inner .section_elem.section_12 .section_inner .title_wrap .title .dark_highlight {font-weight: 600;color #00253D;} #contents .intro_inner .section_elem.section_12 .section_inner .title_wrap .sub_title {font-size: 34px;line-height: 42px;letter-spacing: -2px;color: #00253D;font-weight: 600;} #contents .intro_inner .section_elem.section_12 .section_inner .title_wrap .sub_title .highlight {color: #0091EA;font-weight: 600;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap {display: inline-block;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap {visibility: hidden;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem {border-radius: 12px;position: relative;overflow: hidden;margin-right: 12px;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_img_wrap {position: relative;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_img_wrap .pf_img {width: 280px;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_img_wrap .pf_type_img {position: absolute;left:16px;bottom:16px;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_info {background: #F5F6F8;padding:16px;box-sizing: border-box;text-align: left;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_info .user_name {font-size: 18px;font-weight: 700;line-height: 24px;letter-spacing: -1px;color: #212529;margin-bottom: 12px;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_info .user_school {font-size: 15px;font-weight: 400;letter-spacing: -0.4px;color: #212529;margin-bottom: 6px;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_info .user_highschool {font-size: 15px;font-weight: 400;letter-spacing: -0.4px;color: #868E96;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .slide_btn_wrap {margin-top: 40px;display: flex;align-items: center;gap: 44px;position: absolute;left: 50%;transform: translateX(-50%);} #contents .intro_inner .section_elem.section_13 {background: #F0F2F4;} #contents .intro_inner .section_elem.section_13 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_13 .section_inner .title_wrap {margin-bottom: 60px;} #contents .intro_inner .section_elem.section_13 .section_inner .title_wrap .title {font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 600;} #contents .intro_inner .section_elem.section_13 .section_inner .title_wrap .title .highlight {color: #0091EA;font-weight: 600;} #contents .intro_inner .section_elem.section_13 .content_wrap .img_wrap .slick_elem {height: 307px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap {max-width: 528px;width: 100%;gap: 16px;margin: 40px auto 0;position: relative;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .arrow_btn {position: absolute;top: 50%;transform: translateY(-50%);} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .arrow_btn img {width:40px;height:40px;opacity: 0.6;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .merit_prev {left: -56px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .merit_next {right: -56px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .slick_elem .title {font-size: 34px;line-height: 42px;letter-spacing: -2px;color: #00253D;margin-bottom: 8px;font-weight: 600;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .slick_elem .description {font-size: 24px;line-height: 30px;letter-spacing: -1px;color: #00253D;word-break: break-all;} #contents .intro_inner .section_elem.section_14 {background: #3B4248;} #contents .intro_inner .section_elem.section_14 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap {margin-bottom: 60px;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap .title {font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 600;color: #fff;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap .title .highlight {font-weight: 600;color: #B57BFF;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap .sub_title {margin-top: 20px;margin-bottom: 20px;font-size: 28px;line-height: 38px;letter-spacing: -1px;color: #F0F2F4;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap {display: flex;align-items: center;justify-content: center;gap: 40px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card {background: #fff;padding:32px 20px;box-sizing: border-box;border-radius: 16px;text-align: center;border:1px solid #E9ECEF;cursor: default;} /*#contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_card:hover {border-color :#8638EB;background: #FAF6FF;}*/ /*#contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_card:hover .type_name {background: #FAF6FF;}*/ #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .type_name {background: #fff;border-radius: 48px;padding: 6px 16px;box-sizing: border-box;font-size: 17px;font-weight: 600;letter-spacing: -0.4px;color: #8638EB;width: fit-content;margin: 0 auto 16px auto;border:1px solid #8638EB;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .type_period {color: #212529;font-size: 32px;font-weight: 700;letter-spacing: -0.4px;margin-bottom: 32px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .type_period span {color: #8638EB;font-weight: 700;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .period_info {width: 100%;display: flex;flex-direction: column;margin-bottom: 16px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .period_info .info_elem {display: flex;align-items:baseline;padding-bottom: 12px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .period_info .info_elem .title {font-size: 15px;font-weight: 500;letter-spacing: -0.5px;color: #868E96;min-width: 82px;text-align: left;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .period_info .info_elem .period_txt {font-size: 15px;font-weight: 500;letter-spacing: -0.5px;color: #212529;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .period_info .info_elem .service_list {display: flex;flex-direction: column;gap: 8px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .period_info .info_elem .service_list div {font-size: 15px;font-weight: 500;line-height:15px;letter-spacing: -0.5px;color: #212529;text-align: left;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .period_info .info_elem .service_list div .highlight {font-weight: 700;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .period_info .info_elem:first-child {border-bottom:1px dotted #CCD1D7;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .period_info .info_elem.border_bottom {border-bottom: 1px solid #CCD1D7;margin-top: 12px;margin-bottom: 12px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .price_wrap .discount {text-align: right;font-size: 18px;font-weight: 400;color: #9EA6AD;text-decoration: line-through;margin-bottom: 8px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .price_wrap .price_txt {display: flex;align-items: center;justify-content: space-between;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .price_wrap .price_txt .percent {font-size: 26px;font-weight: 700;color: #E03131;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .price_wrap .price_txt .percent span {font-size: 40px;font-weight: 700;letter-spacing: -1px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .price_wrap .price_txt .price {font-size: 40px;font-weight: 700;color: #212529;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .type_card .purchase_btn {width:280px;height:44px;display: flex;align-items: center;justify-content: center;background: #8638EB;font-size: 18px;font-weight: 500;letter-spacing: -0.4px;color: #fff;border-radius: 4px;margin-top: 24px;cursor: pointer;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem .info_message {font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.5px;color: #ADB5BD;text-align: center;height:40px;margin-top: 16px;} #contents .intro_inner .section_elem.section_15 {background: #0091EA;} #contents .intro_inner .section_elem.section_15 .section_inner {padding:80px 0 0 0;display: flex;justify-content: center;gap: 52px;height:580px;overflow:hidden;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .title {font-size: 44px;line-height: 42px;letter-spacing: -2px;color: #fff;font-weight: 600;text-align: left;margin-bottom: 12px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .title .highlight {font-weight: 700;color: #FCF64D;font-size: 50px;display: block;margin-top: 4px;line-height: 100%;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .sub_title {font-size: 34px;line-height: 42px;letter-spacing: -2px;font-weight: 500;color: #fff;margin-bottom: 32px;text-align: left;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .sub_title .highlight {color: #FCF64D;font-weight: 500;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem {background: #fff;box-shadow: 0px 4px 20px 0px #0000001F;border-radius: 12px;padding:24px 20px;box-sizing: border-box;text-align: left;width: fit-content;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem .star {margin-bottom: 8px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem .review_text {font-size: 15px;line-height: 20px;color: #00253D;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem.review_1 {margin-bottom: 24px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem.review_2 {margin-left: 32px;} #contents .intro_inner .section_elem.section_16 {width: 100%;overflow: hidden;background: #F0F2F4;} #contents .intro_inner .section_elem.section_16 .section_inner {max-width: unset;width: 100%;} #contents .intro_inner .section_elem.section_17 .section_inner {max-width: unset;background: #E3F3FC;} #contents .intro_inner .section_elem.section_17 .section_inner .nav_wrap {display: flex;align-items: center;justify-content: center;padding-top: 60px;background: #fff;} #contents .intro_inner .section_elem.section_17 .section_inner .nav_wrap .nav_elem {width:100%;max-width: calc(1024px / 3);height:40px;border-radius: 20px 20px 0 0;background: #DEE2E6;color: #868E96;font-size: 20px;letter-spacing: -1px;font-weight: 500;line-height: 40px;cursor: pointer;} #contents .intro_inner .section_elem.section_17 .section_inner .nav_wrap .nav_elem.active {background: #0091EA;color: #fff;font-weight: 600;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap {max-width: 1024px;height:650px;margin: 0 auto;padding:80px 0;display: flex;align-items: center;justify-content: center;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem {display: none;align-items: center;justify-content: space-between;gap: 40px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem.active {display: flex;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap {text-align: left;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap .title {color: #667C8B;font-size: 20px;line-height: 32px;letter-spacing: -1px;font-weight: 500;margin-bottom: 24px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap .sub_title {font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 600;color: #0091EA;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap .sub_title .highlight {font-size: 50px;font-weight: 700;color: #00253D;display: block;line-height: 100%;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .content img {width: 100%;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .content img.storynote_list {max-width: 492px;} /*#contents .intro_inner .section_elem.section_18 {background-image: url("/assets/imgs/introduce/section_18_1.svg");background-repeat: no-repeat;background-size: cover;background-position: center;aspect-ratio: 2 / 1;}*/ /*#contents .intro_inner .section_elem.section_18 .section_inner {padding:56px 0;}*/ /*#contents .intro_inner .section_elem.section_18 .section_inner .title_wrap .title {color: #212529;font-size: 28px;line-height: 38px;letter-spacing: -1px;margin-bottom: 8px;font-weight: 600;text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;}*/ /*#contents .intro_inner .section_elem.section_18 .section_inner .title_wrap .sub_title {color: #212529;font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 700;background: #fff;display: inline;padding:0 12px;box-sizing: border-box;}*/ /*#contents .intro_inner .section_elem.section_18 .section_inner .title_wrap .sub_title .highlight {color: #0091EA;font-weight: 600;}*/ #contents .intro_inner .section_elem.section_19 {background: #3B4248;} #contents .intro_inner .section_elem.section_19 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .title {color: #F0F2F4;font-size: 28px;line-height: 38px;letter-spacing: -1px;margin-bottom: 20px;} #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .title .highlight {font-weight: 700;} #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .sub_title {color: #fff;font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 600;margin-bottom: 40px;} #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .sub_title .highlight {font-weight: 600;color: #B57BFF;} #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .go_membership {width: 300px;height: 54px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 20px;font-weight: 500;letter-spacing: -0.4px;background: #8638EB;border-radius: 50px;margin: 0 auto;cursor: pointer;} #contents .intro_inner .section_elem.section_20 .section_inner {padding:80px 0;} #contents .intro_inner .section_elem.section_20 .section_inner .title_wrap {margin-bottom: 40px;} #contents .intro_inner .section_elem.section_20 .section_inner .title_wrap .title {font-size: 44px;line-height: 52px;letter-spacing: -2px;font-weight: 600;color: #212529;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap {border-top:2px solid #212529;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap {text-align: left;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem {border-bottom:1px solid #CCD1D7;padding:24px 56px 24px 20px;box-sizing: border-box;display: flex;align-items: baseline;gap:16px;position: relative;cursor: pointer;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .q_text {font-size: 24px;letter-spacing: -1px;font-weight: 600;color: #868E96;position: relative;top: 2px;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .qa {width: 100%;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .qa .question {position: relative;display: flex;align-items: center;width: 100%;justify-content: space-between;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .qa .question .question_text {font-size: 20px;line-height: 28px;letter-spacing: -0.8px;color: #212529;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .qa .answer {font-size: 18px;line-height: 26px;letter-spacing: -0.4px;color: #007AD0;display: none;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .arrow_btn {transition: all 0.3s ease;position: relative;right: -35px;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem:hover .q_text, #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem.active .q_text {color: #212529;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem:hover .qa .question .question_text, #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem.active .qa .question .question_text {font-weight: 500;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem.active .qa .answer {margin-top: 16px;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem.active .arrow_btn {transform: rotate(180deg);filter: brightness(0);} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem:hover .arrow_btn {filter: brightness(0);} @media screen and (max-width: 1100px) { .br_pc {display: none;} .br_tablet {display: block;} .br_pcmo {display: none;} #contents .intro_inner .section_elem .section_inner {max-width: 680px;} #contents .intro_inner .section_elem.section_1 {height:600px;} #contents .intro_inner .section_elem.section_1 .home_btn {top:16px;left:24px;} #contents .intro_inner .section_elem.section_1 .home_btn img {width: 125px;} #contents .intro_inner .section_elem.section_1 .section_inner {gap: 0;} #contents .intro_inner .section_elem.section_1 .section_inner .student_img {max-width: 768px;width: 100%;} #contents .intro_inner .section_elem .section_nav {height: 46px;} #contents .intro_inner .section_elem .section_nav .step_elem {padding:14px 16px;font-size: 18px;} #contents .intro_inner .section_elem .section_nav .vertical_line {height: 18px;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap {margin-bottom: 40px;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap .sub_title {font-size: 36px;line-height: 44px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem {width: 204px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem .elem_img {width: 130px;height: 130px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem .elem_img img {width: 66px;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap .title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap .sub_title {font-size: 36px;line-height: 44px;} #contents .intro_inner .section_elem.section_3 .section_inner .content_wrap .title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap {margin-bottom: 40px;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap .title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem {margin-bottom: 40px;gap: 24px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .type_img {min-width:350px;width: 350px;height: 250px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents {gap:16px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents .title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents .title .step {font-size: 24px;height:40px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents .description {font-size: 18px;line-height: 26px;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap {margin-bottom: 40px;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap .title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap {gap:24px;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .keyword_img {min-width: 350px;width:350px;height:250px;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .contents {gap:16px;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .contents .title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .contents .description {font-size: 18px;line-height: 26px;} #contents .intro_inner .section_elem.section_6 .section_inner .title_wrap {margin-bottom: 40px;} #contents .intro_inner .section_elem.section_6 .section_inner .title_wrap .title {font-size: 36px;line-height: 44px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap {gap: 16px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem {padding:32px 24px;max-width: 216px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem img {width: 100px;height: 100px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem .title {font-size: 20px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem .description {word-break: break-all;} #contents .intro_inner .section_elem.section_7 .section_inner .title_wrap .title {line-height: 32px;} #contents .intro_inner .section_elem.section_7 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .title {line-height: 36px;} #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .title .tablet_small {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_9 .video_wrap {border-width: 12px;} #contents .intro_inner .section_elem.section_9 .video_wrap video {border-radius: 12px;} #contents .intro_inner .section_elem.section_9 .section_inner .title_wrap .title {font-size: 36px;line-height: 44px;} #contents .intro_inner .section_elem.section_9 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_9 .video_wrap .video {height:369px;} #contents .intro_inner .section_elem.section_10 .section_inner .title_wrap .title {line-height: 32px;} #contents .intro_inner .section_elem.section_10 .section_inner .title_wrap .title .highlight {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_10 .section_inner .title_wrap .sub_title {font-size: 36px;line-height: 44px;} #contents .intro_inner .section_elem.section_11 .section_inner .title_wrap .title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap {padding:40px 28px;gap:20px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .list_wrap {gap:24px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .list_wrap .list_elem .img_elem {width: 120px;height: 120px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .list_wrap .list_elem .title {font-size: 18px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .description {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .description .highlight {font-size: 28px;} #contents .intro_inner .section_elem.section_12 .section_inner .title_wrap .title {font-size: 24px;} #contents .intro_inner .section_elem.section_12 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_13 .section_inner .title_wrap {margin-bottom: 40px;} #contents .intro_inner .section_elem.section_13 .section_inner .title_wrap .title {font-size: 36px;line-height: 44px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap {max-width: 500px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .slick_elem .title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_14 .section_inner {max-width: unset;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap .title {font-size: 36px;line-height: 44px;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap .title.bottom_title {font-size: 44px;line-height: 52px;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap .sub_title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap {gap: 32px;display: grid;grid-template-columns: repeat(3, 1fr);overflow: auto;width: 100%;justify-content: normal;padding: 0 8px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap::-webkit-scrollbar {display: none;} #contents .intro_inner .section_elem.section_15 .section_inner {height:537px;gap:31px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .title {font-size: 36px;line-height: 36px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .title .highlight {font-size: 44px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;margin-bottom: 24px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem {padding:15px 20px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem.review_1 {width: 247px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem.review_2 {width: 280px;} #contents .intro_inner .section_elem.section_15 .section_inner .content_wrap img {width: 277px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap {max-width: 680px;height: 542px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap {min-width: 260px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap .title {font-size: 18px;line-height: 26px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap .sub_title {font-size: 36px;line-height: 44px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap .sub_title .highlight {display: block;margin-top: 8px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .content .storynote_list {width: 384px;} /*#contents .intro_inner .section_elem.section_18 .section_inner {padding: 32px 0;}*/ /*#contents .intro_inner .section_elem.section_18 .section_inner .title_wrap .title {font-size: 24px;line-height: 30px;}*/ /*#contents .intro_inner .section_elem.section_18 .section_inner .title_wrap .sub_title {font-size: 36px;line-height: 44px;}*/ #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .sub_title {font-size: 36px;line-height: 44px;} } @media screen and (max-width: 768px) { .br_mobile {display: block;} .br_pcmo {display: block;} .br_pctablet {display: none;} #contents .intro_inner .section_elem .section_inner {max-width: 335px;} #contents .float_btn_wrap {display: none;} #contents .intro_inner .section_elem.section_1 {height:604px;} #contents .intro_inner .section_elem.section_1 .home_btn {display: block;position: absolute;top: 20px;left: 50%;transform: translateX(-50%);} #contents .intro_inner .section_elem.section_1 .section_inner {gap: 0;flex-direction: column-reverse;align-items: center;justify-content: flex-start;} #contents .intro_inner .section_elem.section_1 .section_inner .student_img {max-width: 375px;} #contents .intro_inner .section_elem .section_nav {height: 36px;overflow:auto;justify-content: space-around;} #contents .intro_inner .section_elem .section_nav::-webkit-scrollbar {display: none;} #contents .intro_inner .section_elem .section_nav .step_elem {font-size: 16px;padding:10px 16px;white-space: nowrap;} #contents .intro_inner .section_elem .section_nav .vertical_line {height: 16px;} #contents .intro_inner .section_elem.section_2 .section_inner {padding:60px 0px 100px 0px;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap .title {font-size: 20px;line-height: 30px;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap .sub_title br {display: none;} #contents .intro_inner .section_elem.section_2 .section_inner .title_wrap {margin-bottom: 32px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap {flex-direction: column;align-items: center;gap: 24px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem {width: 287px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem .elem_img {width: 120px;height: 120px;} #contents .intro_inner .section_elem.section_2 .section_inner .content_wrap .content_elem .elem_title {font-size: 20px;} #contents .intro_inner .section_elem.section_3 .section_inner {padding:60px 0px;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap {margin-bottom: 32px;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap .title {font-size: 17px;line-height: 23px;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_3 .section_inner .title_wrap .sub_title br {display: none;} #contents .intro_inner .section_elem.section_3 .section_inner .content_wrap .title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_3 .section_inner .content_wrap .type_wrap {flex-direction: column;} #contents .intro_inner .section_elem.section_3 .section_inner .content_wrap .type_wrap .type_elem {width: 209px;height: 100px;line-height: 100px;font-size: 20px;} #contents .intro_inner .section_elem.section_4 .section_inner {padding:60px 0px;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap {margin-bottom: 32px;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap .title {font-size: 17px;line-height: 23px;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap .title .mo_highlight {display: block;margin-top: 8px;font-weight: 500;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;word-break: break-all;} #contents .intro_inner .section_elem.section_4 .section_inner .title_wrap .sub_title br {display: none;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem {flex-direction: column;gap:16px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .type_img {min-width: 100%;width: 100%;height: auto;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents {gap:8px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents .title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents .title .step {height: 36px;font-size: 20px;} #contents .intro_inner .section_elem.section_4 .section_inner .content_wrap .content_elem .contents .description {font-size: 16px;line-height: 24px;} #contents .intro_inner .section_elem.section_5 .section_inner {padding:60px 0px;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap {margin-bottom: 32px;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap .title {font-size: 17px;line-height: 23px;margin-bottom: 16px;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap .title .mo_highlight {font-size: 20px;line-height: 30px;margin-top: 8px;display: block;font-weight: 500;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_5 .section_inner .title_wrap .sub_title br {display: none;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap {flex-direction: column;gap:16px;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .keyword_img {min-width:100%;width: 100%;height: auto;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .contents {gap: 8px;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .contents .title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_5 .section_inner .content_wrap .contents .description {font-size: 16px;line-height: 24px;} #contents .intro_inner .section_elem.section_6 .section_inner {padding:60px 0px;} #contents .intro_inner .section_elem.section_6 .section_inner .title_wrap {margin-bottom: 32px;} #contents .intro_inner .section_elem.section_6 .section_inner .title_wrap .title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap {flex-direction: column;gap: 32px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem {max-width: 100%;width: 100%;padding:32px;} #contents .intro_inner .section_elem.section_6 .section_inner .content_wrap .content_elem img {width: 120px;height: 120px;} #contents .intro_inner .section_elem.section_7 .section_inner {padding:60px 0px;} #contents .intro_inner .section_elem.section_7 .section_inner .title_wrap .title {font-size: 20px;line-height: 28px;} #contents .intro_inner .section_elem.section_7 .section_inner .title_wrap .sub_title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_8 {background-size: 200% 100%;} #contents .intro_inner .section_elem.section_8 .section_inner {padding:60px 0;} #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .title {margin-bottom: 20px;} #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .title, #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .title .tablet_small {font-size: 20px;line-height: 28px;} #contents .intro_inner .section_elem.section_8 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_9 .video_wrap {border-width: 6px;} #contents .intro_inner .section_elem.section_9 .video_wrap video {border-radius: 16px;} #contents .intro_inner .section_elem.section_9 .section_inner {padding:60px 0;} #contents .intro_inner .section_elem.section_9 .section_inner .title_wrap {margin-bottom: 32px;} #contents .intro_inner .section_elem.section_9 .section_inner .title_wrap .title {font-size: 28px;line-height: 36px;margin-bottom: 8px;} #contents .intro_inner .section_elem.section_9 .section_inner .title_wrap .sub_title {font-size: 20px;line-height: 28px;} #contents .intro_inner .section_elem.section_9 .video_wrap .video {height:182px;border-radius: 16px;} #contents .intro_inner .section_elem.section_10 .section_inner .title_wrap .title {font-size: 20px;line-height: 28px;} #contents .intro_inner .section_elem.section_10 .section_inner .title_wrap .title .highlight {font-size: 24px;line-height: 32px;display: block;margin-top: 4px;} #contents .intro_inner .section_elem.section_10 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_11 .section_inner {padding:60px 0;} #contents .intro_inner .section_elem.section_11 .section_inner .title_wrap .title {font-size: 20px;line-height: 28px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap {padding:32px 24px;flex-direction: column;gap:32px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .list_wrap {grid-template-columns: repeat(2, 1fr);gap:16px 32px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .list_wrap .list_elem .img_elem {width: 100px;height: 100px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .list_wrap .list_elem .title {font-size: 16px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .description {font-size: 20px;line-height: 28px;} #contents .intro_inner .section_elem.section_11 .section_inner .content_wrap .description .highlight {font-size: 24px;margin-top: 12px;} #contents .intro_inner .section_elem.section_12 .section_inner {max-width: unset;} #contents .intro_inner .section_elem.section_12 .section_inner {padding:60px 0;} #contents .intro_inner .section_elem.section_12 .section_inner .title_wrap .title {font-size: 20px;line-height: 30px;} #contents .intro_inner .section_elem.section_12 .section_inner .title_wrap .sub_title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap {display: block;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap {display: flex;overflow-x: auto;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap::-webkit-scrollbar {display: none;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem {min-width: 150px;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_img_wrap .pf_img {width: 100%;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_img_wrap .pf_type_img {width: 20px;height: 20px;left: 8px;bottom:8px;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_info {padding:12px 8px;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_info .user_name {font-size: 15px;font-weight: 600;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_info .user_school {font-size: 13px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .portfolio_slide_wrap .slide_elem .pf_info .user_highschool {font-size: 13px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #contents .intro_inner .section_elem.section_12 .section_inner .content_wrap .slide_btn_wrap {display: none;} #contents .intro_inner .section_elem.section_13 .section_inner {padding:60px 0;} #contents .intro_inner .section_elem.section_13 .section_inner .title_wrap .title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_13 .content_wrap .img_wrap .slick_elem {height: 280px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap{max-width: 263px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .slick_elem .title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .slick_elem .description {font-size: 17px;line-height: 23px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .merit_prev {left: -40px;} #contents .intro_inner .section_elem.section_13 .content_wrap .description_wrap .merit_next {right: -40px;} #contents .intro_inner .section_elem.section_14 .section_inner {padding:60px 0;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap {max-width: 335px;margin: 0 auto 60px;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap .title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap .sub_title {font-size: 17px;line-height: 23px;} #contents .intro_inner .section_elem.section_14 .section_inner .title_wrap .title.bottom_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap {gap: 8px;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem:nth-child(1) {order: 1;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem:nth-child(2) {order: 3;} #contents .intro_inner .section_elem.section_14 .content_wrap .product_type_wrap .type_elem:nth-child(3) {order: 2;} #contents .intro_inner .section_elem.section_15 .section_inner {padding: 60px 0;height: 520px;flex-direction: column;align-items: center;position: relative;justify-content: flex-start;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .title {font-size: 28px;line-height: 32px;text-align: center;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .title br {display: none;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .title .highlight {display: inline-block;margin-top: 0;font-size: 34px;line-height: 36px;margin-left: 4px;text-align: center;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .sub_title {font-size: 24px;line-height: 32px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem {padding:12px;left: 50%;transform: translateX(-50%);} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem .star {margin-bottom: 4px;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem .review_text {font-size: 13px;line-height: 17px;word-break: break-all;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem.review_1 {width: 254px;margin: 0;position: absolute;bottom: 50px;z-index: 2;opacity: 1;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap .review_elem.review_2 {width: 254px;margin: 0;position: absolute;bottom: 35px;z-index: 1;opacity: 1;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap.swapped .review_elem.review_1 {width: 254px;margin: 0;position: absolute;bottom: 35px;z-index: 1;opacity: 1;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap.swapped .review_elem.review_2 {width: 254px;margin: 0;position: absolute;bottom: 50px;z-index: 2;opacity: 1;} @keyframes infiniteSwap1 { 0%, 45% {bottom: 50px;z-index: 2;opacity: 1;} 50%, 95% {bottom: 35px;z-index: 1;opacity: 1;} 100% {bottom: 50px;z-index: 2;opacity: 1;} } @keyframes infiniteSwap2 { 0%, 45% {bottom: 35px;z-index: 1;opacity: 1;} 50%, 95% {bottom: 50px;z-index: 2;opacity: 1;} 100% {bottom: 35px;z-index: 1;opacity: 1;} } #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap.infinite .review_elem.review_1 {animation: infiniteSwap1 5s ease-in-out infinite;} #contents .intro_inner .section_elem.section_15 .section_inner .title_wrap .review_wrap.infinite .review_elem.review_2 {animation: infiniteSwap2 5s ease-in-out infinite;} #contents .intro_inner .section_elem.section_15 .section_inner .content_wrap img {width: 231px;position: absolute;bottom: -154px;left: 50%;transform: translateX(-50%);} #contents .intro_inner .section_elem.section_17 .section_inner .nav_wrap {padding-top: 46px;} #contents .intro_inner .section_elem.section_17 .section_inner .nav_wrap .nav_elem {height: 34px;line-height: 34px;font-size: 16px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap {padding:60px 0;height: 842px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem {flex-direction: column;gap: 32px;max-width: 335px;margin: 0 auto;height: 100%;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap {width: 100%;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap .title {line-height: 24px;margin-bottom: 16px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap .sub_title {font-size: 32px;line-height: 40px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .title_wrap .sub_title .highlight {margin-top: 4px;font-size: 40px;line-height: 40px;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .content {height: 100%;display: flex;align-items: center;justify-content: center;} #contents .intro_inner .section_elem.section_17 .section_inner .content_wrap .content_elem .content .storynote_list {width: 100%;} /*#contents .intro_inner .section_elem.section_18 .section_inner {padding:16px 0;}*/ /*#contents .intro_inner .section_elem.section_18 .section_inner .title_wrap .title {font-size: 14px;line-height: 20px;margin-bottom: 4px;}*/ /*#contents .intro_inner .section_elem.section_18 .section_inner .title_wrap .sub_title {font-size: 18px;line-height: 26px;}*/ #contents .intro_inner .section_elem.section_19 .section_inner {padding:60px 0;} #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .title {font-size: 20px;line-height: 28px;} #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .sub_title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_19 .section_inner .title_wrap .go_membership {width: 287px;} #contents .intro_inner .section_elem.section_20 .section_inner .title_wrap {margin-bottom: 32px;} #contents .intro_inner .section_elem.section_20 .section_inner .title_wrap .title {font-size: 28px;line-height: 36px;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem {padding:16px 34px 16px 10px;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .q_text {font-size: 18px;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .qa .question .question_text {font-size: 16px;line-height: 22px;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .qa .answer {font-size: 15px;line-height: 22px;} #contents .intro_inner .section_elem.section_20 .section_inner .content_wrap .question_wrap .question_elem .arrow_btn {width:16px;height:16px;right: -25px;} }