@charset "utf-8";

#wrap{width: 100%;}
#wrap .wrap{width: 1400px;margin: 0 auto;max-width:100%;}
#wrap .tabs{display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;}
#wrap .tabs::-webkit-scrollbar{-webkit-appearance: none;}
#wrap .tabs .tab{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:5px 16px;border-radius:20px;background:#f3f4f5;line-height:26px;font-size:17px;font-weight:400;color:#666666;white-space:nowrap;}
#wrap .tabs .tab.on{color:#467fd7;background:#e8f6f9;}
#wrap .tabs-box{display:none;}
#wrap .tabs-box.on{display:block;}

#main{}
#main .visual{position:relative;overflow:hidden;}
#main .visual #main_bn{margin:0;border:0;padding:0;}
#main .visual #main_bn .swiper-wrapper{background:cornflowerblue}
#main .visual #main_bn .swiper-slide{display:flex;align-items:center;justify-content:center;height:390px;margin:0 auto;width:1400px;max-width:100%;}
#main .visual #main_bn .swiper-slide .wrap{display:flex;align-items:center;justify-content:space-between;}
#main .visual #main_bn .swiper-slide .con{flex:1;display:flex;flex-direction:column;}
#main .visual #main_bn .swiper-slide .tit{line-height:48px;font-size:36px;font-weight:500;color:#fff;}
#main .visual #main_bn .swiper-slide .txt{margin-top:20px;line-height:24px;font-size:20px;font-weight:400;color:#fff;}
#main .visual #main_bn .swiper-slide .img{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#main .visual #main_bn .swiper-slide .img img{max-height:100%;width:auto;object-fit:contain;}
#main .visual #main_bn .swiper-slide img{display:block;margin:0 auto;max-width:100%;}
#main .visual #main_bn .swiper-pagination{position:absolute;bottom:0;left:0;width:100%;height:auto;margin:30px;display: flex;align-items: center;justify-content: center;}
#main .visual #main_bn .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:30px;background: rgba(210, 210, 210, 0.2);opacity:1;cursor:pointer;}
#main .visual #main_bn .swiper-pagination .swiper-pagination-bullet-active{width:30px;background: rgba(255,255,255,0.5);}
#main .visual #main_bn .swiper-button-prev{position:absolute;top:50%;left:50%;margin-left: -848px;width:48px;height:80px;margin-top:-40px;background:url("../img/common/main_arrow_left.png") no-repeat center;}
#main .visual #main_bn .swiper-button-prev:after{display:none;}
#main .visual #main_bn .swiper-button-next{position:absolute;top:50%;left:50%;margin-left: 800px;width:48px;height:80px;margin-top:-40px;background:url("../img/common/main_arrow_right.png") no-repeat center;}
#main .visual #main_bn .swiper-button-next:after{display:none;}
#main .contents{position:relative;overflow:hidden;}
#main .contents .wrap{position:relative;}
#main .class_wrap ~ .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:36px;}
#main .class_wrap ~ .more a{display:flex;align-items:center;gap:4px;font-size:15px;color:#888888;}
#main .class_wrap ~ .more a svg{margin-top:-3px;}
#main .class_wrap ~ .more a svg path{fill:#888888;}
#main .recoclass{position:relative;background:#ffffff;padding:70px 0 100px;}
#main .allclass{position:relative;background:#ffffff;padding:70px 0 100px;}
#main .allclass .class{}
#main .allclass .class ul li .con .title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:56px;}
#main .bestclass{position:relative;background:#fafafa;padding:100px 0 90px;}
#main .bestclass .wrap{display:flex;}
#main .bestclass .header{flex:0 1 356px;display:flex;flex-direction:column;align-items:flex-start;position:relative;}
#main .bestclass .header h2{line-height:1.4;font-size:32px;color:#222222;}
#main .bestclass .header h2 span{color:#467fd7;}
#main .bestclass .header p{margin-top:10px;font-size:17px;color:#777777;}
#main .bestclass .header a{margin-top:27px;display:flex;align-items:center;justify-content:center;line-height:1;font-size: 16px;padding: 14px 17px;border-radius: 5px;background:#467fd7;color:#fff;border:1px solid transparent;}
#main .bestclass .class{flex:1 1;}
#main .bestclass .class ul{}
#main .bestclass .class li{width:calc(50% - 18px);}
#main .review{position:relative;background: #467fd7;padding:100px 0 95px;}
#main .review .header{margin-bottom:38px;text-align:center;}
#main .review .header h2{line-height:1.4;font-size:32px;font-weight:500;color:#ffffff;}
#main .review .header h2 em{position:relative;font-weight:700;}
#main .review .header h2 em:before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:4px;background:#ffffff;}
#main .review .header p{margin-top:10px;font-size:17px;color:#ffffff;}
#main .review .list{position:relative;}
#main .review .list #review_bn{overflow:hidden;}
#main .review .list ul{}
#main .review .list ul li{border-radius:15px;overflow:hidden;background:#ffffff;}
#main .review .list ul li .img{position:relative;overflow:hidden;}
#main .review .list ul li .img .image{width:100%;height:166px;}
#main .review .list ul li .img .image img{display:block;width:100%;height:100%;}
#main .review .list ul li .img .icon{position:absolute;top:10px;left:10px;display:flex;gap:4px;}
#main .review .list ul li .img .icon p{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:rgb(0 0 0 / 0.2);border-radius:22px;}
#main .review .list ul li .img .count{position:absolute;top:10px;right:10px;display:flex;padding:4px 7px;border-radius:4px;background:rgb(0 0 0 / 0.2);height:22px;gap:10px;}
#main .review .list ul li .img .count p{display:flex;align-items:center;gap:4px;}
#main .review .list ul li .img .count p i{width:13px;height:13px;display:flex;align-items:center;justify-content:center;}
#main .review .list ul li .img .count p i svg{}
#main .review .list ul li .img .count p i svg path{fill:#ffffff;}
#main .review .list ul li .img .count p span{font-size: 11px;color: #fff;line-height: 1;}
#main .review .list ul li .con{padding:20px;}
#main .review .list ul li .con .category{font-size:14px;color:#777;}
#main .review .list ul li .con .title{margin-top:5px;}
#main .review .list ul li .con .title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:66px;line-height:33px;font-size:22px;font-weight:500;color: #003694;word-break:break-all;letter-spacing: -1px;}
#main .review .list ul li .con .text{margin-top:18px;}
#main .review .list ul li .con .text a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height:102px;line-height:1.7;font-size:15px;font-weight:400;color:#888888;}
#main .review .list ul li .con .star{margin-top:20px;display:flex;justify-content:flex-end;align-items:center;gap:10px;}
#main .review .list ul li .con .star .star_img{position:relative;width:70px;height:13px;background:#dee1e4;}
#main .review .list ul li .con .star .star_img:before{content:'';position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:url("../img/main/star_img.png") no-repeat left center / 70px 13px;}
#main .review .list ul li .con .star .star_img .fill{position:relative;z-index:1;height:100%;background:#ffcc00;}
#main .review .list ul li .con .star .star_name{font-size: 14px;color: #888888;letter-spacing: -0.5px;}
#main .review .swiper-button-prev{position:absolute;top:50%;left:-50px;width:50px;height:50px;margin-top:-25px;display:flex;align-items:center;justify-content:center;}
#main .review .swiper-button-prev svg path{fill:#ffffff;}
#main .review .swiper-button-prev:after{display:none;}
#main .review .swiper-button-next{position:absolute;top:50%;left:100%;width:50px;height:50px;margin-top:-25px;display:flex;align-items:center;justify-content:center;}
#main .review .swiper-button-next:after{display:none;}
#main .review .swiper-button-next svg path{fill:#ffffff;}
#main .special{position:relative;background:#ffffff;padding:100px 0 100px;}
#main .special .header{margin-bottom:38px;text-align:center;}
#main .special .header h2{line-height:1.4;font-size:32px;font-weight:500;color:#222222;}
#main .special .header h2 span{font-weight:700;color: #467fd7;}
#main .special .content{}
#main .special .content ul{display:flex;justify-content:space-between;}
#main .special .content li{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;}
#main .special .content li .img{width:110px;height:110px;border-radius:15px;background:#fafafa;padding:15px;display:flex;align-items:center;justify-content:center;}
#main .special .content li .tit{margin-top:25px;font-size:24px;font-weight:700;color:#222222;}
#main .special .content li .txt{margin-top:15px;font-size:16px;color:#888888;}
#main .textbook{position:relative;background:#fafafa;padding:100px 0 90px;}
#main .textbook .header{margin-bottom:38px;text-align:center;}
#main .textbook .header h2{line-height:1.4;font-size:32px;font-weight:500;color:#222222;}
#main .textbook .header h2 span{font-weight:700;color:#467fd7;}
#main .textbook .list{}
#main .textbook .list ul{display:flex;gap:50px 25px;flex-wrap:wrap;}
#main .textbook .list li{width:calc(20% - 20px);}
#main .textbook .list li .img{border-radius:15px;overflow:hidden;}
#main .textbook .list li .img img{display:block;width:100%;height:100%;object-fit:cover;}
#main .textbook .list li .con{padding-top:12px;}
#main .textbook .list li .con .category{display:flex;}
#main .textbook .list li .con .category span{display:flex;align-items:center;font-size: 14px;color: #777777;letter-spacing: -0.5px;}
#main .textbook .list li .con .category span + span:before{content:'';width:1px;height:10px;background:#d6d6d6;margin:0 10px;}
#main .textbook .list li .con .title{line-height:28px;font-size: 19px;font-weight:500;height: 56px;margin-top: 7px;}
#main .textbook .list li .con .title a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#main .textbook .list li .con .info{display:flex;gap:10px;align-items:center;line-height:25px;}
#main .textbook .list li .con .info .origin{font-size: 15px;color: #b3b3b3;text-decoration: line-through;}
#main .textbook .list li .con .info .price{font-size:17px;color: #467fd7;font-weight:700;}
#main .quick{position:relative;background:#ffffff;padding:60px 0;visibility:visible;opacity:1;right:0;bottom:0;}
#main .quick .link{display:flex;gap:25px;}
#main .quick .link a{flex:1;}
#main .quick .link a img{display:block;width:100%;height:auto;object-fit:contain;}
#main .customer{position:relative;background:#ffffff;padding:80px 0;border-top:1px solid #ececec;}
#main .customer .wrap{display:flex;gap:50px;}
#main .customer .desc{flex:1;position:relative;}
#main .customer .title{line-height:36px;font-size:24px;font-weight:500;color:#222222;margin-bottom:15px;}
#main .customer .content{border-radius:5px;background:#fafafa;padding:14px 30px;}
#main .customer .content a{display:flex;padding:12px 0;border-bottom:1px solid #ececec;gap:10px;}
#main .customer .content a:last-child{border-bottom:0;}
#main .customer .content a .ico{flex:0 0 auto;}
#main .customer .content a .ico svg{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
#main .customer .content a .tit{flex:1;font-size:16px;font-weight:400;color:#222222;}
#main .customer .content a .arw{flex:0 0 auto;}
#main .customer .content a .arw svg{width:20px;height:20px;display:flex;align-items:center;justify-content:center;}
#main .customer .latest{}
#main .customer .latest ul{padding: 14px 0 13px;}
#main .customer .latest li{}
#main .customer .latest li a{display:flex;height:49px;align-items:center;}
#main .customer .latest li a p{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size: 16px;font-weight:400;color:#222;}
#main .customer .latest li a span{flex:0 0 auto;margin-left:10px;font-size:14px;color:#bbb;}
#main .customer .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:36px;}
#main .customer .more a{display:flex;align-items:center;gap:4px;font-size:15px;color:#888888;}
#main .customer .more a svg{margin-top:-3px;}
#main .customer .more a svg path{fill:#888888;}
#main .banner{}
#main .banner a{display:flex;align-items:center;justify-content:center;background:#292929;flex-direction:column;text-align:center;min-height:232px;}
#main .banner a img{width:auto;max-width:100%;height:auto;}
#main .banner a .txt{line-height:32px;font-size:24px;color:#fff;}
#main .banner a .act{display:flex;align-items:center;justify-content:center;padding:0 20px;min-width:164px;height:44px;border-radius:4px;background:#47c1d8;font-size:16px;color:#fff;margin-top:30px;}

