.header-banner{display:none;position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1000}.header-banner .btn-close-banner{width:50px;height:50px;position:absolute;right:315px;top:0;color:#fff;font-size:0}.header-banner .btn-close-banner:before{top:10px;transform:rotate(45deg)}.header-banner .btn-close-banner:after,.header-banner .btn-close-banner:before{width:1px;height:30px;display:block;position:relative;left:24px;background-color:#fff;content:""}.header-banner .btn-close-banner:after{top:-20px;transform:rotate(-45deg)}.lecture_title{font-weight:700;font-size:30px}.lecture{margin-top:40px;margin-bottom:100px}.swiper-button-next:after,.swiper-button-prev:after{content:""}.top-banner{margin-top:40px}.top-banner .swiper-container{position:relative}.top-banner .swiper-slide img{width:1280px;height:400px;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}.top-banner .swiper-controller-wrap{width:354px;height:30px;border-radius:15px;background-color:rgba(0,0,0,.2);position:absolute;bottom:51px;right:206px;z-index:100}.top-banner .swiper-controller-wrap .swiper-pagination-fraction{width:48px;bottom:8px;left:18px;color:#fff}.top-banner .swiper-controller-wrap .swiper-pagination-fraction .swiper-pagination-current{padding-right:14px;font-weight:400}.top-banner .swiper-controller-wrap .swiper-pagination-fraction .pagination-bar{width:1px;height:10px;background-color:hsla(0,0%,100%,.5);position:absolute;top:2px;left:24px;content:""}.top-banner .swiper-controller-wrap .swiper-scrollbar{width:200px;height:2px;background-color:hsla(0,0%,100%,.2);position:absolute;top:15px;left:80px}.top-banner .swiper-controller-wrap .swiper-scrollbar .swiper-scrollbar-drag{background-color:#fff}.top-banner .swiper-controller-wrap .swiper-button-next,.top-banner .swiper-controller-wrap .swiper-button-prev{margin-top:-15px;width:21px;height:30px}.top-banner .swiper-controller-wrap .swiper-button-prev{background-image:url(/images/desktop/global/icon_left_arrow_white.png);background-repeat:no-repeat;background-position:50%;background-size:7px 10px;transform:translateX(288px)}.top-banner .swiper-controller-wrap .swiper-button-prev:hover{background-image:url(/images/desktop/global/icon_left_arrow_purple.png)}.top-banner .swiper-controller-wrap .swiper-button-next{background-image:url(/images/desktop/global/icon_right_arrow_white.png);background-repeat:no-repeat;background-position:50%;background-size:7px 10px;transform:translateX(-3px)}.top-banner .swiper-controller-wrap .swiper-button-next:hover{background-image:url(/images/desktop/global/icon_right_arrow_purple.png)}.ad{margin-top:104px}.ad img{width:1280px;height:120px;border:1px solid rgba(0,0,0,.1);border-radius:5px;box-sizing:border-box}.swiper-button-next-common,.swiper-button-prev-common{width:30px;height:30px;margin-top:-14px;border-radius:50%;position:absolute;z-index:100;cursor:pointer}.swiper-button-next-common:hover,.swiper-button-prev-common:hover{background-color:rgba(0,0,0,.7)}.swiper-button-next-common:focus,.swiper-button-prev-common:focus{outline:none}.swiper-button-prev-common{background:rgba(0,0,0,.4) url(/images/desktop/global/icon_left_arrow_white.png) no-repeat 50%;left:-20px}.swiper-button-next-common{background:rgba(0,0,0,.4) url(/images/desktop/global/icon_right_arrow_white.png) no-repeat 13px;right:-20px}.middle-banner{width:1240px;margin:80px auto 0;position:relative;text-align:left}.middle-banner h2{position:relative;font-weight:700;font-size:30px;right:20px}.middle-banner .middle-swiper-container{margin-top:40px;margin-bottom:80px;overflow:hidden}.middle-banner .middle-swiper-container .swiper-slide img{width:232px;height:232px;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-sizing:border-box}.middle-banner .middle-swiper-container .lecture-image-box{position:relative}.middle-banner .middle-swiper-container .lecture-image-box .certificate-mark{border:1px solid hsla(0,0%,100%,.8);border-radius:16px;margin-right:12px;margin-bottom:12px;padding:6px 9px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);position:absolute;bottom:0;right:0;font-size:11px;font-weight:700;color:#fff}.middle-banner .middle-swiper-container2{margin-top:40px;margin-bottom:80px;overflow:hidden}.middle-banner .middle-swiper-container2 .swiper-slide img{width:232px;height:232px;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-sizing:border-box}.middle-banner .middle-swiper-container2 .lecture-image-box{position:relative}.middle-banner .middle-swiper-container2 .lecture-image-box .certificate-mark{border:1px solid hsla(0,0%,100%,.8);border-radius:16px;margin-right:12px;margin-bottom:12px;padding:6px 9px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);position:absolute;bottom:0;right:0;font-size:11px;font-weight:700;color:#fff}.middle-banner .middle-swiper-container2 .swiper-slide img{width:296px;height:222px}.middle-banner .middle-swiper-container2 .lecture-description{width:296px}.middle-banner .middle-swiper-container2 .lecture-description .lecture-description-sub{padding-top:20px;overflow:hidden;color:#777}.middle-banner .middle-swiper-container2 .lecture-description .lecture-description-sub .lecture-type{padding:6px 8px;background-color:#9b00d8;float:left;font-size:11px;color:#fff}.middle-banner .middle-swiper-container2 .lecture-description .lecture-description-sub .lecture-date{padding:6px 0 0 10px;float:left;font-size:12px}.middle-banner .middle-swiper-container2 .lecture-description .lecture-description-sub .lecture-time{padding-top:6px;max-width:220px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:right;font-size:12px}.middle-banner .middle-swiper-container2 .lecture-description .lecture-name{margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:block;height:48px;font-size:16px;line-height:1.5}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.middle-banner .middle-swiper-container2 .lecture-description .lecture-name{display:block}}.middle-banner .middle-swiper-container2 .lecture-description .lecture-all-price{display:flex;align-items:center;margin-top:12px}.middle-banner .middle-swiper-container2 .lecture-description .lecture-price{font-weight:700;font-size:16px;color:#9b00d8;letter-spacing:.8px;margin-right:5px}.middle-banner .middle-swiper-container2 .lecture-description .lecture-sale{font-weight:700;color:red;font-size:12px;margin-right:5px}.middle-banner .middle-swiper-container2 .lecture-description .lecture-ogprice{color:#ccc;font-size:12px;text-decoration:line-through}.middle-banner .middle-swiper-container3{margin-top:40px;margin-bottom:80px;overflow:hidden}.middle-banner .middle-swiper-container3 .swiper-slide img{width:232px;height:232px;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-sizing:border-box}.middle-banner .middle-swiper-container3 .lecture-image-box{position:relative}.middle-banner .middle-swiper-container3 .lecture-image-box .certificate-mark{border:1px solid hsla(0,0%,100%,.8);border-radius:16px;margin-right:12px;margin-bottom:12px;padding:6px 9px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);position:absolute;bottom:0;right:0;font-size:11px;font-weight:700;color:#fff}.middle-banner .middle-swiper-container3 .swiper-slide img{width:296px;height:222px}.middle-banner .middle-swiper-container3 .lecture-description{width:296px}.middle-banner .middle-swiper-container3 .lecture-description .lecture-description-sub{padding-top:20px;overflow:hidden;color:#777}.middle-banner .middle-swiper-container3 .lecture-description .lecture-description-sub .lecture-type{padding:6px 8px;background-color:#9b00d8;float:left;font-size:11px;color:#fff}.middle-banner .middle-swiper-container3 .lecture-description .lecture-description-sub .lecture-date{padding:6px 0 0 10px;float:left;font-size:12px}.middle-banner .middle-swiper-container3 .lecture-description .lecture-description-sub .lecture-time{padding-top:6px;max-width:220px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:right;font-size:12px}.middle-banner .middle-swiper-container3 .lecture-description .lecture-name{margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:block;height:48px;font-size:16px;line-height:1.5}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.middle-banner .middle-swiper-container3 .lecture-description .lecture-name{display:block}}.middle-banner .middle-swiper-container3 .lecture-description .lecture-all-price{display:flex;align-items:center;margin-top:12px}.middle-banner .middle-swiper-container3 .lecture-description .lecture-price{font-weight:700;font-size:16px;color:#9b00d8;letter-spacing:.8px;margin-right:5px}.middle-banner .middle-swiper-container3 .lecture-description .lecture-sale{font-weight:700;color:red;font-size:12px;margin-right:5px}.middle-banner .middle-swiper-container3 .lecture-description .lecture-ogprice{color:#ccc;font-size:12px;text-decoration:line-through}.middle-banner .middle-swiper-button-prev,.middle-banner .middle-swiper-button-prev2,.middle-banner .middle-swiper-button-prev3{top:186px}.middle-banner .middle-swiper-button-next,.middle-banner .middle-swiper-button-next2,.middle-banner .middle-swiper-button-next3{top:186px;right:-20px}.bottom-banner{width:1240px;margin:140px auto 0;position:relative}.bottom-banner .bottom-swiper-container{overflow:hidden}.bottom-banner .bottom-swiper-container .swiper-slide img{width:610px;height:200px;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-sizing:border-box}.bottom-banner .bottom-swiper-button-prev{top:100px}.bottom-banner .bottom-swiper-button-next{top:100px;right:-20px}.community{margin-top:140px;background-color:#fdf8ff;min-width:1280px;height:238px}.community .community-wrap{padding-top:48px;overflow:hidden}.community .community-wrap .community-common{width:310px;float:left;position:relative}.community .community-wrap .community-common h2{font-weight:700;font-size:20px;letter-spacing:.9px}.community .community-wrap .community-common ul{margin-top:30px}.community .community-wrap .community-common ul li{width:300px;margin-top:22px;padding-left:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.community .community-wrap .community-common ul li a{font-size:14px}.community .community-wrap .community-common ul li:before{width:2px;height:2px;background-color:#222;position:absolute;top:6px;left:0;content:""}.community .community-wrap .community-common ul li:hover{text-decoration:underline}.community .community-wrap .community-common .btn-more{width:56px;background-image:url(/images/desktop/global/icon_plus.png);background-repeat:no-repeat;background-position:42px;display:block;position:absolute;top:4px;right:-4px;font-size:13px;color:#777}.community .community-wrap .community-common .btn-more:hover{background-image:url(/images/desktop/global/icon_plus_on.png);text-decoration:underline}.community .community-wrap .notice{margin-right:80px}.community .community-wrap .community-menu{float:right}.community .community-wrap .community-menu li{margin-right:30px;position:relative;float:left;text-align:center}.community .community-wrap .community-menu li a{font-size:16px}.community .community-wrap .community-menu li a p{padding-top:20px}.community .community-wrap .community-menu li a:before{width:88px;height:88px;border:1px solid #ece6ec;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:50%;display:block;content:""}.community .community-wrap .community-menu li a:hover{font-weight:700}.community .community-wrap .community-menu li:first-child a:before{background-image:url(/images/desktop/global/icon_foot_mypage.png)}.community .community-wrap .community-menu li:first-child a:hover:before{background-image:url(/images/desktop/global/icon_foot_mypage_on.png)}.community .community-wrap .community-menu li:nth-child(2) a:before{background-image:url(/images/desktop/global/icon_foot_cs.png)}.community .community-wrap .community-menu li:nth-child(2) a:hover:before{background-image:url(/images/desktop/global/icon_foot_cs_on.png)}.community .community-wrap .community-menu li:nth-child(3) a:before{background-image:url(/images/desktop/global/icon_foot_lecture.png)}.community .community-wrap .community-menu li:nth-child(3) a:hover:before{background-image:url(/images/desktop/global/icon_foot_lecture_on.png)}.community .community-wrap .community-menu li:last-child{margin:0}