event2 일므을 promotion으로 변경

This commit is contained in:
2025-07-09 10:53:27 +09:00
parent bccf145cf1
commit f95459ce77
3 changed files with 67 additions and 67 deletions

View File

@ -1,57 +0,0 @@
@charset "utf-8";
.rb_latest_event {box-sizing: border-box; width: 100%; background-color: #F3F3F3; padding-top: 50px; padding-bottom: 50px;}
.rb_latest_event .rb_latest_event_inner {position: relative; margin: 0 auto;}
.rb_latest_event dd {position: relative;}
.rb_latest_event dd:last-child {margin-bottom: 0px;}
.rb_latest_event .bbs_main_wrap_con_ul1 {width: 100%; box-sizing: border-box; position: relative; margin-bottom: 20px;}
.rb_latest_event .bbs_main_wrap_con_ul1 img {width: 100%; height:auto; border-radius: 10px;}
.rb_latest_event .bbs_main_wrap_con_ul2 {width: 100%;}
.rb_latest_event .bbs_main_wrap_con_subj {font-size: 18px;}
.rb_latest_event .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 5px;}
.rb_latest_event .bbs_main_wrap_con_cont a {color:#666;}
.rb_latest_event .bbs_main_wrap_con_info {font-size: 12px; color:#999; margin-top: 10px;}
.rb_latest_event .bbs_main_wrap_con_writer {margin-top: 20px;}
.rb_latest_event .bbs_main_wrap_con_writer span {display: inline-block;}
.rb_latest_event .prof_tiny_image img {width: 30px; height:auto; border-radius: 50%; margin-right: 5px;}
.rb_latest_event .prof_tiny_name {font-size: 12px; color:#999; line-height: 30px; margin-right: 10px;}
.rb_latest_event .bbs_list_label {font-size: 11px; border-radius: 4px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 2px;}
.rb_latest_event .bbs_main_wrap_tit_l a {font-size: 50px; color:#483729; letter-spacing: -2px;}
.rb_latest_event .icon_abs {position: absolute; right:10px; top:10px;}
.rb_latest_event .bbs_list_label.label1 {background-color: #FFC700; color:#fff;}
.rb_latest_event .bbs_list_label.label2 {background-color: #00A3FF; color:#fff;}
.rb_latest_event .bbs_list_label.label3 {background-color: #8ED100; color:#fff;}
.rb_latest_event .bbs_list_label.label4 {background-color: #AA20FF; color:#fff;}
.rb_latest_event .bbs_list_label.label5 {background-color: #25282B; color:#fff;}
.rb_latest_event .bbs_list_label.label6 {background-color: #D6DCE0; color:#000;}
.rb_latest_event .rb_latest_event_item_date {display: flex; align-items: center; line-height: 24px; border-top:1px solid #ddd; padding-top: 15px; margin-top: 17px !important;}
.rb_latest_event .rb_latest_event_item_date_1 {}
.rb_latest_event .rb_latest_event_item_date_2 {margin-left: auto;}
.rb_latest_event .rb_latest_event_label {padding: 5px 10px; border-radius: 20px; font-size: 12px;}
.rb_latest_event .rb_latest_event_label.ev_label1 {background-color: #25282B; color:#fff;}
.rb_latest_event .rb_latest_event_label.ev_label2 {background-color: #fff}
.rb_latest_event .bbs_main_wrap_sub {margin-left: 30px; margin-top: 8px; font-size: 18px; color:#483729;}
.rb_latest_event_inner_btm {margin-top: 60px !important;}
.theme_btns {width:100%; height:120px; border-radius: 10px; border:0px; background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; display: flex; align-items: center; color:#fff; font-size: 20px; padding-left: 40px; padding-right: 40px; text-align: left;}
.theme_btns img {border:0px !important;}
.theme_btns span:nth-child(2) {margin-left: auto; height:20px;}
@media all and (max-width:1024px) {
.rb_latest_event .rb_latest_event_inner {width: 100% !important;}
.rb_latest_event .rb_swiper_paging_btn {top:14px;}
.rb_latest_event .bbs_main_wrap_tit_l a {font-size: 34px;}
.rb_latest_event .bbs_main_wrap_sub {float:none; margin-left: 0px; font-size: 16px}
.rb_latest_event .bbs_main_wrap_tit_l {float:none;}
.rb_latest_event .rb-swiper-slide {width: 100%;}
.rb_latest_event .bbs_main_wrap_tit_r {margin-top: -86px;}
.rb_latest_event_inner_btm {margin-top: 30px !important;}
.rb_latest_event .rb-swiper-slide {width: 100% !important;}
.rb_latest_event bbs_main_wrap_thumb_top_con {width: 100% !important;}
}
@media all and (max-width:768px) {
.rb_latest_event .rb_latest_event_item_date {display:block;}
.rb_latest_event .rb_latest_event_item_date_1 {font-size: 12px;}
.rb_latest_event .rb_latest_event_inner {width: 100% !important;}
}

View File

@ -58,9 +58,9 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
<div class="bbs_main rb_latest_event rb_latest_event_<?php echo $row_mod['md_id'] ?>" style="padding-top:0px !important;">
<div class="bbs_main rb_latest_promotion rb_latest_promotion_<?php echo $row_mod['md_id'] ?>" style="padding-top:0px !important;">
<div class="rb_latest_event_inner" style="width:<?php echo $rb_core['main_width'] ?>px;">
<div class="rb_latest_promotion_inner" style="width:<?php echo $rb_core['main_width'] ?>px;">
<!-- { -->
<ul class="bbs_main_wrap_tit">
@ -142,13 +142,13 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
if($start_date && $end_date) {
if ($todays < $start_date) {
// 진행 전
$rb_ev_ico = '<span class="rb_latest_event_label ev_label1 font-R" style="opacity:0.5;">예정</span>';
$rb_ev_ico = '<span class="rb_latest_promotion_label ev_label1 font-R" style="opacity:0.5;">예정</span>';
} elseif ($todays > $end_date) {
// 종료
$rb_ev_ico = '<span class="rb_latest_event_label ev_label2 font-R">종료</span>';
$rb_ev_ico = '<span class="rb_latest_promotion_label ev_label2 font-R">종료</span>';
} else {
// 진행 중
$rb_ev_ico = '<span class="rb_latest_event_label main_rb_bg color-fff font-R">진행</span>';
$rb_ev_ico = '<span class="rb_latest_promotion_label main_rb_bg color-fff font-R">진행</span>';
}
}
?>
@ -221,9 +221,9 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
</ul>
<?php if (isset($list[$i]['wr_1']) && $list[$i]['wr_1'] && isset($list[$i]['wr_2']) && $list[$i]['wr_2']) { ?>
<ul class="rb_latest_event_item_date mt-10 font-14 font-B main_color">
<li class="rb_latest_event_item_date_1"><?php echo get_text($list[$i]['wr_1']); ?> ~ <?php echo get_text($list[$i]['wr_2']); ?></li>
<li class="rb_latest_event_item_date_2"><?php echo $rb_ev_ico ?></li>
<ul class="rb_latest_promotion_item_date mt-10 font-14 font-B main_color">
<li class="rb_latest_promotion_item_date_1"><?php echo get_text($list[$i]['wr_1']); ?> ~ <?php echo get_text($list[$i]['wr_2']); ?></li>
<li class="rb_latest_promotion_item_date_2"><?php echo $rb_ev_ico ?></li>
</ul>
<?php } ?>
@ -259,7 +259,7 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
</div>
<div class="rb_latest_event_inner rb_latest_event_inner_btm" style="width:<?php echo $rb_core['main_width'] ?>px;">
<div class="rb_latest_promotion_inner rb_latest_promotion_inner_btm" style="width:<?php echo $rb_core['main_width'] ?>px;">
<div class="rb_swiper" id="rb_swiper_<?php echo $rb_skin['md_id'] ?>_btm" data-pc-w="3" data-pc-h="2" data-mo-w="1" data-mo-h="1" data-pc-gap="30" data-mo-gap="20" data-autoplay="1" data-autoplay-time="4000" data-pc-swap="0" data-mo-swap="1">
<div class="rb_swiper_inner">
@ -313,7 +313,7 @@ $rb_skin['md_auto_is'] 자동롤링 여부(1,0)
//복제 사용을 위해 $row_mod['md_id'](모듈ID) 를 활용 합니다.
function adjustDivWidth_<?php echo $row_mod['md_id'] ?>() {
const content_w = $('.rb_latest_event_<?php echo $row_mod['md_id'] ?>');
const content_w = $('.rb_latest_promotion_<?php echo $row_mod['md_id'] ?>');
const firstAdminOv_w = content_w.nextUntil('.admin_ov').next('.admin_ov');
if ($(window).width() > <?php echo $rb_core['main_width'] ?>) {

View File

@ -0,0 +1,57 @@
@charset "utf-8";
.rb_latest_promotion {box-sizing: border-box; width: 100%; background-color: #fff; padding-top: 50px; padding-bottom: 50px;}
.rb_latest_promotion .rb_latest_promotion_inner {position: relative; margin: 0 auto;}
.rb_latest_promotion dd {position: relative;}
.rb_latest_promotion dd:last-child {margin-bottom: 0px;}
.rb_latest_promotion .bbs_main_wrap_con_ul1 {width: 100%; box-sizing: border-box; position: relative; margin-bottom: 20px;}
.rb_latest_promotion .bbs_main_wrap_con_ul1 img {width: 100%; height:auto; border-radius: 10px;}
.rb_latest_promotion .bbs_main_wrap_con_ul2 {width: 100%;}
.rb_latest_promotion .bbs_main_wrap_con_subj {font-size: 18px;}
.rb_latest_promotion .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 5px;}
.rb_latest_promotion .bbs_main_wrap_con_cont a {color:#666;}
.rb_latest_promotion .bbs_main_wrap_con_info {font-size: 12px; color:#999; margin-top: 10px;}
.rb_latest_promotion .bbs_main_wrap_con_writer {margin-top: 20px;}
.rb_latest_promotion .bbs_main_wrap_con_writer span {display: inline-block;}
.rb_latest_promotion .prof_tiny_image img {width: 30px; height:auto; border-radius: 50%; margin-right: 5px;}
.rb_latest_promotion .prof_tiny_name {font-size: 12px; color:#999; line-height: 30px; margin-right: 10px;}
.rb_latest_promotion .bbs_list_label {font-size: 11px; border-radius: 4px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 2px;}
.rb_latest_promotion .bbs_main_wrap_tit_l a {font-size: 50px; color:#483729; letter-spacing: -2px;}
.rb_latest_promotion .icon_abs {position: absolute; right:10px; top:10px;}
.rb_latest_promotion .bbs_list_label.label1 {background-color: #FFC700; color:#fff;}
.rb_latest_promotion .bbs_list_label.label2 {background-color: #00A3FF; color:#fff;}
.rb_latest_promotion .bbs_list_label.label3 {background-color: #8ED100; color:#fff;}
.rb_latest_promotion .bbs_list_label.label4 {background-color: #AA20FF; color:#fff;}
.rb_latest_promotion .bbs_list_label.label5 {background-color: #25282B; color:#fff;}
.rb_latest_promotion .bbs_list_label.label6 {background-color: #D6DCE0; color:#000;}
.rb_latest_promotion .rb_latest_promotion_item_date {display: flex; align-items: center; line-height: 24px; border-top:1px solid #ddd; padding-top: 15px; margin-top: 17px !important;}
.rb_latest_promotion .rb_latest_promotion_item_date_1 {}
.rb_latest_promotion .rb_latest_promotion_item_date_2 {margin-left: auto;}
.rb_latest_promotion .rb_latest_promotion_label {padding: 5px 10px; border-radius: 20px; font-size: 12px;}
.rb_latest_promotion .rb_latest_promotion_label.ev_label1 {background-color: #25282B; color:#fff;}
.rb_latest_promotion .rb_latest_promotion_label.ev_label2 {background-color: #fff}
.rb_latest_promotion .bbs_main_wrap_sub {margin-left: 30px; margin-top: 8px; font-size: 18px; color:#483729;}
.rb_latest_promotion_inner_btm {margin-top: 60px !important;}
.theme_btns {width:100%; height:120px; border-radius: 10px; border:0px; background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; display: flex; align-items: center; color:#fff; font-size: 20px; padding-left: 40px; padding-right: 40px; text-align: left;}
.theme_btns img {border:0px !important;}
.theme_btns span:nth-child(2) {margin-left: auto; height:20px;}
@media all and (max-width:1024px) {
.rb_latest_promotion .rb_latest_promotion_inner {width: 100% !important;}
.rb_latest_promotion .rb_swiper_paging_btn {top:14px;}
.rb_latest_promotion .bbs_main_wrap_tit_l a {font-size: 34px;}
.rb_latest_promotion .bbs_main_wrap_sub {float:none; margin-left: 0px; font-size: 16px}
.rb_latest_promotion .bbs_main_wrap_tit_l {float:none;}
.rb_latest_promotion .rb-swiper-slide {width: 100%;}
.rb_latest_promotion .bbs_main_wrap_tit_r {margin-top: -86px;}
.rb_latest_promotion_inner_btm {margin-top: 30px !important;}
.rb_latest_promotion .rb-swiper-slide {width: 100% !important;}
.rb_latest_promotion bbs_main_wrap_thumb_top_con {width: 100% !important;}
}
@media all and (max-width:768px) {
.rb_latest_promotion .rb_latest_promotion_item_date {display:block;}
.rb_latest_promotion .rb_latest_promotion_item_date_1 {font-size: 12px;}
.rb_latest_promotion .rb_latest_promotion_inner {width: 100% !important;}
}