#sub_top{position:relative;padding-top:45px;padding-bottom:30px;}
#sub_top .wrap{display:flex;align-items:center;justify-content:space-between;}
#sub_top .title{font-size: 28px;font-weight:700;color: #222222;letter-spacing: -1px;}
#sub_top .location{margin-top:-2px;display:flex;align-items:center;gap:7px;}
#sub_top .location span{font-size:14px;color:#9a9a9a;display:flex;align-items:center;letter-spacing:-0.5px;gap:5px;}
#sub_top .location svg polyline{stroke:#9a9a9a;}
#sub_top .location a{color:#9a9a9a;font-weight:300;}
#sub_top .location a:hover{text-decoration:underline;}

#sub_allclass{}

#sub_detail{position:relative;}
#sub_detail .detail_wrap{}
#sub_detail .detail_wrap .wrap{display:flex;justify-content:space-between;align-items:flex-start;}
#sub_detail .detail_view_scroll{flex:0 1 500px;margin-right: 55px;position:sticky;top:90px;z-index:2;max-width:500px;}
#sub_detail .detail_view_scroll .image{position:relative;}
#sub_detail .detail_view_scroll .image .count{position:absolute;top:5px;right:5px;display:flex;z-index:10;padding:4px 10px;border-radius:5px;background:rgb(0 0 0 / 0.25);}
#sub_detail .detail_view_scroll .image .count p{padding:0 5px;display:flex;align-items:center;justify-content:center;font-size:14px;gap:5px;}
#sub_detail .detail_view_scroll .image .count p span{display:flex;align-items:center;justify-content:center;height:24px;color:rgba(255,255,255,0.7);}
#sub_detail .detail_view_scroll .image .count p svg{width:16px;height:16px;color:rgba(255,255,255,0.7);}
#sub_detail .detail_view_scroll .image .count p svg path{fill:rgba(255,255,255,0.7);}
#sub_detail .detail_view_scroll .image .count p + p{border-left:1px solid rgb(50 50 50 / 0.1);}
#sub_detail .detail_view_scroll .image .slider{width:100%;height:250px;overflow:hidden;}
#sub_detail .detail_view_scroll .image .slider img{display:block;width:100%;height:100%;object-fit:cover;}
#sub_detail .detail_view_scroll .image .swiper-button-prev{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center;}
#sub_detail .detail_view_scroll .image .swiper-button-prev svg polyline{stroke:#ffffff;}
#sub_detail .detail_view_scroll .image .swiper-button-prev:after{display:none;}
#sub_detail .detail_view_scroll .image .swiper-button-next{position:absolute;top:50%;right:15px;width:40px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center;}
#sub_detail .detail_view_scroll .image .swiper-button-next:after{display:none;}
#sub_detail .detail_view_scroll .image .swiper-button-next svg polyline{stroke:#ffffff;}
#sub_detail .detail_view_scroll .social{padding:20px 0 35px 0;display:flex;align-items:center;justify-content:space-between;}
#sub_detail .detail_view_scroll .social .sns{display:flex;align-items:center;justify-content:center;gap:10px;}
#sub_detail .detail_view_scroll .social .sns a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:35px;border:1px solid #afafaf;}
#sub_detail .detail_view_scroll .social .sns a svg{fill:#999999}
#sub_detail .detail_view_scroll .social .sample{}
#sub_detail .detail_view_scroll .social .sample a{display:flex;align-items:center;justify-content:center;padding:0 15px;border-radius:5px;border:1px solid #9c9c9c;height:36px;gap:5px;box-shadow:0 2px 2px rgb(0 0 0 / 0.15)}
#sub_detail .detail_view_scroll .teacher{padding: 20px 20px 20px 30px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;background: #fafafa;display:flex;align-items:center;}
#sub_detail .detail_view_scroll .teacher .thumb{flex:0 0 auto;width: 72px;height: 72px;border: 1px solid #eaeaea;border-radius: 50%;overflow:hidden;margin-right: 18px;}
#sub_detail .detail_view_scroll .teacher .thumb img{display:block;width:100%;height:100%;object-fit:cover;}
#sub_detail .detail_view_scroll .teacher .cont{flex:1;}
#sub_detail .detail_view_scroll .teacher .cont .name{display: block;font-size: 16px;color: #474747;letter-spacing: -1px;}
#sub_detail .detail_view_scroll .teacher .cont .text{margin-top: 5px;font-size: 14px;color: #838383;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#sub_detail .detail_view_scroll .teacher .button{display:flex;flex-direction:column;gap:6px;margin-left:18px;}
#sub_detail .detail_view_scroll .teacher .button a{display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid #e5e5e5;color:#8a8a8a;font-size:14px;padding:8px 15px;line-height:1;}
#sub_detail .detail_view_scroll .membership{margin: 50px 0;padding: 31px 0 31px 20px;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
#sub_detail .detail_view_scroll .membership dl{background: url(../img/common/icon_pre_detail_02.png) center left no-repeat;padding-left:95px;height:74px;}
#sub_detail .detail_view_scroll .membership dt{margin-right: 45px;text-align: left;font-size: 16px;font-weight: 400;color: #ff8863;}
#sub_detail .detail_view_scroll .membership dd{display: block;font-size: 16px;font-weight: 400;color: #797979;}
#sub_detail .detail_view_info{flex: 1 1;}
#sub_detail .detail_view_info .bubble{position:relative;display: inline-flex;vertical-align:top;margin-bottom: 3px;padding: 8px 15px;border: 1px solid #d8d8d8;border-radius: 5px;letter-spacing: -0.3px;font-size: 14px;color: #5d5d5d;box-shadow: 3px 2px 6px -1px rgba(0, 0, 0, .2);}
#sub_detail .detail_view_info .bubble:after{content:'';position:absolute;top:100%;z-index:2;left:20px;width:10px;height:8px;border-top:8px solid #ffffff;border-left:10px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;box-sizing: border-box;}
#sub_detail .detail_view_info .bubble:before{content:'';position:absolute;top:calc(100% + 1px);z-index:1;left:18px;width:13px;height:8px;border-top:8px solid #d8d8d8;border-left:13px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;box-sizing: border-box;}
#sub_detail .detail_view_info .title{position:relative;padding-left: 8px;display:flex;align-items:center;}
#sub_detail .detail_view_info .title .subject{padding: 12px 0 12px 0;font-weight: 500;color: #1f1f1f;font-size: 35px;letter-spacing: -1px;text-align: left;}
#sub_detail .detail_view_info .title .icon{margin:-24px 0 0 12px;width:64px;height:auto;aspect-ratio:64 / 70;}
#sub_detail .detail_view_info .title .icon.icon1{background:url("../img/common/product_icon_001.png") no-repeat 50% 50% / contain;}
#sub_detail .detail_view_info .title .icon.icon2{background:url("../img/common/product_icon_002.png") no-repeat 50% 50% / contain;}
#sub_detail .detail_view_info .title .icon.icon3{background:url("../img/common/product_icon_003.png") no-repeat 50% 50% / contain;}
#sub_detail .detail_view_info .desc{margin-top: 15px;padding-bottom: 37px;padding-left:8px;text-align: left;font-size: 20px;line-height: 1.3;color: #8d8d8d;letter-spacing: -1px;}
#sub_detail .detail_view_info .cost{display:flex;align-items:center;justify-content:space-between;padding-left:8px;padding-bottom:30px;border-bottom:1px solid #e0e0e0;}
#sub_detail .detail_view_info .cost .price{}
#sub_detail .detail_view_info .cost .price dl{display:flex;align-items:center;gap:15px;}
#sub_detail .detail_view_info .cost .price dt{line-height: 1.0;font-size: 18px;color: #47c0d8;letter-spacing: -1px;display:flex;align-items:center;gap:8px;}
#sub_detail .detail_view_info .cost .price dd{font-size:32px;font-weight:700;color:#242424;}
#sub_detail .detail_view_info .cost .cart{}
#sub_detail .detail_view_info .cost .cart a{display:flex;align-items:center;justify-content:center;padding:0 15px;height:40px;border-radius:5px;background: #666666;border: 1px solid #888;gap:5px}
#sub_detail .detail_view_info .cost .cart a svg{fill:#ffffff;}
#sub_detail .detail_view_info .cost .cart a p{font-size:16px;color:#fff;}
#sub_detail .detail_view_info .lecture{padding:15px 8px 28px;border-bottom:1px solid #e0e0e0;}
#sub_detail .detail_view_info .lecture .head{display:flex;align-items:center;gap:5px;margin:0 0 8px;}
#sub_detail .detail_view_info .lecture .head .tit{font-size: 15px;color: #8a8a8a;}
#sub_detail .detail_view_info .lecture .head .num{border-radius:4px;border:1px solid #c3c3c3;padding:2px 8px;line-height:1;font-size:13px;color:#a8a8a8}
#sub_detail .detail_view_info .lecture .list{}
#sub_detail .detail_view_info .lecture .list ul{display:flex;flex-wrap:wrap;gap:5px;}
#sub_detail .detail_view_info .lecture .list ul li{position:relative;width:calc(20% - 4px);border-radius:3px;border:1px solid #cccccc;overflow:hidden;}
#sub_detail .detail_view_info .lecture .list ul li:hover .hover{opacity:1;visibility:visible;}
#sub_detail .detail_view_info .lecture .list .inner{border-radius:3px;border:2px solid #47c0d8;}
#sub_detail .detail_view_info .lecture .list .inner .img{border-radius:3px;overflow:hidden;}
#sub_detail .detail_view_info .lecture .list .inner .img img{display:block;width:100%;height:auto;aspect-ratio:151 / 76;}
#sub_detail .detail_view_info .lecture .list .inner .txt{margin: 14px 10px;text-align: center;height:38px;line-height:19px;font-size:14px;color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#sub_detail .detail_view_info .lecture .list .hover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 70%);display:flex;align-items:flex-start;opacity:0;visibility:hidden;}
#sub_detail .detail_view_info .lecture .list .hover button{width:50%;aspect-ratio:65 / 76;height:auto;}
#sub_detail .detail_view_info .lecture .list .hover button svg{fill:#ffffff;}
#sub_detail .detail_view_info .lecture .list .hover button p{font-size:14px;color:#fff;}
#sub_detail .detail_view_info .total{padding:40px 0 38px;display:flex;align-items:center;justify-content:space-between;}
#sub_detail .detail_view_info .total dt{display:flex;align-items:center;gap:10px;}
#sub_detail .detail_view_info .total dt span{font-size:14px;color: #47c0d8;}
#sub_detail .detail_view_info .total dt p{font-size:18px;}
#sub_detail .detail_view_info .total dd{display:flex;align-items:center;gap:10px;}
#sub_detail .detail_view_info .total dd span{font-size:20px;color:#bf0000;}
#sub_detail .detail_view_info .total dd button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
#sub_detail .detail_view_info .total dd button svg{fill:#bcbcbc;}
#sub_detail .detail_view_info .payment{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin:0 0 40px 0;}
#sub_detail .detail_view_info .payment dt{font-size:20px;color:#4a4a4a;}
#sub_detail .detail_view_info .payment dd{font-family: verdana;color: #262626;etter-spacing: -1px;font-weight: bold;font-size: 30px;}
#sub_detail .detail_view_info .button{display:flex;align-items:center;gap:5px;margin:0 0 140px 0;}
#sub_detail .detail_view_info .button .btn{display:flex;align-items:center;justify-content:center;height:60px;border:1px solid transparent;padding:18px 10px;gap:10px;border-radius:4px;}
#sub_detail .detail_view_info .button .btn svg{}
#sub_detail .detail_view_info .button .btn p{line-height:1;font-size:22px;}
#sub_detail .detail_view_info .button .btn_01{flex:4;background-color: #9e9fac;color: #fff;border: 1px solid transparent;}
#sub_detail .detail_view_info .button .btn_01 svg{fill:#ffffff;}
#sub_detail .detail_view_info .button .btn_02{flex:2;background-color: #ffffff;color: #666;border: 1px solid #dddddd;}
#sub_detail .sub_detail{}
#sub_detail .sub_detail .wrap{display:flex;align-items:flex-start;justify-content:space-between;}
#sub_detail .move_wrap{position:sticky;z-index:11;top:71px;background:#f1f1f1;}
#sub_detail .move_wrap .wrap{display:flex;align-items:center;justify-content:space-between;}
#sub_detail .move_wrap .title{font-size:20px;font-weight:700;color:#000;}
#sub_detail .move_wrap .button{display:flex;}
#sub_detail .move_wrap .button a{display:flex;align-items:center;justify-content:center;height:70px;padding:0 45px;border-bottom:2px solid transparent;font-size:20px;font-weight:500;color:#242424;gap:5px;}
#sub_detail .move_wrap .button a span{color:#6c6c6c;font-size:16px;}
#sub_detail .move_wrap .button a.on{color:#47c0d8;border-color:#47c0d8;}
#sub_detail .move_wrap .button a.on span{color:#47c0d8;}
#sub_detail .content_wrap{padding-bottom:140px;}
#sub_detail .content_wrap .wrap{flex-direction:column;}
#sub_detail .content_wrap .content{padding:140px 0 0 0;}
#sub_detail .content_wrap .content .title{line-height:1;font-size:25px;font-weight:700;padding:18px 0;}
#sub_detail .content_wrap .content .tabs{margin-bottom:20px;justify-content:center;}
#sub_detail .content_wrap .content .tabs .tab{gap:5px;background:#fff;border:1px solid #e0e0e0;height:40px;}
#sub_detail .content_wrap .content .tabs .tab span{font-size:14px;}
#sub_detail .content_wrap .content .tabs .tab.on{background:#47c0d8;color:#fff;border-color:#47c0d8;}
#sub_detail .content_wrap .content .search{display:flex;justify-content:flex-end;padding:20px 0;}
#sub_detail .content_wrap .content .search form{display:flex;align-items:center;gap:5px;max-width:100%;}
#sub_detail .content_wrap .content .search select{padding:0 20px 0 10px;height:40px;border-radius:4px;border:1px solid #e5e5e5;background:#ffffff;width:110px;}
#sub_detail .content_wrap .content .search input{padding:0 20px 0 10px;height:40px;border-radius:4px;border:1px solid #e5e5e5;background:#ffffff;width:220px;}
#sub_detail .content_wrap .content .search button{padding:0 20px;height:40px;border-radius:4px;border:1px solid #47c0d8;background:#47c0d8;font-size:14px;color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;}
#sub_detail .content_wrap .content .search button svg circle{stroke:#fff;}
#sub_detail .content_wrap .content .search button svg path{stroke:#fff;}
#sub_detail .content_wrap #d_board{}
#sub_detail .content_wrap #d_board .list{}
#sub_detail .content_wrap #d_board .list ul{border-top:1px solid #242424;}
#sub_detail .content_wrap #d_board .list li{border-bottom:1px solid #e5e5e5;padding:16px 12px;}
#sub_detail .content_wrap #d_board .list li:hover{background:#ffd;}
#sub_detail .content_wrap #d_board .list li a{display:flex;height:30px;align-items:center;justify-content:space-between;}
#sub_detail .content_wrap #d_board .list li p{flex:1 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:20px;color:#333333;}
#sub_detail .content_wrap #d_board .list li span{color:#a1a1a1;font-size:15px;flex:0 1 130px;}
#sub_detail .content_wrap #d_reply{}
#sub_detail .content_wrap #d_reply .list{}
#sub_detail .content_wrap #d_reply .list ul{border-top:1px solid #242424;}
#sub_detail .content_wrap #d_reply .list li{border-bottom:1px solid #e5e5e5;padding:30px 0;display:flex;gap:20px;align-items:center;}
#sub_detail .content_wrap #d_reply .list li .ico{height:auto;aspect-ratio:1/1;border-radius:50%;background:#eeeeee;flex:0 0 75px;margin:0 0 auto;overflow:hidden;}
#sub_detail .content_wrap #d_reply .list li .ico img{display:block;width:100%;height:100%;object-fit:cover;}
#sub_detail .content_wrap #d_reply .list li .con{flex:1}
#sub_detail .content_wrap #d_reply .list li .con .subject{line-height:30px;font-size:22px;font-weight:500;color:#222;margin-bottom:10px;}
#sub_detail .content_wrap #d_reply .list li .con .text{margin-bottom:20px;line-height:1.5;font-size:18px;color:#666;}
#sub_detail .content_wrap #d_reply .list li .con .info{display:flex;align-items:center;justify-content:space-between;}
#sub_detail .content_wrap #d_reply .list li .con .info .lt,
#sub_detail .content_wrap #d_reply .list li .con .info .rt{display:flex;gap:10px;}
#sub_detail .content_wrap #d_reply .list li .con .info span{font-size:14px;color:#333333;}
#sub_detail .content_wrap #d_reply .list li .con .info a{font-size:14px;color:#333333;display:flex;gap:5px;align-items:center;}
#sub_detail .content_wrap #d_reply .list li .num{flex:0 0 auto;display:flex;flex-direction:column;margin:0 0 0 50px;text-align:center;}
#sub_detail .content_wrap #d_reply .list li .num .text{font-size:42px;font-weight:500;color:#47c0d8;}
#sub_detail .content_wrap #d_reply .list li .num .star{margin-top:10px;display:flex;justify-content:flex-end;align-items:center;gap:10px;}
#sub_detail .content_wrap #d_reply .list li .num .star .star_img{position:relative;width:70px;height:13px;background:#dee1e4;}
#sub_detail .content_wrap #d_reply .list li .num .star .star_img:before{content:'';position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:url("../img/common/star_img.png") no-repeat left center / 70px 13px;}
#sub_detail .content_wrap #d_reply .list li .num .star .star_img .fill{position:relative;z-index:1;height:100%;background:#ffcc00;}

