.course-cat-list{margin-top:96px;}
.course-cat-list .rows{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:8px;}
.course-cat-list .row>a{position:relative;display:block;height:368px;border-radius:12px;overflow:hidden;}
.course-cat-list .row .back-img{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.course-cat-list .row ul{position:relative;z-index:1;padding:35px 25px;line-height:1.3;}
.course-cat-list .row ul>li:nth-child(1){font-size:26px;font-weight:600;}
.course-cat-list .row ul>li:nth-child(2){margin-top:10px;font-size:16px;}
.course-cat-list .row ul>li:nth-child(3){margin-top:10px;font-size:13px;}
.course-cat-list .row ul>li:nth-child(3)>span{display:inline-block;padding:3px 6px;}

.item-list .cat-data{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dfdfdf;}
.item-list .cat-data .cat-name{font-size:clamp(30px,5vw,40px);color:#1C1E1D;}
.item-list .cat-data .cat-desc{margin-top:25px;font-size:clamp(20px,3vw,24px);line-height:1.2;color:#575656;letter-spacing:-1px;}
.item-list .cat-data dl{margin-top:32px;}
.item-list .cat-data dl>dt{display:inline-block;padding:5px 10px;font-size:clamp(20px,3vw,24px);color:#fff;background:#1C1E1D;}
.item-list .cat-data dl>dd{margin-top:16px;font-size:16px;color:#575656;line-height:1.4;}
.item-list .cat-data dl>dd li.bullet{position:relative;padding-left:16px;margin-bottom:3px;}
.item-list .cat-data dl>dd li.bullet:before{content:'\2022';position:absolute;top:0;left:0;}
.item-list .cat-data dl>dd>.link-row{display:grid;grid-template-columns:auto 158px;align-items:center;margin-bottom:8px;}
.item-list .cat-data dl>dd>.link-row>li:nth-child(1){display:flex;align-items:center;margin-right:106px;line-height:1;}
.item-list .cat-data dl>dd>.link-row>li:nth-child(1)>img{width:22px;margin-right:14px;}
.item-list .cat-data dl>dd>.link-row>li:nth-child(2){white-space:nowrap;}
.item-list .cat-data dl>dd>.link-row>li:nth-child(2)>a{display:block;padding:7px 12px;text-align:center;border:1px solid #777;border-radius:6px;}
.item-list .row-count{position:relative;margin-top:60px;font-size:20px;font-weight:600;color:#3C3E3F;}
.item-list .row-count>span{font-size:20px;font-weight:400;}
.item-list .boxs{display:grid;grid-template-columns:repeat(4, 1fr);column-gap:21px;row-gap:72px;margin-top:32px;}
.item-list .boxs .img-container{position:relative;padding-bottom:125%;}
.item-list .boxs .img-container>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.item-list .boxs .meta-data{text-align:center;}
.item-list .boxs .meta-data>li:nth-child(1){margin-top:12px;font-size:16px;font-weight:500;}
.item-list .boxs .meta-data>li:nth-child(2){margin-top:8px;font-size:14px;line-height:1.3;}

@media screen and (max-width:880px) {
.item-list .boxs{grid-template-columns:repeat(2, 1fr);gap:20px;}
}

@media screen and (max-width:660px) {
.item-list .cat-data dl>dd>.link-row{display:block;margin-bottom:19px;}
.item-list .cat-data dl>dd>.link-row>li:nth-child(2){margin-top:12px;}
.item-list .cat-data dl>dd>.link-row>li:nth-child(2)>a{padding:9px 0;}
.item-list .boxs{grid-template-columns:1fr;gap:30px;}
}

.style-view .cols{display:grid;grid-template-columns:230px auto;}
.style-view .col1{padding-top:30px;border-right:1px solid #887F7A;}
.style-view .col1 .r1{font-size:14px;color:#3C3E3F;} 
.style-view .col1 .r2{margin-top:23px;font-size:24px;color:#3C3E3F;font-weight:600;} 
.style-view .col2{padding:30px 0 70px 152px;}
.style-view .col2 .images .box{margin-bottom:20px;}
.style-view .col2 .r1{margin-top:37px;font-size:16px;font-weight:500;}
.style-view .col2 .r2{margin-top:27px;line-height:1.4;font-size:14px;color:#676767;}

@media (max-width:840px){
.style-view .cols{grid-template-columns:1fr;}
.style-view .col1{padding-top:0;border-right:0;border-bottom:1px solid #887F7A;padding-bottom:42px;}
.style-view .col1 .r2{margin-top:10px;font-size:28px;}
.style-view .col2{padding:42px 0 50px 0;}
.style-view .col2 .images .box{margin-bottom:14px;text-align:center;}
.style-view .col2 .r1{margin-top:32px;}
.style-view .col2 .r2{margin-top:24px;}
}