@charset "utf-8";
.logo_rewardy_001{display:none !important;}
.logo_rewardy_002{display:none !important;}


/* 상단 슬라이드 */
.sb_slider_block{padding-top:2.7rem;padding-bottom:0;}
.sb_title_text{display:flex;justify-content:space-between;margin-bottom:2rem;}
.sb_title_text .sb_title_text_a{margin-top:0.8rem; line-height:1;}
.sb_title_all_more{margin-right: 0.4rem;width: 9.1rem;height: 4.4rem;border: 1px solid #dddddd;border-radius: 0.5rem;font-size: 1.5rem;font-weight: 300;letter-spacing: -0.05em;display: flex;align-items: center;color: #151515;justify-content: center;}
.block_slider_area{display:flex;align-items:center;padding:5.2rem 3.1rem 6.5rem 3.1rem}
.block_slider_area .now_view_page{width:25rem;border-radius: 0.8rem;overflow:hidden;margin-right:1rem;box-shadow:0px 7px 15px #00000033;position:relative;}
.block_slider_area .now_view_page .now_view_page_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:3;}
.block_slider_area .now_view_page:after {content: "";position: absolute;top: 1rem;right: 1rem;width: 3rem;height: 3rem;background: url(../images/sub/ico_chk_on.png) 50% 50% no-repeat;background-size: 100%;z-index: 4;}
.block_slider_area .now_view_page::before{content: "";position: absolute;bottom: 1.2rem;right: 1.2rem;background: url("./images/main/now_read.png") 50% 50% no-repeat;background-size: 100%;z-index: 4;width:14.3rem;height:3rem;}
.block_slider_area .now_view_page a{width:100%}
.block_slider_area .now_view_page a img{width:100%;}
.sb_slider_block .block_slider{flex:1;position:relative;margin: 0 0 0 0;
    /* margin:5.2rem 3.1rem 6.5rem;overflow:visible; */
}
.sb_slider_block .block_slider li{width:25rem;border-radius: 0.8rem;overflow:hidden;}
.sb_slider_block .block_slider li:not(:last-child){margin: 0 1rem 0 0;}
.sb_slider_block .block_slider li a{padding:0;background:transparent !important;width:100%;}
.sb_slider_block .block_slider li img{
    /* width:100%;height:17.9rem; */
}
.sb_slider_block .block_slider li.on{display:none;}


/* 하단 추가 or 광고 추가 */
.sb_bottom_container{padding:12.4rem 0 7rem;margin: 0 auto; width: 100%; max-width: 1000px;}
.sb_bottom_list{width: 100%;padding: 4rem 0 4rem 4rem;display: flex;align-items: center;background-color: #f9fafc;border-radius: 0.7rem;box-sizing: border-box;}
.sb_bottom_list .sb_bottom_list_image{margin-right:5rem;}
.sb_bottom_list .sb_bottom_list_image ul{position: relative;width: 32.1rem;height: 23rem;}
.sb_bottom_list .sb_bottom_list_image ul li{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transition: opacity .5s;}
.sb_bottom_list .sb_bottom_list_image ul li.new::after{content: "NEW";position: absolute;top: 0;right: 0;width: 4.5rem;height: 4.5rem;line-height: 4.5rem;font-size: 1.3rem;font-weight: 400;color: #fff;text-align: center;background-color: #de1e11;}
.sb_bottom_list .sb_bottom_list_image ul li.on{opacity: 1;z-index: 1;}
.sb_bottom_list .sb_bottom_list_image ul li .list_image{width: 100%;border-radius:0.7rem;}
.sb_bottom_list .sb_bottom_list_image ul li .now_read{position: absolute;bottom: 1.5rem;right: 1.5rem;z-index: 1;}
.sb_bottom_list .sb_bottom_list_box{flex:1;}
.sb_bottom_list .sb_bottom_list_box ul{}
.sb_bottom_list .sb_bottom_list_box ul li{margin-bottom: 1rem; position: relative;height: 5rem;}
.sb_bottom_list .sb_bottom_list_box ul li a{display: flex;align-items: center;width: 47rem;height: 5rem;padding: 0 2rem;background-color: #fff;border: 0.1rem solid #e5e5e5;border-radius: 0.6rem;box-sizing: border-box;position: absolute;top: 50%;left: 0%;transform: translateY(-50%);transition:all .2s;}
.sb_bottom_list .sb_bottom_list_box ul li a.sb_bottom_update{padding: 0 1.6rem;}
.sb_bottom_list .sb_bottom_list_box ul li a p{font-size: 1.5rem;letter-spacing: -0.063em;font-weight: 300;color:#252525}
.sb_bottom_list .sb_bottom_list_box ul li a p > span{letter-spacing: 0;}
.sb_bottom_list .sb_bottom_list_box ul li a > span{color: #3b85ff;font-size: 1.3rem;letter-spacing: -0.05em;font-weight: 300;margin-right:1.1rem;}
.sb_bottom_list .sb_bottom_list_box ul li a.on{width: 51rem;border: 0.1rem solid #000;box-shadow: 0px 7px 15px #00000026;}
.sb_bottom_list .sb_bottom_list_box ul li a.on p{font-weight: 500;}
.sb_bottom_list .sb_bottom_list_box ul li a.on span{font-weight: 500;}
.sb_bottom_list .sb_bottom_list_box > a{display: inline-block;width: 30rem;height: 5rem;display: flex;align-items: center;justify-content: space-between;padding: 0 2rem;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 0.6rem;font-weight: 500;font-size: 1.5rem;letter-spacing:-0.08em;box-sizing: border-box;color:#252525;}
.sb_bottom_list .sb_bottom_list_box > a img{width:6px;}
.sb_bottom_advertising{margin-top: 7rem;overflow:hidden}
.sb_bottom_advertising a{}
.sb_bottom_advertising a img{width: 100%;border-radius:1rem;}

.sb_slide_ad{position:absolute;top:56rem;left: calc(50% - 65rem);z-index:15}
.sb_slide_ad.on{position:fixed;top:50%;transform:translateY(-50%);}
.sb_slide_ad .sb_slider_ad{position: relative;width: 10rem !important;overflow: hidden;}
.sb_slide_ad .sb_slider_ad ul{}
.sb_slide_ad .sb_slider_ad ul li{width: 10rem;height: 22rem;margin-top: 0;}
.sb_slide_ad .sb_slider_ad ul li a{display: inline-block;}
.sb_slide_ad .sb_slider_ad ul li a img{}
.sb_slide_ad .sb_slider_ad .sb_slider_ad_pagination{margin-top:5px;}
.sb_slide_ad .sb_slider_ad .sb_slider_ad_pagination span {display: inline-block;width: 0.6rem;height: 0.6rem;background-color: #cccccc;opacity:1}
.sb_slide_ad .sb_slider_ad .sb_slider_ad_pagination {text-align: center;}
.sb_slide_ad .sb_slider_ad .sb_slider_ad_pagination span.swiper-pagination-bullet-active {width: 2rem;background-color: #373a3c;border-radius: 5rem;}

@media (max-width:1500px) {
    .sb_slide_ad{left: 9rem ;}
}
@media (max-width:1400px) {
    .sb_slide_ad{left: 4rem ;}
}
@media (max-width:1300px) {
    .sb_slide_ad{left: 3rem ;}
}
@media (max-width:1000px) {
    .sb_bottom_container{display: flex;flex-direction: column;gap: 5rem;}
    .sb_bottom_advertising{order: -1;margin: 0 4rem;margin-top: 0;}
}
@media (max-width:960px) {
    .sb_slide_ad{display: none;}
}
@media (max-width:860px) {
    .sb_bottom_list{padding: 4rem;}
    .sb_bottom_list .sb_bottom_list_image{display: none;}
    .sb_bottom_list .sb_bottom_list_box ul li a{width: 100%;}
    .sb_bottom_list .sb_bottom_list_box > a{width: 70%;}
    .sb_bottom_list .sb_bottom_list_box ul li a.on{width: 101%;border: 0.2rem solid #000;box-shadow: 0 0.6481vw 1.3888vw #00000026;}

    .sb_bottom_list .sb_bottom_list_box ul li.on a{animation-name: botton_list_a; animation-duration: 3s; animation-fill-mode: forwards;animation-iteration-count: 1;}
    .sb_bottom_list .sb_bottom_list_box ul li.on a p{animation-name: botton_list_text; animation-duration: 3s; animation-fill-mode: forwards;animation-iteration-count: 1;}
    .sb_bottom_list .sb_bottom_list_box ul li.on a span{animation-name: botton_list_text; animation-duration: 3s; animation-fill-mode: forwards;animation-iteration-count: 1;}
    
    @keyframes botton_list_a {
        0%{border: 0.1rem solid #e5e5e5;}
        10%{border: 0.2rem solid #000;box-shadow: 0 0.6481vw 1.3888vw #00000026;}
        90%{border: 0.2rem solid #000;box-shadow: 0 0.6481vw 1.3888vw #00000026;}
        100%{border: 0.1rem solid #e5e5e5;}
    }
    @keyframes botton_list_text {
        0%{}
        10%{font-weight: 500;}
        90%{font-weight: 500;}
        100%{}
    }
}

@media (max-width:480px) {
    .sb_title_text{margin-bottom:3.9814vw;font-size:3.7037vw;}
    .sb_title_text .sb_title_text_a{margin-top:0.8rem; line-height:1;}

    .block_slider_area{padding:5.6481vw 7.1296vw 5.6481vw 7.1296vw}
    .sb_title_all_more{display:none;}
    /* .sb_slider_block .block_slider{margin:5.6481vw 0 5.6481vw 7.1296vw} */
    .sb_slider_block .block_slider .swiper-wrapper{align-items:center;}
    .sb_slider_block .block_slider li{width:47.5vw;;border-radius: 1.0185vw;}
    .sb_slider_block .block_slider .block_slider_prev,
    .sb_slider_block .block_slider .block_slider_next{width:8.3333vw;height:8.3333vw;}
    .sb_slider_block .block_slider li.on{border-radius:1.8518vw;overflow:hidden;display:block;}
    .sb_slider_block .block_slider li.on::before{content: "";position: absolute;background: url("./images/main/now_read.png") 50% 50% no-repeat;background-size: 100%;z-index: 3;bottom:1.8518vw;right:1.8518vw;width:24.537vw; height:5.0925vw}
    .sb_slider_block .block_slider li.on::after{bottom:1.8518vw;right:1.8518vw;width:5.8333vw;height:5.8333vw;}
    .sb_slider_block .block_slider li.on img{border-radius: unset;}
    .sb_slider_block .block_slider li.on a{position:relative;}
    .sb_slider_block .block_slider li.on a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;}

    .block_slider_area .now_view_page{display:none;}

    .sb_bottom_container{gap: 13.8888vw;}
    .sb_bottom_list{padding: 8.7962vw 5.5556vw 9.2592vw;}
    .sb_bottom_list .sb_bottom_list_box ul li{height: 11.1111vw;margin-bottom: 1.8518vw;}
    .sb_bottom_list .sb_bottom_list_box ul li:last-child{margin-bottom:0;}
    .sb_bottom_list .sb_bottom_list_box ul li a{width: 88.8889vw;height: 11.1111vw;margin-bottom: 1.8518vw;padding: 0 2.2916vw;border: 0.0925vw solid #e5e5e5;}
    .sb_bottom_list .sb_bottom_list_box ul li a.sb_bottom_update{padding : 0 2.7083vw;}
    .sb_bottom_list .sb_bottom_list_box ul li a.sb_bottom_update p{letter-spacing:-0.06em}
    .sb_bottom_list .sb_bottom_list_box ul li a.sb_bottom_update p span{margin-right:1.0416vw;}
    .sb_bottom_list .sb_bottom_list_box ul li a p{font-size: 3.3333vw;padding-bottom:0.2083vw;}
    .sb_bottom_list .sb_bottom_list_box ul li a p > span{font-size: 3.3333vw;padding-bottom:0.2083vw;}
    .sb_bottom_list .sb_bottom_list_box ul li a > span{font-size: 2.7777vw;}

    .sb_bottom_advertising{margin: 0 5.5556vw;}
    .sb_bottom_list .sb_bottom_list_box > a{font-size: 3.3333vw;width: 83.3333vw;height: 11.1111vw;padding: 0 2.7777vw;margin-top: 2.7777vw;}

    .sb_bottom_advertising a img{border-radius:0.9259vw}
}