#product{display:none !important;}

.class_wrap{}
.class_wrap ul{display:flex;flex-wrap:wrap;gap:40px 24px;}
.class_wrap ul li{width:calc(25% - 18px);}
.class_wrap ul li .img{position:relative;}
.class_wrap ul li .img .image{border-radius:15px;overflow:hidden;height:204px;}
.class_wrap ul li .img .image img{display:block;width:100%;height:100%;object-fit:cover;}
.class_wrap ul li .img .label{padding:0;position:absolute;top:10px;left:10px;z-index:2;display:flex;gap:5px;height:auto;}
.class_wrap ul li .img .label span{padding:2px 7px;border-radius:5px;font-size:13px;color:#ffffff;line-height:20px;}
.class_wrap ul li .img .label span.label1{background:#467fd7;}
.class_wrap ul li .img .label span.label2{background:#a387ff;}
.class_wrap ul li .img .label span.label3{background:#e53e53;}
.class_wrap ul li .img .label span.label4{background:red;}

.class_wrap ul li .con{padding-top:13px;}
.class_wrap ul li .con .category{display:flex;font-size:14px;color:#777;}
.class_wrap ul li .con .category span{display:flex;align-items:center;}
.class_wrap ul li .con .category span:after{content:'';width:1px;height:12px;background:#d6d6d6;margin:0 8px;}
.class_wrap ul li .con .category span:last-child:after{display:none;}
.class_wrap ul li .con .title{margin-top:5px;}
.class_wrap ul li .con .title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;height:28px;line-height:28px;font-size:19px;font-weight:500;color:#333333;word-break:break-all;}
.class_wrap ul li .con .info{margin-top:5px;display:flex;align-items:center;gap:15px;font-size:17px;font-weight:500;}
.class_wrap ul li .con .info .origin{font-size:15px;color:#b3b3b3;text-decoration:line-through;}
.class_wrap ul li .con .info .price{font-weight:700;color:#467fd7;}
.class_wrap ul li .con .info .time{display:flex;align-items:center;justify-content:center;border-radius:4px;background:#e8f6f9;font-size:12px;color:#467fd7;padding:2px 5px;}

.class_wrap.textbook{}
.class_wrap.textbook ul{gap:25px;}
.class_wrap.textbook ul li{width:calc(20% - 20px);}
.class_wrap.textbook ul li .con .title a{height:56px;-webkit-line-clamp:2;}

.class_wrap.alltextbook{}
.class_wrap.alltextbook ul{gap:0;border-top:1px solid #ececec;}
.class_wrap.alltextbook ul li{width:100%;display:flex;padding:30px 0;border-bottom:1px solid #ececec;}
.class_wrap.alltextbook ul li .img{flex:0 0 150px;width:150px;height:200px;}
.class_wrap.alltextbook ul li .con{flex:1 1;padding:0 50px 0 30px;display:flex;flex-direction:column;justify-content:center;}
.class_wrap.alltextbook ul li .con .title a{}
.class_wrap.alltextbook ul li .con .text{margin-top:8px;height:48px;line-height:24px;font-size:16px;color:#aaa;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.class_wrap.alltextbook ul li .con .count{display:flex;gap:10px;}
.class_wrap.alltextbook ul li .con .count > div{display:flex;align-items:center;gap:5px;}
.class_wrap.alltextbook ul li .con .count > div svg{fill:#ccc;}
.class_wrap.alltextbook ul li .con .count > div span{color:#aaa;font-weight:500;}
.class_wrap.alltextbook ul li .num{flex:0 1 260px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid #ececec;gap:10px;}
.class_wrap.alltextbook ul li .num .origin{font-size:15px;color:#b3b3b3;text-decoration:line-through;}
.class_wrap.alltextbook ul li .num .price{font-size:17px;font-weight:700;color:#467fd7;}
.class_wrap.alltextbook ul li .num .time{display:flex;align-items:center;justify-content:center;border-radius:4px;background:#e8f6f9;font-size:12px;color:#467fd7;padding:2px 5px;}

.category_wrap{display:flex;align-items:center;justify-content:space-between;}
.category_wrap .tabs{}
.category_wrap .search{}
.category_wrap .search a{display:flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:36px;background:#467fd7;gap:5px;}
.category_wrap .search a svg{fill:#ffffff;}
.category_wrap .search a p{font-size:17px;color:#fff;}

.title_wrap{display:flex;align-items:center;justify-content:space-between;padding:75px 0 25px;letter-spacing:-1px;}
.title_wrap .title{line-height:36px;font-size:24px;font-weight:700;color:#222222;}
.title_wrap .more{}
.title_wrap .more a{display:flex;align-items:center;gap:4px;font-size:15px;color:#888888;}
.title_wrap .more a svg{margin-top:-3px;}
.title_wrap .more a svg path{fill:#888888;}
.title_wrap .sort{display:flex;align-items:center;height:36px;gap:15px;}
.title_wrap .sort .sel{}
.title_wrap .sort .sel select{display:block;padding:0 30px 0 10px;width:100%;height:36px;border:0;font-size:15px;color:#666;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' fill='%23777' viewBox='0 -960 960 960' width='20'%3E%3Cpath d='M480-333 240-573l51-51 189 189 189-189 51 51-240 240Z'/%3E%3C/svg%3E") !important;background-position: 100% 55% !important;background-size: 20px;background-repeat:no-repeat;}
.title_wrap .sort .btn{display:flex;gap:5px;}
.title_wrap .sort .btn .g_view{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:5px;}
.title_wrap .sort .btn .g_view svg{fill:#c7ccd3;}
.title_wrap .sort .btn .g_view.on{}
.title_wrap .sort .btn .g_view.on svg{fill:#467fd7;}

.pages_wrap{padding:60px 0;display:flex;align-items:center;justify-content:center;gap:5px;}
.pages_wrap a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:3px;border:1px solid #eaeaea;text-align:center;font-size:14px;color:#666666;}
.pages_wrap a:hover{color:#467fd7;border-color:#467fd7;}
.pages_wrap a.prev{}
.pages_wrap a.next{}
.pages_wrap a.start{}
.pages_wrap a.end{}
.pages_wrap a.current{background:#467fd7;color:#ffffff;border-color:#467fd7;}


@media all and (max-width:769px){

    #main{}
    #main .visual{position:relative;overflow:hidden;}
    #main .visual #main_bn{margin:0;border:0;padding:0;}
    #main .visual #main_bn .swiper-wrapper{}
    #main .visual #main_bn .swiper-slide{height: auto;}
    #main .visual #main_bn .swiper-slide .wrap{display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding: 20px;}
    #main .visual #main_bn .swiper-slide .con{flex:1;display:flex;flex-direction:column;width:100%;}
    #main .visual #main_bn .swiper-slide .tit{line-height:36px;font-size:24px;font-weight:500;color:#fff;}
    #main .visual #main_bn .swiper-slide .txt{margin-top:12px;line-height:18px;font-size:16px;font-weight:400;color:#fff;}
    #main .visual #main_bn .swiper-slide .img{margin-top:20px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;}
    #main .visual #main_bn .swiper-slide .img img{max-height:100%;width:auto;object-fit:contain;max-width:100%;}
    #main .visual #main_bn .swiper-slide img{width:100%;height:100%;object-fit:cover;}
    #main .visual #main_bn .swiper-pagination{margin:30px 0;}
    #main .visual #main_bn .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:30px;background: rgba(210, 210, 210, 0.2);opacity:1;cursor:pointer;}
    #main .visual #main_bn .swiper-pagination .swiper-pagination-bullet-active{width:30px;background: rgba(255,255,255,0.5);}
    #main .visual #main_bn .swiper-button-prev{position:absolute;top:50%;left:50%;margin-left: -848px;width:48px;height:80px;margin-top:-40px;background:url("../img/common/main_arrow_left.png") no-repeat center;}
    #main .visual #main_bn .swiper-button-prev:after{display:none;}
    #main .visual #main_bn .swiper-button-next{position:absolute;top:50%;left:50%;margin-left: 800px;width:48px;height:80px;margin-top:-40px;background:url("../img/common/main_arrow_right.png") no-repeat center;}
    #main .visual #main_bn .swiper-button-next:after{display:none;}
    #main .contents{position:relative;overflow:hidden;}
    #main .contents .wrap{position:relative;}
    #main .contents .tabs{max-width:calc(100dvw - 120px);gap:5px;}
    #main .contents .tabs .tab{padding:5px 10px;font-size:14px;}
    #main .class_wrap ~ .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:36px;}
    #main .class_wrap ~ .more a{display:flex;align-items:center;gap:4px;font-size:15px;color:#888888;}
    #main .class_wrap ~ .more a svg{margin-top:-3px;}
    #main .class_wrap ~ .more a svg path{fill:#888888;}
    #main .allclass{padding:40px 20px;}
    #main .allclass .class{}
    #main .allclass .class ul li .con .title a{height:40px;}
    #main .bestclass{padding:40px 20px;}
    #main .bestclass .wrap{flex-direction:column;}
    #main .bestclass .header{flex:1 1;margin-bottom:20px;}
    #main .bestclass .header h2{font-size:24px;}
    #main .bestclass .header p{margin-top:10px;font-size:14px;color:#777777;}
    #main .bestclass .header a{margin-top:12px;font-size:14px;padding:10px;}
    #main .bestclass .header img{position:absolute;top:0;right:0;}
    #main .bestclass .class{flex:1 1;}
    #main .bestclass .class ul{}
    #main .bestclass .class li{}
    #main .review{padding:40px 20px;}
    #main .review .header{margin-bottom:38px;text-align:center;}
    #main .review .header h2{line-height:1.4;font-size:32px;font-weight:500;color:#ffffff;}
    #main .review .header h2 em{position:relative;font-weight:700;}
    #main .review .header h2 em:before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:4px;background:#ffffff;}
    #main .review .header p{margin-top:10px;font-size:17px;color:#ffffff;}
    #main .review .list{position:relative;}
    #main .review .list #review_bn{overflow:hidden;}
    #main .review .list ul{}
    #main .review .list ul li{border-radius:15px;overflow:hidden;background:#ffffff;}
    #main .review .list ul li .img{position:relative;overflow:hidden;}
    #main .review .list ul li .img .image{width:100%;height:166px;}
    #main .review .list ul li .img .image img{display:block;width:100%;height:100%;}
    #main .review .list ul li .img .icon{position:absolute;top:10px;left:10px;display:flex;gap:4px;}
    #main .review .list ul li .img .icon p{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:rgb(0 0 0 / 0.2);border-radius:22px;}
    #main .review .list ul li .img .count{position:absolute;top:10px;right:10px;display:flex;padding:4px 7px;border-radius:4px;background:rgb(0 0 0 / 0.2);height:22px;gap:10px;}
    #main .review .list ul li .img .count p{display:flex;align-items:center;gap:4px;}
    #main .review .list ul li .img .count p i{width:13px;height:13px;display:flex;align-items:center;justify-content:center;}
    #main .review .list ul li .img .count p i svg{}
    #main .review .list ul li .img .count p i svg path{fill:#ffffff;}
    #main .review .list ul li .img .count p span{font-size: 11px;color: #fff;line-height: 1;}
    #main .review .list ul li .con{padding:20px;}
    #main .review .list ul li .con .category{font-size:12px;}
    #main .review .list ul li .con .title{margin-top:5px;}
    #main .review .list ul li .con .title a{line-height:30px;font-size:20px;height:60px;}
    #main .review .list ul li .con .text{margin-top:10px;}
    #main .review .list ul li .con .text a{line-height:80px;line-height:20px;font-size:13px;}
    #main .review .list ul li .con .star{margin-top:15px;}
    #main .special{position:relative;background:#ffffff;padding:100px 0 100px;}
    #main .special .header{margin-bottom:38px;text-align:center;}
    #main .special .header h2{font-size:24px;n}
    #main .special .content{}
    #main .special .content ul{flex-wrap:wrap;gap:30px 0;}
    #main .special .content li{width:50%;align-items:center;text-align:center;}
    #main .special .content li .img{width:88px;height:88px;border-radius:8px;padding:10px;}
    #main .special .content li .tit{margin-top:15px;font-size:18px;word-break:keep-all;}
    #main .special .content li .txt{margin-top:10px;font-size:14px;word-break:keep-all;}
    #main .textbook{padding:40px 20px;}
    #main .textbook .header{margin-bottom:20px;text-align:center;}
    #main .textbook .header h2{font-size:24px;}
    #main .textbook .list{}
    #main .textbook .list ul{display:flex;gap:40px 10px;flex-wrap:wrap;}
    #main .textbook .list li{width:calc(50% - 5px);}
    #main .textbook .list li .img{border-radius:15px;overflow:hidden;}
    #main .textbook .list li .img img{display:block;width:100%;height:100%;object-fit:cover;}
    #main .textbook .list li .con{padding-top:12px;}
    #main .textbook .list li .con .category{display:flex;}
    #main .textbook .list li .con .category span{font-size:12px;}
    #main .textbook .list li .con .title{height: 40px;line-height: 20px;font-size: 16px;-webkit-line-clamp: 2;}
    #main .textbook .list li .con .title a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    #main .textbook .list li .con .info{display:flex;gap:10px;align-items:center;line-height:25px;}
    #main .textbook .list li .con .info .origin{font-size: 15px;color: #b3b3b3;text-decoration: line-through;}
    #main .textbook .list li .con .info .price{font-size:17px;color: #467fd7;font-weight:700;}
    #main .quick{position:relative;background:#ffffff;padding:40px 20px;left:0;right:0;bottom:0;top:0;width:100%;opacity:1;visibility:visible}
    #main .quick .link{flex-direction:column;gap:10px;}
    #main .quick .link a{flex:1;}
    #main .quick .link a img{display:block;width:100%;height:auto;object-fit:contain;}
    #main .customer{padding:40px 20px;}
    #main .customer .wrap{flex-direction:column;gap:40px 0;}
    #main .customer .desc{}
    #main .customer .title{line-height:24px;font-size:20px;}
    #main .customer .content{padding:12px 24px;}
    #main .customer .content a{padding:10px 0;}
    #main .customer .content a .ico svg{width:20px;height:20px;}
    #main .customer .content a .tit{font-size:14px;}
    #main .customer .latest{}
    #main .customer .latest ul{padding: 12px 0;}
    #main .customer .latest li{}
    #main .customer .latest li a{height:35px;}
    #main .customer .latest li a p{font-size:14px;}
    #main .customer .latest li a span{font-size:12px;}
    #main .customer .more{height:24px;}
    #main .customer .more a{font-size:12px;}
    #main .customer .more a svg{margin-top:0;width:15px;height:15px;}
    #main .banner{}
    #main .banner a{display:flex;align-items:center;justify-content:center;}
    #main .banner a img{width:auto;max-width:100%;height:auto;}
    #main .banner a .txt{line-height:24px;font-size:20px;color:#fff;}
    #main .banner a .act{display:flex;align-items:center;justify-content:center;padding:0 12px;min-width:124px;height:36px;border-radius:4px;background:#47c1d8;font-size:14px;color:#fff;margin-top:18px;}


    #sub_top{padding:40px 20px 15px;}
    #sub_top .wrap{}
    #sub_top .title{font-size: 24px;}
    #sub_top .location{margin-top:8px;display:flex;align-items:center;gap:5px;}
    #sub_top .location span{font-size:12px;}

    #sub_allclass{padding:40px 20px;}

    .class_wrap{}
    .class_wrap ul{display:flex;flex-wrap:wrap;gap:40px 10px;}
    .class_wrap ul li{width:calc(50% - 5px) !important;}
    .class_wrap ul li .img{position:relative;}
    .class_wrap ul li .img .image{border-radius:5px;aspect-ratio:1 / 0.75;}
    .class_wrap ul li .img .image img{display:block;width:100%;height:100%;object-fit:cover;}
    .class_wrap ul li .img .label{flex-wrap:wrap;padding:0;top:5px;left:5px;}
    .class_wrap ul li .img .label span{font-size:12px;}
    .class_wrap ul li .con{padding-top:13px;}
    .class_wrap ul li .con .category{font-size:12px;}
    .class_wrap ul li .con .title{margin-top:5px;}
    .class_wrap ul li .con .title a{height:40px;line-height:20px;font-size:16px;-webkit-line-clamp:2;}
    .class_wrap ul li .con .info{flex-wrap:wrap;gap:5px 10px;}
    .class_wrap ul li .con .info .origin{font-size:15px;color:#b3b3b3;text-decoration:line-through;}
    .class_wrap ul li .con .info .price{font-weight:700;color:#467fd7;}
    .class_wrap ul li .con .info .time{display:flex;align-items:center;justify-content:center;border-radius:4px;background:#e8f6f9;font-size:12px;color:#467fd7;padding:2px 5px;}

    .class_wrap.textbook{}
    .class_wrap.textbook ul{gap:25px;}
    .class_wrap.textbook ul li{width:calc(20% - 20px);}
    .class_wrap.textbook ul li .con .title a{height:56px;-webkit-line-clamp:2;}

    .class_wrap.alltextbook{}
    .class_wrap.alltextbook ul{gap:0;border-top:1px solid #ececec;}
    .class_wrap.alltextbook ul li{width:100%;display:flex;padding:30px 0;border-bottom:1px solid #ececec;}
    .class_wrap.alltextbook ul li .img{flex:0 0 150px;width:150px;height:200px;}
    .class_wrap.alltextbook ul li .con{flex:1 1;padding:0 50px 0 30px;display:flex;flex-direction:column;justify-content:center;}
    .class_wrap.alltextbook ul li .con .title a{}
    .class_wrap.alltextbook ul li .con .text{margin-top:8px;height:48px;line-height:24px;font-size:16px;color:#aaa;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
    .class_wrap.alltextbook ul li .con .count{display:flex;gap:10px;}
    .class_wrap.alltextbook ul li .con .count > div{display:flex;align-items:center;gap:5px;}
    .class_wrap.alltextbook ul li .con .count > div svg{fill:#ccc;}
    .class_wrap.alltextbook ul li .con .count > div span{color:#aaa;font-weight:500;}
    .class_wrap.alltextbook ul li .num{flex:0 1 260px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid #ececec;gap:10px;}
    .class_wrap.alltextbook ul li .num .origin{font-size:15px;color:#b3b3b3;text-decoration:line-through;}
    .class_wrap.alltextbook ul li .num .price{font-size:17px;font-weight:700;color:#467fd7;}
    .class_wrap.alltextbook ul li .num .time{display:flex;align-items:center;justify-content:center;border-radius:4px;background:#e8f6f9;font-size:12px;color:#467fd7;padding:2px 5px;}

    .category_wrap{flex-direction:column;overflow:hidden;}
    .category_wrap .tabs{margin-bottom:15px !important;;width:100%;}
    .category_wrap .search{}
    .category_wrap .search a{display:flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:36px;background:#467fd7;gap:5px;}
    .category_wrap .search a svg{fill:#ffffff;}
    .category_wrap .search a p{font-size:17px;color:#fff;}

    .title_wrap{display:flex;align-items:center;justify-content:space-between;padding:75px 0 25px;letter-spacing:-1px;}
    .title_wrap .title{line-height:36px;font-size:24px;font-weight:700;color:#222222;}
    .title_wrap .more{}
    .title_wrap .more a{display:flex;align-items:center;gap:4px;font-size:15px;color:#888888;}
    .title_wrap .more a svg{margin-top:-3px;}
    .title_wrap .more a svg path{fill:#888888;}
    .title_wrap .sort{display:flex;align-items:center;height:36px;gap:15px;}
    .title_wrap .sort .sel{}
    .title_wrap .sort .sel select{display:block;padding:0 10px 0 5px;width:100%;height:32px;font-size:12px;max-width:100px;}
    .title_wrap .sort .btn{display:flex;gap:2px;padding:0 !important;}
    .title_wrap .sort .btn .g_view{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;}
    .title_wrap .sort .btn .g_view svg{width:24px;height:24px;fill:#c7ccd3;}
    .title_wrap .sort .btn .g_view.on{}
    .title_wrap .sort .btn .g_view.on svg{fill:#467fd7;}

    .pages_wrap{padding:60px 0;display:flex;align-items:center;justify-content:center;gap:5px;}
    .pages_wrap a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:3px;border:1px solid #eaeaea;text-align:center;font-size:14px;color:#666666;}
    .pages_wrap a:hover{color:#467fd7;border-color:#467fd7;}
    .pages_wrap a.prev{}
    .pages_wrap a.next{}
    .pages_wrap a.start{}
    .pages_wrap a.end{}
    .pages_wrap a.current{background:#467fd7;color:#ffffff;border-color:#467fd7;}


}