main{margin-top:50px}main .wrap-main-banner{margin-bottom:70px}main .wrap-main-banner .wrap-banner-image{min-height:183px}main .wrap-main-banner .wrap-banner-content{background-color:#f3f3f3}main .wrap-main-banner .wrap-banner-content .banner-title{font-family:DBOzoneX;font-size:28px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:.15px;color:#212121;margin-top:20px;margin-bottom:20px;margin-left:17%}main .wrap-main-banner .wrap-banner-content .categories-item{padding-left:13px;padding-right:13px}main .wrap-main-banner .wrap-banner-content .categories-item img{width:38px;height:38px;object-fit:contain}main .wrap-main-banner .wrap-banner-content .categories-item .wrap-categories{max-width:180px;width:100%}main .wrap-main-banner .wrap-banner-content .categories-item .wrap-categories .category-title{font-family:DBOzoneX;font-size:24px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:.15px;color:#0058a8}main .wrap-main-banner .wrap-banner-content .categories-item .wrap-categories .article-title{font-family:DBOzoneX;font-size:18px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:.15px;color:#212121}main .wrap-main-banner .wrap-banner-content .categories-item:nth-child(n+2){margin-top:25px}main .wrap-main-banner .wrap-banner-content .wrap-banner-list{margin-left:17%}main .wrap-main-banner .wrap-banner-content .read-this-article{width:180px;height:54px;border-radius:5px;background-color:#00b2ef;margin-left:15px;margin-bottom:40px;transition:background-color .3s}main .wrap-main-banner .wrap-banner-content .read-this-article span{font-family:DBOzoneX;font-size:30px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:.15px;color:#fff}main .wrap-main-banner .wrap-banner-content .read-this-article:hover{background-color:#0058a8}main .wrap-main-banner .wrap-banner-content .date-box{width:15%;height:137%;padding:.5% 2%}main .wrap-main-banner .wrap-banner-content .date-box .issue-text{font-family:DBOzoneX;font-size:100px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:.7;letter-spacing:.15px;color:#00b2ef}main .wrap-main-banner .wrap-banner-content .date-box .issue-text small{font-size:60px}main .wrap-main-banner .wrap-banner-content .date-box .time-range{font-family:DBOzoneX;font-size:34px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:.15px;color:#0058a8}main .wrap-article-list .wrap-list-title{border-bottom:solid 1px #00b2ef;margin-bottom:5px}main .wrap-article-list .wrap-article-item .article-item{margin-top:30px}main .wrap-article-list .wrap-article-item .article-item .wrap-item{height:100%;width:100%;padding-top:calc( 100% * (183/325) );left:0;right:0;top:0;bottom:0}main .wrap-article-list .wrap-article-item .article-item img{left:0;right:0;top:0;bottom:0;height:100%;width:100%}main .wrap-article-list .wrap-article-item .article-item .date-box{height:110px;width:80px;padding:2%}main .wrap-article-list .wrap-article-item .article-item .date-box .issue-text{font-family:DBOzoneX;font-size:45px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:.67;letter-spacing:.15px;color:#00b2ef}main .wrap-article-list .wrap-article-item .article-item .date-box .issue-text small{font-size:26px}main .wrap-article-list .wrap-article-item .article-item .date-box .time-range{font-family:DBOzoneX;font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:.15px;color:#0058a8}main .wrap-article-list .wrap-article-item .article-item .article-title{z-index:1;font-family:DBOzoneX;font-size:28px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:.15px;color:#fff;bottom:10px;left:90px;right:15px;height:fit-content;position:absolute}main .wrap-article-list .wrap-article-item .article-item .shadow-effect{left:0;right:0;bottom:0;max-height:100%;width:100%;opacity:.9;mix-blend-mode:multiply;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(101, 101, 101, 0.6) 56%, #222222 99%)}main .wrap-article-list button{width:180px;height:54px;object-fit:contain;border-radius:5px;border:solid 1px #00b2ef;background-color:#fff;margin-top:100px;transition:border .3s}main .wrap-article-list button span{font-family:DBOzoneX;font-size:30px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:.15px;color:#0058a8}main .wrap-article-list button:hover{border-color:#0058a8}@media screen and (min-width: 991px){main .wrap-main-banner .wrap-banner-content .categories-item:nth-child(n+2){margin-top:0}}@media screen and (max-width: 990px){main .wrap-main-banner .wrap-banner-content{padding-left:25px;padding-right:25px}main .wrap-main-banner .wrap-banner-content .wrap-banner-list{flex-direction:column;margin-left:0}main .wrap-main-banner .wrap-banner-content .wrap-banner-list .read-this-article{margin-right:0 !important;margin-left:auto;margin-top:74px}main .wrap-main-banner .wrap-banner-content .date-box{height:146px;width:108px}main .wrap-main-banner .wrap-banner-content .banner-title{margin-left:0}main .wrap-article-list .wrap-article-item .article-item .article-title{font-size:26px;line-height:.9}}@media screen and (max-width: 1035px){main .wrap-main-banner .wrap-banner-content .date-box .issue-text{font-size:60px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:.7;letter-spacing:.15px}main .wrap-main-banner .wrap-banner-content .date-box .issue-text small{font-size:38px}main .wrap-main-banner .wrap-banner-content .date-box .time-range{font-size:20px}}