body,html{background:#000}.m_none,.tab_none{display:block}.pc_none{display:none}.class_list{background:#141414}.class_list .main_popup{background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;right:0;bottom:0;display:none;z-index:9999}.class_list .main_popup_content{display:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:992px){.class_list .main_popup_content{width:350px}}@media screen and (max-width:576px){.class_list .main_popup_content{width:300px}}.class_list #list_top_slider{display:none}.class_list #list_top_slider li .slide_evnet_bgcolor1{background:#434343}.class_list #list_top_slider li .slide_evnet_bgcolor2{background:#190602}.class_list #list_top_slider li .slide_evnet_bgcolor3{background:#444}.class_list #list_top_slider li .slide_evnet{position:relative;align-items:center;color:#fff}.class_list #list_top_slider li .slide_evnet .event_text{position:relative;width:100%;padding:3rem 5%;z-index:20}.class_list #list_top_slider li .slide_evnet .event_text .event_title{font-size:1.8rem;font-weight:700}.class_list #list_top_slider li .slide_evnet .event_text .event_tit{font-size:1rem;font-weight:400;margin-top:.5rem}.class_list #list_top_slider li .slide_evnet .event_img{position:absolute;right:0;top:50%;height:140%;transform:translateY(-50%)}.class_list #list_top_slider li .slide_evnet .event_img img{display:block;height:100%}.class_list #list_top_slider .slick-dots{position:absolute;right:2rem;bottom:1rem}.class_list #list_top_slider .slick-dots li{display:inline-block;margin:0 .5rem}.class_list #list_top_slider .slick-dots li button{width:.5rem;height:.5rem;border-radius:50px;background:#eee;font-size:0;transition:.5s}.class_list #list_top_slider .slick-dots .slick-active button{width:1rem;background:#f50}.class_list .category_wrap{position:relative;overflow:hidden;margin-top:3rem}.class_list .category_wrap:before{content:"";position:absolute;right:0;height:100%;width:2rem;background:linear-gradient(-90deg,#141414 5%,transparent)}.class_list .category_wrap .category{display:flex;justify-content:flex-start;overflow-x:scroll;white-space:nowrap;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none}.class_list .category_wrap .category::-webkit-scrollbar{display:none}.class_list .category_wrap .category a,.class_list .category_wrap .category span{display:inline-block;font-size:1.125rem;color:#fff;margin-left:3rem;cursor:pointer}.class_list .category_wrap .category a.selected,.class_list .category_wrap .category span.selected{color:#f50}.class_list .category_wrap .category a:first-child,.class_list .category_wrap .category span:first-child{margin-left:0}.class_list .category_wrap .category a:last-child,.class_list .category_wrap .category span:last-child{padding-right:5rem}.class_list .class_filter{margin-top:3rem;color:#fff}.class_list .class_filter .filter::-ms-expand{display:none}.class_list .class_filter .filter{-o-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/static/front/images/list/filter_icon.png) no-repeat 80% 50% #141414;color:#fff;font-size:1rem;padding:1rem 5rem 1rem 2rem;border:1px solid #fff;border-radius:5px}.class_list .class_filter .filter:focus{outline:none}.class_list .class_wrap{margin-top:3rem;min-height:30rem;overflow:hidden}.class_list .class_wrap .wrap{margin:0 auto}.class_list .class_wrap .wrap .class_item{justify-content:flex-start;margin:0 -.8rem}.class_list .class_wrap .class{width:33.3333333333%;background:none;padding:0 .8rem;margin:0 0 5rem}.class_list .class_wrap .class a{display:block;overflow:hidden}.class_list .class_wrap .class a:hover .class_img{transform:scale(1.1)}.class_list .class_wrap .class a .class_img{height:15.438rem;transition:all .3s ease-in-out}.class_list .class_wrap .class .detail .title{font-size:1.125rem;font-weight:500;line-height:1.17;margin-top:5px;color:#fff}.class_list #input-form{position:relative;margin-top:2rem;color:#fff}.class_list #input-form #keyword{border:1px solid #5b5b5b;border-radius:5px;background:none;color:#fff;padding:1rem 2rem 1rem 7rem;width:100%;max-width:30rem}.class_list #input-form #keyword:focus{outline:none}.class_list #input-form span{position:absolute;left:2rem;top:50%;transform:translateY(-50%);padding-right:2rem;border-right:1px solid #5b5b5b}.class_list .category_bg,.class_list .category_wrap .category_mbg,.class_list .m_category{display:none}.class_list .category_title_wrap{margin-top:4.9rem}.class_list .category_title_wrap .category_title{font-size:1.567rem;font-weight:500;letter-spacing:-.039rem;color:#000}.class_list .category_title_wrap .category_detail{line-height:1.67;font-size:1rem;font-weight:300;letter-spacing:-.02rem;color:#595959}@media screen and (max-width:1440px){.class_list .title_wrap{background-position:50%}}@media screen and (max-width:992px){.tab_none{display:none}.class_list .class_wrap{margin:3rem 0 0}.class_list .class_wrap .wrap .class_item{margin:0 -.6rem}.class_list .class_wrap .class{width:50%;padding:0 .6rem}.class_list .class_wrap .class a .class_img{height:100%}.class_list #list_top_slider .slick-dots{right:calc(4.8% + 1rem)}.class_list #input-form span{left:calc(4.8% + 2rem)}.class_list #input-form #keyword{padding-left:7.5rem}.class_list .title_wrap{padding:77px 0;background:url(/static/front/images/content/bg_class_list_m_title_wrap.jpg) no-repeat cover;width:100%}.class_list .title_wrap .title{font-size:41px}.class_list .title_wrap .sub_title{margin-top:8px;line-height:1.18;letter-spacing:-.34px;font-size:17px;font-weight:500}.class_list .category_bg{position:relative;display:block}.class_list .category_bg .bg_black{position:absolute;top:2.5rem;right:0;width:6rem;height:3rem;background:linear-gradient(90deg,rgba(20,20,20,0),#141414 50%);z-index:20}.class_list .category_wrap{position:relative;overflow-x:scroll;-ms-overflow-style:none}.class_list .category_wrap::-webkit-scrollbar{display:none}.class_list .category_title_wrap{margin-top:37px}.class_list .category_title_wrap .category_title{font-size:20px;letter-spacing:-.5px}.class_list .category_title_wrap .category_detail{font-size:12.5px}}@media screen and (max-width:576px){.m_none{display:none}.pc_none{display:block}.class_list #list_top_slider li .slide_evnet .event_img{height:100%;transform:translate(30%,-50%)}.class_list .class_wrap .wrap .class_item{margin:0 -.3rem}.class_list .class_wrap .class{padding:0 .3rem}.class_list .class_wrap .class .detail .top{margin-bottom:0}.class_list .class_wrap .class .detail .top .tags>div{font-size:10px;line-height:1.33;letter-spacing:-.3px;color:#bfbfbf}.class_list .class_wrap .class .detail .top .like,.class_list .class_wrap .class .detail .top .tags #dot:nth-child(4){display:none}.class_list .class_wrap .class .detail .title{display:block;font-size:1.1rem;line-height:1.5;font-weight:500;text-align:left;color:#fff;margin-top:.3rem;letter-spacing:0}.class_list #input-form #keyword{max-width:100%}.class_list .title_wrap{background:url(/static/front/images/content/bg_class_list_m_title_wrap.jpg) no-repeat;background-size:cover;padding:70px 0;width:100%}.class_list .title_wrap .title{font-size:28.5px}.class_list .title_wrap .sub_title{margin-top:8px;line-height:1.68;letter-spacing:-.28px;font-size:14px;font-weight:500}.class_list .category_title_wrap{margin-top:34px}.class_list .category_title_wrap .category_title{font-size:16.5px;letter-spacing:-.41px}.class_list .category_title_wrap .category_detail{margin-top:0;line-height:1.4;font-size:12px}}@media screen and (max-width:374px){.class_list .category_title_wrap{margin-top:32px}.class_list .category_title_wrap .category_detail{margin-top:0}}