.class-section{padding:80px 0;background-color:#fff6f6}@media screen and (min-width: 992px){.class-section{padding:12.51043vw 0}}@media screen and (min-width: 1200px){.class-section{padding:150px 0}}.class-section [class*="article-"]{margin-bottom:60px}@media screen and (min-width: 992px){.class-section [class*="article-"]{margin-bottom:12.51043vw}}@media screen and (min-width: 1200px){.class-section [class*="article-"]{margin-bottom:150px}}.class-section [class*="article-"] .article-title{margin-bottom:32px;font-size:22px;font-weight:700;line-height:150%}@media screen and (min-width: 992px){.class-section [class*="article-"] .article-title{font-size:2.33528vw}}@media screen and (min-width: 1200px){.class-section [class*="article-"] .article-title{font-size:28px}}@media screen and (min-width: 992px){.class-section [class*="article-"] .article-title{margin-bottom:5.00417vw}}@media screen and (min-width: 1200px){.class-section [class*="article-"] .article-title{margin-bottom:60px}}.class-section [class*="article-"].article-1 .badge-st2{margin-bottom:15px}@media screen and (min-width: 992px){.class-section [class*="article-"].article-1 .badge-st2{margin-bottom:30px}}.class-section [class*="article-"].article-1 .main-title-wrap{margin:20px 0}@media screen and (min-width: 992px){.class-section [class*="article-"].article-1 .main-title-wrap{margin:0 0 23px}}.class-section [class*="article-"].article-1 .main-title-wrap .desc{font-size:18px;line-height:1.5}@media screen and (min-width: 992px){.class-section [class*="article-"].article-1 .main-title-wrap .desc{font-size:22px;line-height:1.6}}@media screen and (min-width: 992px){.class-section [class*="article-"].article-2 .article-title{margin-bottom:5.00313vw}}@media screen and (min-width: 1600px){.class-section [class*="article-"].article-2 .article-title{margin-bottom:80px}}.class-section [class*="article-"].article-3 .title-wrap{margin-bottom:32px}@media screen and (min-width: 992px){.class-section [class*="article-"].article-3 .title-wrap{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.75235vw}}@media screen and (min-width: 1600px){.class-section [class*="article-"].article-3 .title-wrap{margin-bottom:60px}}.class-section [class*="article-"].article-3 .article-title{margin-bottom:12px}.class-section [class*="article-"].article-3 .video-list .item{cursor:pointer}.class-section [class*="article-"].article-3 .video-list .item .video-thumb-img{position:relative;border-radius:6px;background-repeat:no-repeat;background-size:cover;background-position:center}.class-section [class*="article-"].article-3 .video-list .item .video-thumb-img:before{content:'';display:block;padding-top:calc(189 / 335 * 100%)}@media screen and (min-width: 992px){.class-section [class*="article-"].article-3 .video-list .item .video-thumb-img:before{padding-top:calc(193 / 342 * 100%)}}.class-section [class*="article-"].article-3 .video-list .item .video-thumb-img .btn-play{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:60px;height:60px;background-image:url(/views/res/imgs/main/icon_play_60.svg);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:1}.class-section [class*="article-"].article-3 .video-list .item .text-wrap{display:flex;flex-direction:column;gap:8px;margin-top:16px}@media screen and (min-width: 992px){.class-section [class*="article-"].article-3 .video-list .item .text-wrap{margin-top:20px}}.class-section [class*="article-"].article-3 .video-list .item .text-wrap .subject{font-size:16px;font-weight:500;line-height:150%;color:#e6002d}@media screen and (min-width: 1200px){.class-section [class*="article-"].article-3 .video-list .item .text-wrap .subject{font-size:18px}}.class-section [class*="article-"].article-3 .video-list .item .text-wrap .title{font-size:18px;font-weight:600;line-height:150%}@media screen and (min-width: 1200px){.class-section [class*="article-"].article-3 .video-list .item .text-wrap .title{font-size:20px}}@media screen and (max-width: 991.98px){.class-section [class*="article-"].article-3 #classSwiper .swiper{padding:0 16px}}.class-section [class*="article-"].article-3 #classSwiper [class*="swiper-button-"]{position:absolute;width:40px;height:40px;background-size:cover}.class-section [class*="article-"].article-3 #classSwiper .swiper-button-prev{background-image:url(/views/res/imgs/common/icon_arrow_05_40.svg)}.class-section [class*="article-"].article-3 #classSwiper .swiper-button-prev.swiper-button-disabled{background-image:url(/views/res/imgs/common/icon_arrow_03_40.svg)}.class-section [class*="article-"].article-3 #classSwiper .swiper-button-next{left:auto;background-image:url(/views/res/imgs/common/icon_arrow_06_40.svg)}.class-section [class*="article-"].article-3 #classSwiper .swiper-button-next.swiper-button-disabled{background-image:url(/views/res/imgs/common/icon_arrow_04_40.svg)}.class-section [class*="article-"].article-3 #classSwiper .swiper-controller{position:absolute;top:15%;left:50%;width:100%;height:100px;transform:translateX(-50%);margin-top:0}@media screen and (max-width: 991.98px){.class-section [class*="article-"].article-3 #classSwiper .swiper-controller{display:none}}@media screen and (min-width: 1200px){.class-section [class*="article-"].article-3 #classSwiper .swiper-controller{top:20%}}@media screen and (max-width: 991.98px){.class-section .image-banner-wrap .area{padding:0}}.class-section .image-banner-wrap .image-wrap{position:relative;padding-top:calc(172 / 375 * 100%)}@media screen and (min-width: 992px){.class-section .image-banner-wrap .image-wrap{padding-top:calc(340 / 1440 * 100%);border-radius:10px;overflow:hidden}}.class-section .image-banner-wrap .image-wrap .image{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}