/* LMS 메인 */
.lms_main01 {padding-top: 6.5rem;}
.lms_main_tit {font-size: 3rem;font-weight: 700;color: #000000;margin-bottom: 2.6rem;}
/* 
.lms_class01 {position: relative;width:calc(100% + 102px);margin-left: -51px;padding:0 51px 0;opacity: 0;}
.lms_class01 .inner {overflow: hidden;}

.class_list {display: flex;flex-wrap: wrap;}
.swiper-wrapper.class_list {flex-wrap: nowrap;}
.class_list > li {position: relative;overflow: hidden;width: calc(33.333% - 6px);margin-right: 9px;margin-bottom: 3rem;border-radius:1rem;z-index: 2;}
.swiper-wrapper.class_list > li {margin-bottom: 0;}
.class_list > li:nth-child(3n) {margin-right: 0;}
.class_list > li:before {content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 1px;border: 1px solid #dedede;border-radius:1rem;z-index: -1;}
.class_list > li .img_wrap {overflow: hidden;}
.class_list > li .img {position: relative;display: block;padding-bottom: 70.97%;width: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius:1rem 1rem 0 0; transform: scale(1);transition:all 0.3s;will-change: transform;z-index: 1;}
.class_list > li:hover .img {transform: scale(1.15);}
.class_list > li .img_tit {overflow: hidden;max-height: 109px;position: absolute;font-family: 'Gmarket Sans';top:50%;left: 50%;width: 100%;padding: 0 5%;text-align: center;word-break: keep-all;transform: translate(-50%,-50%); font-size: 34px;line-height: 1.1;font-weight: 700;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);letter-spacing:-0.025em;}
.class_list > li .con {padding: 2.4rem 3rem 4rem;}
.class_list > li .tit {overflow: hidden;display: block;margin-bottom: 1.3rem;font-size: 20px;font-weight: 500;color: #000;white-space: nowrap; text-overflow: ellipsis;}
.class_list > li .date {display: block;margin-bottom: 0.2rem;font-size: 16px;font-weight: 300;color: #666666;line-height: 1;}
.class_list > li .price {display: block;margin-bottom: 1.5rem;font-size: 15px;font-weight: 500;color: #999999;}
.class_list > li .price .total {font-size: 20px;font-weight:500;color: #ff0000;}
.class_list > li .txt {overflow: hidden;font-size: 16px;line-height: 24px;font-weight: 300;color: #666666;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.class_list > li .status_info {color: red;position:absolute;font-size:12px;right:10px;top:10px;border-radius: 10px;background: silver;padding: 0px 6px;opacity: 0.7;font-weight: bolder;} 


.lms_class01 .class_list > li .img_tit {max-height: 114px;font-size: 35px;}
.lms_class01 .swiper-btn {position: absolute;content:'';top: 89px;width: 21px;height: 40px;cursor: pointer;text-indent: -999em;font-size: 0;opacity: 0.3;}
.lms_class01 .swiper-btn:hover {opacity: 1;}
.lms_class01 .swiper-prev {left: 0;background:url('/template/resp/images/ico_prev01.png') center center no-repeat;background-size: contain;}
.lms_class01 .swiper-next {right: 0;background:url('/template/resp/images/ico_next01.png') center center no-repeat;background-size:contain;}
*/


/* 메인 강의 리스트 */
.main1 {padding: 66px 0 59px;}
.main1 h2 {font-size: 24px; font-weight: 700 !important; letter-spacing:-0.025em; color: #010101;}
.main1_tab .tab_tit_wrap {display: flex;align-items: center;margin-top: 24px;}
.main1_tab .tab_tit_slider {width: calc(100% - 70px);}
.main_tab_tit {display: flex;align-items: center;}
.main_tab_tit > li { overflow: hidden;padding-right: 5px;}
.main_tab_tit > li a {display: flex;align-items: center;height: 36px;padding: 0 18px;font-size: 14px; font-weight: 700; letter-spacing:-0.025em; color: #000000;opacity: 0.3;border: 1px solid #d1d3d7;border-radius:18px; }
.main_tab_tit > li.active a {color: #fff;opacity: 1;background: #151534;border-color: #151534;}
.tab_tit_slider .tab_swiper { overflow: hidden; }
.main_more {margin-left: auto;font-size: 14px; font-weight: 700; letter-spacing:-0.025em; color: #000000;white-space: nowrap;  }

.main1_tab .tab_con {margin-top: 19px;}
.lecture_list {display: flex;flex-wrap:wrap;gap:59px 0;}
.lecture_list > li {overflow: initial;width: 24.063%;margin-right: 1.249333%;}
.lecture_list > li:nth-child(4n) {margin-right: 0;}
.lecture_list > li a {display: block;}
.lecture_list > li .img_wrap {position: relative;}
.lecture_list > li .img_wrap .img {overflow: hidden;display: block;position: relative;width: 100%;padding-bottom:62.34%;border-radius: 10px;}   
.lecture_list > li .img_wrap .img img {position: absolute;top: 0;left: 0;object-fit: cover;width: 100%;height: 100%;}
.lecture_list > li .img_wrap .new {position: absolute;top: -3px;right: -8px;z-index: 2;width: 56px;}
.lecture_list > li .con {padding-top: 10px;}
.lecture_list > li .con .tit {display: block;font-size: 18px; font-weight: 700; line-height: 1.3;letter-spacing:-0.025em; color: #303747;}
.lecture_list > li .con .name {display: flex; align-items: center;margin-top: 3px;font-size: 14px; font-weight: 500; letter-spacing:-0.025em; color: #666c7a;}
.lecture_list > li .con .ico {overflow: hidden; width: 40px; height: 40px; margin: 4px 10px 0 0; border-radius: 18px; flex-shrink: 0;}
.lecture_list > li .con .ico img {width: 100%;height: 100%;object-fit: cover;}
.lecture_list > li .con .info {display: flex;align-items: center;margin-top: 7px;}
.lecture_list > li .con .sale {font-size: 18px;margin-right: 5px;font-weight: 700 !important;color:#d50000;}
.lecture_list > li .con .like {display: flex;align-items: center;font-size: 14px; letter-spacing:-0.025em; color: #000000;margin-left: auto;}
.lecture_list > li .con .like:before {content:'♥';margin-right: 5px;color: #663398;}
.lecture_list > li .con .price{font-size: 18px; font-weight: 700 !important; letter-spacing:-0.025em; color: #000000;}
.lecture_list > li .con .price span {font-weight: 700 !important;}
.lecture_list > li .con .info_wrap {display: flex;}
.lecture_list > li .con .txt_wrap {flex-grow: 1;}

/* 코칭 */
.main2 { background: #f0e4f9; padding: 63px 0 57px; } 
.main2 .in_Layer { display: flex; justify-content: space-between; padding: 0 5.421% 0 5%; } 
.main2 .info h2 { margin-top: 22px; font-size: 34px; color: #000000; font-weight: 700 !important; letter-spacing:-0.025em; } 
.main2 .info .txt { margin-top: 24px; font-size: 20px; color: #666c7a; font-weight: 700; line-height: 1.5; letter-spacing:-0.025em; } 
.main2 .list { flex-shrink: 0; display: flex; justify-content: space-between; width:59.60938%; width: 70.645%; } 
.main2 .list > li { width: 48.43%; } 
.main2 .list > li a { display: block; } 
.main2 .list > li .img { position: relative; overflow: hidden; display: block; width: 100%; padding-bottom: 62.705%; border-radius: 10px; } 
.main2 .list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }  
.main2 .list > li .tit { margin-top: 32px; display: block; font-size: 20px; letter-spacing:-0.025em; color: #000; font-weight: 700; } 
.main2 .list > li .txt { margin-top: 5px; font-size: 16px; color: #666c7a; font-weight: 700; line-height: 1.75; letter-spacing:-0.025em;word-break: keep-all; } 

/* 비즈뱅 */
.main3 {padding: 99px 0 117px; background: #fffde8;}
.main3 .in_Layer {display: flex;justify-content: space-between;padding-left: 2.26%;}
.main3 .info h2 {margin-top: 9px;font-size: 30px; color: #151534; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em;word-break: keep-all;}
.main3 .info h2 strong {color: #663398; font-weight: 700 !important; }
.main3 .info .txt {margin-top: 44px;font-size: 18px; color: #666c7a; font-weight: 700; line-height: 1.667; letter-spacing:-0.025em;word-break: keep-all;}
.main3 .list {display: flex;justify-content: space-between;width: 74.781%;}
.main3 .list > li {background: #bbe4f6;text-align: center;width: 23.785%;border-radius: 15px;word-break: keep-all;}
.main3 .list > li a {display: block;padding-bottom: 10px;}
.main3 .list > li:nth-child(2){background: #afbdff;}
.main3 .list > li:nth-child(3){background: #ffcff7;}
.main3 .list > li:nth-child(4){background: #c18bfe;}
.main3 .list > li .ico {display: block;max-width: 100%;margin: 0 auto;}
.main3 .list > li .tit {margin-top: 3px;display: block;font-size: 24px; color: #151534; font-weight: 700 !important; letter-spacing:-0.025em;}
.main3 .list > li .txt {margin-top: 14px;font-size: 14px; font-weight: 500; color: #151534; line-height: 1.571; letter-spacing:-0.025em; }

/* 프레임워크 */
.main4 {background: #fffde8;}
.main4 .in_Layer {display: flex;overflow: hidden;position: relative;align-items: center;}
.main4 .img {width: 71.407%;margin-left: auto;}
.main4 .info {position: absolute;top: 0;left:0;padding-left: 3.333%;z-index: 1;}
.main4 .info h2 {margin-top: 88px;font-size: 30px; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em; color: #151534;}
.main4 .info .tit {display: block;margin-top: 8px; font-size: 22px; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em; color: #663398;word-break: keep-all; }
.main4 .info .txt {margin-top: 49px;font-size: 18px; font-weight: 700; line-height: 1.667; letter-spacing:-0.025em; color: #333333;word-break: keep-all;}
.main4 .info .txt strong {color: #663398;}

/* 메인 후기 */
.main5 {padding: 108px 0 110px 0;background: #e3e4e7;}
.main5 .in_Layer {max-width: 1430px;}
.main5 h2 {font-size: 30px; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em; color: #151534;text-align: center;}
.main5 h2 strong {color: #663398;font-weight: 700 !important;}
.main_review_wrap {position: relative;margin-top: 24px;padding: 0 45px;}
.main_review_wrap .inner {overflow: hidden;padding: 30px;}
.main_review > li {background-color: rgb(255, 255, 255,0.7);border-radius:30px 30px 0 30px;transition: all 0.3s;}
.main_review > li:hover {background-color: rgb(255, 255, 255,1);box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);}
.main_review > li a {overflow: hidden;display: block;padding: 44px 54px 55px;}
.main_review > li .profile {display: flex;align-items: center;}
.main_review > li .profile .img {overflow: hidden;flex-shrink: 0;width: 64px;height: 64px;margin-right: 18px;border-radius: 50%;}
.main_review > li .profile .img img {width: 100%;height: 100%;object-fit: cover;}
.main_review > li .profile .con {padding-top: 2px;}
.main_review > li .profile .cate {display: block;font-size: 18px; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em; color: #151534;}
.main_review > li .profile .name {display: block;margin-top: 6px;font-size: 16px; font-weight: 700 !important;  line-height: 1.2;letter-spacing:-0.025em; color: #151534;}
.main_review > li .profile .name .team {font-weight: 300;color: #666c7a;}
.main_review > li .tit {display: block;margin-top: 30px; font-size: 18px; font-weight: 700 !important;line-height: 1.667; letter-spacing:-0.03em; color: #663398;word-break: keep-all; }
.main_review > li .txt {overflow: hidden;display: -webkit-box;margin-top: 24px; font-size: 16px; font-weight: 500; line-height: 1.625; letter-spacing:-0.025em; color: #666c7a;word-break: keep-all; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.main_review > li .more {position: absolute;bottom: 0;right: 0;}
.main_review_wrap .btn {position: absolute;top: 50%;transform: translate(0,-50%);opacity: 0.4;cursor: pointer;}
.main_review_wrap .btn:hover {opacity: 1;}
.main_review_wrap .btn img {filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));}
.main_review_wrap .btn.btn_prev {left: 0;}
.main_review_wrap .btn.btn_prev img {transform: scaleX(-1);}
.main_review_wrap .btn.btn_next {right: 0;}
.main5 .btn_more {display: flex;justify-content: center; align-items: center; width: 240px; height: 48px;margin: 20px auto 0;background-color: #663398; border-radius:24px; font-size: 16px; font-weight: 700; letter-spacing:-0.025em; color: #ffffff; }
.main5 .btn_more:after {content:'';width: 7px;height: 11px;margin-left: 15px;background:url('/USER_SKIN/bizbang/images/main_review_more02.png') center center no-repeat;background-size: contain;}

/* 전문가 칼럼 */
.main6 {padding: 70px 0;}
.main6 h2 {font-size: 24px; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em; color: #010101;}
.main6_tab {margin-top: 20px;}
.main6_tab .tab_tit_wrap {display: flex;align-items: center;}
.main6_tab .tab_tit_slider {max-width: calc(100% - 70px);}

.main6_tab .tab_con {margin-top: 19px;}
.column_list {display: flex;flex-wrap:wrap;margin-bottom: -2.5%;}
.column_list > li {width: 24.063%;margin-right: 1.249333%;margin-bottom: 2.5%;}
.column_list > li a {display: block;}
.column_list > li:nth-child(4n) {margin-right: 0;}
.column_list > li .img_wrap {position: relative;}
.column_list > li .img_wrap .img1 {overflow: hidden;display: block;position: relative;width: 100%;padding-bottom: 62.34%;border-radius: 6px;}
.column_list > li .img_wrap .img1 img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.column_list > li .img_wrap .new {position: absolute;top: -3px;right: -8px;width: 56px;z-index: 2;}
.column_list > li .con_wrap {display: flex;align-items: flex-start;margin-top: 17px;}
.column_list > li .con_wrap .img2 {overflow: hidden; width: 36px;height: 36px;margin: 4px 11px 0 0 ;border-radius: 50%;flex-shrink: 0;}
.column_list > li .con_wrap .img2 img {width: 100%;height: 100%;object-fit: cover;}
.column_list > li .con_wrap .con {padding-right: 11px;}
.column_list > li .con_wrap .tit {display: block;font-size: 16px; font-weight: 700; line-height: 1.375; letter-spacing:-0.025em; color: #000000;word-break: keep-all;}
.column_list > li .con_wrap .name {display: flex;align-items: flex-start;margin-top: 3px;font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: #666c7a;word-break: keep-all;}
.column_list > li .con_wrap .name .division {width: 2px;height: 2px;margin: 6px 5px 0;background: #666c7a;border-radius:50%;}



/* 전문가 Q&A */
.main7 {padding: 68px 0 102px;background: #f7f4fa;}
.main7 .in_Layer {}
.main7_tit {display: flex;align-items: center;}
.main7_tit h2 {font-size: 24px; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em; color: #000000;}
.main_qna {margin-top: 21px;}
.main_qna_list {}
.main_qna_list > li {position: relative;}
.main_qna_list > li a {overflow: hidden;display: block;height: 100%;padding:30px 30px 50px;background-color: #ffffff;border-radius: 10px;transition:all 0.3s;}
.main_qna_list > li:hover a {box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);}
.main_qna_list > li .top {display: flex;align-items: flex-start;}
.main_qna_list > li .question {width: 34px;}
.main_qna_list > li .info {margin-left: auto;text-align: right;}
.main_qna_list > li .cate {display: block;font-size: 18px; font-weight: 500; line-height: 1.2; letter-spacing:-0.025em; color: #000000;}
.main_qna_list > li .time {display: flex;align-items: flex-start;margin-top: 2px;font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing:-0.025em; color: #666c7a;}
.main_qna_list > li .time .division {width: 2px;height: 2px;margin: 6px 5px 0;background: #666c7a;border-radius:50%;}
.main_qna_list > li .tit {display: block;margin-top: 19px;font-size: 16px; font-weight: 700; line-height: 1.375; letter-spacing:-0.025em; color: #000000;word-break: keep-all; }
.main_qna_list > li .answer { display: flex;justify-content: center;align-items: center;position: absolute;right: 30px;bottom: -20px; width: 100px; height: 40px;background-color: #663398; border-radius:20px;font-size: 14px; font-weight: 700; letter-spacing:-0.025em; color: #fff;}

/* 메인 하단 배너 */
.main8 {padding-top: 60px;}
.main8_slider {overflow: hidden;position: relative;border-radius: 15px;}
.main8_list > li a {display: block;} 
.main8_list > li a img {max-width: 100%;} 
.main8_slider .btn {position: absolute;top: 50%; width: 19px;z-index: 1;cursor: pointer;opacity: 0.4;transform: translate(0,-50%);font-size: 0; }
.main8_slider .btn:hover {opacity: 1;}
.main8_slider .btn img {width: 100%;}
.main8_slider .btn.btn_prev {left: 36px;}
.main8_slider .btn.btn_prev img {transform: scaleX(-1);}
.main8_slider .btn.btn_next {right: 36px;}

/* 커뮤니티 */
.main9 {padding: 68px 0 77px 0;}
.main9 .in_Layer {}
.main9 .main7_tit {display: flex;align-items: center;}
.main9 .main7_tit h2 {font-size: 24px; font-weight: 700 !important; line-height: 1.2;letter-spacing:-0.025em; color: #000000;}
.main_community {display: flex;flex-wrap:wrap;margin-top: 37px;margin-bottom: -1.249333%;}
.main_community > li {overflow: hidden;position: relative;width: 24.063%;margin-right: 1.249333%;margin-bottom:1.249333%;border: 1px solid #e4e4e4;border-radius: 30px;}
.main_community > li:nth-child(4n) {margin-right: 0;}
.main_community > li a {display: block;}
.main_community > li .img {display: block;padding-bottom: 62.34%;}
.main_community > li .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.main_community > li .con {display: flex; justify-content: flex-end;position: absolute;bottom: 0;left: 0;width: 100%; height:80%; padding: 0 29px 0;background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0) 100%);z-index: 1;flex-direction: column;}
.main_community > li .member_info {display: flex;margin-bottom: 6px;font-size: 14px; letter-spacing:-0.025em; color: #666c7a;}
.main_community > li .member_info .division {width: 2px;height: 2px;margin: 8px 5px 0;background: #666c7a;border-radius:50%;}
.main_community > li .member_info .joining {color: #ff205f;}
.main_community > li .tit {overflow: hidden;display: block;margin-bottom: 28px;font-size: 16px; font-weight: 700;line-height: 1.2; letter-spacing:-0.025em; color: #000000;word-break: keep-all;white-space: nowrap; text-overflow: ellipsis;}

/* 공지사항 */
.main10 {padding: 60px 0;background: #f7f4fa;}
.main10 .in_Layer {display: flex;}
.main_menu {width: 28.125%;margin-top: 28px;padding-left: 30px;}
.main_menu h2 {font-size: 24px; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em; color: #010101;}
.main_menu .list {width: 160px;margin-top: 26px;}
.main_menu .list > li {position: relative;border-bottom: 1px solid #dddddd;}
.main_menu .list > li:first-child {border-top: 1px solid #ddd;}
.main_menu .list > li > a {display: block;padding: 12px 0 8px 17px;font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: #010101;}
.main_menu .list .depth2 {display: none;position: absolute;top: -15px;left: calc(100% - 34px);width: 155px;padding:20px 22px;background: #fff;border-radius:10px;z-index: 3; box-shadow:0 0 12px 0px rgba(0, 0, 0, 0.14);}
.main_menu .list > li:hover > .depth2 {display: block;}
.main_menu .list .depth2:before {content:'';position: absolute;top: 26px;left: -14px;width: 0; height: 0; border-top:9px solid transparent; border-right: 14px solid #fff; border-bottom: 9px solid transparent;z-index: 1;filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.14));}
.main_menu .list .depth2:after {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;border-radius:10px;z-index: 2;}
.main_menu .list .depth2 > li + li {margin-top: 14px;}
.main_menu .list .depth2 > li > a { display: block;position: relative;font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing:-0.025em; color: #666c7a;z-index: 3;}
.main_menu .list .depth2 > li:hover > a {color: #663398;} 
.main_menu .list .depth2 > li > a:before {content:"- ";}

.main_notice {width: 35.15625%;padding:49px 54px 38px;background-color: #ffffff;border-radius: 20px;box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.07);}
.main_notice .tit_wrap {display: flex;align-items: center;padding-bottom: 13px;border-bottom: 1px solid #afb2b8;}
.main_notice .tit_wrap h2 {font-size: 24px; font-weight: 700 !important;line-height: 1.2; letter-spacing:-0.025em; color: #010101; }
.main_notice .list {margin-top: 16px;}
.main_notice .list > li a {overflow: hidden;display: block;font-size: 16px; font-weight: 500; line-height: 2.313; letter-spacing:-0.025em; color: #010101;white-space: nowrap; text-overflow: ellipsis;}

.main_cs {width: 35.15625%;margin-left: auto;padding:49px 54px 38px;background-color: #ffffff;border-radius: 20px;box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.07);}
.main_cs h2 { font-size: 24px; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em; color: #010101;}
.main_cs .list1 {display: flex;justify-content: space-between;align-items: center;margin-top: 26px;}
.main_cs .list1 > li {width: 49.125%;}
.main_cs .list1 > li a {display: flex;justify-content: center;align-items: center;height: 48px;background-color: #151534;border-radius:24px;font-size: 16px; font-weight: bold; letter-spacing:-0.025em; color: #ffffff;}
.main_cs .list1 > li:nth-child(2) a {background-color: #663398;}
.main_cs .list2 {margin-top: 29px;}
.main_cs .list2 > li {display: flex;align-items: flex-start;font-size: 24px; font-weight: 700 !important; line-height: 1.2; letter-spacing:-0.025em; color: rgb(102, 51, 152);}
.main_cs .list2 > li + li {margin-top: 10px;}
.main_cs .list2 > li.email {font-size: 18px;word-break: break-all;}
.main_cs .list2 > li .ico {margin-top: 1px;margin-right: 12px;}
.main_cs .time {display: block;margin-top: 25px;font-size: 16px; line-height: 1.2; letter-spacing:-0.025em; color: #000000;text-align: center;word-break: keep-all;}

/* 카테고리 */
.main_cate_wrap { padding: 60px 0 67px; background: #f8f8f8; } 
.main_cate_wrap .in_Layer { max-width: 1200px; } 
.main_cate_wrap h2 { font-size: 30px; font-weight: 700; letter-spacing:-0.025em; color: rgb(1, 1, 1); text-align: center; } 
.main_cate_wrap h2 span { color: #663398; } 
.main_cate { display: grid; gap:10px; margin-top: 25px; grid-template-columns: repeat(11, 1fr); } 
.main_cate > li > a { display: flex; align-items: center; flex-direction: column; } 
.main_cate > li .icon { width: 100px; height: 100px; background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 34px; } 
.main_cate > li .icon img { display: block; width:100%; height: 100%; object-fit: cover; } 
.main_cate > li .tit { margin-top: 12px; font-size: 14px; font-weight: 500; letter-spacing:-0.025em; color: rgb(102, 108, 122); } 


@media(max-width:1380px) {
    /* LMS 클래스 ~1380px */
    /* 
    .lms_class01 {width: 100%;margin-left:0;padding: 0;}
    .lms_class01 .swiper-btn {top: -55px;width: 15px;height: 29px;}
    .lms_class01 .swiper-prev {left: auto;right: 40px;}
    .lms_class01 .swiper-next {right: 0;} 
    */
}

/* 태블릿 사이즈 */
@media(max-width:1280px) {
    /* LMS 메인 ~1280px */
    /* 
    .class_list > li .tit {font-size: 18px;}
    .class_list > li .date {font-size: 15px;}
    .class_list > li .price {font-size: 13px;}
    .class_list > li .price .total{font-size: 18px;}
    .class_list > li .txt {font-size: 15px;line-height: 23px;}
    .class_list > li .img_tit {font-size: 3.72vw;max-height: 11.8vw;}
    .lms_class01 .class_list > li .img_tit {max-height:8.5vw;font-size:2.62vw;padding:0 1.17vw;} 
    */

    /* 메인 강의 리스트 ~1280px */
    .main1 { padding: 52px 0 47px; } 
    .main1 h2 { font-size: 19px; } 
    .main1_tab .tab_tit_wrap { margin-top: 19px; } 
 
    .main_tab_tit > li { padding-right: 4px;} 
    .main_tab_tit > li a { height: 33px; padding: 0 16px; font-size: 13px; border-radius: 16px; } 
    .main_more { font-size: 13px; } 

    .main1_tab .tab_con {margin-top: 15px;}
    .lecture_list {gap:47px 0;}
    .lecture_list > li .img_wrap .img {border-radius: 8px;}   
    .lecture_list > li .con {padding-top: 8px;}
    .lecture_list > li .con .tit {font-size: 16px; }
    .lecture_list > li .con .name {font-size: 13px; } 
    .lecture_list > li .con .ico {width: 32px; height: 32px; margin: 2px 8px 0 0; border-radius: 15px;}
    .lecture_list > li .con .info { margin-top: 5px;} 
    .lecture_list > li .con .like { font-size: 13px; } 
    .lecture_list > li .con .like:before { margin-right: 4px; } 
    .lecture_list > li .con .sale {font-size: 16px;}
    .lecture_list > li .con .price{font-size: 16px; }

    /* 코칭 ~1280px */
    .main2 { padding: 50px 0 46px; }
    .main2 .info h2 { margin-top: 17px; font-size: 27px; }
    .main2 .info .txt { margin-top: 19px; font-size: 16px; }
    .main2 .list > li .img { border-radius: 8px; }
    .main2 .list > li .tit { margin-top: 26px; font-size: 16px; }
    .main2 .list > li .txt { margin-top: 4px; font-size: 14px;max-width: 260px;} 
    .main2 .list > li .txt br {display: none;}

    /* 비즈뱅 ~1280px */
    .main3 { padding: 79px 0 94px; }
    .main3 .in_Layer {flex-wrap: wrap;}
    .main3 .info h2 { margin-top: 7px; font-size: 24px; }
    .main3 .info h2 br {display: none;}
    .main3 .info .txt { margin-top: 10px; font-size: 16px; }
    .main3 .info .txt br {display: none;}
    .main3 .list {width: 100%;margin-top: 30px;}
    .main3 .list > li { border-radius: 12px;  }
    .main3 .list > li a {padding-bottom: 8px;}
    .main3 .list > li .tit { margin-top: 2px; font-size: 19px; }
    .main3 .list > li .txt {margin-top: 13px;font-size: 13px; }

    /* 프레임워크 ~1280px */
    .main4 .in_Layer {min-height: 450px;}
    .main4 .info {padding-left: 15px;}
    .main4 .info h2 { margin-top: 70px; font-size: 24px; }
    .main4 .info .tit { margin-top: 6px; font-size: 17px; }
    .main4 .info .txt { margin-top: 39px; font-size: 14px; }

    /* 메인 후기 ~1280px */
    .main5 { padding: 86px 0 88px 0; }
    .main5 .in_Layer { max-width: 1144px; }
    .main5 h2 { font-size: 24px; }
    .main_review_wrap { margin-top: 19px; }
    .main_review_wrap .inner { padding: 24px; }
    .main_review > li { border-radius: 24px 24px 0 24px; }
    .main_review > li:hover {box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.3);}
    .main_review > li a { padding: 35px 43px 44px; }
    .main_review > li .profile .img {width: 56px; height: 56px; margin-right: 15px;}
    .main_review > li .profile .cate {font-size: 16px;}
    .main_review > li .profile .name {margin-top: 5px; font-size: 14px;}
    .main_review > li .profile .name .team {}
    .main_review > li .tit {margin-top: 24px; font-size: 16px;}
    .main_review > li .txt {margin-top: 19px; font-size: 14px;}
    .main_review > li .more {}
    .main_review > li .more img {width: 44px;}
    .main5 .btn_more {width: 210px; height: 42px; margin: 17px auto 0; border-radius: 21px; font-size: 14px;}
    .main5 .btn_more:after {width: 6px; height: 9px; margin-left: 13px;}

    /* 전문가 칼럼 ~1280px */
    .main6 {padding: 56px 0;}
    .main6 h2 {font-size: 19px; }
    .main6_tab {margin-top: 16px;}
    .main6_tab .tab_con {margin-top: 15px;}
    .column_list > li .img_wrap .img1 {border-radius: 4px;}
    .column_list > li .con_wrap {margin-top: 14px;}
    .column_list > li .con_wrap .img2 {width: 31px; height: 31px; margin: 3px 9px 0 0;}
    .column_list > li .con_wrap .con {padding-right: 9px;}
    .column_list > li .con_wrap .tit {font-size: 14px;}
    .column_list > li .con_wrap .name {font-size: 12px;}

    /* 전문가 Q&A ~1280px */
    .main7 {padding: 54px 0 82px;}
    .main7_tit h2 {font-size: 19px; }
    .main_qna {margin-top: 16px;}
    .main_qna_list > li a {padding: 24px 24px 40px; border-radius: 8px;}
    .main_qna_list > li:hover a {box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.3);}
    .main_qna_list > li .question {width: 27px;}
    .main_qna_list > li .cate {font-size: 16px;}
    .main_qna_list > li .time {font-size: 13px; }
    .main_qna_list > li .tit {margin-top: 16px;font-size: 14px;}
    .main_qna_list > li .answer {right: 24px; bottom: -18px; width: 92px; height: 36px; border-radius: 18px; font-size: 13px; }

    /* 메인 하단 배너 ~1280px */
    .main8 {padding-top: 48px;}
    .main8_slider {border-radius: 12px;}
    .main8_slider .btn {width: 1.48vw;}
    .main8_slider .btn.btn_prev {left: 28px;}
    .main8_slider .btn.btn_next {right: 28px;}

    /* 커뮤니티 ~1280px */
    .main9 {padding: 54px 0 61px 0;}
    .main9 .main7_tit h2 {font-size: 19px; }
    .main_community {margin-top: 29px;}
    .main_community > li {border-radius: 24px;width: 32%;margin-right: 1.5%;margin-bottom: 1.5%;}
    .main_community > li:nth-child(4n) {margin-right: 1.5%;}
    .main_community > li:nth-child(3n) {margin-right: 0;}
    .main_community > li .con {padding: 0 20px 0;}
    .main_community > li .member_info {margin-bottom: 5px;font-size: 12px;}
    .main_community > li .tit {margin-bottom: 20px;font-size: 14px;}

    /* 공지사항 ~1280px */
    .main10 {padding: 48px 0;}
    .main_menu {margin-top: 22px;padding-left: 24px;}
    .main_menu h2 {font-size: 19px; }
    
    .main_menu .list {width: 142px;margin-top: 21px;}
    .main_menu .list > li > a {padding: 10px 0 7px 13px;font-size: 16px; }
    .main_menu .list .depth2 {top: -15px;left: calc(100% - 34px);width: 155px;padding:20px 22px;border-radius:10px; box-shadow:0 0 12px 0px rgba(0, 0, 0, 0.14);}
    .main_menu .list .depth2:before {top: 20px;left: -11px;width: 0; height: 0; border-top: 7px solid transparent; border-right: 11px solid #fff; border-bottom: 7px solid transparent;filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.14));}
    .main_menu .list .depth2:after {border-radius: 10px;}
    .main_menu .list .depth2 > li + li {margin-top: 11px;}    
    .main_menu .list .depth2 > li > a { font-size: 14px; }

    .main_notice {padding: 35px 30px 30px;border-radius: 16px;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);}
    .main_notice .tit_wrap {padding-bottom: 10px;}
    .main_notice .tit_wrap h2 {font-size: 19px; }
    .main_notice .list {margin-top: 12px;}
    .main_notice .list > li a {font-size: 14px;}
    
    .main_cs {padding: 35px 30px 30px;border-radius: 16px;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);}
    .main_cs h2 { font-size: 19px; }
    .main_cs .list1 {margin-top: 20px;}
    .main_cs .list1 > li a {height: 40px;border-radius:20px;font-size: 14px; }
    .main_cs .list2 {margin-top: 23px;}
    .main_cs .list2 > li {font-size: 19px;}
    .main_cs .list2 > li + li {margin-top: 8px;}
    .main_cs .list2 > li.email {font-size: 16px;}
    .main_cs .list2 > li .ico {width: 19px;margin-right: 10px;}
    .main_cs .time {margin-top: 20px;font-size: 14px; }

    /* 카테고리 ~1280px */
    .main_cate_wrap { padding: 48px 0 54px; }
    .main_cate_wrap h2 { font-size: 24px; }
    .main_cate_wrap .in_Layer { max-width: 737px; }
    .main_cate { gap: 20px 10px; margin-top: 20px; grid-template-columns: repeat(6, 1fr); }
    .main_cate > li .icon { width: 80px; height: 80px; border-radius: 27px; }
    .main_cate > li .tit { margin-top: 10px; font-size: 12px; }

}

/* 모바일 사이즈 */
@media(max-width:767px) {
    /* LMS 메인 ~767px */
    /*
    .lms_class01 {width:calc(100% + 3rem);margin-right: -3rem;}
    .class_list > li {width: calc(50% - 4.5px);}
    .class_list > li:nth-child(3n) {margin-right:9px;}
    .class_list > li:nth-child(2n) {margin-right: 0;}
    .class_list > li .tit {font-size: 2.6rem;}
    .class_list > li .date {font-size: 2.3rem;}
    .class_list > li .price {font-size: 2.1rem;}
    .class_list > li .price .total{font-size: 2.6rem;}
    .class_list > li .txt {font-size: 2.3rem;line-height: 3.5rem;}
    .class_list > li .img_tit {font-size: 5.46vw;max-height: 17.5vw;}
    .lms_class01 .swiper-btn{display: none;}
    .lms_class01 .class_list > li .img_tit {max-height:20.7vw;font-size: 6.39vw;padding:0  2.74vw;} 
    */

    /* 메인 강의 리스트 ~767px */
    .main1 { padding: 32px 0 29px; }
    .main1 h2 { font-size: 16px; }
    .main1_tab .tab_tit_wrap { margin-top: 11px; }

    .lecture_list { gap:29px 0; }
    .lecture_list > li { width: 48.5%; margin-right: 3%; } 
    .lecture_list > li:nth-child(5n) { margin-right: 3%; } 
    .lecture_list > li:nth-child(4n) { margin-right: 3%; } 
    .lecture_list > li:nth-child(2n) { margin-right: 0; } 
    .lecture_list > li .img_wrap .img {border-radius: 5px;}   
    .lecture_list > li .con .ico {display: none;}
    .lecture_list > li .con .tit {font-size: 14px;}
    .lecture_list > li .con .sale {font-size: 14px;}
    .lecture_list > li .con .price {font-size: 14px;}
     
    /* 코칭 ~767px */
    .main2 { padding: 31px 0 29px; }
    .main2 .in_Layer {flex-wrap:wrap;padding: 0 15px;}
    .main2 .info {width: 100%;}
    .main2 .info h2 { margin-top: 10px; font-size: 16px; }
    .main2 .info .txt { margin-top:4px; font-size: 14px;word-break: keep-all;}
    .main2 .info .txt br {display: none;}
    .main2 .list {width: 100%;margin-top: 20px;}
    .main2 .list > li {width: 48.5%;}
    .main2 .list > li .img { border-radius: 5px; }
    .main2 .list > li .tit { margin-top: 22px; font-size: 14px; }
    .main2 .list > li .txt { font-size: 13px;max-width: 242px;}

    /* 비즈뱅 ~767px */
    .main3 { padding: 49px 0 59px; }
    .main3 .info h2 { margin-top: 0; font-size: 16px; }
    .main3 .info .txt { margin-top: 8px; font-size: 14px; }
    .main3 .list {flex-wrap:wrap;margin-top: 20px;margin-bottom: -3%;}
    .main3 .list > li { width: 48.5%;margin-bottom: 3%; border-radius:7px; }
    .main3 .list > li .tit { font-size: 16px; }

    /* 프레임워크 ~767px */
    .main4 .in_Layer {min-height:0;flex-wrap:wrap;padding: 20px 0 30px;}
    .main4 .img {max-width: 100%;width: auto;margin: 0 auto;}
    .main4 .info {text-align: center;position: static;width: 100%;padding-left:0;}
    .main4 .info h2 { margin-top: 0; font-size: 16px; }
    .main4 .info .tit { margin-top: 4px; font-size: 14px; }
    .main4 .info .txt { margin-top: 25px; font-size: 13px; }

    /* 메인 후기 ~767px */
    .main5 { padding: 53px 0 55px 0; }
    .main5 .in_Layer { max-width: 717px; }
    .main5 h2 { font-size: 16px; }
    .main_review_wrap { margin-top: 11px; padding:0 35px; }
    .main_review_wrap .inner { padding: 15px; }
    .main_review > li { border-radius: 15px 15px 0 15px; }
    .main_review > li:hover {box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);}
    .main_review > li a { padding: 15px 15px 27px; }
    .main_review > li .profile .img {width: 49px; height: 49px; margin-right: 13px;}
    .main_review > li .profile .cate {font-size: 14px;}
    .main_review > li .profile .name {margin-top: 4px; font-size: 13px;}
    .main_review > li .tit {margin-top: 20px; font-size: 14px;}
    .main_review > li .txt {margin-top: 17px; font-size: 13px;}
    .main_review > li .more img {width: 27px;}
    .main_review_wrap .btn img {width: 30px;}
    .main5 .btn_more {width: 195px; height: 39px; margin: 15px auto 0; border-radius: 19px; font-size: 13px;}
    .main5 .btn_more:after {width: 5px; height: 8px; margin-left: 12px;}

    /* 전문가 칼럼 ~767px */
    .main6 {padding: 35px 0;}
    .main6 h2 {font-size: 16px; }
    .main6_tab {margin-top: 10px;}
    .column_list {margin-bottom: -6%;}
    .column_list > li {width: 48.5%;margin-right: 3%;margin-bottom: 6%;}
    .column_list > li:nth-child(2n) {margin-right: 0;}
    .column_list > li .con_wrap {margin-top: 8px;} 
    .column_list > li .con_wrap .con {padding-right: 0;}
    .column_list > li .con_wrap .tit {font-size: 13px;}
    .column_list > li .con_wrap .name .division {margin: 6px 3px 0;}
    .column_list > li .con_wrap .img2 {display: none;}

    /* 전문가 Q&A ~767px */
    .main7 {padding: 33px 0 51px;}
    .main7_tit h2 {font-size: 16px; }
    .main_qna {margin-top: 15px;}
    .main_qna_list > li a {padding: 15px 15px 40px; border-radius: 5px;}
    .main_qna_list > li .time {font-size: 12px;}
    .main_qna_list > li:hover a {box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}    
    .main_qna_list > li .question {width: 20px;}
    .main_qna_list > li .cate {font-size: 14px;}
    .main_qna_list > li .tit {margin-top: 14px;font-size: 13px;}
    .main_qna_list > li .answer {right: 15px;}

    /* 메인 하단 배너 ~767px */
    .main8 {padding-top: 30px;}
    .main8_slider {border-radius: 7px;}
    .main8_slider .btn {width: 2.368vw;}
    .main8_slider .btn.btn_prev {left: 15px;}
    .main8_slider .btn.btn_next {right: 15px;}
    .main8_list > li a img {width: 160%;max-width: 160%;}

    /* 커뮤니티 ~767px */
    .main9 {padding: 33px 0 38px 0;}
    .main9 .main7_tit h2 {font-size: 16px; }
    .main_community {margin-top: 18px;}
    .main_community > li {border-radius: 15px;width:48.5%;margin-right:3%;margin-bottom: 3%;}
    .main_community > li:nth-child(4n) {margin-right: 0;}
    .main_community > li:nth-child(3n) {margin-right: 3%;}
    .main_community > li:nth-child(2n) {margin-right: 0;} 
    .main_community > li .con {padding: 0 15px 0;}
    .main_community > li .member_info {margin-bottom: 4px;}
    .main_community > li .tit {margin-bottom: 10px;font-size: 13px;}

    /* 공지사항 ~767px */
    .main10 {padding: 30px 0;}
    .main_menu {margin-top: 13px;padding-left: 0;}
    .main_menu h2 {font-size: 16px;display: none; }
    .main10 .in_Layer {flex-wrap:wrap;}
    .main_menu {width:100%;margin-top: 0;}
    .main_menu .list {width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 0;}
    .main_menu .list > li {position: relative;border: none;}
    .main_menu .list > li:first-child {border: none;}
    .main_menu .list > li:before {content:'';position: absolute;top: calc(50% - 1px);left:0;width: 1px;height: 11px;transform: translate(0,-50%); background: #afb2b8;}
    .main_menu .list > li:first-child:before {display: none;}
    .main_menu .list > li > a {padding:5px 10px;font-size: 13px; }

    .main_menu .list .depth2 {display: none !important;}

    .main_notice {width: 100%;margin-top: 20px;padding:20px 15px;border-radius: 10px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.07);}
    .main_notice .tit_wrap {padding-bottom: 8px;}
    .main_notice .tit_wrap h2 {font-size: 16px; }
    .main_notice .list {margin-top: 10px;}
    .main_notice .list > li a {font-size: 13px;}
    
    .main_cs {width: 100%;margin-top: 15px;padding: 20px 15px;border-radius: 10px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.07);}
    .main_cs h2 { font-size: 16px; }
    .main_cs .list1 {margin-top: 15px;}
    .main_cs .list2 {margin-top: 19px;}
    .main_cs .list2 > li {font-size: 16px;}
    .main_cs .list2 > li + li {margin-top: 6px;}
    .main_cs .list1 > li a {height: 38px;border-radius: 19px;font-size: 13px; }
    .main_cs .list2 > li.email {font-size: 13px;}
    .main_cs .list2 > li .ico {width: 16px;margin-right: 8px;}
    .main_cs .time {margin-top: 15px;font-size: 13px; }

    /* 카테고리 ~767px */
    .main_cate_wrap { padding: 30px 0 10px; background: #fff; } 
    .main_cate_wrap h2 { font-size: 20px; }
    .main_cate_wrap .in_Layer { max-width: 570px; } 
    .main_cate { display: flex; flex-wrap: wrap; justify-content: center; gap:17px 10px; max-width:530px; margin: 20px auto 0; } 
    .main_cate > li .icon { width: 100px; height: 100px; border-radius: 34px; } 
    .main_cate > li .tit { margin-top: 12px; font-size: 14px; } 
    .main_cate > li.mo_none { display: none; } 
}

@media(max-width:640px) {
    /* 카테고리 ~640px */ 
    .main_cate { gap: max(2.656vw, 13px) max(1.563vw, 8px); max-width: max(82.813vw, 378px); margin-top: max(3.125vw, 14px); } 
    .main_cate > li .icon { width: max(15.625vw, 72px); height: max(15.625vw, 72px); border-radius: max(5.313vw, 24px); } 
    .main_cate > li .tit { margin-top: max(1.875vw, 8px); font-size: max(2.188vw, 10px); }
}

/* 윈도우 OS 폰트 설정 */
.windowOS .main_community > li .member_info {transform: rotate(0.03deg)}
.windowOS .main_cs .time {transform: rotate(0.03deg)}